@font-face {
font-family: 'nexa_boldregular';
src: url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/nexa_bold_0-webfont.eot);
src: url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/nexa_bold_0-webfont.eot?#iefix) format('embedded-opentype'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/nexa_bold_0-webfont.woff2) format('woff2'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/nexa_bold_0-webfont.woff) format('woff'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/nexa_bold_0-webfont.ttf) format('truetype'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/nexa_bold_0-webfont.svg#nexa_boldregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'nexa_lightregular';
src: url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/nexa_light_0-webfont.eot);
src: url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/nexa_light_0-webfont.eot?#iefix) format('embedded-opentype'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/nexa_light_0-webfont.woff2) format('woff2'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/nexa_light_0-webfont.woff) format('woff'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/nexa_light_0-webfont.ttf) format('truetype'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/nexa_light_0-webfont.svg#nexa_lightregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TrumpGothicEastBold';
src: url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/TrumpGothicEastBold.eot);
src: url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/TrumpGothicEastBold.eot) format('embedded-opentype'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/TrumpGothicEastBold.woff2) format('woff2'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/TrumpGothicEastBold.woff) format('woff'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/TrumpGothicEastBold.ttf) format('truetype'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/TrumpGothicEastBold.svg#TrumpGothicEastBold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansregular';
src: url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/opensans-regular-webfont.eot);
src: url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/opensans-regular-webfont.woff2) format('woff2'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/opensans-regular-webfont.woff) format('woff'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/opensans-regular-webfont.ttf) format('truetype'),
url(//jjsdesignandbuild.com/wp-content/themes/jjsdesign/fonts/opensans-regular-webfont.svg#open_sansregular) format('svg');
font-weight: normal;
font-style: normal;
}@media only screen and (max-width : 1199px) {
h2 { background-size: contain; }
.centering { padding: 0 15px; width: auto; }
img { max-width: 100%; height:auto; }
#header-wrap .centering1 { width: 96%; margin-left: -48%; } .top-block input[type="text"] { width: 70%; } .top-block .search { width: 50%; }
#header-wrap .logo { margin-left: -9.7%; width: 150px; }
.nav-block li { margin-left: 4.1%;  }
.nav-block li.space { padding-right: 19%; }
.slider-block .text { width: 63.4%; margin-left: -31.7%; }
.slider-block ul.slides li img { min-width: inherit; }
.services-block { padding: 70px 0 0px; }
.services-block h2 { margin-bottom: 40px; }
.services-block .left li .col { margin-left: 35px; width: 37%;  }
.services-block .left ul { margin-left: 0px; }
.services-block .left li span { font-size: 16px;}
.services-block .left li span span { display:inline-block; }
.about-block .inner { padding: 60px 0; }
.about-block .text img.img { width: 150px; }
.about-block .para { padding: 7px 0 0 12px; width: 53.3%; margin-right: 17px; }
.about-block .para p { line-height: 25px; }
.about-block .text { min-height: 217px; }
.about-block .right .text img.img { margin-left: 30px; }
.footer-block .right { width: 22%; }
.banner-block .text { margin-left: 0; left: 2%; }
.custom-block .inner { padding: 45px 0; }
.building-block .inner { padding: 61px 0; }
.custom-block h2, .building-block h2 { font-size: 34px; }
.custom-block h2 { background-size: 697px auto; }
.custom-block.int h2 { background-size: 649px auto; }
.building-block h2 { background-size: 447px auto; }
.building-block.gen h2 { background-size: 569px auto; }	
.slider-block { padding-top:164px;}
.slider-block .text { top: 21.4%; }
.slider-block ul.slides li img { min-height:inherit; }
}
@media only screen and (max-width : 1100px) {
.nav-block li.space { padding-right: 14.5%; }
.about-block img.jj { width: 85px; }
}
@media only screen and (max-width : 1023px) {
h2 { font-size: 55px; line-height: 65px; }
.top-block input[type="text"] { line-height: 34px; height: 34px; }
.top-block input[type="submit"] { margin-top: 2px;  }
.top-block .right li span { font-size: 20px; }
.top-block .right li { font-size: 17px; line-height: 40px; }
.nav-block li a { padding: 0 10px; }	
.nav-block li.space { padding-right: 12.8%; }
#header-wrap .logo { width: 140px; }
.slider-block h1 { font-size: 80px; line-height: 90px; }
.slider-block a.btn { font-size: 17px; line-height: 40px; }
.slider-block ul.slides li img { min-height: 680px; }
.services-block .left ul { margin-left: -38px; }
.services-block .left li .col { margin-left: 25px; }
.services-block .right { padding-left: 30px; }
.about-block .left { width: 48.6%;  }
.about-block .para { width: 52.3%; }
.footer-block .right a img { width: 140px; }
.footer-block span { font-size: 15px; }
.about-block h2 { font-size: 45px; }
.about-block img.jj { display: none; }
.custom-block .inner { padding: 30px 0; }
.custom-block h2, .building-block h2 { font-size: 32px; }  
.custom-block h2 { background-size: 659px auto; }
.building-block h2 { background-size: 415px auto; }
.custom-block.int .inner { padding: 60px 0; }
.custom-block.int h2 { background-size: 602px auto; }
.building-block.gen h2 { background-size: 531px auto; }
}
@media only screen and (max-width : 959px) {
.single-project .flexslider6{ width:100%; height:auto; }
.single-project .flexslider6 img{ width:100%; }
h2 { font-size: 45px; } .top-block input[type="text"] { width: 60.5%; }
.top-block .social { padding-left: 15px; }
.top-block .right li { font-size: 14px; }
.top-block .right li span { font-size: 16px; }
.nav-block li a { padding: 0 7px; font-size: 14px; }
.nav-block li.space { padding-right: 16.2%; }
.slider-block h1 { font-size: 65px; line-height: 75px; }
.slider-block p { font-size: 18px; line-height: 30px; }
.slider-block a.btn { font-size: 14px; }
.services-block { padding-top: 50px; }
.services-block h2 { margin-bottom: 20px; }
.services-block .left li span { font-size: 16px; line-height: 28px; }
.services-block p { padding-bottom: 20px; font-size: 15px; line-height: 25px; }
.project-block h3 { font-size: 16px; }
.project-block p { font-size: 15px; line-height: 25px; }
.project-block .project ul.slides li { min-height: 386px; }
.about-block h2 { font-size: 35px; }
.about-block .text img.img { width: 135px; margin: 30px 0  0 -10px; }
.about-block .right .text img.img { margin-left: 12px; }
.about-block .right .para { margin-right: 7px; }
.about-block .text { min-height: 292px; }
.about-block .left { width: 49%; }
.footer-block .left { width: 62%; }	
.footer-block .right { width: 31%; }	
.banner-block .text span { font-size: 70px; line-height: 90px; }
.custom-block h2, .building-block h2 { font-size: 30px; }
.custom-block h2 { background-size: 488px auto; }
.custom-block p, .building-block p { padding-bottom: 10px; font-size: 15px; line-height: 25px; position: relative; }
.building-block p span, .custom-block p span { font-size: 16px; line-height: 25px; }
.building-block h2 { background-size: 260px auto; }
.custom-block.int h2 { background-size: 437px auto; }
.building-block.gen h2 { background-size: 370px auto; }
#testing { display:none;}
#wpgmza_map {  position: relative; top: 0px; left: 28px;}
#address {text-align: center;
left: -18px;
bottom: 545px;}
#address1 {text-align: center;
left: -18px;
bottom: 18px; width:100%; float:left;}
div.wpcf7{width:300px; float:left;}
.wpcf7 label{width:100%; float:left;}
}
@media only screen and (max-width : 899px) {
#header-wrap .logo { width: 85px;  }
.nav-block li { margin-left: 2.1%;  }
.nav-block li.space { padding-right: 18.2%; }
.single-project .flexslider5{ width:100%;}
}
@media only screen and (max-width : 799px) {
.nav-block li a { padding: 0 6px; font-size: 13px; line-height: 30px; }
.nav-block li.space { padding-right: 21.2%; }
.services-block .left li .col { width: 36%; margin-bottom:0px; }
.services-block .left li span { font-size: 12px;}
}
@media only screen and (max-width : 767px) {
.custom-block  .none .right { width:100%;} 
.custom-block.int .right{ width:100%;}
.single-project .desc{ position:relative; right:0%; width:94%;}
.single-project .title{ width:60%;}
.single-project .flexslider6{ width:100%; height:auto; }
.single-project .flexslider6 img{ width:100%; height:auto !important; }
li.flex-nav-prev{ top:0px; position:absolute;}
.nav-block ul ul{ position:relative; top:0px;}
.nav-block ul ul li, .nav-block ul ul li:first-child{ float:left; }
.nav-block ul ul li{ border-bottom:0px; border-top:0px;}
.nav-block ul ul{ background:none;}
#menu  li { position:relative;}
#menu ul.menu li .submenu { position: absolute; top:0px; right:10px; width:20px; height:20px;}
#menu ul.menu li .submenu::before{ color: #fff;    content: "+";    cursor: pointer;    display: block;    font-size: 31px;    padding: 0;     right: 0;    text-align: center; float:right;    top: 0;    z-index: 999999;}
#menu ul.menu li .minus::before {    content: "-";    font-size: 31px;    padding: 0; } 
#menu-topmenu li a.bright {
color: #fff;
}
.nav-block ul ul.sub-menu{ width:100%; text-align:left;}
.slider-block { padding-top:174px;}
.slider-block ul.slides li img { min-height:inherit!important; }
.top-block input[type="submit"] { float:right;}
#header-wrap { height:235px!important;}
.slider-block { padding-top: 235px; }
h2 { font-size: 35px; }
.centering { padding: 0 10px; }
.top-block .right ul { float: none; width: 100%; }
.top-block .right li {  margin: 10px auto; width: 170px; float: none;   }
.top-block .right li:first-child span { padding-left: 35px; width: 115px; margin: 0 auto; font-size: 16px; background-size: calc(28px) auto; }
.top-block .search { float: left; margin-bottom: 5px; margin-left: 60px; width: 72%; }
.testSlider ul.flex-direction-nav{ display:none; }
.single-project .flexslider5{ width:100%;}
.slider-block .flex-direction-nav { position: absolute;width: 100%; top: 75%;margin-top: -23px;}
.slider-block h1 span { padding: 0px 15px; display: block; }
.top-block .right { float: none; }
.top-block .left { display: block; float: none; overflow: hidden; width: 100%; }
.top-block input[type="text"] { padding:5px 0 5px 10px; width: 72%; font-size: 15px; }
.nav-block a.tab { width: 30px; display: block; position: absolute; left: 10px; top: 30px; }
.nav-block a.tab span { width: 30px; height: 3px; margin-bottom: 3px; display: block; border-radius: 10px; background-color: #fff; }
.nav-block { position: absolute; top: 0; width: 100%; }
.nav-block li, .nav-block li:first-child { float: none; display: block; margin: 0; }
.nav-block li a { display: block; text-align: right; }
.nav-block li.space { padding: 0; }
.top-block .right li span { }
.banner-block .text span { font-size: 43px; line-height: 62px; }
.slider-block p { padding-bottom: 14px; font-size: 10px; line-height: 0px; }
.slider-block h1 { font-size: 19px; line-height: 26px; }
.slider-block a.flex-prev { left: 2%; }
.slider-block a.flex-next { right: 2%; }
.services-block .left { width: auto; float: none; } 
.services-block .right { padding: 0; }
.services-block .left ul { margin: 0; text-align: center; }
.services-block .left li { width: auto; display: inline-block; }
.services-block .left li .col { float: none; margin: 0 5px; width: 280px;  }
.project-block .project ul.slides li:first-child { min-height: 44px; }
#header-wrap .logo { position: static; margin: auto; }
.project-block .tab { display: none; }
.project-block .flex-control-nav { display: none; }
.services-block p { padding-bottom: 10px; }
.services-block p span { font-size: 16px; }
.custom-block h2, .building-block h2 { font-size: 20px; line-height: 27px; margin-bottom: 20px; }
.building-block h2, .custom-block h2, .custom-block.int h2, .building-block.gen h2 { background: none; }
.custom-block .right { padding-left: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.about-block .left { width: auto; float: none; }
.about-block h2 { font-size: 23px; line-height: 30px; }
.about-block .text img.img { width: 100px; margin: 30px 13px 0 0px; float: right; }
.about-block .text { min-height: inherit; }
.about-block .right { margin-top: 20px; }
.about-block .right .text img.img { margin-left: 16px; margin-right: 0; float: left; }
.about-block .para { float: left; margin-right: 12px; }
.about-block .right .text .para { float: right; }
.footer-block .left { padding-top: 35px; width: auto; float: none; position: relative; }
.footer-block .social { padding-top: 0; position: absolute; left: 0; top: 0; width: 100%; }
.footer-block ul { text-align: center; }
.footer-block .social li { float: none; display: inline-block; margin: 0 5px; padding: 0;  }
.footer-block .link { width: 100%; }
.footer-block .link li { float: none; display: inline-block; }
.footer-block .left li a { font-size: 15px; line-height: 30px; display: inline-block; }
.footer-block .right a { display: none; }
.footer-block p { display: none; }
.footer-block .right { padding-top: 10px; float: none; width: auto; margin-right: 0; }
.forDesktop { display:none; }
.formobile { display:block!important;}
.slider-block { padding-top:174px;}
.slider-block .text { top:22.4%; }
.menu-topmenu-container { position:fixed; left:-260px;}
.fixed-menu { top: 0; position: fixed; width: 260px; left: 0; background: #040302!important; height:100%; }
.nav-block ul { display:block; height: 100%;  box-shadow: 0 0 5px rgba(0,0,0,0.7) }
.nav-block li { border-bottom: 1px solid #8b8c8e; border-top: 1px solid transparent ; }
.nav-block li a { text-align: left; line-height: 40px; padding: 0 15px; border:none!important; }
.nav-block li:hover a{ border:none!important;}
.nav-block li:hover, .nav-block li.current-menu-item { border-color:#fff ;}
html { position: relative; }
.side-open { position: absolute !important; left: 260px; overflow: hidden;}	
#header-wrap .centering1 { margin-left: -50%;}
.custom-block .left, .custom-block .right, .building-block .left, .building-block .right { width: 100%; box-sizing: border-box; }
} @media only screen and (min-width: 768px) and (max-width: 1024px) {
.about-block img.jj{ display:block!important; width: 120px!important; right: 0px!important; margin-left:-60px!important; left:50%!important; margin-right:0px!important;}	
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.slider-block { padding-top:164px;}
.slider-block .text { top: 21.4%; }
.slider-block ul.slides li img { min-height:inherit!important; }
.services-block .left { padding-left: 17px; padding-right:10px;}
.services-block .left li .col { margin-left:22px;}
}
@media only screen and (min-width : 768px) {
.nav-block ul { display: block; }
.nav-block li:hover ul.sub-menu  { display: block !important; } 
} @media only screen and (max-width: 479px) {
.top-block input[type="submit"] { float:right;}
#header-wrap { height:240px!important;}
.slider-block { padding-top: 240px; }
#header-wrap .logo { margin-top:0px!important;}
.slider-block .btn a { font-size: 11px; padding:0 18px; line-height: 28px;}
.top-block .search  { width: 64%; float: left; margin: 0 0 0 55px;  }
}.tse-scrollable {
position: relative;
width: 99%; height: 266px; overflow: hidden;
}
.tse-content { width:auto; padding-right:20px;}
.tse-scrollable .tse-scroll-content {
overflow: hidden;
overflow-y: scroll;
} .tse-scrollable .tse-scroll-content::-webkit-scrollbar {
width: 0;
height: 0;
}
.tse-scrollbar {
z-index: 99;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 16px;
}
.tse-scrollbar .drag-handle {
position: absolute;
right: 2px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
min-height: 10px;
width: 7px;
opacity: 1;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
background: none; border: solid 1px #c3c3c3;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
}  .scrollbar-width-tester::-webkit-scrollbar {
width: 0;
height: 0;
} .tse-scrollable.horizontal .tse-scroll-content {
overflow-x: scroll;
overflow-y: hidden;
}
.tse-scrollable.horizontal .tse-scroll-content::-webkit-scrollbar,
.tse-scrollable.horizontal .tse-scroll-content::scrollbar {
width: auto;
height: 0;
}
.tse-scrollable.horizontal .tse-scrollbar {
top: auto;
left: 0;
width: auto;
height: 11px;
}
.tse-scrollable.horizontal .tse-scrollbar .drag-handle {
right: auto;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto;
}