@charset "utf-8";
/* CSS Document */


/* Typography 
-----------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


body {
  background: #f8f5e9;
  font: 14px/18px 'Open Sans', sans-serif;
  color: #000;
  margin: 0;
  padding: 0;
  width: 100%;
}


#brevis_block{}


a {
  color: #555;
  text-decoration: underline;
}

a:hover {
  color: #000;
  text-decoration: none;
}

img {
  vertical-align: middle;
  max-width: 100%;
}



.container{
  width: 1120px;
}

/* Page 
-----------------------------------------------------------*/
.clear {clear: both;}
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }




/* Style Form 
-----------------------------------------------------------*/
input[type="text"],
input[type="password"],
textarea {
  
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
  border-color: #077fc3;
}

textarea {
  vertical-align: top;
  resize: none;
}

::-webkit-input-placeholder {color: #959595;}
:-moz-placeholder {color: #959595;}
.placeholder {color: #959595;}






/* Navigation
-----------------------------------------------------------*/



/* Header 
-----------------------------------------------------------*/
.header {
  position: relative;
  background: url('../img/header-img.jpg') no-repeat center top;
  padding: 0 0 13px;
}

.logo a{
  float: left;
  width: 281px;
  height: 51px;
  background: url('../img/logo.png') no-repeat top center;
}

.logo a:hover{
  background: url('../img/logo-hover.png') no-repeat top center;
}

.head-navigation{
  position: fixed;
  width: 100%;
  background: rgba(0, 118, 173, 0.7);
  padding: 14px 0 12px;
  z-index: 999;
}

.navbar-default{
  background: none;
  border:none;
  margin-left: 298px;
  margin-bottom: 0;
  min-height: 53px;
}

.navbar-default .navbar-nav>li>a{
  color: #fff;
  text-transform: uppercase;
  font:bold 18px/22px 'Open Sans Condensed', sans-serif;
  text-decoration: none;
}

.navbar-default .navbar-nav>li>a:hover{
  color: #fff;
  background: #1dabde;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.dropdown:hover>a, .navbar-default .navbar-nav>.open>a:focus{
  color: #fff!important;
  background: #1dabde;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
  color: #fff!important;
}

.navbar-default .navbar-nav>li:hover .dropdown-menu{
  display: block;
}

.open>.dropdown-menu{
  display: none;
}

.dropdown-menu li{
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  border-bottom:1px solid #fff;
}

.dropdown-menu li:first-child{
  border-top:1px solid #fff;
}

.dropdown-menu>li>a{
  color: #fff;
  font:bold 14px/18px 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  padding: 11px 34px 10px 12px;
  position: relative;
}

.dropdown-menu>li>a:before{
  position: absolute;
  content: " ";
  width: 4px;
  height: 7px;
  background: url('../img/sprite.png') no-repeat -433px -135px;
  top: 50%;
  margin-top: -3px;
  right: 11px;
}

.dropdown-menu{
  padding: 10px;
  background: #1dabde;
}

.dropdown-menu>li>a:hover{
  color: #fff;
  background: #0076ad;
}

.header-bl{
  padding-top: 108px;
  position: relative;
  height: 840px;
}

.header-contact{
  width: 353px;
  color: #fff;
  font:bold 18px/22px 'Open Sans Condensed', sans-serif;
  z-index: 10;
  position: relative;
}

.header-contact span{
  display: inline-block;
  padding-left: 45px;
  position: relative;
  margin-bottom: 8px;
}

.header-contact span:before{
  position: absolute;
  content: " ";
  width: 12px;
  height: 16px;
  top: 50%;
  margin-top: -8px;
  left: 5px
}

.header-phone:before{
  background: url('../img/sprite.png') no-repeat -43px -9px;
}

.header-place:before{
  background: url('../img/sprite.png') no-repeat -73px -9px;
}

.header-contact div{
  background: #92cfe0;
  color: #0076ad;
  font:bold 14px/18px 'Open Sans Condensed', sans-serif;
  text-align: center;
  margin: 5px 0 0 7px;
  padding: 9px;
  position: relative;
}


.header-contact div:before{
  position: absolute;
  content: " ";
  width: 16px;
  height: 8px;
  top: -8px;
  left: 50%;
  margin-left: -14px;
  background: url('../img/sprite.png') no-repeat -9px -9px;
}

.list-activity{
  position: absolute;
  height: 686px;
  width: 1154px;
  background: url('../img/town-img.png') no-repeat top center;
  top: 120px;
  left: 50%;
  margin-left: -562px;
  z-index: 5;
  padding: 138px 0 0;
  overflow: hidden;
}


.list-activity ul{
  width: 545px;
  display: inline-block;
}

.list-activity ul li{
  width: 283px;
  background: rgba(19, 33, 49, 0.6);
  margin-bottom: 56px;
  position: relative;
  text-align: left;
  display: inline-block;
}

.list-activity-bl1 li:before{
  position: absolute;
  content: " ";
  width: 13px;
  height: 62px;
  top: 1px;
  right: -13px;
  background: url('../img/list-activity-bl1.png') no-repeat top center;
}

.list-activity-bl2 li:before{
  position: absolute;
  content: " ";
  width: 13px;
  height: 62px;
  top: 1px;
  left: -13px;
  background: url('../img/list-activity-bl2.png') no-repeat top center;
}

.list-activity-bl1 li:after{
  position: absolute;
  content: " ";
  width: 95px;
  height: 55px;
  top: -14px;
  right: -13px;
  background: url('../img/sprite.png') no-repeat -9px -118px;
}

.list-activity-bl2 li:after{
  position: absolute;
  content: " ";
  width: 87px;
  height: 39px;
  top: 0px;
  left: -13px;
  background: url('../img/ic1.png') no-repeat top center;
}

.list-activity-bl1{
  text-align: right;
}

.list-activity-bl2{
  float: right;
  margin-right: 29px;
}


.list-activity ul a{
  color: #fff;
  font:bold 14px/18px 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  padding: 14px;
  display: block;
}

.list-activity ul a:hover{
  color: #39f7ad;
}

.list-n1{
margin-right: 161px;
}

.list-n2{
margin-right: 112px;

}

.list-activity .list-n2 a{
  padding-right: 50px;
}

.list-n3{
margin-right: 62px;
}

.list-activity .list-n3 a{
  padding-right: 50px;
}

.list-n4{
margin-right: 11px;
}

.list-activity .list-n4 a{
  padding-right: 76px;
}

.list-n5{
margin-left: 161px;
}

.list-activity .list-n5 a{
  padding-left: 46px;
}

.list-n6{
margin-left: 112px;
}

.list-activity .list-n6 a{
  padding: 23px 40px;
}

.list-n7{
margin-left: 62px;
}

.list-activity .list-n7 a{
  padding-right: 76px;
}

.list-n8{
margin-left: 11px;
}

.list-activity .list-n8 a{
  padding-right: 63px;
}

.list-activity-bl2 li a{
  padding-left: 40px;
}



/* Content
-----------------------------------------------------------*/

.about-company{
  margin-bottom: 240px;
}


.title-about-company{
  border-top:2px solid #706c65;
  font:bold 36px/40px 'Open Sans Condensed', sans-serif;
  position: relative;
  text-align: center;
  margin-bottom: 45px;
}

.title-about-company span{
  text-transform: uppercase;
  position: absolute;
  top: -20px;
  background: #f8f5e9;
  color: #706c65;
  padding: 0 30px;
  left: 50%;
  margin-left: -130px;
}

.title-about-company span:before{
  position: absolute;
  content: " ";
  width: 8px;
  height: 14px;
  top: 12px;
  left: 0px;
  background: url('../img/sprite.png') no-repeat -35px -211px;
}

.title-about-company span:after{
  position: absolute;
  content: " ";
  width: 8px;
  height: 14px;
  top: 12px;
  right: 0px;
  background: url('../img/sprite.png') no-repeat -9px -211px;
}

.about-company-content{
  overflow: hidden;
  margin: 0 auto 40px;
  width: 925px;
}

.about-company-img{
  float: left;
  background: #fff;
  border:1px solid #706c65;
  padding: 19px;
  margin-right: 40px;
}

.about-company-text{
  font: 14px/20px 'Open Sans', sans-serif;
  color: #706c65;

}

.about-company-text p{
  margin-bottom: 16px;
}

.quantity-goods{
  margin-bottom: 10px;
  text-align: center;
}

.quantity-goods li{
  display: inline-block;
  width: 143px;
  vertical-align: top;
  margin: 0 35px;
  font:bold 18px/24px 'Open Sans Condensed', sans-serif;
}

.quantity-goods>li>span{
  width: 143px;
  height: 143px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  color: #fff;
  font:bold 36px/40px 'Open Sans Condensed', sans-serif;
  margin-bottom: 7px;
}

.quantity-goods>li>span:before{
  position: absolute;
  content: " ";
  width: 132px;
  height: 130px;
  top: 50%;
  right: 50%;
  margin-right: -67px;
  margin-top: -65px;
  background: url('../img/sprite.png') no-repeat -166px -128px;
}

.quantity-goods>li>span span{
  margin-top: 51px;
  display: inline-block;
}

.quantity-g1>span{
  background: #4bb4e5;
}

.quantity-g2>span{
  background: #7dbd9b;
}

.quantity-g3>span{
  background: #e33f4f;
}

.quantity-g4>span{
  background: #89ad62;
}

.quantity-g1 p{
  color: #4bb4e5;
}

.quantity-g2 p{
  color: #7dbd9b;
}

.quantity-g3 p{
  color: #e33f4f;
}

.quantity-g4 p{
  color: #89ad62;
}


.activity-bl{
  width: 1040px;
  margin: 0 auto 210px;
  position: relative;
  padding: 220px 21px 14px;
}

.product{
  position: absolute;
  width: 830px;
  height: 360px;
  padding: 44px 30px 0 310px;
  color: #fff;
  left: 147px;
  font: 16px/24px 'Open Sans', sans-serif;
  top: -161px;
}

.product p{
  z-index: 100;
  position: relative;
}

.product:before{
  position: absolute;
  content: " ";
  width: 156px;
  height: 360px;
  right: -50px;
  top: 0;
  z-index: 1;
}

.cctv .product:before{
  background: url('../img/corner-bl1.png') no-repeat top center;
}


.cctv{
  border:1px solid #4bb4e5;
}

.cctv .product{
  background: #4bb4e5;
}

.title-product{
  font:bold 30px/34px 'Open Sans Condensed', sans-serif;
  display: block;
  margin-bottom: 20px;
  z-index: 100;
  position: relative;
  text-transform: uppercase;
}

.call-product{
  position: absolute;
  width: 406px;
  height: 406px;
  border-radius: 50%;
  border:23px solid #6bcaf6;
  text-align: center;
  left: -113px;
  top: -22px;
}

.call-product a{
  text-decoration: none;
  font:bold 18px/22px 'Open Sans Condensed', sans-serif;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  padding: 19px 20px;
  border-radius: 31px;
  margin-top: 234px;
  display: inline-block;
  text-transform: uppercase;
}

.call-product a:hover{
  background: rgba(0, 0, 0, 0.6);
}

.cctv .call-product{
  background: url('../img/content-img1.png') no-repeat top center;
}

.call-product-icon{
  display: inline-block;
  width: 204px;
  height: 204px;
  border-radius: 50%;
  position: absolute;
  top: -21px;
  left:-96px;
}

.call-product-icon:after{
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
}

.call-product-icon:before{
  position: absolute;
  content: " ";
  top: 45px;
  right: 2px;
  width: 83px;
  height: 76px;
}



.cctv-ic{
  background: #4bb4e5;
}

.cctv-ic:after{
  width: 100px;
  height: 67px;
  background: url('../img/sprite.png') no-repeat -9px -276px;
  margin: -22px 0 0 -50px;
}

.cctv-ic:before{
  background: url('../img/shadow-corner1.png') no-repeat top center;
}

.our-services{
  margin: 0 auto;
  width: 955px;
  font:bold 14px/18px 'Open Sans', sans-serif;
  margin-bottom: 33px;

}

.our-services li{
  display: inline-block;
  padding-left: 40px;
  text-align: left;
  width: 265px;
  /*margin:0 50px 22px 0;*/
  margin: 0 25px 22px 25px;
  position: relative;
  vertical-align: top;
}

.our-services li:before{
  position: absolute;
  top: 3px;
  left: 0;
  width: 21px;
  height: 20px;
  content: " ";
}

.cctv .our-services li{
  color: #5cb9e6;
}

.cctv .our-services li:before{
  background: url('../img/sprite.png') no-repeat -316px -128px;
}

.fire .our-services li:before{
  background: url('../img/sprite.png') no-repeat -355px -135px;
}

.control .our-services li:before{
  background: url('../img/sprite.png') no-repeat -394px -135px;
}

.comp-web .our-services li:before{
  background: url('../img/sprite.png') no-repeat -122px -173px;
}

.electrofication .our-services li:before{
  background: url('../img/sprite.png') no-repeat -427px -173px;
}

.goal .our-services li:before{
  background: url('../img/sprite.png') no-repeat -103px -9px;
}

.security .our-services li:before{
  background: url('../img/sprite.png') no-repeat -212px -9px;
}

.industry .our-services li:before{
  background: url('../img/sprite.png') no-repeat -311px -9px;
}

.title-our-services{
  text-transform: uppercase;
  font:bold 24px/28px 'Open Sans Condensed', sans-serif;
  display: block;
  margin-bottom: 12px;
  color: #706c65;
  /*padding-left: 39px;*/
  text-align: center;
}

.object-examples{
  text-align: center;

}

.object-examples .title-our-services{
  margin-bottom: 20px;
}

.object-examples div{
  display: inline-block;
  width: 270px;
  text-align: left;
  margin: 0 20px;
  color: #706c65;
  font: 14px/18px 'Open Sans', sans-serif;
  vertical-align: top;
}

.object-examples div span{
  display: inline-block;
  margin-bottom: 12px;
  width: 100%;
}
.object-examples div span:hover img { -webkit-box-shadow: 10px 10px 13px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 13px -6px rgba(0,0,0,0.75);
box-shadow: 10px 10px 13px -6px rgba(0,0,0,0.75); }
.fire{
  border:1px solid #e33f4f;
}

.fire .product{
  background: #e33f4f;
}

.fire .call-product{
  border-color: #d33545;
  background: url('../img/content-img2.png') no-repeat top center;
}

.product-reverse{
  padding: 44px 310px 0 30px;
  left: 66px;
}

.product-reverse .call-product{
  left: 535px;
}

.product-reverse:before{
  right: 728px;
}

.fire .product:before{
  background: url('../img/corner-bl2.png') no-repeat top center;
}

.product-reverse .call-product-icon{
  left: 248px;
}

.fire-ic{
  background: #e33f4f;
}

.fire-ic:after{
  width: 63px;
  height: 108px;
  background: url('../img/sprite.png') no-repeat -382px -9px;
  margin: -53px 0 0 -18px;
}

.product-reverse .call-product-icon:before{
  right: 118px;
  top: 43px;
}

.fire-ic:before{
  background: url('../img/shadow-corner2.png') no-repeat center top;
}

.fire .our-services li{
  color: #e33f4f;
}


.control{
  border:1px solid #6aa284;
}

.control .product{
  background: #6aa284;

}

.control .call-product{
  border-color: #7dbd9b;
  background: url('../img/content-img3.png') no-repeat top center;
}

.control-ic{
  background: #6aa284;
}

.control-ic:after{
  width: 93px;
  height: 92px;
  background: url('../img/sprite.png') no-repeat -316px -173px;
  margin: -41px 0 0 -64px;
}

.control-ic:before{
  background: url('../img/shadow-corner3.png') no-repeat center top;
}

.control .product:before{
  background: url('../img/corner-bl3.png') no-repeat top center;
}

.control .our-services li{
  color: #6aa284;
}


.comp-web{
  border:1px solid #d79259;
}

.comp-web .product{
  background: #d79259;

}

.comp-web .call-product{
  border-color: #cb8851;
  background: url('../img/content-img4.png') no-repeat top center;
}

.comp-web-ic{
  background: #d79259;
}

.comp-web-ic:after{
  width: 116px;
  height: 63px;
  background: url('../img/sprite.png') no-repeat -127px -283px;
  margin: -25px 0 0 -53px;
}

.comp-web-ic:before{
  background: url('../img/shadow-corner4.png') no-repeat center top;
}

.comp-web .product:before{
  background: url('../img/corner-bl4.png') no-repeat top center;
}

.comp-web .our-services li{
  color: #d79259;
}


.electrofication{
  border:1px solid #5d83d0;
}

.electrofication .product{
  background: #5d83d0;

}

.electrofication .call-product{
  border-color: #7296de;
  background: url('../img/content-img5.png') no-repeat top center;
}

.electrofication-ic{
  background: #5d83d0;
}

.electrofication-ic:after{
  width: 74px;
  height: 91px;
  background: url('../img/sprite.png') no-repeat -261px -283px;
  margin: -47px 0 0 -38px;
}

.electrofication-ic:before{
  background: url('../img/shadow-corner5.png') no-repeat center top;
}

.electrofication .product:before{
  background: url('../img/corner-bl5.png') no-repeat top center;
}

.electrofication .our-services li{
  color: #5d83d0;
}


.goal{
  border:1px solid #89ad62;
}

.goal .product{
  background: #89ad62;

}

.goal .call-product{
  border-color: #7a9d53;
  background: url('../img/content-img6.png') no-repeat top center;
}

.goal-ic{
  background: #89ad62;
}

.goal-ic:after{
  width: 89px;
  height: 96px;
  background: url('../img/sprite.png') no-repeat -353px -283px;
  margin: -47px 0 0 -38px;
}

.goal-ic:before{
  background: url('../img/shadow-corner6.png') no-repeat center top;
}

.goal .product:before{
  background: url('../img/corner-bl6.png') no-repeat top center;
}

.goal .our-services li{
  color: #89ad62;
}


.security{
  border:1px solid #a17d62;
}

.security .product{
  background: #a17d62;

}

.security .call-product{
  border-color: #ae8e77;
  background: url('../img/content-img7.png') no-repeat top center;
}

.security-ic{
  background: #a17d62;
}

.security-ic:after{
  width: 52px;
  height: 85px;
  background: url('../img/sprite.png') no-repeat -142px -9px;
  margin: -36px 0 0 -26px;
}

.security-ic:before{
  background: url('../img/shadow-corner7.png') no-repeat center top;
}

.security .product:before{
  background: url('../img/corner-bl7.png') no-repeat top center;
}

.security .our-services li{
  color: #a17d62;
}

.industry{
  border:1px solid #936fa9;
}

.industry .product{
  background: #936fa9;

}

.industry .call-product{
  border-color: #865e9e;
  background: url('../img/content-img8.png') no-repeat top center;
}

.industry-ic{
  background: #936fa9;
}

.industry-ic:after{
  width: 42px;
  height: 91px;
  background: url('../img/sprite.png') no-repeat -251px -9px;
  margin: -44px 0 0 -17px;
}

.industry-ic:before{
  background: url('../img/shadow-corner8.png') no-repeat center top;
}

.industry .product:before{
  background: url('../img/corner-bl8.png') no-repeat top center;
}

.industry .our-services li{
  color: #936fa9;
}

.activity-bl:last-child{
  margin-bottom: 49px;
}


.our-partner{
  background: url('../img/bg-slider1.jpg') no-repeat top center;
  border-top: 10px solid #a8fad0;
  padding: 34px 0;
}

.title-slider{
  color: #fff;
  text-transform: uppercase;
  font:bold 36px/40px 'Open Sans Condensed', sans-serif;
  display: block;
  text-align: center;
  margin-bottom: 28px;
}

.our-specialist{
  padding: 30px 0 63px;
  background: url('../img/bg-content1.jpg') no-repeat top center;
  text-align: center;

}

.title-our-specialist{
  color: #0076ad;
  text-transform: uppercase;
  font:bold 36px/40px 'Open Sans Condensed', sans-serif;
  display: block;
  text-align: center;
  margin-bottom: 28px;
}

.specialist-bl div{
  display: inline-block;
  width: 190px;
  vertical-align: top;
  margin: 0 28px;
}

.specialist-img{
  display: inline-block;
  margin-bottom: 18px;
}


.name-specialist{
  display: inline-block;
  margin-bottom: 15px;
  color: #1a83b3;
  font:bold 18px/24px 'Open Sans Condensed', sans-serif;
}

.specialist-bl{
  margin-bottom: 72px;
}

.specialist-bl div p{
  color: #736f68;
  font: 14px/18px 'Open Sans', sans-serif;
}

.show-more{
  text-align: center;
  border-top: 2px solid #a8fad0;
  position: relative;
  padding-bottom: 45px;
}

.show-more a{
  display: inline-block;
  text-transform: uppercase;
  color: #a8fad0;
  text-decoration: none;
  font:bold 18px/24px 'Open Sans Condensed', sans-serif;
  padding: 100px 0 0;
  position: absolute;
  top: -81px;
  background: #fdfdf4;
  width: 110px;
  left: 50%;
  margin-left: -58px;
}

.show-more a span{
  display: inline-block;
  border-radius: 50%;
  background: #a8fad0;
  width: 62px;
  height: 62px;
  position: absolute;
  top: 27px;
  left: 50%;
  margin-left: -31px;
-webkit-box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
}

.show-more a:hover span{
  background: #9ccab2;
}

.show-more a:hover{
  text-decoration: underline;
}

.show-more a span:before{
  position: absolute;
  content: " ";
  width: 24px;
  height: 15px;
  background: url('../img/sprite.png') no-repeat -41px -51px;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -12px;
}

.license{
  background: url('../img/bg-slider2.jpg') no-repeat top center;
  border-top: 10px solid #e76e81;
  padding: 30px 0;
}

.reviews{
  padding: 38px 0 30px;
  background: #fff;
  border-bottom: 10px solid #e76e81;
}

.title-reviews{
  display: block;
  text-align: center;
  font:bold 36px/40px 'Open Sans Condensed', sans-serif;
  color: #0076ad;
  text-transform: uppercase;
  margin-bottom: 35px;
}

.example-bl{
  padding: 40px 0 25px;
}

.example-content{
  width: 910px;
  margin: 0 auto 20px;
}

.example-content p{
  text-transform: uppercase;
  font: 18px/22px 'Open Sans Condensed', sans-serif;
  color: #706c65;
  overflow: hidden;
  margin-bottom: 15px;
}

.example-content p span{
  text-transform: none;
  display: block;
  margin-left: 95px;
  margin-top: -20px;
}

.example-bl .title-reviews{
  margin-bottom: 21px;
}

.location{
  position: relative;
  border-bottom: 9px solid #fff;

}

.location-content{
  border-radius: 50%;
  background: #0076ad;
  color: #fff;
  text-align: center;
  width: 435px;
  height: 435px;
  padding: 39px 63px 0;
  position: absolute;
  bottom: 42px;
  left: 50%;
  margin-left: -218px;
  z-index: 100;
}

.location .title-reviews{
  margin-bottom: 43px;
}

.triangle{
  color: #0076ad;
  font:bold 18px/22px 'Open Sans Condensed', sans-serif;
  background: url('../img/triangle-bg.png') no-repeat top center;
  display: block;
  width: 46px;
  height: 39px;
  margin: 0 auto 18px;
  padding-top: 13px;
}

.location-content>p{
  font:bold 14px/18px 'Open Sans Condensed', sans-serif;
  border-bottom: 1px solid #fff;
  padding-bottom: 27px;
  margin-bottom: 18px;
}

.location-content div span{
  text-transform: uppercase;
  font: 14px/18px 'Open Sans', sans-serif;
  display: inline-block;

}

.location-content div p{
  font:bold 18px/21px 'Open Sans Condensed', sans-serif;
  margin-bottom: 7px;
}



/* Footer 
-----------------------------------------------------------*/
.footer {
  background: #0076ad;
  overflow: hidden;
  padding: 34px 0 20px;
}

.brevi-logo{
  float: right;
  margin: -5px 20px 0 0;
  color: white;
font-size: 13px;
}
.brevi-logo img {margin-left:10px;margin-right: 10px;}
.brevi-logo a{color:white;}

/* Flexslider
-----------------------------------------------------------*/
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flex-pauseplay span{text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after{content: "0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child{display: block;}
.flexslider {margin: 0; padding: 0;}

.slides > li {
  -webkit-backface-visibility: hidden;
  position: relative;
}

.main-slider {
  position: relative;
  margin-bottom: 20px;
  zoom: 1;
}

.main-slider-bl{
  width: 1004px;
  padding: 0 210px 0 91px
}

.slider-content{
  overflow: hidden;
}

.reviews-img{
  float: left;
    text-align: center;
    color: #454545;
    font: bold 20px/26px 'Open Sans', sans-serif;
    max-width: 200px;
    text-transform: uppercase;
}

.slider-content div{
  margin-left: 244px;
  color: #706c65;
  font: 14px/20px 'Open Sans', sans-serif;
}

.slider-content div span{
  color: #0076ad;
  font:bold 16px/20px 'Open Sans', sans-serif;
  width: 190px;
  display: block;
  margin-bottom: 22px;
}

.slider-bl{
  padding: 0 44px;
}

.partner-carousel, .license-carousel{
  position: relative;
  margin-bottom: 20px;
  zoom: 1;
}

.partner-carousel li div{
  width: 270px;
  margin: 0 auto;
  color: #fff;
  font: 14px/18px 'Open Sans', sans-serif;
  text-align: center;
}

.partner-carousel li div span{
  display: inline-block;
  margin-bottom: 20px;
  height: 190px;
  background: #fff;
  width:100%;
}

.license-carousel li div{
  width: 190px;
  margin: 0 auto;
  color: #fff;
  font: 14px/18px 'Open Sans', sans-serif;
  text-align: center;

}

.license-carousel li div span{
  display: inline-block;
  margin-bottom: 20px;
  border:20px solid #fff;
  background: #fff;
}

.card-slider{
/*  margin: 40px 0 20px;*/
  width: 910px;
margin: 0 auto;
  margin-top:40px;
  margin-bottom:20px;
  position: relative;
}




.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px;}

.flex-direction-nav,
.flex-control-nav,
.flex-control-thumbs {
  display: none;
}


/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.partner-carousel .flex-direction-nav, .license-carousel .flex-direction-nav, .main-slider .flex-direction-nav, .card-slider .flex-direction-nav{
  display: block;
}

.card-slider .flex-control-thumbs{
  display: block;
}

.flex-direction-nav a {
  text-decoration:none;
  display: block;
  width: 62px;
  height: 62px;
  margin: -63px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 50%;
  background: #fff;
}

.main-slider .flex-direction-nav a{
  text-decoration:none;
  display: block;
  width: 80px;
  height: 40px;
  position: absolute;
  top: 72px;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  text-indent: -9999px;
  background: #dce1e5;
  border-radius: 0;
}

.card-slider .flex-direction-nav a{
  text-decoration:none;
  display: block;
  width: 40px;
  height: 40px;
  margin: 180px 0 0;
  position: absolute;
top: 55%;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 0;
  background: #dce1e5;
}

.flex-direction-nav a:before{
  position: absolute;
  width: 14px;
  height: 24px;
  content: " ";
top: 55%;
  left: 50%;
  margin-top: -12px;
}

.card-slider .flex-direction-nav .flex-prev{
  left: 635px;
}

.main-slider .flex-direction-nav .flex-prev{
  left: 728px;
}

.flex-direction-nav .flex-prev {
  left: -55px;

}

.partner-carousel .flex-direction-nav .flex-prev:before{
  background:url('../img/sprite.png') no-repeat -350px -9px;
  margin-left: -9px;
}

.license-carousel .flex-direction-nav .flex-prev:before{
  background:url('../img/sprite.png') no-repeat -83px -51px;
  margin-left: -9px;
}

.main-slider .flex-direction-nav .flex-prev:before{
  background:url('../img/sprite.png') no-repeat -311px -51px;
  margin-left: -7px;
}

.card-slider .flex-direction-nav .flex-prev:before{
  background:url('../img/sprite.png') no-repeat -311px -51px;
  margin-left: -9px;
}

.flex-direction-nav .flex-next {
  right: -55px;

}

.main-slider .flex-direction-nav .flex-next{
  right: -204px;
}

.card-slider .flex-direction-nav .flex-next{
  right: 185px;
}

.partner-carousel .flex-direction-nav .flex-next:before{
  background:url('../img/sprite.png') no-repeat -9px -51px;
  margin-left: -4px;
}

.license-carousel .flex-direction-nav .flex-next:before{
  background:url('../img/sprite.png') no-repeat -212px -51px;
  margin-left: -4px;
}

.main-slider .flex-direction-nav .flex-next:before{
  background:url('../img/sprite.png') no-repeat -344px -51px;
  margin-left: -6px;
}

.card-slider .flex-direction-nav .flex-next:before{
  background:url('../img/sprite.png') no-repeat -344px -51px;
  margin-left: -5px;
}

.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px;
}

.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px;
}

.flex-next:hover, 
 .flex-prev:hover {
  opacity: 1;
background: #badae9;
background: -moz-linear-gradient(top,  #badae9 0%, #ffffff 2%, #fdfffa 3%, #fefdff 5%, #fffdfe 7%, #fafefd 8%, #fdfcff 10%, #fbfdfa 11%, #eff0f4 39%, #e5e9ea 54%, #d7dfe2 77%, #d1d9db 92%, #d3d8de 95%, #d0d7dd 97%, #d2d8d8 98%, #97b4c4 100%);
background: -webkit-linear-gradient(top,  #badae9 0%,#ffffff 2%,#fdfffa 3%,#fefdff 5%,#fffdfe 7%,#fafefd 8%,#fdfcff 10%,#fbfdfa 11%,#eff0f4 39%,#e5e9ea 54%,#d7dfe2 77%,#d1d9db 92%,#d3d8de 95%,#d0d7dd 97%,#d2d8d8 98%,#97b4c4 100%);
background: linear-gradient(to bottom,  #badae9 0%,#ffffff 2%,#fdfffa 3%,#fefdff 5%,#fffdfe 7%,#fafefd 8%,#fdfcff 10%,#fbfdfa 11%,#eff0f4 39%,#e5e9ea 54%,#d7dfe2 77%,#d1d9db 92%,#d3d8de 95%,#d0d7dd 97%,#d2d8d8 98%,#97b4c4 100%);
filter: none;
-webkit-box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);

}

.main-slider .flex-direction-nav .flex-prev:hover,
.main-slider .flex-direction-nav .flex-next:hover,
.card-slider .flex-direction-nav .flex-prev:hover,
.card-slider .flex-direction-nav .flex-next:hover{
  box-shadow: none;
  background: #b7bfc7;
}

.flex-direction-nav .flex-disabled {
  opacity: 0!important; filter:alpha(opacity=0);
  cursor: default;
  display: none !important;
}




/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0,0,0,0.5);
  cursor: pointer;
  text-indent: -9999px;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;

  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
  -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0,0,0,0.9);
  cursor: default;
}
#carousel .flex-viewport {  }
#carousel .flex-viewport li { float:none!important;  width:269px!important; height: 170px !important; }

/* Thumb control */
.flex-control-thumbs {
  display: none;
  position: absolute;
  width: 269px;
  height: 400px;
top: 100px;
  right: 7px;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 269px;
  height: 170px;
  float: left;
  margin: 0 0 30px;

}

.flex-control-thumbs img {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  position: relative;
}

.flex-control-thumbs img:hover {
  opacity: 0.6;
}

.flex-control-thumbs .flex-active {
  opacity: 0.6;
}

.about-example{
  position: absolute;
  display: inline-block;
  background: #0076ad;
bottom: 32px;
  right: 6px;
}

.about-example a{
  text-transform: uppercase;
  color: #fff;
  font:bold 14px/18px 'Open Sans Condensed', sans-serif;
  padding: 11px 40px;
  display: block;
  text-decoration: none;
}

.about-example a:hover{
-webkit-box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
}



/* Ui to top 
-----------------------------------------------------------*/
.scrollto{
  position: fixed;
  bottom:168px;
  right:55px;
  text-decoration:none;
  background: #fff;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  text-transform: uppercase;
  z-index: 10000;
  -webkit-box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
}

.scrollto:before{
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 22px;
  margin: -11px 0 0 -12px;
  background: url('../img/sprite.png') no-repeat -53px -397px;
}

.scrollto:hover:before{
  background: url('../img/sprite.png') no-repeat -9px -397px;
  width: 26px;
  height: 24px;
  margin: -12px 0 0 -13px;
}

.btn-fix{
  color: #fff;
  background: #f72e2e;
  width: 120px;
  height: 120px;
  position: fixed;
  padding: 7px;
  bottom: 32px;
  right: 27px;
  text-decoration: none;
  border-radius: 50%;
  text-transform: uppercase;
  z-index: 10000;
  -webkit-box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
z-index: 1000;
}

.btn-fix span{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border:1px solid #f96d6d;
  padding-top: 33px;
  font:bold 14px/18px 'Open Sans Condensed', sans-serif;
  text-align: center;
}

.btn-fix:hover, .btn-fix:focus{
  color: #fff;
  text-decoration: none;

}
.btn-fix span:hover {   border:1px solid white; }

/* popup
-----------------------------------------------------------*/
.popup{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 555555;
  display: none;
  cursor: pointer;
}
.popup__content{
  max-width: 810px;
  border-radius: 5px;
  margin: 10% auto 0;
  cursor: default;
  text-align: center;
}



.call-title{
  display: inline-block;
  margin-bottom: 14px;
  color: #222d35;
  font:bold 24px/30px 'Open Sans Condensed', sans-serif;
}


.back-call-bl{
    position: relative;
  width: 800px;
  display: inline-block;
  background: #e9ecee;
  padding: 50px 5px 80px;
}



.back-call-bl form{
  margin: 30px auto 0;
  vertical-align: top;
  width: 290px;
}

.back-call-bl form input{
  width: 100%;
  height: 35px;
  margin-bottom: 10px;
  padding: 10px;
}

.back-call-close{
position: absolute;
top: 15px;
right: 15px;
}

.btn-send{
  padding: 5px 15px;
}


.back-call-close-icon:before{
  position: absolute;
  content: " ";
  width: 18px;
  height: 18px;
  background: url('../img/close-icon.png') no-repeat top center;
  bottom: -11px;
  right:0;
}

/* meadia style 
-----------------------------------------------------------*/
@media only screen and (max-width: 1198px) {
#wrapper{
  overflow: hidden;
}

.container{
  width: 980px;
}

.navbar-default .navbar-nav>li>a{
  font-size: 16px;
  padding: 8px 9px;
}

.product{
  width: 710px;
  left: 173px;
  font-size: 15px;
  padding: 25px 20px 0 310px;
}

.product-reverse{
  padding: 25px 310px 0 20px;
}

.activity-bl{
  width: 950px;
}

.object-examples div{
  margin: 0 14px;
}

.call-product{
  left: -120px;
}

.product-reverse{
  left: 66px;
}

.product-reverse .call-product{
  left: 419px;
}

.product-reverse:before{
  right: 614px;
}

.title-product{
  font-size: 26px;
  margin-bottom: 10px;
}

.specialist-bl div{
  margin: 0 22px;
}

.main-slider-bl{
  width: 958px;

}

.main-slider .flex-direction-nav .flex-prev{
  left: 694px;
}

}

