@charset "utf-8";

/* CSS Document */





@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');







html, html a {     -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;	 }



.span_h3 {

    float: left;

    width: 100%;

    height: auto;

    margin: 0px 0px;

    font-size: 18px;

    color: #0086cd;

    font-weight: 700;

    text-transform: uppercase;

    padding: 0px;

}



body

{

	margin:0px;

	padding:0px;

	color:#39444a;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	font-family: 'Poppins', sans-serif;

}



* {

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}





.scrollup {



	padding:10px 15px;



	position:fixed;



	bottom:10px;



	right:10px;



	background:#FFF;

	 



	z-index:9999;



color:#371673;

	display:none;

	box-shadow:0px 0px 10px rgba(0,0,0,0.2);



	z-index:99999999;

}







.scrollup a i



{



	float:left;



	display:block;



	width:auto;



	color:#fff !important;



	font-size:18px;

	



	font-weight:900;



}



.scrollup:hover {



	background:#371673;

	color:#fff !important;

	transition:all 400ms ease-in;



}





.wrapper

{

	float:left;

	width:100%;

	height:auto;

	position:relative;

}





.burger

{

	display:none;

}



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



.burger

{

	position: absolute;
        display: block;
        /* color: #0086cd; */
        right: 14px;
        bottom: 10px;
        z-index: 99;
        font-size: 20px;
        cursor: pointer;
        z-index: 999;

}

    .hamburger {
        position: relative;
        display: inline-block;
        float: right;
        background: #0086cd;
        border-top-left-radius: 20px;
        min-width: 150px;
        color: #fff;
        padding: 5px;
    }

}



.contact-form

{

	float:left;

	width:100%;

	height:auto;

}



.field {

	float:left;

	width:100%;

	height:auto;

	display:block;

	margin-bottom:15px;

}





.field label {

	float:left;

	width:100%;

	height:auto;

	display:block;

	margin:0px 0px 5px 0px;

	padding:0px;

	font-size:14px;

}



.field h2 {

	float:left;

	width:100%;

	height:auto;

	display:block;

	margin:10px 0px 5px 0px;

	padding:0px;

	font-size:16px;

	font-weight:700;

	text-align:left;

	color:#FFF;

}



.field input {

		background:#FFF;

	border:1px solid #b6b3bd;

	width:100%;

	text-align:left;

	padding:10px;

	font-weight:400;

	color:#2c2a2b;

	margin-bottom:2px;

}

.field textarea {

		background:#FFF;

	border:1px solid #b6b3bd;

	width:100%;

	text-align:left;

	padding:10px;

	font-weight:400;

	color:#2c2a2b;

	margin-bottom:2px;

}





.field select {

	background:#FFF;

	border:1px solid #b6b3bd;

	width:100%;

	text-align:left;

	padding:10px;

	font-weight:400;

	color:#2c2a2b;

	margin-bottom:2px;

}



.field img

{

	display:block;

	width:50px;

	margin:0 auto;

	margin-bottom:10px;

}





.field button

{

   

	border:none;

}







#form-messages

{

	float:left !important;

	width:100% !important;

	height:auto !important;

	text-align:center !important;

	font-size:18px !important;

	font-weight:200px !important;

	display:none;

}



.form-details

{

	float:left;

	width:100%;

	height:auto;

}



.form-details h3

{

	float:left;

	width:100%;

	height:auto;

	margin:0px 0px 30px;

	padding:0px;

	font-size:34px;

	color:#e9fd27;

}



.form-details p

{

	float:left;

	width:100%;

	height:auto;

	margin:0px 0px 20px;

	padding:0px;

	font-size:18px;

	 

}



/*end default css*/

.close-btn

{

	position:absolute;

	right:0px;

	border:none;

	padding:5px 10px;

}



.header-contact-wrapper

{

	float:left;

	width:100%;

	height:auto;

	padding:5px 0px;

	background:#0086cd;

}

.header-wrapper

{

	float:left;

	width:100%;

	height:auto;

	background:#FFF;

}



.logo

{

	width:100%;

	padding:10px;

	text-align:center;

}



.logo img

{

	height:50px;

}



.main-nav

{

	display:inline-block;

	text-align:center;

	width:100%;

	position:relative;

}



.main-nav ul

{

	margin:0px;

	padding:0px;

	text-align:center;

	position:relative;

}



.main-nav ul li

{

	margin:0px;

	padding:27px 0px;

	width:auto;

	list-style:none;

	position:relative;

	display:inline-block;

	text-align:center;

}



.main-nav ul li a

{

	text-decoration:none;

	color:#39444a;

	font-weight:600;

	font-size:13px;

	width:auto;

	padding:0px 30px;

	text-align:center;

	display:block;

	text-transform:uppercase;

	position:relative;

}



.main-nav ul li a:hover

{

	color:#0086cd;

}



.main-nav ul li a.active

{

	color:#0086cd;

}



.sub-nav

{

	position:absolute;

	background:#083169;

	margin:auto;

	width:180px;

	top:60px;

	margin:auto;

	z-index:9999;

	display:none;

	left: 50%;

  right: auto;

  text-align: center;

  transform: translate(-50%, 0);

  

}



