/*override bootstrap css*/
ul {margin:0; padding:0; }
a {color:#6f6f6f; outline:none; }
a:focus, a:hover {outline: none!important; text-decoration:none; }
::-webkit-input-placeholder {color:#aaaaaa;}
::-moz-placeholder {color:#aaaaaa;}
:-ms-input-placeholder {color:#aaaaaa;}
sub, sup {font-size:60%;}
.navbar-collapse{padding:0;}
.img-responsive.vertical{height: 100%; margin: 0 auto;}
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
.navbar-toggle { display: block!important;}
.bx_slider{ list-style:none; padding:0; margin:0; }
.bx-wrapper .bx-pager { position:absolute; top:0; right:0; z-index:1; bottom:auto;}
.bx-wrapper .bx-pager.bx-default-pager a{ background-color:rgba(0,0,0,0.3);}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:rgb(256,256,256);}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ width:auto; float:right; position:relative; padding-left:20px; padding-right:15px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; top:0; width: 35px; bottom:auto; z-index: 1; padding-top: 20px; float:right; position:relative;}
.bx-controls{ position:absolute; bottom:10px; left:0; right:0;}
.custom-nav-toggle{ display:none;}
/*added new breaking point 1500*/
.col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 1500px) {
  .container {
    width: 1470px;
  }
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }

  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .visible-xl {
    display: block !important;
  }
  table.visible-xl {
    display: table !important;
  }
  tr.visible-xl {
    display: table-row !important;
  }
  th.visible-xl,
  td.visible-xl {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xl {
    display: none !important;
  }
}

/*custom css*/
body {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; line-height:1; background:#ffffff; -webkit-print-color-adjust: exact;}
h1, h2, h3, h4{font-family:'Roboto', sans-serif;}
p {  margin: 0 0 20px;}
.row { margin-left:-7px; margin-right:-7px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, 
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, 
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, 
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { padding-left:7px; padding-right:7px }
.main .row { margin-left:-20px; margin-right:-20px; }
.main .col-xs-1, .main .col-xs-2, .main .col-xs-3, .main .col-xs-4, .main .col-xs-5, .main .col-xs-6, .main .col-xs-7, .main .col-xs-8, .main .col-xs-9, .main .col-xs-10, .main .col-xs-11, .main .col-xs-12, 
.main .col-sm-1, .main .col-sm-2, .main .col-sm-3, .main .col-sm-4, .main .col-sm-5, .main .col-sm-6, .main .col-sm-7, .main .col-sm-8, .main .col-sm-9, .main .col-sm-10, .main .col-sm-11, .main .col-sm-12, 
.main .col-md-1, .main .col-md-2, .main .col-md-3, .main .col-md-4, .main .col-md-5, .main .col-md-6, .main .col-md-7, .main .col-md-8, .main .col-md-9, .main .col-md-10, .main .col-md-11, .main .col-md-12, 
.main .col-lg-1, .main .col-lg-2, .main .col-lg-3, .main .col-lg-4, .main .col-lg-5, .main .col-lg-6, .main .col-lg-7, .main .col-lg-8, .main .col-lg-9, .main .col-lg-10, .main .col-lg-11, .main .col-lg-12, 
.main .col-xl-1, .main .col-xl-2, .main .col-xl-3, .main .col-xl-4, .main .col-xl-5, .main .col-xl-6, .main .col-xl-7, .main .col-xl-8, .main .col-xl-9, .main .col-xl-10, .main .col-xl-11, .main .col-xl-12 { padding-left:20px; padding-right:20px }/**/

/*header*/
header { position:fixed; z-index:2; left:0; right:0;}
header .first-header{ width:100%; background-color:rgba(72,166,151,0.65);}
header .first-header.bg-pic{ width:100%; background-image:url(../images/banner/default.jpg?v=1); background-repeat:no-repeat; background-position:center center; 
			-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
header .first-header, header .heder-info-links a, header{ min-height:80px;}
header .heder-info-links a{ color:#FFF; float:right; padding:30px 0 0 30px; font-size:1.1em; position:relative; vertical-align:middle;}
header .heder-info-links a .icon {color:#fff; vertical-align:middle; font-size:2em; padding-right:3px;}
header .heder-info-links a.lang-switcher{ text-align:left;}
header .heder-info-links a.lang-switcher .txt{ direction:rtl; font-family: 'Droid Arabic Kufi'; vertical-align:middle; line-height:1; display:inline-block; margin-top: -7px;}
/*header .nav>li>a { min-height:45px;}
header .content {width: 70%; float:left;}*/
header .logo {position: absolute; top: -55px; display:block; z-index:2;}
header .logo:hover {transform:scale(1.1)}
.company-name{position:absolute; color:#666666; padding-left: 140px; padding-top: 17px;}
.company-name h1{ margin:0; padding:0; color:#00a996; font-size:1.3em;}
.company-name p{ margin:0; padding:0; font-size:0.8em; padding-top:2px;}
header .second-header{ position:relative; width:100%; background-color:#fff; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);}
.green-fill{ position:absolute; top:0; left:50%; right:0; bottom:0; background:#00a996;}
header .second-header, header .custom-nav-toggle, header .nav>li>a {min-height:70px; }
header .custom-nav-toggle{ /*display:none;*/ font-size:60px; line-height:60px; padding:0px; min-width:100px; margin:0 0 0 25px;  background-color: #f5f5f5; border:none; border-radius:0px; text-align:center; color:#969696;}
header .custom-nav-toggle:hover, header .custom-nav-toggle.dsply{color:#00a996;}
header .second-header .content{background:#fff;}
header nav { display:block; clear:both;}
header nav.show { display:block;}
header .nav {padding:0; margin:0; float:right; background:#00a996; background-size:100%;}
header .nav>li {float:left;}
header .nav>li>a {background-color:#00a996; float:left;padding:28px 30px 0 30px; font-family:'Roboto', sans-serif; font-weight:700; font-size:1.1em; color:#ffffff; border-right: 1px solid rgb(0, 0, 0); border-right: 1px solid rgba(0, 0, 0, .15);}
header .nav>li:first-child>a {border-left:none;}
header .nav>li>a:hover, .nav>li.selected >a, header .nav>li>a:focus {background-color:#b5d99c; border-left-color:#004a8e; color: #00a996; background-position:bottom;}
.nav>li.selected >a:after {content: " "; display: block; width: 0; height: 0; 
	border-right: 40px solid transparent; border-left: 40px solid transparent; border-top: 20px solid #b5d99c; position: absolute; bottom: -20px; margin-left: -40px;  left: 50%; z-index: 2; }
header .nav>li>a .icon{padding-left:3px; color:#ffffff; font-size:0.5em; vertical-align:middle;}
header .nav>li>a:hover .icon, .nav>li.selected >a .icon{color:#ffffff;}
header .nav .dropdown-menu {min-width: 230px; padding:0; margin:0; font-size:1em; background:#004a8e; border:none; border-radius:0; z-index:1000;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
header .nav .dropdown-menu ul { list-style:none; padding:0; margin:0; background:#003a6f;}
header .nav .dropdown-menu li {height:auto;}
header .nav .dropdown-menu li a, .nav .dropdown-menu li.selected li a {height:auto; padding:9px 25px; border-top:solid 1px #0a3761; background:none; color:#fff; display:block; font-family:'Roboto', sans-serif; font-weight:600;}
header .nav .dropdown-menu li a:hover, .nav .dropdown-menu li.selected li a:hover{padding-left:15px; padding-right:35px; background-color:#00bcf2; color:#fff;}
header .nav .dropdown-menu ul a {font-weight:normal; padding:9px 15px 9px 35px; border-top: solid 1px #004a8e; font-size:0.9em;}
/*main*/
section{ position:relative; background-color:#FFF; display:block; padding-top:180px; display:block; border-bottom:solid #00a996 1px;}
section .main{ padding:30px 0;}
#section-home{ padding-top:0; border-bottom: none;}
.home-slider-block { position:relative;}
.home-slider-block .navi {position: absolute; top: 50%;  display: block; z-index:1; left:0; right:0;}
.home-slider-block .navi .bx-next { float:right; padding-right:30px;}
.home-slider-block .navi .bx-prev { float:left; padding-left:30px;}
.home-slider-block .navi a{font-size:3.4em; color:#fff; opacity:0.5;
			-webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.home-slider-block .navi a:hover{opacity:1;}
.home-slider-block .slider-home ul { padding:0; margin:0;}
.home-slider-block .slider-home ul li { position:relative; background-repeat:no-repeat; background-position:center center; 
			-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home-slider-block .slider-home ul li.cover {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home-slider-block .slider-home .bx-wrapper .bx-viewport { background: rgb(256, 256, 256);}
.home-slider-block, .home-slider-block .slider-home ul li {height:100vh;}

.home-slider-block .banner-overlay { z-index:0; background-image: url(../images/banner-overlay.png); background-repeat: repeat; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity:0; }
.home-slider-block .side-content{ width:600px; min-height:450px; position:absolute; bottom:0; left:0; z-index:1; color:#FFF; padding:200px 40px 20px 60px;
			/*background:url(../images/banner-bg.png);*/ background-repeat:no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto;}
.home-slider-block .side-content h1{ margin:0; padding:10px 0 5px; font-size:2em; line-height:0.9; font-weight:800; color:#fff;}
.home-slider-block .side-content h1 small{ font-size:1em; display:block;  color:#fff;font-weight:800;}
.home-slider-block .side-content h1 big{ font-size:1.5em; display:block; color:#f3ec22; font-weight:800;}
.home-slider-block .side-content .more{ display:inline-block; padding:8px 10px; background-color:#48a697; color:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
 vertical-align:middle; -webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; font-weight:400;font-family:'Roboto', sans-serif;}
.home-slider-block .side-content .more .icon{vertical-align:middle;}
.home-slider-block .side-content .more:hover{ padding:8px 15px; background-color:#b5d99c; color:#000;}
.home-slider-block .side-content p{ font-size:1.1em; line-height:1.1; font-weight:400; font-family:'Roboto', sans-serif;}

/*products*/
#section-products .thumbnails-filter{ list-style:none; display:block; padding-top:12px;}
#section-products .thumbnails-filter li{ float:left; display:block; float:left; }
#section-products .thumbnails-filter li a{display:block; margin:0 5px 5px 0; padding:5px 10px; border:#00a996 1px solid; color:#00a996;}
#section-products .thumbnails-filter li a.selected{ border:#00a996 1px solid; color:#ffffff; background:#00a996;}

.thumbnails-box .grid-sizer, .thumbnails-box .grid-item { width: 33%; }
.thumbnails-box.hidden{display:none;}

.thumbnails-box{ display:block; list-style:none; font-size:0.75em; line-height:1; padding-top:25px; margin:0 -5px;}
.thumbnails-box li{float:left; width:33%; display:block; margin:0; padding:5px;}
.thumbnails-box li a{display:block; margin:0; padding:0; border:#dddddd 1px solid;}
.thumbnails-box .contentco, .thumbnails-box .imgsliderwrap{float:left; width:50%; display:block; color:#666666; position:relative;}
.thumbnails-box .imgco{display:block; position:relative; background-repeat:no-repeat; background-position:center center; 
			-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.thumbnails-box .contentco{ padding:25px;}
.thumbnails-box .contentco h3{color:#00a996; line-height:1.1; margin:0; padding:0 0 10px 0; font-size:1.6em; font-weight:600;}
.thumbnails-box .contentco h3::after { font-family: 'icomoon'; content: "\e902"; font-size: 3em; display: block; font-weight: normal; color: #feda5c; line-height: 0.2; }
.thumbnails-box .contentco p{ line-height:1.1; margin:0; padding:0;}
.thumbnails-box .imgsliderwrap::after{ content: ""; right: 0; left: auto; top: 49px; border: solid transparent; border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff;
    		margin-top: -25px; border-width: 15px; position: absolute;}
			
/*common*/
section .container h1{ margin: 0; font-size: 3em; line-height: 1; font-weight: 800; position: relative; padding: 25px 0 10px 0; }
section .container h1::after{ font-family: 'icomoon'; content: "\e902"; font-size: 2.2em; display: block; font-weight: normal; color: #00a996; line-height: 0.2; }
section .container h2, section .container h3{ margin: 0; font-weight: 600; position: relative; padding: 15px 0 10px 0; color:#00a996; }
section .container p, section .container li{ line-height:1.4em; font-size:1.2em; }
.no-padding{ padding:0!important;}
.no-padding-bottom{ padding-bottom:0!important;}
.no-padding-top{ padding-top:0!important;}
.display-inline-block{ display:inline-block}
.padding-right{ padding-right:30px;}
.green{color: #00a996;}
/*animation classes*/
.all-01s-linear{ -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -ms-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear;}
.all-01s-ease-in{ -webkit-transition:all 0.1s ease-in; -moz-transition:all 0.1s ease-in; -ms-transition:all 0.1s ease-in; -o-transition:all 0.1s ease-in; transition:all 0.1s ease-in;}
.all-02s-ease-in{ -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;}
.all-03s-ease-in{-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.all-01s-ease-out{-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out; -ms-transition:all 0.1s ease-out; -o-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
.all-02s-ease-out{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.all-03s-ease-out{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.all-01s-ease-in-out{-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.all-02s-ease-in-out{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.all-03s-ease-in-out{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

@media screen and (max-width: 1499px) {
.thumbnails-box .contentco p{ font-size:1.1em; }
}
@media screen and (max-width: 1199px) {
header .logo {top: -15px; width: 85px;} 
header .logo:hover { transform:scale(1.1)}
header .second-header, header .custom-nav-toggle, header .nav>li>a {min-height:70px; }
header .first-header, header .heder-info-links a, header{ min-height:60px;}
header .heder-info-links a{ padding:16px 0 0 30px; font-size:1em;}
header .nav>li>a {padding:30px 30px 0 30px; font-size: 1em;}
section {padding-top: 140px;}
.home-slider-block .side-content{ width:420px; min-height:320px; padding: 120px 40px 20px 60px;}
.home-slider-block .side-content h1{ font-size:1.5em;}
.home-slider-block .side-content p{ font-size:1em;}
.company-name{ padding-left: 104px; padding-top: 23px;}
.company-name h1{font-size:1.2em;}
section .container p, section .container li{ font-size:1em; }
.thumbnails-box .grid-sizer, .thumbnails-box .grid-item { width: 50%; }
.thumbnails-box .contentco p{ font-size:1.2em; }
section .container h1{ font-size: 2.4em;}
section .container h2, section .container h3{ font-size:1.4em;}
}
@media screen and (max-width: 991px) {
header .nav>li>a {padding:30px 18px 0 18px; font-size: 0.85em;}
	section {padding-top: 120px;}
.company-name{ padding-left: 100px; padding-top: 23px;}
.company-name h1{font-size:1em;}
.company-name p{ font-size:0.6em;}
.thumbnails-box .contentco p{ font-size:1em; }
}
@media screen and (max-width: 767px) {
header nav.show ul { float:none; display:block;}
header .nav li, header .nav li a{ float:none;}
.nav>li.selected >a:after {display: none;}
header .nav>li>a {min-height:10px; }
header .nav>li>a {padding:18px;}
.green-fill{ display:none;}
.custom-nav-toggle{ display:block;}
.thumbnails-box .contentco h3{padding:0 0 5px 0; font-size:1.2em;}
.thumbnails-box .contentco p{ font-size:0.9em; }
}
@media screen and (max-width: 700px) {
	.xxs-700{ width:100%!important; float:none!important; clear:both;}
}
@media screen and (max-width: 650px) {
	.xxs-650{ width:100%!important; float:none!important; clear:both;}
.thumbnails-box .grid-sizer, .thumbnails-box .grid-item { width: 100%; }
.thumbnails-box .contentco h3{padding:0 0 5px 0; font-size:1.4em;}
.thumbnails-box .contentco p{ font-size:1em; }
}
@media screen and (max-width: 600px) {
	.xxs-600{ width:100%!important; float:none!important; clear:both;}
	/*header { position:relative;}*/
	header .logo, header .logo:hover {top: -7px; width: 70px;} 
	section {padding-top: 80px;}
	header .first-header, header .heder-info-links a, header{ min-height:38px;}
	header .heder-info-links a{ padding:8px 0 0 20px; font-size:0.9em;}
	header .heder-info-links a .icon {font-size:1.6em;}
	header .second-header, header .custom-nav-toggle {min-height:60px; }
	.company-name{ padding-left: 80px; padding-top: 21px;}
}
@media screen and (max-width: 500px) {
	.xxs-500{ width:100%!important; float:none!important; clear:both;}
	.company-name{ display:none;}
@media screen and (max-width: 400px) {
	.xxs-400{ width:100%!important; float:none!important; clear:both;}
	/*.thumbnails-box .contentco p, */.quick-contact-email{ display:none;}
}