@media only screen and (max-width: 990px) { 
.container{
  width: 740px;
}

.logo{
  float: none;
  display: block;
  width: 281px;
  margin: 0 auto 10px;
}

.navbar-default{
  margin-left: 0;
}

.list-n1, .list-n2, .list-n3, .list-n4{
  margin-right: 10px;
}

.list-n5, .list-n6, .list-n7, .list-n8{
  margin-left: 10px;
}

.about-company-content{
  width: 720px;
  text-align: justify;
}

.quantity-goods li{
  margin: 0 17px;
}

.activity-bl{
  width: 720px;
}

.our-services{
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.object-examples div{
  width: 200px;
  margin: 0 10px;
}

.our-services li{
  margin: 0 20px 20px;
}

.product{
  width: 720px;
  padding: 20px;
  max-height: 250px;
  left: 50%;
  margin-left: -360px;
  text-align: center;
  top: -34px
}

.product:before{
  display: none;
}

.call-product, .product-reverse .call-product{
  left: 50%;
  margin-left: -203px;
  top: -430px;
}

.activity-bl{
  margin-top: 500px;
}

.specialist-bl div{
  width: 157px;
  margin: 0 10px;
}

.license-carousel li div{
  width: 170px;
}

.main-slider-bl{
  width: 740px;
  padding: 10px;
}

.main-slider .flex-direction-nav .flex-prev{
  left: 247px;
}

.main-slider .flex-direction-nav .flex-next{
  right: 268px;
}

.main-slider .flex-direction-nav a{
  top: 260px;
}

.example-content{
  width: 720px;
}

.card-slider{
  width: 720px;
 
}

.flex-control-thumbs li{
  width: 188px;
  height: 119px;
}

.flex-control-thumbs{
  width: 188px;
  height: 268px;
  margin-top: 44px;
}

.about-example{
  bottom: 55px;
  right: 52px;
}

.about-example a{
  padding: 11px 15px;
}
.example-content img { width:70%; }
.card-slider .flex-direction-nav .flex-prev{
  left: 526px;
}

.card-slider .flex-direction-nav .flex-next{
  right: 7px;
}

.card-slider .flex-direction-nav a{
margin-top: 148px;
}

.about-company-img{
  margin-bottom: 15px;
}

.back-call-bl{
  width: 610px;
}

.popup__content{
  width: 600px;
}



}

@media only screen and (max-width: 768px) {
.container{
    width: 580px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
  background: none;
}

.navbar-default .navbar-toggle .icon-bar{
  background: #92cfe0;
}

.nav>li{
  display: inline-block;
}

.head-navigation .row{
  overflow: hidden;
}


.navbar-default{
  margin-left: 0;
}

.logo{
  width: 281px;
  height: 51px;
  float: left;
}

.navbar-default .navbar-nav>li:hover .dropdown-menu{
  display: none;
}

.open>.dropdown-menu{
  display: block!important;
}


.navbar-header{
  padding-bottom: 5px;
  margin-left: 285px;
}

.navbar-default .navbar-nav>li>a{
  font: bold 14px/19px 'Open Sans Condensed', sans-serif;
  padding: 6px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a{
  color: #fff;
}

.list-n1, .list-n2, .list-n3, .list-n4{
  margin-right: 2px;
}

.list-n5, .list-n6, .list-n7, .list-n8{
  margin-left: 2px;
}

.list-activity ul li{
  width: 275px;
}

.list-activity ul a{
  font: bold 13px/18px 'Open Sans Condensed', sans-serif;
}

.about-company-content{
  width: 540px;
}

.quantity-goods li{
  margin: 0 30px 20px;
}

.activity-bl{
  width: 560px;
}

.product{
  width: 560px;
  margin-left: -280px;
}

.our-services li{
  width: 100%;
}

.our-services li:before{
  top: -3px;
}

.object-examples div{
width: 200px;
font: 12px/16px 'Open Sans', sans-serif;
overflow: hidden;
}

.partner-carousel li div{
  width: 194px;

}

.partner-carousel li div span{
  height: 137px;
  width: 100%;
}

.specialist-bl div{
  width: 190px;
  margin: 0 15px 20px;
}

.our-partner, .our-specialist, .license{
  background-size: cover;
}

.main-slider-bl{
  width: 560px;
}

.main-slider .flex-direction-nav a{
  top: 335px;
}

.main-slider .flex-direction-nav .flex-next{
  right: 169px;
}

.main-slider .flex-direction-nav .flex-prev{
  left: 169px;
}

.example-content{
  width: 560px;
}

.card-slider{
  width: 560px;

}

.flex-control-thumbs{
 width: 165px;
 height: 224px;
 right: 0;
 margin-top: 66px;
}

.flex-control-thumbs li{
  width: 161px;
  height: 102px;
  margin-bottom: 20px;
}

.about-example{
  bottom: 0px;
  right: 37px;
}

.card-slider .flex-direction-nav a{
  width: 26px;
 margin-top: 175px;
}

.card-slider .flex-direction-nav .flex-prev{
  left: 396px;
}

.card-slider .flex-direction-nav .flex-next{
  right: 6px;
}

.brevi-logo{
  margin-right: 0;
}

.popup__content{
  width: 500px;
}

.back-call-bl{
  width: 500px;
}



}

@media only screen and (max-width: 600px) { 

.popup__content{
  width: 400px;
}

.back-call-bl{
  width: 400px;
}

.container{
  width: 460px;
}

.list-activity{
  background: none;
}

.list-activity ul li{
  display: block;
  margin:0 0 15px;
}

.list-activity{
  width: 440px;
  margin-left: -220px;
  top: 92px;
}

.list-activity ul{
  width: 100%;
}

.list-activity-bl2{
  float: none;
}

.list-activity-bl2 li:before{
    position: absolute;
    content: " ";
    width: 13px;
    height: 62px;
    top: 1px;
    left: 275px;
    background: url('../img/list-activity-bl1.png') no-repeat top center;
}

.header-bl{
  height: 806px;
}

.list-activity-bl2 li:after{
    position: absolute;
    content: " ";
    width: 95px;
    height: 55px;
    top: -14px;
    left: 193px;
    background: url('../img/sprite.png') no-repeat -9px -118px;
}

.list-activity-bl2 li a, .list-activity .list-n5 a{
  padding: 14px 46px 14px 14px;
}


.list-activity .list-n6 a{
  padding: 23px 46px 23px 14px;
}

.about-company-img{
  float: none;
  width: 360px;
  margin: 0 auto 15px;
}

.about-company-content{
  width: 440px;
}

.activity-bl{
  width: 440px;
}

.product{
  width: 440px;
  margin-left: -220px;
}

.btn-fix{
  width: 90px;
  height: 90px;

}

.btn-fix span{
  padding-top: 21px;
  font: bold 12px/18px 'Open Sans Condensed', sans-serif
}

.scrollto{
  right: 42px;
  bottom: 140px;
}

.call-product{
  margin-left: -167px;
}

.product-reverse .call-product{
  margin-left: -236px;
}

.title-product{
  font: bold 20px/24px 'Open Sans Condensed', sans-serif
}

.product p{
  font-size: 13px;
}


.specialist-bl div{
  width: 185px;
}

.main-slider-bl{
  width: 460px;
}

.reviews-img{
  float: none;
  display: block;
  margin: 0 auto 15px;
  width: 190px;
}

.slider-content div{
  margin-left: 0;
}

.slider-content div span{
  margin: 0 auto 10px;
  text-align: center;
}

.title-reviews{
  font: bold 24px/30px 'Open Sans Condensed', sans-serif;
  margin-bottom: 20px;
}

.main-slider .flex-direction-nav .flex-next{
  right: 95px;
}

.main-slider .flex-direction-nav .flex-prev{
  left: 95px;
}

.main-slider .flex-direction-nav a{
  top: 391px;
}

.example-bl{
  padding: 20px 0 15px;
}

.reviews{
  padding: 20px 0 25px;
}

.license{
  padding: 15px 0 5px;
}

.our-specialist{
  padding: 20px 0 25px;
}

.our-partner{
  padding: 20px 0 5px;
}

.activity-bl{
  margin-bottom: 170px;
}

.activity-bl:last-child{
  margin-bottom: 25px;
}

.example-content{
  width: 460px;
}

.card-slider{
  width: 460px;
 
}

.flex-control-thumbs li{
  height: 67px;
  width: 106px;
  margin-bottom: 10px;
}

.flex-control-thumbs{
  width: 106px;
  height: 154px;
  margin-top: 110px;
}

.about-example{
  bottom: 54px;
  right: 0;
}

.about-example a{
  padding: 10px 19px;
}

.card-slider .flex-direction-nav a{
  margin-top: 89px;
  width: 40px;
}

.card-slider .flex-direction-nav .flex-next{
  right: 0;
  margin-top: 170px;
}

.card-slider .flex-direction-nav .flex-prev{
  left: 356px;
  margin-top: 170px;
}

.footer{
  text-align: center;
  padding: 15px 0 5px;
}

.footer .logo, .brevi-logo{
  float: none;
  display: inline-block;

}

.brevi-logo{
  margin: 10px 0 0;
}

.navbar-default .navbar-nav>li>a{
  font-size: 12px;
}

.dropdown-menu>li>a{
  font-size: 12px;
}

.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header{
  padding: 5px 20px 5px 15px;
}



}

@media only screen and (max-width: 479px) {
.example-content img { width:100%; }
.container{
  width: 320px;
}

.back-call-bl, .popup__content{
  width: 270px;
}

.back-call-bl form{
  width: 250px;
}

.header-bl{
  padding-top: 143px;
}

.dropdown-menu>li>a{
  white-space: normal;
}

.list-activity{
  top: 118px;
}

.header-contact{
  width: 100%;
  font: bold 14px/18px 'Open Sans Condensed', sans-serif;

}

.head-navigation{
  overflow: hidden;
}

.header-contact div{
  margin: 5px 0 0;
  padding: 8px 4px;
  font-size: 13px;
}

.list-activity{
  width: 270px;
  margin-left: -135px;
}

.header{
  background: #0076ad;
  overflow: hidden;
}

.list-activity ul li:after, .list-activity ul li:before{
  display: none;
}

.title-about-company span{
  top:-48px;
  margin-left: -103px;
}

.title-about-company{
  margin-bottom: 55px;
  border-top: none;
  font: bold 26px/30px 'Open Sans Condensed', sans-serif;
}

.title-about-company span:before, .title-about-company span:after{
  top:8px;
}

.about-company-content{
  width: 270px;
  margin-bottom: 10px;
}

.about-company-img{
  width: 100%;
}

.quantity-goods li{
  font: bold 14px/18px 'Open Sans Condensed', sans-serif;
  width: 200px;
}

.call-product-icon{
  display: none;
}



.product{
  width: 300px;
  margin-left: -150px;
}

.activity-bl{
  width: 100%;
}

.call-product a{
  margin-top: 88px;
}

.about-company{
  margin-bottom: 0;
}

.activity-bl{
  margin-top: 330px;
}

.call-product, .product-reverse .call-product{
  top: -288px;
  width: 270px;
  height: 270px;
  margin-left: -135px;
  background-size: cover;
}

.product p{
  font: 14px/18px 'Open Sans Condensed', sans-serif;
}

.our-services{
  font: bold 13px/17px 'Open Sans', sans-serif;
  margin-bottom: 5px;
}

.our-services li:before{
  top: 3px;
}

.title-our-services{
  font: bold 20px/24px 'Open Sans Condensed', sans-serif;
  padding-left: 0px;
}

.title-product{
  font: bold 16px/20px 'Open Sans Condensed', sans-serif;
}

.our-services li{
  padding-left: 35px;
}

.partner-carousel li div{
  width: 140px;
  font: 14px/16px 'Open Sans Condensed', sans-serif;
  text-align: center;
}

.partner-carousel li div span{
  height: 99px;
  width:100%;
}

.title-slider{
  font: bold 24px/28px 'Open Sans Condensed', sans-serif;
  margin-bottom: 10px;
}

.our-partner{
  padding: 10px 0 0;
}

.partner-carousel, .license-carousel{
  margin-bottom: 0;
}

.title-our-specialist{
  font: bold 24px/30px 'Open Sans Condensed', sans-serif;
  margin-bottom: 15px;
}

.license-carousel li div{
  width: 147px;
}

.main-slider-bl{
  width: 270px;
}

.main-slider .flex-direction-nav .flex-next{
  right: 30px;
}

.main-slider .flex-direction-nav .flex-prev{
  left: 30px;
}

.main-slider .flex-direction-nav a{
  top: 506px;
}

.title-reviews{
  font: bold 18px/20px 'Open Sans Condensed', sans-serif
}

.example-content{
  width: 270px;
}

.example-content p{
  font: 14px/18px 'Open Sans Condensed', sans-serif
}

.card-slider{
  width: 270px;
  padding-right: 0;
  padding-bottom: 100px;
}

.flex-control-thumbs{
  width: 100%;
  height: 67px;
top: 371px;
  text-align: center;

}

.flex-control-thumbs li{
  float: none;
  margin: 0 0px 0;
}

.card-slider .flex-direction-nav a{
  margin-top: 49px;
  height: 67px;
}

.card-slider .flex-direction-nav .flex-next{
  right: -1px;
  margin-top: 172px;
}

.card-slider .flex-direction-nav .flex-prev{
  left: -1px;
  margin-top: 172px;
}

.about-example{
bottom: -18px;
  right: 50%;
  margin-right: -52px;
}

.example-content p span{
  margin-left: 73px;
}

.location .title-reviews{
  margin-bottom: 20px;
}

.location-content{
  width: 270px;
  height: 270px;
  position: relative;
  margin: 60px auto 0px;
  left: 0;
  padding: 37px 50px 0;
}

.map{
  height: 300px;
  margin-top: -20px;
}

.location-content>p{
  display: none;
}

.triangle{
  display: none;
}

.location-content div p{
  font: bold 14px/18px 'Open Sans Condensed', sans-serif;
}

.logo{
  margin-bottom: 0;
}

.nav>li{
  display: block;
}

.btn-fix{
  bottom: 10px;
}

.scrollto{
  bottom: 110px;
}


.our-services li{
  margin: 0 0 15px;
}

.navbar-default .navbar-nav>li>a{
  padding: 6px 10px;
}

.head-navigation{
  background: rgba(0, 118, 173, 0.9)
}

.logo a{
  width: 220px;
  height: 40px;
  background-size: cover;
  margin:5px 0 0 10px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a{

}

}
/*@media only screen and (max-width: 991px) {
  .title-about-company span {
    left: 31%;
}
}
@media only screen and (max-width: 769px) {
  .title-about-company span {
    left: 24%;
}
}
@media only screen and (max-width: 601px) {
  .title-about-company {
    margin-bottom: 62px;
  }
}
@media only screen and (max-width: 480px) {
  .title-about-company {
        margin-bottom: 75px;
  }
  .title-about-company span {
        top: -67px;
  }
}*/