/************************************************* Header *********************************/
.banner, .contact-form { position:relative;}
.banner .overlay, .contact-form .overlay { position:absolute; left:0px; right:0px; z-index:9}
.banner .overlay { bottom:0px;}
.contact-form .overlay { top:-4px;}

div.sticky {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 9999;
    background: #000!important;
    transition: all 0s;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
}

.desktop-display{display:block!important;}

.mobile-display{display:none!important;}

/******* Home Banner ********/
.banner .carousel-inner { position:relative}
.banner .carousel-caption { color:#fff; position: absolute; top: 35%; left: 0%; right: 0; transform: translateY(-50%); z-index:999 }
	
.dropdown:hover>.dropdown-menu {display: block;}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    background: #000;
}

.dropdown-item{
	    color: #fff;
}

/******* Contents ********************************************************************/
.section-padding { padding-top:90px;padding-bottom:90px;}
ul.two-cols:after, ul.two-cols:before { content: ""; clear: both; display: table;}
ul.two-cols > li { /*float:left; width:45%;*/ margin-right:5%; }
.list-links > li a { background:url('../images/link-arrow.png') no-repeat right; border-bottom:1px solid #d5d5d5; display:block; padding-top:8px; padding-bottom:8px; padding-right:30px;}
.cms h1 { font-size:48px;}
.contact-box .input-group {display:block!important;}
/********** Contact Info ***************************************************************************************************/
.contact-form { background:url('../images/bg-contact.jpg'); background-attachment:fixed; background-position:top center}
.contact-box .form-control { border:1px solid #ddd; border-radius:0px; padding:10px; width:100%}
.contact-box label { color:#bbb; text-transform:uppercase; font-size:12px; font-weight:700; letter-spacing:0.2rem;}

/********** Footer ***************************************************************************************************/
footer .copyright { font-size:12px; font-weight:400; letter-spacing:0.1rem;}
footer .links a { color:#3f3f3f; }
footer { color:#3f3f3f; font-size:15px; }
.social li > a { color:#000; font-size:22px; margin-right:10px; }

/************************************CMS*************************************************************************/

@media (min-width: 767.98px) {}
@media (min-width: 1920px) {}
@media (min-width: 1200px) {}
@media (max-width: 1459.98px) {}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {}
@media (min-width: 991.98px) and (max-width: 1199.98px) {}
@media (max-width: 1199.98px) {
	.banner .carousel-item { float:none; }
	.banner .carousel-caption { position: static; transform: translateY(0%); color:#000}
	.w-50 { width:100% !important}
}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (max-width: 991.98px) {
	.bn-estimate {order:1}
	.top-nav {order:2}
}
@media (max-width: 767.98px) {
	
	.desktop-display{display:none!important;}

.mobile-display{display:block!important;}
	
	h1 { font-size:42px; }
	h1, h2, h3, h4, h5, h6 { line-height:1.2;}
	.section-padding { padding-top:60px;padding-bottom:60px;}
	.banner .overlay, .contact-form .overlay { display:none;}
}

/******************************* width-ipad ***************************************/
@media (max-width:575.98px) {
	ul.two-cols > li { float:none; margin-right:0; width:100%;}
}
@media (max-width: 479px) {
}
@media (max-width: 320px) {}