.sub-nav ul

{

	margin:0px;

	padding:0px;

}



.sub-nav ul li

{

	margin:0px;

	padding:0px !important;

	width:100%;

	text-align:left !important;

}



.sub-nav ul li a

{

	color:#FFF;

	font-size:12px;

	margin:0px;

	padding:10px 15px;

	text-transform:uppercase;

	text-align:left !important;

}



.sub-nav ul li a:hover

{

	color:#fff;

	background:#9bc637;

}



.hvr-nav:hover .sub-nav

{

	display:block;

}



.top-contact

{

	display:block;

	width:auto;

	height:auto;

	

}



.top-contact h4

{

	display:inline-block;

	margin:0px;

	padding:0px 20px;

	color:#FFF;

	font-weight:400;

	float:left;

	font-size:14px;

}



.top-contact h4 svg

{

	float:left;

	margin:3px 5px 0px 0px;

	color:#FFF;

	padding:0px;

}



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

		div.top-contact h4:nth-child(1) {

    padding-top: 12px !important;

}

.top-contact

{

	float:left;

	width:100%;

	height:auto;

	text-align:center;

	

}

.top-contact h4

{

	display:inline-block;

	margin:5px 10px 0px 0px;

	padding:0px 0px;

	color:#FFF;

	text-align:center;

	font-size:12px;

	font-weight:400;

	float:none;

}



.top-contact h4 svg

{

	display:inline-block;

	margin:3px 5px 0px 0px;

	color:#000;

	padding:0px;

}



.top-contact h2

{

	display:inline-block;

	margin:5px 0px 0px 0px;

	padding:0px 0px;

	color:#FFF;

	width:100%;

	text-align:center;

	font-size:12px;

	font-weight:400;

}



.top-contact h2 svg

{

	display:inline-block;

	margin:0px 5px 0px 0px;

	color:#FFF;

	padding:0px;

}



.logo img

{

	height:auto;
	width: 130px;

}



.main-nav ul li

{

	width:100%;

	margin:0px;

	padding:0px;

	list-style:none;

	position:relative;

	display:inline-block;

	padding:10px 0px 5px 0px;

}

.sub-nav

{

	position:static;

	width:100%;

	border-radius:none;

	left: 0;

  right: 0;

  text-align: center;

  transform: translate(0, 0);

}



.main-nav

{

	display:none;

}	

}







.slider-wrapper

{

	position:relative;

	width:100%;

	height:auto;

}







.slider-img-padding

{

	padding:30px 0px 0px 0px;

}

.verified

{

	position:absolute;

	bottom:100px;

	right:30px;

}

.slider

{

	float:left;

	width:100%;

	height:auto;

	color:#FFF;

	padding:170px 0px 170px;

}



.slider h1

{

	width:100%;

	margin:0px 0px 10px;

	padding:0px;

	font-size:30px;

	font-weight:700;

	line-height:34px;

	text-transform: uppercase;

}



.slider h2

{

	width:100%;

	margin:0px 0px 10px;

	padding:0px;

	font-size:16px;

	font-weight:700;

	text-transform: uppercase;

}





.carousel-indicators{

	position:absolute;bottom:0px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#ffc016\9;background-color:rgba(0,0,0,0);border:1px solid #FFF;border-radius:10px}

.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#FFF;}

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

.slider ul li

{

	width:auto;

	margin:0px;

	padding:0px;

	display:inline-block;

}



.slider ul li a

{

	color:#FFF;

	font-size:11px;

	padding:0px 5px;

	text-decoration:none;

}	

}

/*end*/





.web-title

{

	float:left;

	width:100%;

	height:auto;

	margin:0px 0px 50px 0px;

	text-align:center;

}

.web-title h2

{

	

	

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	font-size:34px;

	font-weight:600;

	padding:0px;

}



.web-title h3

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	font-size:25px;

	color:#0086cd;

	font-weight:700;

	padding:0px;

}



.web-title h4

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	font-size:18px;

	font-weight:600;

	padding:0px 0px 10px 0px;

}





.web-title p

{

	height:auto;

	margin:0px;

	font-size:16px;

	padding:0px 0px 30px;

	line-height:30px;

}



.web-title p span

{

	margin:10px 0px;

	font-size:40px;

	display:inline-block;

}



.website-btn

{

	display:inline-block;

	text-align:center;

	color:#FFF;

	background:#9bc637;

	padding:13px 40px;

	text-decoration:none;

	font-weight:600;

	font-size:12px;

	border-radius:50px;

	text-transform:uppercase;

}



.website-btn:hover

{

	color:#FFF !important;

}



.website-btn-big

{

	position:absolute;

	text-align:center;

	color:#FFF;

	background:#0086cd;

	padding:20px 40px;

	text-decoration:none;

	font-weight:600;

	font-size:12px;

	text-transform:uppercase;

	border:none  !important;

	z-index:999;

	right:0px;

	top:0px;

	-webkit-border-bottom-left-radius: 5px;

-moz-border-radius-bottomleft: 5px;

border-bottom-left-radius: 5px;

}

.website-btn-big:focus

{

	border:none  !important;

}

.website-btn-big:hover

