@charset "utf-8";
/*

Theme Name: Gorilla Design

Theme URI: https://webdrawsolution.com/

Author: the Webdraw Solution Team

Author URI: https://webdrawsolution.com/

Description: Gorilla design is a template to show the unique design.

Version: 1.4

*/



/* CSS Document */





@font-face { font-family: 'MyriadPro-Regular'; src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/MyriadPro-Regular.otf') format('opentype'), url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.ttf') format('truetype'), url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'impactregular'; src: url('fonts/unicode.impact-webfont.eot'); src: url('fonts/unicode.impact-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/unicode.impact-webfont.woff2') format('woff2'), url('fonts/unicode.impact-webfont.woff') format('woff'), url('fonts/unicode.impact-webfont.ttf') format('truetype'), url('fonts/unicode.impact-webfont.svg#impactregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Helvetica-Normal'; src: url('fonts/Helvetica-Normal.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica-Normal.woff') format('woff'), url('fonts/Helvetica-Normal.ttf') format('truetype'), url('Helvetica-Normal.svg#Helvetica-Normal') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'PhosphateSolid'; src: url('fonts/PhosphateSolid.eot?#iefix') format('embedded-opentype'), url('fonts/PhosphateSolid.woff') format('woff'), url('fonts/PhosphateSolid.ttf') format('truetype'), url('PhosphateSolid.svg#PhosphateSolid') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DIN-Alternate'; src: url('fonts/DINMittelschriftStd.otf?#iefix') format('embedded-opentype'), url('fonts/DINMittelschriftStd.otf') format('opentype'), url('fonts/DIN-BoldAlternate.woff') format('woff'), url('DIN-BoldAlternate.ttf') format('truetype'), url('DIN-BoldAlternate.svg#DIN-BoldAlternate') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DIN-BoldAlternate'; src: url('fonts/DIN-BoldAlternate.eot?#iefix') format('embedded-opentype'), url('fonts/DIN-BoldAlternate.otf') format('opentype'), url('fonts/DIN-BoldAlternate.woff') format('woff'), url('DIN-BoldAlternate.ttf') format('truetype'), url('DIN-BoldAlternate.svg#DIN-BoldAlternate') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Phosphate'; src: url('fonts/Phosphate.ttc?#iefix') format('truetype'), url('fonts/Phosphate.ttc'); font-style: normal; }
.widthtab { width: 91% !important; }
.widthdrap { width: 100% !important; }
.text-left { margin-top: -18px; }
.text-right { margin-top: -18px; }
.marginpercent { margin-top: 4.6%; }
span div#ewic-con-734 { margin-top: -11%; opacity: 0; }
span div#ewic-con-728 { margin-top: -12%; opacity: 0; }
span div#ewic-con-727 { margin-top: -12%; opacity: 0; }
span div#ewic-con-726 { margin-top: -13%; opacity: 0; }
span div#ewic-con-847 { margin-top: -13%; opacity: 0; }
body { overflow-x: hidden; }
.img-gallery { width: 75px; /*height:20%;*/ }
.tinynav { display: none; }
.whi li a i { color: white !important; }
/*
.btn-group a{
	    font-family: 'impactregular';
}*/
/*submenu css*/
.list ul li a { font-size: 18px !important; }
a.list-group-item, button.list-group-item { color: #555; width: 310px; }
.expand { visibility: collapse; }
.mini-submenu { /*display:none;*/ display: inline-block; background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0.9); border-radius: 4px; padding: 9px; /*position: relative;*/ width: 42px; margin-top: 30px }
.mini-submenu:hover { cursor: pointer; }
.mini-submenu .icon-bar { border-radius: 1px; display: block; height: 2px; width: 22px; margin-top: 3px; background-color: #000; }
.list-group { display: none; position: absolute; }
#slide-submenu { background: rgba(0, 0, 0, 0.45); display: inline-block; padding: 0 8px; border-radius: 4px; cursor: pointer; }
.mini-submenu { border: 0 }
/*submenu end*/

.navbar-default { height: 82px; margin: 0; box-shadow: 0 1px 3px #4D4D4D; width: 100%; position: fixed; z-index: 100003; }
i.fa.fa-linkedin, i.fa.fa-facebook, i.fa.fa-instagram, i.fa.fa-twitter { font-size: 30px; border: 1px solid rgba(0,0,0,0.00); border-radius: 50%; padding: 0; margin-top: 20px; color: #4C4C49; }
.navbar-nav>li>a { margin-top: -10px }
#banner { background: url(img/banner.jpg) top center no-repeat; background-size: auto auto; height: 870px; }
.gorrila-banner { text-align: center; margin: 110px 0 30px 350px; }
.read-btn { font-family: 'PhosphateSolid'; font-size: 26px; border: 1px solid #fff; border-radius: 0; padding: 14px 30px 0px 30px; color: #fff; background-color: transparent; line-height: 50px; /*letter-spacing:3px*/ }
.read-btn:hover { color: #FF6E25 !important; border: 1px solid #FF6E25 !important; }
.contact-btn { padding: 12px 45px }
.tree { background: url(img/tree0.png) no-repeat 108px 46px !important; height: 329px; width: 100%; position: relative; margin-top: 3%; }
#service h1 { background: url(img/ourservice-button.png) no-repeat center; width: 327px; height: 84px; padding: 15px }
#service h1 span { color: #fff; font-size: 43px; font-family: 'impactregular'; }
.tree h2 { background: url(img/gorilla-button2.png) no-repeat center; width: 351px; height: 68px; padding: 15px; margin: 10px -50px; }
.tree h2 span { font-size: 22px; color: #FFFFFF; font-family: 'impactregular'; }
.tree h2 span a { line-height: 30px; text-decoration: none; color: #FFFFFF; font-family: 'impactregular'; }
#product { background: url(img/tree-img-0.png) no-repeat center; height: 2440px; background-size: auto auto; /*background-color: #2F768B;*/ width: 100%; margin-top: 0; margin-left: 0 }
#product h2 { background: url(img/gorilla-button.png) no-repeat center; width: 509px; height: 101px; padding: 20px; }
.draps { font-size: 45px !important; }
#product h2 span { color: #2F768B; font-size: 48px; font-family: 'impactregular'; }
#product h2 span a { color: #2F768B; font-family: 'impactregular'; }
#product p { color: #FFFFFF; font-size: 18px; padding: 10px 0; /*font-family:'Helvetica-Normal';*/ font-weight: normal; }
.margin-top100 { margin-top: 230px; }
.magin-top230px { margin-top: 305px; margin-left: -208px; }
.magin-top168 { margin-top: 80px !important; }
.magin-top188 { margin-top: 85px; margin-left: -207px; }
.margin-top60 { margin-top: 60px; }
#last { background: url(img/last-img.png) no-repeat center; width: 100%; /*background-size: auto 107%;*/ /*background-color: #FF6C24;*/ height: 900px; margin-top: 0; position: relative; overflow: hidden; margin-bottom: -6%; background-size: cover; }
.top { margin-top: 200px }
.text-align { text-align: right }
.top h1 { color: #FFFFFF; font-size: 73px; font-family: 'DIN-BoldAlternate'; }
.top p { color: #FFFFFF; font-weight: 900; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; }
.center h1 { background: url(img/about-button.png) no-repeat center; padding: 15px; width: 326px; height: 84px; margin: 0 20px; }
.center h1 span { color: #fff; font-size: 43px; font-family: 'impactregular'; }
.margin-top560 { margin-top: -190px }
.rob h2 { background: url(img/about-button1.png) no-repeat center; width: 319px; height: 68px; padding: 15px; margin: 85px 0 0 -20px; }
.rob h2 span { font-family: 'impactregular'; color: #fff; font-size: 35px; }
.rob h6 { margin: 20px 100px 0 0 }
.ashe h2 { background: url(img/ash-button.png) no-repeat center; width: 350px; height: 68px; padding: 15px 32px; margin: 85px 0 0 10px; }
.ashe h2 span { font-family: 'impactregular'; color: #fff; font-size: 35px; }
.ashe h6 { margin: 20px 100px 0 140px }
.user h6 span, .rob h6 span, .john h6 span, .ashe h6 span { font-family: 'MyriadPro-Regular'; font-weight: 900; background: #2F768B; padding: 10px; color: #FFFFFF; font-size: 13px }
.john h2 { background: url(img/about-button1.png) no-repeat center; width: 319px; height: 68px; padding: 15px 80px; margin: 85px 0 0 -20px; }
.john h2 span { font-family: 'impactregular'; color: #fff; font-size: 35px; }
.john h6 { margin: 20px 0 0 70px }
.user { }
.user h2 { background: url(img/name-button.png) no-repeat center; padding: 15px 44px; width: 280px; height: 60px; margin: 20px 0px; }
.user h2 span { color: #fff; font-size: 31px; font-family: 'impactregular'; }
.user h6 { margin: 0 80px }
.margin-left50 { margin-left: 50px }
.margin-left50 h2 { margin: 77px 0 0 47px }
.footer { margin-top: 250px; }
.footer h1 { background: #FFFFFF; padding: 22px 7px; border-radius: 7px; margin: 0 39px; }
.footer h1 span { background: #FFFFFF; border: 2px solid #9AA4A0; padding: 6px 5px; border-radius: 7px; color: #9AA4A0; font-size: 52px; font-family: 'impactregular'; }
.footer p { color: #FFFFFF; font-size: 15px; padding: 20px 0; font-family: 'Helvetica-Normal'; }
textarea#message { height: 120px; }
.last { margin-top: 100px }
.last h6 { font-size: 20px; color: #FFFFFF; font-family: 'PhosphateSolid'; }
.last a { font-size: 12px; color: #FFFFFF; font-family: 'Helvetica-Normal'; }
.last a:hover { text-decoration: none }
.controls ul.nav { margin:0 auto 20px auto;  max-width:500px; overflow:hidden;}
.last p { color: #FFFFFF; font-family: 'Helvetica-Normal'; }
#last ul { list-style: none; padding: 0 }
#last ul li { float: left; padding-right: 20px }
#last i.fa.fa-youtube-play, i.fa.fa-facebook, i.fa.fa-instagram, i.fa.fa-twitter { border: 0 }
input.btn.read-btn { /*font-family: 'MyriadPro-Regular';
	font-weight: 900;
	font-size: 19px; */ padding: 14px 50px 0px 50px; border-color: #FFFFFF; }
#about-banner { background: url(img/banner-4.png) no-repeat top center; height: 1256px; width: 100%; position: relative; z-index: 2; background-size: cover; }
#about-banner h1 { background: url(img/button-1.png) no-repeat center; max-width: 500px; height: 100px; padding: 18px 10px 10px 10px; background-size: contain; margin: 120px auto 40px auto; }
#about-banner h1 span { font-size: 45px; line-height: 60px; font-family: "impactregular"; text-transform: uppercase; color: #FFFFFF }
#about-banner h2 { margin: 40px 0 30px 0 }
#about-banner h2 span { background: url(img/button-2.png) no-repeat center; background-size: contain; padding: 30px 80px; color: #FFFFFF; font-size: 25px; font-family: "impactregular"; letter-spacing: 2px; }
#about-banner p { color: #FFFFFF; font-size: 16px; font-family: 'DIN-Alternate'; }
.photo { margin-top: 40px; }
.photo-2 { margin-top: 23px; }
.about { background: #FFFFFF; padding: 10px }
.about p { color: rgba(0,0,0,1.00) !important; font-size: 12px !important }
#about-banner h3 { margin: 14px auto 30px auto !important; max-width: 300px; }
#about-banner h3 span { background: url(img/button-2.png) no-repeat center; color: #FFFFFF; font-size: 25px; font-family: "impactregular"; letter-spacing: 2px; max-width: 280px; }
.twit h3 span { padding: 20px 80px !important; font-size: 18px !important }
.input-lg { border-radius: 0; height: 41px !important }
.send { padding: 10px 30px; text-align: center; border: 1px solid #FF6622; border-radius: 0; margin-top: 20px; }
.margin-top2 { margin-top: 15px }
.map { width: 100%; height: 650px; position: relative; z-index: 1; top: -100px; }
.myimage img { width: 100%; height: auto; }
#footer-1 { background: url(img/footer-1.png) no-repeat top; background-size: auto 100%; position: relative; /*background-color: #99A39F;*/ z-index: 3; overflow: hidden; float: left; width: 100%; }
#footer-1 h1 { background: url(img/gorilla-button.png) no-repeat center; padding: 25px; margin: 180px auto 0 auto; text-align: center; }
#footer-1 h1 span { color: #9AA4A0; font-size: 52px; font-family: 'impactregular'; }
#footer-1 h5 { color: #FFFFFF; font-size: 18px; padding: 20px 0;/*font-family: 'Helvetica-Normal';*/ }
#footer-1 h6 { font-size: 26px; color: #FFFFFF; font-family: 'PhosphateSolid'; }
#footer-1 a { text-transform: uppercase; 12px; color: #FFFFFF;/*font-family: 'Helvetica-Normal';*/ }
#footer-1 p { font-size: 12px; color: #FFFFFF;/*font-family: 'Helvetica-Normal';*/ }
#footer-1 ul { list-style: none; padding: 0; }
#footer-1 ul li { float: left; padding: 0px; }
.menu-socialmenu-container ul li{ padding:0px 8px !important;}
.margin-top22 { margin-top: 80px; }
section#map { height: 420px; }
.about.twit-1 h3 span { font-size: 18px !important; padding: 20px 26px !important; }
#inside { background: url(img/g-1.png) no-repeat center #2F768A; padding: 10px 0 150px 0; float: left; width: 100%; margin-bottom: -80px; }
.list ul { list-style: none; padding: 0 }
.list ul li a { color: #FFFFFF; font-size: 23px; font-family: 'DIN-Alternate'; line-height: 40px; padding-left: 5px; }
.list .pagenav ul li { padding-bottom: 6px; }
.list ul li { color: #FFFFFF; font-size: 23px; font-family: 'PhosphateSolid'; }
.list ul li a:hover { text-decoration: none; background: #FFFFFF; /*padding: 5px 15px 5px 5px;*/ transition: ease-out 0.4s; color: #2F768A; line-height: 40px; float: left; width: 100%; }
#inside h1 { background: rgba(0, 0, 0, 0) url("img/button-1.png") no-repeat scroll center center; height: 84px; margin: 120px auto 40px; padding: 10px 10px; width: 386px; }
#inside h1 span { color: #ffffff; font-family: "impactregular"; font-size: 45px; line-height: 60px; text-transform: uppercase; }
li.current_page_item a { background: #fff; color: #2F768A !important; padding: 4px 34px; }
.footermenu li { float: none !important; }
input[type="text"] { padding: 10px 17px; font-size: 18px; line-height: 1.3333333; /* border-radius: 6px; */ width: 100%; height: 45px; }
input[type="email"] { padding: 10px 17px; font-size: 18px; line-height: 1.3333333; /* border-radius: 6px; */ width: 100%; height: 45px; }
input[type="tel"] { padding: 10px 17px; font-size: 18px; line-height: 1.3333333; /* border-radius: 6px; */ width: 100%; height: 45px; }
select { padding: 10px 17px; font-size: 18px; line-height: 1.3333333; /* border-radius: 6px; */ width: 100%; height: 45px; }
textarea.form-control { height: 160px; padding: 10px 17px; font-size: 18px; }
input#submit_em { background-color: transparent; }
#click-menu .threeLines .line { background: rgb(248, 193, 182) !important; height: 4px !important; margin-bottom: 3px !important; width: 90% !important; border-radius: 10px; }
#click-menu { background: #fff; margin-top: 12px; }
.photo-pad { padding-bottom: 7px }
i.fa.fa-youtube-play { border: 0 }
img { max-width: 100%; }
.border-o { border: 5px solid #FFFFFF; padding: 10px 0 }
.margin-l-1 { margin-left: 16px; }
.margin-top50 { margin: 130px -92px 0px 7px }
.margintop100 { margin: 77px -115px 0px 1px; }
#responsive-menu, #responsive-menu input { }
#click-menu { background-color: transparent !important; }
.bx-wrapper .bx-controls-direction a { top: 90% !important }
/*carosel end*/

.detail-5 { color: #fff; font-size: 19px; font-family: 'PhosphateSolid'; border: 1px solid #fff; border-radius: 0; text-transform: uppercase }
.detail-5:hover { color: #9EE9FF; transition: all 0.4s }
.carousel-caption h2 { /* background: url(img/button-2.png) no-repeat center;
	width: 251px; */ background-color: #4B4B48; border-radius: 21px; height: 41px; padding: 10px; text-transform: uppercase; font-size: 18px; color: #FFFFFF; font-family: 'impactregular'; margin: 10px 0; position: relative; bottom: 10px; }
.carousel-caption.btn.focus, .btn:focus { color: #FFFFFF }
.item img { border: 5px solid #2F768B }
li.current_page_item a { xpadding: 5px 345px 5px 5px; float: left; width: 100%; padding: 0px 5px 0px 10px; }
.carousel-caption img { border: 0 !important; margin: 0 auto; padding: 40px; }
.controls .nav>li>a { padding: 4px; width: 90px; height: 90px; overflow: hidden; }
.controls .nav>li>a img { width: 100%; height: calc(100% - 20px);}
.form-area .wpcf7-form span.wpcf7-not-valid-tip { position: absolute; width: 170px; left: 0; top: -30px; }
.wpcf7-form div.wpcf7-validation-errors { border: 2px solid #f00; color: #f00; background: #FFFFFF; position: absolute; top: 330px; width: 100%; }
.modal-body input.btn.read-btn { margin: 0 224px; color: #555 }
.productmenu { background: #FFFFFF }
.nofound { margin: 0 auto; font-size: 50px; padding: 30px 20px; }
.nav.navbar-nav.navbar-right .navbar-brand.hidden-xs.hiddem.sm img { width: 170px; margin-top: 10px; }
.modal-dialog .wpcf7-not-valid-tip { position: absolute !important; left: 0; top: -3px !important; width: 130px; }


 @media(min-width:1020px) and (max-width:1366px) {
.widthtab { width: 97% !important; }
.widthdrap { width: 85% !important; margin-top: 320px !important; }
.widthdrap h2{ float: right !important; }
     .last-tab{ width: 85% !important; }
     .last-tab h2{ float: right !important; }
     .margin-top60{margin-top: 75px !important; margin-left: 50px;}
.controls ul.nav { margin: 0px auto; text-align: center; width: 83%; overflow: hidden; margin-top: 0; padding-bottom: 20px; }
.nav.navbar-nav.navbar-right .navbar-brand.hidden-xs.hiddem.sm img { width: 170px; margin-top: 17px; }
.margin-l-1 { margin-left: 16px; }
.margin-top560 { margin-top: -259px; }
#footer-1 h1 span { font-size: 42px; }
#footer-1 h1 { background: url(img/gorilla-button-13661.png) no-repeat center; padding: 25px; margin: auto; text-align: center; margin-top: 180px; }
.john h2 { background: url(img/about-button1-1366.png) no-repeat center; width: 319px; height: 68px; padding: 15px 80px; margin: 85px 0 0 -30px; }
.rob h2 { background: url(img/about-button1-1366.png) no-repeat center; width: 219px; height: 68px; padding: 15px; margin: 85px 0 0 20px; }
.ashe h2 { background: url(img/ash-button-1366.png) no-repeat center; width: 250px; height: 68px; padding: 15px 32px; margin: 85px 50px 0 50px; }
.john h2 span { padding-left: 30px }
.user h2 { padding: 15px 61px }
.user h2 span { font-size: 25px }
.john h2 span, .rob h2 span, .ashe h2 span { font-size: 23px; }
.center h1 span { font-size: 37px; }
.center h1 { background: url(img/about-button-1366.png) no-repeat center; padding: 15px; width: 276px; height: 84px; margin: 0 auto; }
.top { margin-top: 100px; margin-bottom: 624px !important; }
.top h1 { font-size: 70px; }
.col-md-4.text-align img { width: 170px !important; margin: 0 auto; padding-top: 50px; }
.magin-top188 { margin-top: 70px; margin-left: 20px; }
.draps { font-size: 30px !important; }
.magin-top168 { margin-top: 95px !important; margin-left: 22px; }
#product h2 span a { font-size: 26px; }
.magin-top16 { margin-top: 15px !important; margin-left: 20px; }
.magin-top230px { margin-top: 315px; margin-left: 10px; }
#product h2 span { font-size: 30px; }
#product h2 { background: url(img/gorilla-button-1366.png) no-repeat center; width: 351px; height: 71px; padding: 15px; }
.tree h2 span { font-size: 22px; letter-spacing: 1px; }
.tree h2 span a { font-size: 22px; }
.tree h2 { background: url(img/1366.png) no-repeat center; width: 251px; height: 60px; padding: 10px 0; margin: 15px -15px; }
.tree { background: url(img/tree0.png) no-repeat 47.5% 46px !important; }
#service h1 { background: url(img/ourservice-button-1366.png) no-repeat center; width: 251px; height: 71px; padding: 15px; margin: 0 auto; }
#service h1 span { font-size: 32px; }
#banner { background: url(img/banner.jpg) top center no-repeat; background-size: auto auto; height: 600px; margin-bottom: 30px; width: 100%; }
.gorrila-banner img { max-width: 321px; }
.productmenu.nav > li > a > img { width: 76% !important; padding-top: 17px; }
.gorrila-banner { text-align: center;  }
input.btn.read-btn { /*font-family: 'Phosphate';*/ font-weight: normal; /*letter-spacing:2px;*/ font-size: 18px; border-color: #FFFFFF; }
}


 @media (min-width:600px) and (max-width:1020px) {
.controls ul.nav { margin: 0px 70px; text-align: center; width: 100%; }
.carousel-caption .text-right { text-align: -webkit-left; text-align: -moz-webkit-left; }
#about-banner h1 { background: url(img/button-1.png) no-repeat center; width: 386px; height: 84px; padding: 10px; margin: 120px auto 40px auto; }
#about-banner h1 span { font-size: 40px; line-height: 40px; font-family: "impactregular"; text-transform: uppercase; color: #FFFFFF; }
/*
#about-banner h1 {
	display: inline-block;
	padding: 5px
}
*/
.user { text-align: center; }
.john, .john h2, .ashe { text-align: center; }
.user h2, .center h1, .john h2, .ashe h2, .rob h2 { display: inline-block }
.col-xs-offset-3 { margin-left: 0%; }
.nav.navbar-nav.navbar-right .navbar-brand.hidden-xs.hiddem.sm img { margin-top: 59px; }
.gorrila-banner img { display: inline-block;  margin-top: 80px;}
#click-menu.admin-bar-showing { margin-top: 0; margin-left: 0; }
.nav>li { float: left }
.navbar-nav>li>a { margin-top: -50px; padding: 0px 7px; }
.navbar-toggle { border-radius: 0 }
.gorrila-banner { text-align: center; margin: 60px auto; }
#service h1 span { font-size: 26px }
#service h1 { background: url(img/respons-our.gif) no-repeat center; width: 201px; height: 61px; padding: 10px }
.tree h2 { background: url(img/respons-b1.gif) no-repeat center; width: 241px; height: 51px; padding: 6px; margin: 10px -50px; }
.tree h2 span { font-size: 20px }
.tree { text-align: -webkit-center; text-align: -moz-webkit-center; background: #FFFFFF !important; height: auto; width: 100%; padding-bottom: 20px; }
.allign { text-align: -webkit-center; text-align: moz-webkit-center }
#product h2 { background: url(img/respons-b2.gif) no-repeat center; width: 260px; height: 60px; padding: 10px; display: inline-block; }
#product h2 span { font-size: 25px !important }
#product { background: #2F768B; height: auto; padding-bottom: 20px; margin-left: 0; }
.magin-top230px { margin: 0 auto; }
.margin-top100 { margin-top: 0; }
input.btn.read-btn { margin-bottom: 20px }
.margin-top100 .col-xs-offset-2 { margin-left: 0 }
.magin-top168 { margin-top: 0; }
.magin-top188 { margin-top: 0; margin-left: 0; }
#last { background: #FF6C24; width: 100%; height: auto; margin-top: 0; padding-bottom: 30px; }
.top { margin-top: 50px; }
.top h1 { font-size: 53px }
.margin-top560 { margin-top: 80px; }
.center h1 { background: url(img/respons-our.gif) no-repeat center; padding: 10px; width: 201px; height: 61px; margin: 0 40px; }
.center h1 span { font-size: 33px }
.ashe h2 span, .john h2 span, .rob h2 span { font-size: 30px }
.john h2, .ashe h2, .rob h2 { background: url(img/respons-b3.gif) no-repeat center; width: 281px; height: 61px; padding: 10px; margin: 30px 0; }
.john h2 { padding: 10px 72px !important; width: 100% }
.rob h6 { margin: 0; }
.ashe h2 { padding: 10px 17px }
.ashe h6 { margin: 20px 100px 0 100px; }
.john h6 { margin: 0 auto; }
.margin-top50 { margin: 20px 0px; }
.user h6 { margin: 0 70px; }
.margintop100 { margin: 0 0; }
#footer-1 h1 { background: #FFFFFF; padding: 22px 7px; border-radius: 7px; margin: 0 39px; margin-top: 120px; margin-bottom: 10px; }
#footer-1 { background: #9AA4A0; height: 1800px; width: 100%; margin-top: 0 }
#footer-1 h1 { background: url(img/respons-b2.gif) no-repeat center; height: 61px; width: 260px; padding: 15px; margin: 10px auto; text-align: center; }
#footer-1 h1 span { font-size: 32px }
.margin-top22 { margin-top: 0 !important; }
#footer-1 ul li { padding-right: 0; }
#footer-1 ul { margin: 0; }
input.btn.read-btn { margin-bottom: 0; border-color: #fff; }
#about-banner h1 { background: url(img/respons-our.gif) no-repeat center; width: 201px; height: 61px; padding: 10px }
/*
#about-banner h1 span {
	background: none;
	padding: 0;
	font-size: 20px;
}
*/
#about-banner { /*background: #FF6923;*/ background-size: auto 103%; height: 3050px; width: 100%; position: relative; z-index: 2; text-align: -webkit-center; text-align: moz-webkit-center; }
#about-banner h2 { padding: 0; background: url(img/button-2.png) no-repeat center; width: 235px; height: 42px; margin: 10px 0; }
#about-banner h2 span { background: none; padding: 0 30px }
/*
#about-banner h1 {
	margin: 10px 0;
}
*/
#about-banner h3 { margin: 30px 0; }
.border-o { margin: 20px 0 }
#inside h1 { /* background: url(img/button-2.png) no-repeat center;
	width: 235px;
	height: auto;
	margin: 10px auto;
*/ margin: 120px auto 0px; }
#inside h1 span { background: none; padding: 0; font-size: 22px }
.list ul li a { font-size: 18px }
.wpcf7-form span.wpcf7-not-valid-tip { left: 170px }
.wpcf7-form div.wpcf7-validation-errors { top: 364px; width: 80%; margin: 0 auto; left: 30px; }
}
.productmenu { background: #FFFFFF; min-height: 500px; }


 @media (max-width:599px) {
.controls ul.nav { margin: 0 70px !important margin-bottom:20px;
}
.carousel-caption .text-right { text-align: -webkit-left; text-align: -moz-webkit-left; }
.carousel-caption { position: static }
.carousel-caption img { display: none }
.detail-5 { background: #4C4C49 }
.wpcf7-form span.wpcf7-not-valid-tip { left: -5px }
.wpcf7-form div.wpcf7-validation-errors { top: 364px; width: 80%; margin: 0 auto; left: 30px; }
.gorrila-banner img { display: inline-block; margin-top: 70px; max-width: 260px; }
.margin-l-1 { margin: 0 auto; }
.user h2 { background: url(img/name-button-767.png) no-repeat center; width: 250px; }
.user h2 span { font-size: 26px; }
.john h2 span { padding: 0 20px }
.ashe h2 span { padding: 0 30px }
.top img { width: 200px; margin: 0 auto; padding: 10px 0px; }
.margin-top60 { margin-top: 10px; }
.magin-top168 { margin-left: 0 }
#banner { margin-bottom: 20px; height: 550px; padding-bottom: 20px; width: 100%; }
.user h6 span, .rob h6 span, .john h6 span, .ashe h6 span { background: #2F768B; padding: 5px; }
#inside { margin-bottom: -160px }
.nofound { margin: 20px auto; font-size: 18px; padding: 10px 0px; }
.productmenu { background: #FFFFFF; min-height: auto; margin: 30px 0; }
li.current_page_item a { padding: 5px 15px 5px 5px !important; }
#click-menu.admin-bar-showing { margin-top: 0; margin-left: 0 !important; }
.nav>li { float: left }
.navbar-nav>li>a { margin-top: -50px; padding: 0px 7px; }
.navbar-toggle { border-radius: 0 }
.gorrila-banner { text-align: center; margin: 50px 0px 40px 0; }
.read-btn { padding: 14px 15px 0px 15px; }
#service h1 span { font-size: 26px }
#service h1 { background: url(img/respons-our.gif) no-repeat center; width: 201px; height: 61px; padding: 10px }
.tree h2 { background: url(img/respons-b1.gif) no-repeat center; width: 241px; height: 51px; padding: 6px; margin: 10px -57px; }
.tree h2 span { font-size: 20px }
.tree { background: #FFFFFF !important; height: 300px; width: 100%; }
.allign { text-align: -webkit-center; text-align: moz-webkit-center }
#product h2 { background: url(img/respons-b2.gif) no-repeat center; width: 260px; height: 60px; padding: 10px; }
#product h2 span { font-size: 25px !important }
#product { background: #2F768B; height: auto; padding-bottom: 20px; text-align: center; margin-left: 0; }
.magin-top230px { margin-left: 0; margin-top: 30px }
.margin-top100 { margin-top: 0; }
input.btn.read-btn { margin-bottom: 20px }
.margin-top100 .col-xs-offset-2 { margin-left: 0 }
.magin-top168 { margin-top: 0; }
.magin-top188 { margin-top: 0; margin-left: 0; }
#last { background: #FF6C24; width: 100%; height: auto; margin-top: 0; padding-bottom: 30px; }
.top { margin-top: 50px; text-align: center; }
.top h1 { font-size: 33px; clear: both; margin: 0px 0px 10px 0px; }
.margin-top560 { margin-top: 30px; }
.center h1 { background: url(img/respons-our.gif) no-repeat center; padding: 10px; width: 201px; height: 61px; margin: 0 40px; }
.center h1 span { font-size: 33px }
.ashe h2 span, .john h2 span, .rob h2 span { font-size: 23px }
.john h2, .ashe h2, .rob h2 { background: url(img/respons-b3.gif) no-repeat center; width: 281px; height: 61px; padding: 10px; margin: 30px 0; }
.john h2 { padding: 10px 72px !important; }
.rob h6 { margin: 0; }
.ashe h2 { padding: 10px 17px }
.ashe h6 { margin: 20px 100px 0 100px; }
.john h6 { margin: 20px 0 0 80px; }
.margin-top50 { margin: 20px 0px; }
.user h6 { margin: 0 70px; }
.margintop100 { margin: 0 0; }
#footer-1 h1 { background: #FFFFFF; padding: 22px 7px; border-radius: 7px; margin: 0 39px; margin-top: 120px; margin-bottom: 10px; }
#footer-1 { background: #9AA4A0; height: 2100px; width: 100%; margin-top: 15px; }
#footer-1 h5 { padding: 0 }
#footer-1 h1 { background: url(img/respons-b2.gif) no-repeat center; height: 61px; width: 100%; padding: 15px; margin: 110px auto 8px auto; text-align: center; }
#footer-1 h1 span { font-size: 32px }
.margin-top22 { margin-top: 0 !important; }
#footer-1 ul li { padding-right: 0; }
#footer-1 ul { margin: 0; }
input.btn.read-btn { margin-bottom: 0; border-color: #fff; }
/*
#about-banner h1 {
    background: url(img/button-1.png) no-repeat center;
    width: 386px;
    height: 84px;
    padding: 10px;
    margin: 120px auto 40px auto;
}
#about-banner h1 span {
    font-size: 40px;
    line-height: 40px;
    font-family: "impactregular";
    text-transform: uppercase;
    color: #FFFFFF;
}
*/
/*
#about-banner h1 {
	background: url(img/respons-our.gif) no-repeat center;
	width: 100%;
	height: 61px;
	padding: 10px
}
#about-banner h1 span {
	background: none;
	padding: 0;
	font-size: 20px;
}
*/

#about-banner { height: 2750px; background-size: auto 103%; }
#about-banner h2 { padding: 0; background: url(img/button-2.png) no-repeat center; width: 235px; height: 42px; margin: 10px 0; }
#about-banner h2 span { background: none; padding: 0 30px }
#about-banner h1 { background-size: 100% auto; width: 280px; }
#about-banner h3 { margin: 30px auto; }
.border-o { margin: 20px 0 }
#inside h1 { background: url(img/button-2.png) no-repeat center; width: 235px;/*height: 42px;
	margin: 10px auto;
	padding: 0;*/ }
#inside h1 span { background: none; padding: 0; font-size: 18px; }
.list ul li a { font-size: 18px; float:leftl width:100%;
}
.bx-wrapper .bx-viewport { left: 0px !important; }
}


#inside .pagenav { color: #2f768a; }
/*carousel*/

.our-work{margin-top: -5.6% !important;}

#custom_carousel .item { color: #000; background-color: #eee; padding: 15px 0; }
#custom_carousel .controls { overflow-x: hidden; overflow-y: hidden; padding: 0; margin: 0 auto; white-space: nowrap; text-align: center; position: relative; background: #ddd; max-width: 650px; }
#custom_carousel .controls li { display: table-cell; width: 11%; max-width: 90px; max-height: 90px !important; height: 90px !important; }
#custom_carousel .controls li.active { background-color: transparent; }
#custom_carousel .controls a small { overflow: hidden; display: block; font-size: 10px; margin-top: 5px; font-weight: bold }
#custom_carousel .item { background: #fff; height: 560px }
.carousel-caption .btn { background: rgba(144,144,144,0.12) }
.modal-body .wpcf7-form div.wpcf7-validation-errors { top: 375px; width: 90%; text-align: center; }
/*Menu Style Start*/
.navbar-toggle { display: block; border: none !important; margin-top: 20px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }
.navbar-toggle .icon-bar { height: 4px; }
.rightNavDiv { float: right; width: 517px; }
.navMainMenu { background: #4b4c47; position: fixed; display: block !important; width: 330px; height: 100% !important; left: -350px; top: 0px; z-index: 99; }
.navMainMenu .mainNav { margin: 80px 0 10px 0; padding: 0px 0 33px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; list-style: none; }
.navMainMenu .mainNav li a { padding: 16px 0 16px 35px; display: block; color: #fff; font-family: PhosphateSolid, Arial, Helvetica, sans-serif; font-size: 30px; text-transform: uppercase; line-height: 34px; }
.navMainMenu .mainNav li a:hover, .navMainMenu .mainNav li a:focus { text-decoration: none; color: #fff !important; outline: none; }
.socialNav { list-style: none; margin: 0px; padding: 0px 20px; }
.socialNav li { float: left; margin-right: 10px; margin-bottom: 10px; }
.socialNav li:last-child { margin-right: 0px; }
.socialNav li a { color: #4a4b47; background: #fff; height: 50px; width: 50px; border-radius: 100%; display: block; text-align: center; line-height: 50px; }
.socialNav li a:hover, .socialNav li a:focus { color: #4a4b47; }
.socialNav li a i { color: #4a4b47 !important; padding: 0px !important; margin: 0px !important; line-height: 50px; }
.socialNav:after { clear: both; }
.menucloseBtn { display: block; color: #fff; right: 10px; font-family: PhosphateSolid, Arial, Helvetica, sans-serif; font-size: 30px; text-transform: uppercase; position: absolute; top: 20px; text-align: center; line-height: 40px; z-index: 1000; height: 40px; width: 35px; cursor: pointer; }
.insideNavDiv { float: right; overflow: hidden; }
.insideNavDiv ul { list-style: none; margin: 0px !important; padding: 0px; }
.insideNavDiv ul li { float: left; position: relative; }
.insideNavDiv ul li a { padding: 5px 20px; background: #e5e5e5; color: #2f768a; font-family: PhosphateSolid, Arial, Helvetica, sans-serif; font-size: 18px; display: block; height: 55px; line-height: 55px; vertical-align: middle; }
.insideNavDiv ul li a:hover, .insideNavDiv ul li a:focus, .insideNavDiv ul li a.selected { background: #fff; text-decoration: none; }
.inside-heading { display: block; margin-bottom: 0px; }
.insideNavDiv ul li:first-child a { padding-right: 0px; }
.insideNavDiv ul li:first-child a div { width: 0; height: 0; border-bottom: 56px solid transparent; border-left: 25px solid #e5e5e5; position: absolute; display: block; right: -24px; top: 0px; z-index: 2; }
.insideNavDiv ul li:first-child a:hover div, .insideNavDiv ul li:first-child a.selected div { border-left: 25px solid #fff !important; }
.insideNavDiv ul li:last-child a { padding-left: 0px; }
.insideNavDiv ul li:last-child a div { width: 0; height: 0; border-top: 56px solid transparent; border-right: 25px solid #e5e5e5; position: absolute; display: block; left: -24px; top: 0px; z-index: 1; }
.insideNavDiv ul li:last-child a:hover div, .insideNavDiv ul li:last-child a.selected div { border-right: 25px solid #fff !important; }
.socmen { float: left !important; margin-top: -3% !important; }
.insideNavDiv ul li:nth-child(2) { background: #e5e5e5; height: 55px; width: 25px; margin-top: 0px; }
#inside .list { margin-bottom: 50px; }
/*Menu Style End*/

img.debra-img
{
    margin-top: 20px;
    padding-top: 20px;
}
@media screen and (min-width: 768px) {
.modal-body input.btn.read-btn { margin: 0 auto; color: #555; border: 1px solid darkgray; }
#custom_carousel .controls li { width: 11% !important }
.carousel-caption { right: 20px; left: 20px; padding-bottom: 30px; background: none; padding: 0px 10px; }
}
.menu-footer-container li.current_page_item a { padding-right: 0; background-color: transparent; color: #FFFFFF !important; padding-left: 0 }
.magin-top16 { margin-top: 0px; }
.magin-top161 { margin-top: 0px; }

 @media screen and (min-width: 1500px) {
#inside { margin-bottom: -90px; }
.d-2 { left: 49.7%!important; top: 155px; }
#about-banner { background: url(img/banner-4.png) no-repeat top center; height: 1500px; background-size: cover; width: 100%; position: relative; z-index: 2; }
#product { float: left; }
#last { height: 900px; float: left; margin-top: 0; margin-bottom: -5%; }
.top { float: left; margin-bottom: 0; }
.magin-top188 { margin-top: 60px; }
#banner { background: url(img/banner.jpg) top center no-repeat; background-size: cover; /*background-color: #DA4C1E;*/ height: 870px; }
.magin-top168 { margin-top: 65px; }
.magin-top16 { margin-top: 0px; }
}
#click-menu.admin-bar-showing { margin-top: 8px !important; margin-left: -40px; }
#responsive-menu #responsive-menu-title, #responsive-menu #responsive-menu-title a { margin-top: 50px !important }

 @media (min-width: 768px) {
.navbar-right { margin-top: -33px; }
}
.productmenu #custom_carousel .controls { background: transparent !important; margin-top:-10px; }
.btn.read-btn.r { margin-right: 5px; }
.carousel-control.right, .carousel-control.left { background: none; top: 40px; margin: 0px -18px; z-index: 100000; /*display:none;*/ }
.nav li.active { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
i.fa.fa-youtube-play:hover, i.fa.fa-facebook:hover, i.fa.fa-instagram:hover, i.fa.fa-twitter:hover { transition: all 300ms; color: #5EBDD8 }
#custom_carousel .controls li.active { background: url(img/img-slider.png) no-repeat center 0px !important; position: relative; }
#custom_carousel .controls li.active img { border: 3px solid #2f768a }
#inside .carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 1; height: 543px; width: 100%; }
.nav>li>a>img { margin-top: 24px; }
.button-down { width: 100%; position: relative; margin: 0 auto }
.button-d-1 { position: absolute; left: 260px; top: 40px; }
.d-2 { left: 49.7%!important; top: 155px; }
.d-3 { left: -71px; top: 190px; }
.carousel-inner { margin-bottom: -2px }
.nav>li>a:focus, .nav>li>a:hover { background-color: transparent }
.inside-heading h2 a { color: #fff; font-size: 20px; }
.insideh2 { font-size: 30px !important; }
.myextraclass { margin-left: -30px; }
.newsLetterDiv input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form select.wpcf7-select { color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; }
.newsLetterDiv p { text-align: left; }
.send { display: block; margin-left: auto; margin-right: auto; }
.newsLetterDiv input[type="submit"] { margin-bottom: 0; border: 1px solid #fff; padding: 14px 30px 0px 30px; display: block; margin-left: auto; margin-right: auto; font-family: 'PhosphateSolid'; font-size: 26px; color: #fff; background-color: transparent; line-height: 50px; text-transform: uppercase; box-shadow: none; margin-top:20px;}
.newsLetterDiv h1{ background-size:contain !important; font-size: 24px; margin-top:-18px !important;}
.footerBottom{ background:#99a39f;}


 @media screen and (max-width: 767px) {
.rightNavDiv { float: right; width: 84%; margin-top: 4%; }
.navs-menu { width: 20%; float: right; }
.resp { text-align: center; }
.productmenu { background: #FFFFFF; min-height: auto; margin: 0px 0; }
.myextraclass { margin-left: 0px; }
.rightfl { text-align: center; }
.img-width { width: 200px; }
.tree h2 span a { font-size: 22px; }
.whi li a i { color: white !important; }
.carousel-control.right, .carousel-control.left { margin: 0px 30px; top: 17px; }
.displayinline { display: inline-flex; }
.text-align1 { text-align: center; }
.img-gallery { width: 30px; }
.magin-left { margin-left: 0; }
.custom-height { height: 283px; }
.carousel-inner { height: 220px; }
.carousel-inner>.item>img { height: auto; }
#custom_carousel .controls li.active { background: url(img/img-slider.png) no-repeat center 0px !important; position: relative; }
.nav>li>a>img { margin-top: 21px; }
#custom_carousel .controls li { display: table-cell; width: 20%; max-width: 90px; }
.productmenu #custom_carousel .controls { background: #fff !important; height: 60px; }
.button-d-1 { position: absolute; left: 45%; top: 10px; }
#inside { background-size: 100%; }
#footer-1 h6 { text-align: center !important; margin-top: 20px; }
i.fa.fa-linkedin, i.fa.fa-facebook, i.fa.fa-instagram, i.fa.fa-twitter { margin-top: 0px; padding: 20px 10px; }
.menu-socialmenu-container { width: 180px; margin: 0 auto; }
#setdesign-banner h1 span { font-size: 45px; }
     .our-work{margin-top: 0px !important;}
}


@media (min-width: 767px) and (max-width: 770px) {
.rightNavDiv { float: right; width: 65%; margin-top: 7% }
.productmenu { background: #FFFFFF; min-height: auto; margin: 0px 0; }
.myextraclass { margin-left: 0px; }
.controls ul.nav { margin: 0px -77px 0 194px !important; }
.rightfl { text-align: center; }
.tree h2 span a { font-size: 22px; }
.whi li a i { color: white !important; }
.carousel-control.right { margin: -7px 40px; }
.img-gallery { width: 100%; height: 100%; }
.nav>li>a>img { margin-top: 22px; }
#custom_carousel .controls li.active { background: url(img/img-slider.png) no-repeat center 0px !important; position: relative; }
.carousel-control.right, .carousel-control.left { background: none; top: 45px; margin: -12px 104px; }
.carousel-control.right { margin: -12px 40px; }
.displayinline { display: inline-flex; }
.controls .nav>li>a { padding: 4px; }
.button-d-1 { position: absolute; left: 50%; top: 13px; }
.text-align1 { text-align: center; }
.magin-left { margin-left: 40%; }
#setdesign-banner h1 span { font-size: 45px!important; }
}

@media (min-width: 768px) and (max-width: 990px)
{
    .our-work{margin-top: 0px !important;}
}

@media screen and (max-width: 992px) {
.margin-top22 { margin-top: 80px; }
.tinynav { display: block; width: 100%; padding: 0.5em; font-size: 1.5em; margin: 0 auto; }
#listingNav ul { display: none; }
.myextraclass { margin-left: 0px; }
.carousel-caption h2 { width: 100%; }
#setdesign-banner h1 span { font-size: 30px!important; }
}

@media (min-width: 599px) and (max-width: 767px) {
#banner { margin-bottom: 20px; height: 627px; padding-bottom: 20px; width: 100%; }
.tree { background: #FFFFFF !important; height: 300px; width: 100%; padding-left: 17%; }
}

.l_tinynav1 { margin-top: 55px; }
.banner_container { float: left; width: 100%; height: auto; max-height: 450px; margin-bottom: 30px; }
.banner_container img { float: left; width: 100%; height: auto; max-height: 450px; }
.myptag { color: #FFFFFF; font-size: 16px; font-family: 'DIN-Alternate'; text-align: left; }
.text-container { float: left; width: 100%; margin-bottom: 30px; }
.aboutustext { font-size: 20px !important; margin-bottom: 20px; }
#mycontainer { padding: 25% 5% 10% 5%; }
#ourwork-banner { background: url(img/banner-7.png) no-repeat top center; height: 1256px; width: 100%; position: relative; z-index: 2; background-size: cover; }
#ourwork-banner h1 { background: url(img/button-1.png) no-repeat center; max-width: 500px; height: 100px; padding: 18px 10px 10px 10px; background-size: contain; margin: 120px auto 40px auto; }
#ourwork-banner h1 span { font-size: 45px; line-height: 60px; font-family: "impactregular"; text-transform: uppercase; color: #FFFFFF }
#ourwork-banner h2 { margin: 40px 0 30px 0 }
#ourwork-banner h2 span { background: url(img/button-2.png) no-repeat center; background-size: contain; padding: 30px 80px; color: #FFFFFF; font-size: 25px; font-family: "impactregular"; letter-spacing: 2px; }
#ourwork-banner p { color: #FFFFFF; font-size: 16px; font-family: 'DIN-Alternate'; }
#lighting-banner { background: url(img/banner-5.png) no-repeat top center; height: 1256px; width: 100%; position: relative; z-index: 2; background-size: cover; }
#lighting-banner h1 { background: url(img/button-1.png) no-repeat center; max-width: 500px; height: 100px; padding: 18px 10px 10px 10px; background-size: contain; margin: 120px auto 40px auto; }
#lighting-banner h1 span { font-size: 45px; line-height: 60px; font-family: "impactregular"; text-transform: uppercase; color: #FFFFFF }
#lighting-banner h2 { margin: 40px 0 30px 0 }
#lighting-banner h2 span { background: url(img/button-2.png) no-repeat center; background-size: contain; padding: 30px 80px; color: #FFFFFF; font-size: 25px; font-family: "impactregular"; letter-spacing: 2px; }
#lighting-banner p { color: #FFFFFF; font-size: 16px; font-family: 'DIN-Alternate'; }
#setdesign-banner { background: url(img/banner-6.png) no-repeat top center; height: 1256px; width: 100%; position: relative; z-index: 2; background-size: cover; }
#setdesign-banner h1 { background: url(img/button-1.png) no-repeat center; max-width: 500px; height: 100px; padding: 18px 10px 10px 10px; background-size: contain; margin: 120px auto 40px auto; }
#setdesign-banner h1 span { font-size: 45px; line-height: 60px; font-family: "impactregular"; text-transform: uppercase; color: #FFFFFF }
#setdesign-banner h2 { margin: 40px 0 30px 0 }
#setdesign h2 span { background: url(img/button-2.png) no-repeat center; background-size: contain; padding: 30px 80px; color: #FFFFFF; font-size: 25px; font-family: "impactregular"; letter-spacing: 2px; }
#setdesign-banner p { color: #FFFFFF; font-size: 16px; font-family: 'DIN-Alternate'; }
#productshire-banner { background: url(img/Kabuki-Drops.jpg) no-repeat top center; height: 1256px; width: 100%; position: relative; z-index: 2; background-size: cover; }
#productshire-banner h1 { background: url(img/button-1.png) no-repeat center; max-width: 500px; height: 100px; padding: 18px 10px 10px 10px; background-size: contain; margin: 120px auto 40px auto; }
#productshire-banner h1 span { font-size: 45px; line-height: 60px; font-family: "impactregular"; text-transform: uppercase; color: #FFFFFF }
#productshire-banner h2 { margin: 40px 0 30px 0 }
#productshire-banner h2 span { background: url(img/button-2.png) no-repeat center; background-size: contain; padding: 30px 80px; color: #FFFFFF; font-size: 25px; font-family: "impactregular"; letter-spacing: 2px; }
#productshire-banner p { color: #FFFFFF; font-size: 16px; font-family: 'DIN-Alternate'; }




 @media(min-width:1000px) and (max-width:1206px) {
#about-banner {
    height: 1425px;
}
.button-d-1.d-3 > img {
    display: none;
}
.twit h3 span {
    font-size: 14px !important;
    padding: 20px 80px !important;
}
 }
.carousel-indicators {
    bottom: 0;
    left: 0;
    margin-left: 5px;
    width: 100%;
}
/* Indicators list style */
.carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 54px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 100px;
}
/* Indicators images style */
.carousel-indicators img {
    border: 2px solid #FFFFFF;
    float: left;
    height: 54px;
    left: 0;
    width: 100px;
}
/* Indicators active image style */
.carousel-indicators .active img {
    border: 2px solid #428BCA;
    opacity: 0.7;
}

.jssor-slider
{
    position: relative; 
    margin: 0 auto; 
    top: 10px; 
    left: 0px; 
    width: 800px; 
    height: 470px; 
    
    visibility: hidden;
}
.carousel-caption img
{
    padding: 30px !important;
}
.carousel-caption
{
    bottom: 100px !important;
}
.item img
{
    height: 480px !important;
}
.jssor-slider .slides
{
    cursor: default; position: relative; top: 0px; left: 0px; width: 800px; height: 500px; overflow: hidden;
}
.jssora02l, .jssora02r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url('img/a02.png') no-repeat;
            overflow: hidden;
        }
        .jssora02l { background-position: -3px -33px; }
        .jssora02r { background-position: -63px -33px; }
        .jssora02l:hover { background-position: -123px -33px; }
        .jssora02r:hover { background-position: -183px -33px; }
        .jssora02l.jssora02ldn { background-position: -3px -33px; }
        .jssora02r.jssora02rdn { background-position: -63px -33px; }
        .jssora02l.jssora02lds { background-position: -3px -33px; opacity: .3; pointer-events: none; }
        .jssora02r.jssora02rds { background-position: -63px -33px; opacity: .3; pointer-events: none; }
        /* jssor slider thumbnail navigator skin 03 css *//*.jssort03 .p            (normal).jssort03 .p:hover      (normal mouseover).jssort03 .pav          (active).jssort03 .pdn          (mousedown)*/.jssort03 .p {    position: absolute;    top: 0;    left: 0;    width: 62px;    height: 32px;}.jssort03 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}.jssort03 .w, .jssort03 .pav:hover .w {    position: absolute;    width: 60px;    height: 30px;    border: white 1px dashed;    box-sizing: content-box;}.jssort03 .pdn .w, .jssort03 .pav .w {    border-style: solid;}.jssort03 .c {    position: absolute;    top: 0;    left: 0;    width: 62px;    height: 32px;    background-color: #000;    filter: alpha(opacity=45);    opacity: .45;    transition: opacity .6s;    -moz-transition: opacity .6s;    -webkit-transition: opacity .6s;    -o-transition: opacity .6s;}.jssort03 .p:hover .c, .jssort03 .pav .c {    filter: alpha(opacity=0);    opacity: 0;}.jssort03 .p:hover .c {    transition: none;    -moz-transition: none;    -webkit-transition: none;    -o-transition: none;}* html .jssort03 .w {    width /**/: 62px;    height /**/: 32px;}