{

	color:#FFF !important;

}



.website-btn-2

{

	display:inline-block;

	text-align:center;

	color:#FFF;

	background:#0086cd;

	padding:13px 40px;

	text-decoration:none;

	font-weight:600;

	font-size:12px;

	border-radius:50px;

	text-transform:uppercase;

}



.website-btn-2:hover

{

	color:#FFF !important;

}



.website-btn-3

{

	display:inline-block;

	text-align:center;

	color:#FFF;

	background:#f44336;

	padding:15px 30px;

	text-decoration:none;

	font-weight:600;

	font-size:11px;

	border-radius:50px;

	text-transform:uppercase;

}



.website-btn-3:hover

{

	color:#FFF !important;

}





.text-white

{

	color:#FFF;

}



.white-box

{

	float:left;

	width:100%;

	height:auto;

	background:#FFF;

	padding:30px 20px;

	margin:0px 0px 30px 0px;

	 box-shadow:0px 2px 2px #d8dde3;

}





.white-box-s

{

	float:left;

	width:100%;

	height:auto;

	background:#FFF;

	padding:0px;

	margin:0px 0px 30px 0px;

	box-shadow:0px 2px 3px rgb(224, 230, 234);

}



.white-box-s-content

{

	padding:30px;

	float:left;

	width:100%;

	height:auto;

}



.white-box-s img

{

	width:100%;

}



.white-box-t

{

	float:left;

	width:100%;

	height:auto;

	background:#fafafa;

	padding:0px;

	margin:0px 0px 30px 0px;

	box-shadow:0px 2px 3px rgb(224, 230, 234);

	border:1px solid #cdd1d2;

	min-height:280px;

}





.content

{

	float:left;

	width:100%;

	height:auto;

}



.slider-padding-2

{

	padding:100px 0px 180px;

}

.content-padding

{

	padding:130px 50px 130px 50px;

}



.content h2

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	font-size:26px;

	font-weight:700;

	padding:0px 0px 15px 0px;

}



.anchortag

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	color:#0086cd;

	font-size:20px;

	font-weight:700;

	text-decoration:none;

}



.anchortag-2

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	color:#0086cd;

	font-size:14px;

	font-weight:700;

	text-decoration:none;

}



.nav-tabs {

    border-bottom:none !important;

}

.nav > li > a

{

	color:#0086cd !important;

	font-weight:700;

	text-decoration:none !important;

}

.content h3

{

	float:left;

	width:100%;

	height:auto;

	margin:0px 0px 10px;

	font-size:18px;

	color:#0086cd;

	font-weight:700;

	text-transform:uppercase;

	padding:0px;

}





.content h4

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	font-size:16px;

	font-weight:600;

	line-height:30px;

	color:#9bc638;

	padding:0px 0px 10px 0px;

}



.content svg

{

	margin:0px 5px 0px 0px;

}



.svg-icon

{

	font-size:40px;

	color:#0069ad;

	display:inline-block;

	margin:0px 0px 20px 0px !important;

}



.content h5

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	font-size:24px;

	font-weight:700;

	padding:0px 0px 20px 0px;

}

.content h6

{

	float:left;

	width:100%;

	height:auto;

	margin:0px 0px 10px;

	font-weight:600;

	padding:0px;

	line-height:28px;

	font-size:16px;

}



.content i

{

	font-size:34px;

	color:#f44336;

}



.content p

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	line-height:28px;

	font-size:16px;

	padding:0px 0px 20px;

}



.content img

{

	width:100%;

}



.content ul

{

	float:left;

	width:100%;

	margin:0px;

	padding:0px;

}



.content ul li

{

	width:100%;

	margin:0px;

	padding:0px 0px 10px 0px;

	display:inline-block;

	font-weight:500;

	font-size:16px;

}



.content ul li a

{

	color:#0086cd;

}

.content ul li i

{

	font-size:20px;

	color:#28333b;

	padding:0px 10px 0px 0px;

}

.content img

{

	width:100%;

}



.content iframe

{

	width:100%;

	height:370px;

	margin:0px 0px 30px 0px;

}



.content ul li svg

{

	margin:0px 5px 0px 0px;

}



.img-responsive

{

	width:100%;

	margin:0px 0px 20px 0px;

}



.carousel-control1 {

	position:absolute;

	z-index:9999;

	top:40%;

	width:100%;

}





.carousel-control1 .left

{

	position:absolute;

	left:0px;

	width:50px;

	height:50px;

	padding:15px 0px 0px 0px;

	background:#FFF;

	text-align:center;

	color:#0086cd;

	opacity:.4;

}



.carousel-control1 .left:hover

{

	color:#0086cd;

	opacity:1;

}



.carousel-control1 .right

{

	position:absolute;

	right:0px;

	width:50px;

	height:50px;

	padding:15px 0px 0px 0px;

	background:#FFF;

	text-align:center;

	color:#0086cd;

	opacity:.4;

}



.carousel-control1 .right:hover

{

	color:#0086cd;

	opacity:1;

}









.carousel-control3 {

	position:absolute;

	z-index:9999;

	top:40%;

	width:100%;

}





.carousel-control3 .left

{

	position:absolute;

	left:0px;

	width:50px;

	height:50px;

	padding:15px 0px 0px 0px;

	text-align:center;

	color:#0086cd;

	opacity:.4;

}



.carousel-control3 .left:hover

{

	color:#0086cd;

	opacity:1;

}



.carousel-control3 .right

{

	position:absolute;

	right:0px;

	width:50px;

	height:50px;

	padding:15px 0px 0px 0px;



	text-align:center;

	color:#0086cd;

	opacity:.4;

}



.carousel-control3 .right:hover

{

	color:#0086cd;

	opacity:1;

}

.personal-social

{

	float:left;

	width:100%;

}

.content-list

{

	float:left;

	width:100%;

	margin:30px 0px;

}

.content-list ul

{

	float:left;

	width:100%;

	margin:0px;

	padding:0px;

}



.content-list ul li

{

	float:left;

	width:70px;

	margin:0px 10px 0px 0px;

	padding:5px;

	display:inline-block;

	font-weight:500;

	font-size:16px;

	text-align:center;

	background:#FFF;

	border-radius:5px;

}



.content-list ul li img

{

	height:60px;

	

	

}



.close-btn

{

	position:absolute;

	right:0px;

	top:0px;

}

.free-estimation-wrapper

{

	position:relative;

	float:left;

	width:100%;

	background:#243a46;

	padding:50px 0px;

	display:none;

}

.personal-social ul

{

	float:left;

	width:100%;

	margin:0px;

	padding:0px;

}



.personal-social ul li

{

	width:100%;

	margin:0px;

	padding:0px 0px 20px 0px;

	display:inline-block;

	color:#243a46;

	font-size:16px;

	float:none:

}



.personal-social ul li i

{

	font-size:20px;

	color:#FFF;

	padding:0px 10px 0px 0px;

}



.personal-social ul li a

{

	color:#FFF;

	font-size:16px;

	text-decoration:none;

}



.personal-social iframe

{

	width:100%;

	margin:0px 0px 60px 0px;

}



.personal-social ul li svg

{

	margin:0px 5px 0px 0px;

}





.blog-c

{

	float:left;

	width:100%;

	height:auto;

	background:#FFF;

	padding:20px 20px;

}



.blog-c img

{

	width:100%;

}



.blog-c h2

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	font-size:20px;

	font-weight:600;

	padding:10px 0px 10px 0px;

}



.blog-c h3

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	font-size:16px;

	font-weight:900;

	padding:10px 0px 5px 0px;

}





.blog-c h4

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	font-size:16px;

	padding:0px 0px 10px 0px;

}



.blog-c h6

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	font-size:13px;

	padding:0px 0px 10px 0px;

}

.blog-c i

{

	font-size:34px;

	color:#f44336;

}



.blog-c p

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	font-size:13px;

	padding:0px 0px 5px 0px;

}





.blog-c-btn

{

	display:inline-block;

	text-align:center;

	color:#FFF;

	background:#0069ad;

	padding:5px 15px !important;

	text-decoration:none;

	color:#FFF;

	font-weight:600;

	font-size:12px !important;

	text-transform:uppercase;

}



.blog-c-btn:hover

{

	color:#FFF !important;

}







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

.content

{

	margin:0px 0px 30px 0px;

}

.white-box-s

{

	float:left;

	width:100%;

	height:auto;

	background:#FFF;

	min-height:auto;

	padding:20px 20px;

	margin:0px 0px 30px 0px;

}



.white-box-t

{

	float:left;

	width:100%;

	height:auto;

	background:#fafafa;

	padding:0px;

	margin:0px 0px 30px 0px;

	box-shadow:0px 2px 3px rgb(224, 230, 234);

	border:1px solid #cdd1d2;

	min-height:auto;

}





.footer

{

	float:left;

	width:100%;

	height:auto;

	color:#FFF;

	margin:0px 0px 30px 0px;

	text-align:center;

}

	

}



.footer-wrapper

{

	float:left;

	width:100%;

	height:auto;

	padding:100px 0px 50px 0px;

	background:#243a46;

}



.footer

{

	float:left;

	width:100%;

	height:auto;

	color:#FFF;

}



.footer ul

{

	float:left;

	width:100%;

	margin:0px;

	padding:0px;

}



.footer ul li

{

	width:100%;

	margin:0px;

	padding:0px 0px 20px 0px;

	display:inline-block;

	color:#FFF;

	font-size:14px;

	float:left;

	line-height:28px;

}



.footer ul li i

{

	font-size:14px;

	color:#FFF;

	padding:0px 10px 0px 0px;

}



.footer ul li a

{

	color:#FFF;

	font-size:14px;

	text-decoration:none;

	

}



.footer ul li a span

{

	color:#FFF;

	font-size:16px;

	text-decoration:none;

	font-weight:700;

	margin:0px;

	padding:0px;

	

}





.footer h2

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	font-size:18px;

	padding:0px;

	color:#FFF;

	margin:0px 0px 20px;

}

.footer p

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	font-size:14px;

	padding:0px;

	

}



.copy-wrapper

{

	float:left;

	width:100%;

	height:auto;

	padding:20px 0px;

	background:#243a46;

}



.innerpage-slider

{

	float:left;

	width:100%;

	height:auto;

	padding:50px 0px;

background-color: #51086b;



}



.innerpage-slider h2

{

	float:left;

	width:100%;

	height:auto;

	margin:0px;

	padding:0px;

	font-size:34px;

	color:#FFF;

	text-align:center;

	text-transform:uppercase;

}





.gallery

{

	float:left;

	width:100%;

	height:191px;

	overflow:hidden;

	margin:0px 0px 30px 0px;

	

}



.gallery a img

{

	width:100%;

}

.panel-default > .panel-heading {

   background: #fff !important;

   text-decoration:none !important;

   

  

}



.panel-heading a

{

	text-decoration:none !important;

	font-size:16px !important;

   font-weight:600 !important;

   color:#0086cd !important;

}

.panel

{

	margin:0px 0px 10px 0px !important;

	text-decoration:none !important;

}



.video-wrapper

{

	position:relative;

}



.video {

    width: 100%;

}



.playpause {

    background-image:url('../img/play.png');

    background-repeat:no-repeat;

    width:34px;

    height:34px;

    position:absolute;

    left:0%;

    right:0%;

    top:0%;

    bottom:0%;

    margin:auto;

    background-size:contain;

    background-position: center;

	cursor:pointer;

}



.overflow{

	overflow:hidden !important;

}



.website-btn input[type=submit] {

    background: transparent;

    border: none;

    color: #fff;

    padding: 0px;

}

.postid-240 .blog3{

	background-position: center center !important;

}

.footer h3{

	margin-top:0px !important;

}



div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{

	display:inline-block !important;

}

.page-id-19 .website-btn-big{

	display:none !important;

}







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

		a.carousel-control.right, a.carousel-control.left {

    top: 13px !important;

}

	div.mobile_pad{

		padding:0px !important;

	}

	div.product-slider{

		padding:0px !important;

	}

	div.img_custom .item img{

		padding:0px !important;

	}

	

	.wrapper .ipad_tab{

		margin-left:0px !important;

	}

			span.custom-cf7 .ajax-loader {

    position: absolute !important;

    right: 70px !important;

    top: 370px !important;

}

		span.custom-cf7-btn .ajax-loader {

    position: absolute !important;

    right: 40px !important;

    top: 370px !important;

}



	

	.exceptmobile{

		display:none;

	}

	.website-btn {

    display: inline-block;

    text-align: center;

    color: #FFF;

    background: #9bc637;

    padding: 13px 40px ;

    text-decoration: none;

    font-weight: 600;

    font-size: 11px !important;

    border-radius: 50px;

    text-transform: uppercase;

}

	.content-list ul li{

		margin:10px !important;

	}

}



@media screen and (min-width:768px) and (max-width:1024px){

		a.carousel-control.right, a.carousel-control.left {

    top: 38px !important;

}

		.custom-cf7 .ajax-loader {

    position: absolute;

    right: 150px !important;

    top: 10px;

}

		.custom-cf7-btn .ajax-loader {

    position: absolute;

    right: 200px !important;

    top: 10px;

}





	div.ipad_tab{

		margin-left:60px !important;

	}

	.content-list ul li{

	width:auto !important;

	padding:0px !important;

	}

	.menu-ipad {

		width:100% !important;

	}

	.menu-ipad img {

		float:left !important;

	}

}

.custom-cf7-btn .ajax-loader {

    position: absolute;

    right: 370px;

    top: 10px;

}

.custom-cf7 .ajax-loader {

    position: absolute;

    right: 370px;

    top: 10px;

}



.dynamic-dropdown{

	position:relative;

}

.dynamic-dropdown #loading-label-city , .dynamic-dropdown #loading-label-service {

	visibility: hidden;

	position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 100%;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(0,0,0,0.3);

    color: #fff;

}

@media screen and (min-width:768px){



	.onlymobile{

		display:none !important;

	}

}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{

	color:#fff !important;

}

.page-id-19 div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{

	color:#000 !important;

}



@media screen and (min-width:1025px){

	 .menu-item-has-children svg{

	 	display:none !important;

	 }

}





input.wpcf7-submit:focus {

    background: inherit;

    border: none;

    outline:none !important;

}

div.wpcf7-mail-sent-ng, div.wpcf7-aborted{

	display:inline-block !important;

}



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

    

    .menu-item-has-children .expand-icon {

	    display: block;

	    color: #000;

	    position: absolute;

	    right: 0;

	    top: 0;

	    font-size: 24px;

	    padding: 2px;

	    margin: 0;

	    z-index: 1;

	    width: 45px !important;

	    height: 38px;

	    text-align: center;

	    border-left: 1px solid #e8e8e8;

	}

	.menu-item-has-children svg{

		font-size: 16px;

	}

    div.sub-nav{

        position: relative;

        top:0px !important;

    }

    div.sub-nav li {

        border: 0px !important;

        background:transparent !important;

        padding:0px !important;

    }

    div.sub-nav.slide-down {

        display: block;

    }

    .menu-item-has-children:hover div.sub-nav {

        display: none;

    }

    .main-nav ul li a{

    	text-align: left;

    }

    .main-nav > ul > li:first-child{

    	border-top:1px solid #e8e8e8;

    }

    .main-nav > ul > li{

    	padding:0;

    	border-bottom:1px solid #e8e8e8;

    	min-height:38px;
		padding-top: 10px;

    }

    .main-nav > ul > li > a{

    	padding:10px 20px;

    }

    .sub-nav ul li a{

    	padding:10px 20px !important;

    }

    .menu-ipad > .logo{

    	float:left;

    }

}



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

		div.ipad_tab{

		margin-left:60px !important;

	}



	.menu-ipad {

		width:100% !important;

	}

	.menu-ipad img {

		float:left !important;

	}

}



.top-contact h4:nth-child(2) {

	font-size:24px !important;

	font-weight:600 !important;

}

.top-contact h4:nth-child(1) {

	padding-top:5px !important;

}









.product-slider { padding: 45px; }



.product-slider #carousel { margin: 0; }



.product-slider #thumbcarousel { margin: 12px 0 0; padding: 0 20px; }



.product-slider #thumbcarousel .item { text-align: center; }



.product-slider #thumbcarousel .item .thumb { width: calc(20% - 6px); margin: 0 3px; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 20%; }







.product-slider .item img { width: 100%; height: auto;    margin: 10px 0px; }



.carousel-control { color: #0284b8; text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23%; }



.carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }



.carousel-caption, .carousel-control .fa { font: normal normal normal 30px/26px FontAwesome; }

.carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; top: 30%; width: auto; }



.carousel-control.right, .carousel-control.left { background-color: rgba(0, 0, 0, 0); background-image: none; }





a.right.carousel-control{

	right: 0px !important;

    left: auto !important;

}



.df_jc {

	display: flex !important;

    justify-content: space-between !important;

}



/*.pad_30{*/

/*	padding:30px 0px !important;*/

/*}*/





.img_custom .item img{

	padding: 0px 100px 50px 100px !important;

}

.carousel-control.right, .carousel-control.left{

	top:64px !important;

}





@media screen and (min-width:1024px){

	div.img_custom .item img {

    padding: 0px 200px 50px 200px !important;

}

.product-slider #thumbcarousel .item .thumb { width: calc(20% - 30px); margin: 0 15px; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 20%; }



}





@media screen and (max-width: 1024px)

.menu-item-has-children .expand-icon {

    display: block;

    color: #000;

    position: absolute;

    right: 0;

    top: 0;

    font-size: 24px;

    padding: 2px;

    margin: 0;

    z-index: 1;

    width: 45px !important;

    height: 38px;

    text-align: center;

    border-left: 1px solid #e8e8e8;

}



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



li a.expand-icon {

    display: block !important;

    color: #000 !important;

    position: absolute !important;

    right: 0 !important;

    top: 0 !important;

    font-size: 24px !important;

    padding: 2px !important;

    margin: 0 !important;

    z-index: 1 !important;

    width: 45px !important;

    height: 38px !important;

    text-align: center !important;

    border-left: 1px solid #e8e8e8 !important;

}





div.null_row{

	margin:0px !important;

}

	

	

	

}





@media screen and (min-width: 1024px){



.expand-icon {

    display: none !important;

    

}

	

	

	

}



.expand-icon svg {

	font-size:16px;

}





img.img-fluid.rounded {

    display: block;

    width: 100%;

    object-fit: contain;

    padding-bottom: 25px;

}





.div_top_hypers {

   

    display:inline-block;      

}

.ul_top_hypers li{

    display: inline;

}

.ul_top_hypers li a{

  padding-right:3px !important;

}

a.a_top_hypers {

       text-decoration-line: none !important;

}

a.a_top_hypers svg {

	font-size:large !important;

    color: #fff !important;

}



@media screen and (min-width:1024px){

	ul.ul_top_hypers{

		margin:10px !important;

	}

}



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

	ul.ul_top_hypers{

	padding:0px !important;

	}

}





.ekko-lightbox{

	background-color: rgba(0, 0, 0, 0.5) !important; 

}



.slider h3{

	width: 100%;

    margin: 0px 0px 10px;

    padding: 0px;

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

}



div.null_row{

	margin:0px !important;

}



/*22-7-2020 css*/



img.img-fluid.z-depth-1 {

    width: 100%;

}



.custom_align{

	text-align:center;

}







.footer.custom_align a {

    color: #fff;

}

.auto_img {

    padding: 10px;

}

.mt_30{

	margin-top:30px;

	margin-bottom:30px;

}





@media screen and (min-width:1024px){



.custom_align {

	text-align:right !important;

}	

.cutom_img{

	height:460px !important;

}

}



@media screen and (min-width:768px){



	

.cutom_img{

	height:460px !important;

}

}



span.banner_title_cities {

    width: 100%;

    margin: 0px 0px 10px;

    padding: 0px;

    font-size: 25px;

    font-weight: 700;

    line-height: 34px;

    text-transform: uppercase;

}



.slider h4{

	 width: 100%;

    margin: 0px 0px 10px;

    padding: 0px;

    font-size: 40px;

    font-weight: 700;

    line-height: 34px;

    text-transform: uppercase;

}



.blog_links{

color: #337ab7;

text-decoration: none;	

}

.blog_links:hover{

color: #23527c;

text-decoration: underline;

}





.blog-post-box {

    float: left;

    width: 100%;

}

div.right-side h2{

    text-align:left;

    color:#000;

    margin-bottom:15px;

    font-weight:600;

    font-size:14px important;

}



.mb-30 {

    margin: 0px 0px 30px 0px;

}



.blog-post-box ul li a {

    display: block;

    font-size: 16px !important;

    line-height: 1.43;

    font-weight: bold;

    color: #0069ad !important;

    margin-bottom: 15px;

    text-decoration: none;

}



.blog-post-box ul {

    list-style-type: none;

}



h2.slider_h2 {

    width: 100%;

    margin: 0px 0px 10px;

    padding: 0px;

    font-size: 30px;

    font-weight: 700;

    line-height: 34px;

    text-transform: uppercase;

}



h2.content_h2 {

    float: left;

    width: 100%;

    height: auto;

    margin: 0px 0px 10px;

    font-size: 18px;

    color: #0086cd;

    font-weight: 700;

    text-transform: uppercase;

    padding: 0px;

}



h1.content_h1 {

    float: left;

    width: 100%;

    height: auto;

    margin: 0px;

    font-size: 26px;

    font-weight: 700;

    padding: 0px 0px 15px 0px;

}



.footer.custom_align a {

    text-decoration: none !important;

}



span.span_h3 {

    float: left;

    width: 100%;

    height: auto;

    font-size: 18px;

    color: #0086cd;

    font-weight: 700;

    text-transform: uppercase;

    padding: 0px;



}



h3.custom_pad{

	margin: 0px 0px 20px !important;

	color:#000;

	font-size: 26px;

	 text-transform: none;

}



.footer_span {

	    display: block;

    font-size: 1.17em;

    margin-block-start: 1em;

    margin-block-end: 1em;

    margin-inline-start: 0px;

    margin-inline-end: 0px;

    font-weight: bold;

    margin-top: 0px !important;

}



.content .content_h3{

	float:left;

	width:100%;

	height:auto;

	margin:0px 0px 10px;

	font-size:18px;

	color:#0086cd;

	font-weight:700;

	text-transform:uppercase;

	padding:0px;

}

.services-template-template-interlock-sealing .testimonial-section{

	float: left;

    width: 100%;

    padding: 10vh 0px;

    background: #f6f6f6;

}

.services-template-template-interlock-sealing .call-to-action {

    padding: 6rem;

    background: #e0e5e8;

	float: left;

	width:100%;

}

.services-template-template-interlock-sealing .above-cta-section{

	float: left;

    width: 100%;

    padding: 8vh 0px;

}

.services-template-template-interlock-sealing .content_h2{

	margin-bottom: 20px;

}

.services-template-template-interlock-sealing .cta-first-para{

    margin-bottom: 10px;

}

.services-template-template-interlock-sealing h3.custom_pad {

    margin: 0px 0px 20px !important;

    color: #747474;

    font-size: 22px;

    text-transform: none;

}

.services-template-template-interlock-sealing .call-to-btn{

	margin-top: 20px;

}



.custom_h3_blog{

	color: #39444a !important;

    font-size: 16px !important;

}

.cs-pb-0{

	padding-bottom: 0px !important;

}

.services-template-tamplate-single-project span.custom_h3_blog{

    color: #39444a !important;

    font-size: 16px !important;

    font-weight: 700;

}



.cs-nw-services-title{

	float: left !important;

    width: 100% !important;

    height: auto !important;

    margin: 0px 0px 10px !important;

    font-size: 18px !important;

    /* color: #0086cd; */

    font-weight: 700 !important;

    text-transform: uppercase !important;

    padding: 0px !important;

	font-family: 'Poppins', sans-serif !important;

}
.website-btn1 {
    line-height: 22px;
    font-size: 18px;
    text-align: center;
    border-radius: 5px;
    background: #2468b1;
    padding: 15px 40px;
    font-weight: 400;
    min-width: 160px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
}
@media only screen and (max-width: 768px){ 
	.left-top-contact h4 {
		font-size: 12px !important;
		font-weight: 300 !important;
	}
}
.top-icon h4 {
	font-size: 24px !important;
	font-weight: 600 !important;
}
.wpcf7-spinner {
	position: absolute;
	right: 370px;
	top: 10px;
}
.website-btn-big {
    display: none !important;
  }
.website-btn-big {
  display: none !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	clear:both;
}
@media only screen and (min-width: 1100px) and (max-width: 1200px)  {
.footer a img {
	max-width: 100%;
  }
}
.sealall-banner-rd {
  background-size: cover;
}
@media only screen and (max-width: 768px)  {
.content-re-half-width {
	margin-left: 30px !important;
	margin-right: 30px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px)  {
.header-contact-wrapper h4 {
	font-size: 16px !important;
  }
}








/***************************** new *********************/





.services-template-single-services .content-full-width p {
    color: #666666;
    line-height: 26px;
    font-size: 15px;
    font-family: 'Poppins';
}
.services-template-single-services.content-full-width .content_h2.content-re {
    color: #0086CD;
    font-size: 1.8em;
    width: 47%;
    text-align: center;
    margin: 0 auto;
    line-height: 35px;
    font-family: 'Poppins';
}

.services-template-single-services .page-title-re {
    float: right;
    padding-top: 25%;
    padding-bottom: 5%;
    color: #fff;
    font-size: 2.6em;
    text-align: left;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 2px;
     font-family: 'Poppins';
}
.services-template-single-services .content-re-half-width .content_h2.content-re {
    color: #0086CD;
    font-size: 1.9em;
    text-align: left;
    line-height: 35px;
    font-family: 'Poppins';
}
.services-template-single-services .content-re-half-width p {
    color: #666666;
    line-height: 26px;
    font-size: 15px;
    font-family: 'Poppins'; 
    margin: 10px 0px;
}
.services-template-single-services .content-full-width .content_h2.content-re {
    color: #0086CD;
    font-size: 1.8em;
    width: 47%;
    text-align: center;
    margin: 0 auto;
    line-height: 35px;
    font-weight: 600;
    font-family: 'Poppins';
}
 .services-template-single-services .sec-mar p {
    color: #666666;
    line-height: 26px;
    font-size: 15px;
    font-family: 'Poppins';
    margin: 10px 0px;
}
.wpcf7-response-output{
	display: initial;
}
/** header style update 11184 ***/

div.main-nav {
    background: #0086cd;
    border-top-left-radius: 40px;
}
div.main-nav ul li a {
    color: #fff;
    font-size: 14px;
}
div.main-nav ul li a:hover {
    color: #39444a;
}
#desktop-contact-wrapper{
    background: #fff;
	display: none;
}
.top-contact h4{
    color: #000;
}
#desktop-contact-wrapper .top-contact {
    display: flex;
    align-items: center;
}
a.a_top_hypers svg {
    font-size: large !important;
    color: #000 !important;
}
section.header-contact-wrapper .top-icon h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
}
.header-contact-info {
    display: flex;
}
.header-contact-info .top-contact h4 svg{
	color: #000;
}
ul.ul_top_hypers {
	margin: 10px !important;
	padding: 0 40px 0 0;
}
div.main-nav {
    background: #0086cd;
    border-top-left-radius: 0px;
}
div.main-nav ul li a{
	padding: 0px 20px;
}
#desktop-contact-wrapper .top-contact > a::after {
    border-right: 3px solid #000;
    content: "";
    position: relative;
    top: 5px;
}
div.main-nav ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}
#mobile-contact-wrapper{
	background:#fff;
}
#desktop-header-container{
	display: none;
}
#mobile-header-container{
	display: block;
}
@media screen and (max-width: 560px){
	.mobile-link-container {
        flex-wrap: wrap;
    }
	.full-mob{
		width: 100%;
	}
	div#mobile-menu-container ul.ul_top_hypers {
		padding: 0 20px;
	}
	.half-mob {
        width: auto;
        float: right;
    }
	    .top-contact {
        text-align: right;
        padding: 0 10px;
    }
	.mobile-link-container .top-icon h4 {
        font-size: 12px !important;
    }
}
@media screen and (max-width: 1100px){
div.slider {
    padding: 0px 0px 0px;
}
.ul_top_hypers li a {
    padding-right: 3px !important;
    margin-right: 5px;
}
	.top-contact.sep::after {
        border-right: 3px solid #000;
        content: "";
        position: relative;
        top: 1px;
        left: 2vw;
    }
	.top-icon h4 {
		font-size: 14px !important;
		font-weight: 600 !important;
	}
	    div#mobile-menu-container ul.ul_top_hypers {
        padding: 0 30px 0 15px !important;
    }
	.mobile-link-container {
        display: flex;
        justify-content: flex-end;
		margin-bottom: 10px;
    }
	div#mobile-menu-container {
		width: 70%;
	}

	.mobile-logo-container {
        display: flex;
        align-items: center;
    }
	.mobile-logo-container .logo {
		width: 30%;
	}
	div#mobile-menu-container a.a_top_hypers svg {
		font-size: large !important;
		color: #fff !important;
	}
	div#mobile-menu-container div.top-contact h4:nth-child(1) {
        padding-top: 10px !important;
        margin: 0;
    }
}

@media screen and (min-width: 1101px){
	#desktop-header-container{
		display: block;
	}
	#mobile-header-container{
		display: none;
	}
	#desktop-contact-wrapper ul.ul_top_hypers {
		margin: 15px 10px 10px 10px !important;
		padding: 0 40px 0 0;
	}
	div.main-nav ul li a {
		font-size: 16px;
		font-weight: 400;
	}
	
	#mobile-contact-wrapper{
		display: none;
	}
	#desktop-contact-wrapper{
		display: block;
	}
	div.logo img {
		width: 160px;
		height: auto;
	}
	div.main-nav {
		border-top-left-radius: 40px;
	}
}
@media screen and (min-width: 1366px){
.header-contact-wrapper {
    float: left;
    width: 100%;
    height: auto;
    padding: 25px 0px;
    background: #0086cd;
}
    div.logo img {
        width: 215px;
        height: auto;
    }
}