body{font-family: 'Patrick Hand', cursive; font-size:18px; color:#282828; line-height:28px; margin:0px; overflow-x: hidden;}

p {
	font-family: 'Patrick Hand', cursive;
	font-size: 21px;
	color: #282828;
	line-height: 28px;
}

h1,h2,h3,h4,h5,h6{color: #282828; font-family: 'Patrick Hand', cursive; font-weight:700;}

a,input{font-family: 'Patrick Hand', cursive;}

a,div,input,button{outline: none;font-family: 'Patrick Hand', cursive;}



.row{max-width:1250px; margin:0 auto;}

.grid-container {max-width:75rem;}



input,button{transition:background-color 300ms ease-out 0s;}

/*a{transition:ease .5s;}*/



.top-phone {position: absolute;right:16px;top: 14px;text-align: right;}



.top-phone span {
	display: block;
	font-size: 20px;
	color: #333;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 5px;
	font-family: 'Patrick Hand', cursive;
}

.top-phone a {
	font-size: 42px;
	color: #333;
	font-weight: 500;
	font-family: 'Patrick Hand', cursive;
	font-family: 'Patrick Hand', cursive;
}

.top-phone a .fa{font-size: 27px; color: #333; font-weight:normal; margin-right: 6px;}

.top-phone a:hover{color:#fb9cc5;}

.top-phone a:hover .fa {color:#ff3e70;}





.nav-outer {padding:15px; max-width: 75rem; margin: 0 auto; position: relative; z-index: 1; left: 0; right: 0;}

.top-header-links {position: absolute;max-width:  80rem;margin: 0 auto;left: 0;right: 0;text-align: right; top: 10px; 

	padding-right: 14px;}

.is-drilldown {position: relative;overflow: visible !important;min-height: auto !important;}

.top-bar{background: transparent;padding: 0;}

.drilldown a {background:#000;}

.dropdown.menu > li > a{font-family: 'Patrick Hand', cursive; font-weight: 500; font-size:16px; padding:0; color:#fff; 

	position: relative;}

.dropdown.menu > li > a:hover{color:#ff6000;}

.top-bar-right ul {float: right;background: transparent;margin-top: 51px;margin-right: 0;text-align: center;position: absolute;

	left: 40px;right: 0;display: block;}



.logo {float: left;}

.dropdown.menu > li {margin:0 12px; display: inline-block;}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {border: inset 0;}

.dropdown.menu > li > a:before{top: 1.5px;}



.dropdown.menu > li.is-active > a { color:#fdb91c; }



.vertical.menu.submenu {background: #000;border: 0;padding-bottom: 16px;padding-top: 16px;}

.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {right: auto;left: 0;}

.vertical.menu.submenu a{font-size:18px; text-transform:uppercase; color:#fff; padding-left: 19px;}

.vertical.menu.submenu a:hover{color:#fdb91c; background: transparent;}

.dropdown.menu > li.is-dropdown-submenu-parent > a {padding-right: 0 !important;}

.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:after {display: none;}

.vertical.menu.submenu a {background: transparent !important; padding-bottom:10px; position: relative;}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:after {display: none;}

.is-dropdown-submenu {min-width:295px;}

.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {right: 0;left: 100%;}

.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:after {display: none;}

.dropdown.menu > li:nth-child(1) a::before{content: "";}





.vertical.menu.submenu > li.is-submenu-item li:nth-child(1) > a:before{content:""; background:url("../img/icon-sub-menu-7.html") no-repeat; width: 18px; height: 18px; position: absolute; left: -5px;}

.vertical.menu.submenu > li.is-submenu-item li:nth-child(2) > a:before{content:""; background:url("../img/icon-sub-menu-6.html") no-repeat; width: 18px; height: 18px; position: absolute; left: -5px;}



.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {right: auto;left: 0;}

.is-dropdown-submenu > li {position: relative;padding-left: 16px;}



.main-header{position: relative;}





.main-header .header:before {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

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

	z-index: 1;

}



.header-outer{position:relative;}


.header {
	min-height: 700px;
	position: relative;
}

.header{background-position:center; background-repeat: no-repeat; width:100%;}

.get-quote-btn{padding:19px 35px 19px;text-align:center; font-size:30px; background:#ffba1a; border-radius:50px; font-weight: 700;

	color:#fff; margin:26px 0 0; transition:background-color 300ms ease-out 0s; display:inline-block; 

	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);}   

.get-quote-btn:hover{background: #000;}

.slide-content{max-width:100%; color: #fff;}

.header h1 {color:#000;font-size:41px; font-family: 'Patrick Hand', cursive; margin:0 auto 10px; line-height:51px;

padding: 0px; font-weight:600; }

.header h1 img {float: left;position: relative;top: 11px;margin-right: 9px;}

.slide-text {float: left;max-width: 510px; margin-top: 110px;}



.slide-pic {float: right;margin-right: 110px;margin-top:20px;position: relative;z-index: 9999999;}

.slider.single-item{margin-top:0; height:100%; margin:0px;}



.inner-header-form {float: right; width:408px; margin-top: 0px; position: relative; }

/*.inner-header-form:before {content: "";position: absolute;bottom: -1px;left: -60px;right: 0;width: 530px;height: 40px;

	background: url(../img/form-shaddow.png) no-repeat;z-index: 1;}*/



.right-contact-form {width: 100%; background:#000; padding:24px 25px 36px;}

.right-contact-form h2{font-size:38px; color: #fff; margin-bottom: 16px; text-align: center; text-transform: none; font-weight: 400; margin:0px;}

.right-contact-form h2 span{font-weight: 600;}

.right-contact-form h2:before{content:""; display: none;}

.right-contact-form input{height:46px; box-shadow: 0 0 0 0; box-shadow: inset 0 0 0 0; background: #f6f6f6;

border:0px; margin-bottom: 12px; padding-left: 15px; font-size: 16px; }

.right-contact-form textarea{height:116px; box-shadow: 0 0 0 0; box-shadow: inset 0 0 0 0; background: #f6f6f6;

border:0px; padding-left: 15px;  font-size: 16px; margin-bottom: 12px;}

.right-contact-form input[type="submit"]{background:#fb9cc5; border: 0px; padding:14px 0px 15px; cursor:pointer; font-family: 'Patrick Hand', cursive;

width: 100%; text-align: center; font-size: 28px; font-weight:500; text-transform: uppercase; color: #fff;margin-top:0px;

box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.26); height: auto;}

.right-contact-form input[type="submit"]:hover{background: #fff; color:#fb9cc5; }

.right-contact-form .form-captcha { margin-bottom: 10px;}

.header-content-section {position: absolute;left: 0;right: 0; z-index: 1; top: 198px; }

.header-content-box h1{color: #fff; font-size: 44px; font-weight: 700; line-height: 58px; margin-bottom:22px; text-align:left;}

.header-content-box ul{margin: 0px; list-style: none;}

.header-content-box li{color: #fff; position: relative; font-size: 22px; margin-bottom: 4px; padding-left: 30px; text-align: left;}

.header-content-box li:before{
	content: "\f00c";
	position: absolute;
	left: 0;
	font-family: FontAwesome;
	font-size: 22px;
	top: 2px;
}

/*.header-content-box li:last-child:before{content: "";}*/

.header-content-box {width: 643px; float: left; margin-top:0;}



h2{text-align: center; color: #000; font-size: 40px; line-height:50px; font-weight: 700; position: relative; 

padding-bottom: 15px;}

/*h2:before{content:""; position: absolute; left: 0; right: 0; bottom: 0; width: 69px; height: 2px; background:#ff3e70; margin: 0 auto;}*/



.capabilities-section{padding:100px 0 50px;}

.capabilities-section h2{margin-bottom: 20px;}

.capabilities-section h3{font-size: 24px; color: #282828; text-transform: uppercase; font-weight: 500; margin-top:-4px;

margin-bottom: 12px;}

.capabilities-section ul{margin: 0px; list-style: none;}

.capabilities-section li{font-size: 18px; line-height: 24px; padding-left: 20px; margin-bottom: 10px; position: relative;}

.capabilities-section li:before{ content: ""; color: #ff6000; font-size: 18px; position: absolute; top: 7px;

left: 0; font-weight: bold; width: 8px; height: 12px; background: url(../img/arrow-orange.png) no-repeat;}

.capabilities-section img {width: 100%;}

.cell.capabilities-left {width: 39%;}

.cell.capabilities-right {width: 60%; padding-left: 2%;}



.about-section{background:#fff; padding:80px 0 80px; text-align: center; }

.about-section .grid-container{max-width: 75rem;}

.about-section h2{margin-bottom: 0; text-align:left;}

.about-section p{margin-bottom: 20px; text-align: left;}

.about-section h3{font-size: 22px; font-weight:500; margin-top: 50px;}

.about-section h3 span{color:#ff6000;}

.about-section ul{margin:34px 0 0; list-style: none;}

.about-section li{display: inline-block; margin:0; }

.about-section li img {background: #002060;border-radius: 100%; margin-bottom: 10px;}

.about-section li p {font-size: 21px; font-weight: 500;}

.about-section li:first-child{margin-left: 0;}

.about-section li:last-child{margin-right: 0;}



.brand-section{padding: 60px 0 30px;}

.brand-section h2{margin-bottom:40px;}

.brand-section ul{margin: 0px; list-style: none;}

.brand-section li {display: inline-block;vertical-align: top;margin: 0 2.3% 34px;}

.brand-section .grid-container {max-width: 79rem;}



.work-section{/*background:#f7f7f7;*/ padding:80px 0 60px;}

.work-section .cell.medium-3 {padding-right: 0.70rem;padding-left: 0.70rem;}

.work-section h2{margin-bottom:42px;}

.work-box {position: relative; text-align: center; margin-bottom: 40px;transition:ease .5s;}

.work-box h3 { font-size: 22px; font-weight: 500; padding-top: 10px; line-height: 28px; margin:0px;}

.fancybox-overlay-fixed { background: rgba(0,0,0,0.7) !important;}



.work-box img{transition: ease .5s;}

.work-box:hover img{opacity:.2;transition:ease .5s;}

.icon-zoom{position: absolute; left: 0; right: 0; top:40%;-webkit-transform:translateY(-46%);-ms-transform: translateY(-50%);transform:translateY(-46%); z-index: 1; display: none;}

.work-box .icon-zoom img{opacity:1; width: 30px;}

.work-box:hover .icon-zoom{display: block;}

.work-box .icon-zoom{animation:pulse 1s infinite; transition:ease .5s; } 


.safety-section {
	background:#7bd3f7;
	padding:80px 0 90px;
	position:relative;
}
.safety-section:before{content:""; background:url(../img/top-bg.png) repeat-x; position:absolute; top:-13px; right:0; bottom:0; left:0; }
.safety-section .grid-container {max-width: 77.5rem;}

.safety-section h2 {
	margin-bottom: 0;
}

.safety-section h3{font-size: 22px; font-weight:600; margin-bottom:24px;}

.safety-section p { line-height: 26px; margin-bottom: 14px; text-align: left;}

.safety-section p strong {font-size:24px;}

.safety-content{margin-bottom: 60px;}





.get-quote-section {padding:70px 0 90px; background:#3f1f83; text-align: center; position:relative; }

.get-quote-section:before {content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5);}

.get-quote-section h3 {font-size: 40px;color: #fff;margin-bottom:20px;text-align: center; font-weight: 400;}

.get-quote-section h3 span {font-weight: 600;}

.get-quote-section input{border: 0px; height: 46px; padding-left: 10px; margin-bottom: 12px; font-size: 20px;}

.get-quote-section textarea{border: 0px; height: 104px; padding-left: 10px;font-size: 20px; margin-bottom:10px;}

.get-quote-section .cell {padding:0 0.4rem;}

.get-quote-left{margin-right: 8px;}

.get-quote-section .grid-container {max-width: 600px; position: relative;}



.captcha, .submitbtn {display: inline-block;margin: 6px 11px 0;vertical-align: top;}

.submitbtn {display: block; clear: both; width: 150px; text-align: center; padding: 0px; margin: 0 auto;}



.get-quote-left input[type="submit"] {background:#fb9cc5;border: 0px;padding:14px 0px 15px; cursor: pointer; width: 100%; text-align: center; font-size: 24px; font-weight: 500; text-transform: uppercase;color: #fff; margin: 0;position: relative; top: 4px; box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.26);height: auto;}

.get-quote-left input[type="submit"]:hover {background: #fff;color:#fb9cc5;}



.footer-bottom {background:#000;padding:27px 0 28px;}

.copy p {color: #fff;font-size: 16px; margin: 5px 0 0;}

.copy a{color: #fff;}

.copy a:hover{color: #ff3e70;}

.map-section iframe{display: block;}

.footer-logo {text-align:right;}



.address-box{ max-width:380px;}

.address-box h3 {
	color: #000;
	font-size: 34px;
	font-weight: 600;
	margin-bottom: 26px;
	line-height: 46px;
}
.fa-li.fa.fa-facebook {
	background: #000;
	color: #7bd3f7;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	font-size: 30px;
	padding-top: 6px;
}
.fa-li.fa.fa-facebook:hover{
	background:#fff;
}

.fa-li.fa.fa-instagram {
	background: #000;
	color: #7bd3f7;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	font-size: 30px;
	padding-top: 6px;
}
.fa-li.fa.fa-instagram:hover{
	background:#fff;
}

.address-box p{color: #fff;}



.fa-ul{color: #fff; margin: 0px 0 0 22px;}

.fa-ul li{color: #000; font-size: 21px; margin-bottom:20px; padding-left:30px; line-height:26px;}

.fa-ul li a{color: #000;}

.fa-ul li a:hover{color:#fff;}

.fa-iconphone{content:""; background: url(../img/icon-phone.png) no-repeat; width: 17px; height: 14px; position: absolute;

left: -10px;}

.fa-ul li .fa {margin-top: 3px;}

.fa-ul li .fa-envelope{font-size: 16px; margin-top:5px;}



.map-section {position: relative; background:#fff; width: 100%; padding: 80px 0px;}



.map-left { display: flex; justify-content: center; align-items: center; background:#7bd3f7; }

.map-right { padding: 0px !important;}





.address-box ul { width: 280px; text-align: left; margin: 0px;}

.address-box ul .fa-li {left:0px; width:16px; top:1px;}

#exampleModal1 b { font-size: 18px; line-height: 24px; }


.address-box ul .fa-li.fa.fa-phone {
	top: 2px;
}




.nav-outer-main.stickymenu {left: 0;right: 0;z-index: 999;position: fixed;top: 0;width: 100%;background: #fff;height:96px;}



.nav-outer-main.stickymenu .top-bar-right ul {margin-top: 19px;}

.nav-outer-main.stickymenu .top-phone {top:12px;}


.nav-outer-main.stickymenu .top-phone .fa.fa-phone {font-size: 20px;}





.nav-outer-main.stickymenu {animation: smoothScroll 1.3s forwards; box-shadow: 0px 3px 5px rgba(0,0,0,0.1);}



@keyframes smoothScroll {

    0% {

        transform: translateY(-140px);

    }

    100% {

        transform: translateY(0px);

    }

}    







.reveal {

	width: 700px;

	max-width: 75rem;

	border: 0;

	height: 640px;

}



.reveal h2 {

	text-align: center;

	color: #000;

	font-size: 34px;

	text-transform: uppercase;

	font-weight: 500;

	position: relative;

	padding-bottom: 10px;

	margin-bottom: 27px;

	margin-top: 13px;

}





.header-inner{min-height: auto; padding: 25% 0;}

.header-outer-inner:before{display: none;}



.header-inner h1{color: #fff;}

.header-inner p{color: #fff;}



.thankyou{position: relative; z-index: 222;}



.main-header-inner:before{display: none;}

.header.header-inner:before {

	background: rgba(0,32,92,.5);

	content: "";

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	z-index: 9;

	position: absolute;

}



.menu .active a{color:#ff6000 !important; background: transparent;}

.get-quote-section .form-captcha { display: inline-block; position: relative; bottom: 0px; left: 0; right: 0;}

.cell.medium-12.copy p {
	text-align: center;
}





.why-choose-box:hover .why-choose-box-content {

	transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

}



.why-choose-box-content{

	width: 100%;

	height: 100%;

	transform-style: preserve-3d;

	transition: all 0.5s linear;

	-webkit-transform-style: preserve-3d;

}



.face {

	position: absolute;

	width: 100%;

	height: 100%;

	backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	background:#eef4ff; 

	padding:18px 18px 0; 

	height:100%;

}



.face.back-flip {

	display: block;

	transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

	box-sizing: border-box;

	background-color: #042565;

	position:relative;

	display: flex;

justify-content: center;

align-items: center;

}



.about-section li .face.back-flip p {

	font-size: 15px;

	font-weight: normal;

	padding: 0;

	color: #fff;

	line-height: 22px;

}





.about-section li {

	width:19.7%;

	vertical-align: top;

}







.brand-section ul {text-align: center;}

.brand-section li {margin: 0 0 34px;width: 24%;}

.range-left {text-align:left;}

.range-left h3 {font-size:36px; line-height:46px; font-weight:700; margin-bottom: 20px;}

.range-left ul {margin:0px; padding:0px;}

.range-left ul li {position:relative; list-style:none; padding-left:26px; padding-bottom:10px;}

.range-left ul li:before{content:"\f00c"; position: absolute; left:0; font-family: FontAwesome; font-size: 18px; top:-2px; color: #fd3e75; }

.range-right {}

.range-left a.btn { display: inline-block; font-size: 22px; color: #fff; background: #fd3e75; padding: 15px 26px; font-weight: 500; transition: all ease 0.3s; margin-top: 20px;}

.range-left a.btn:hover {color:#fff; background:#3f1f83;}

.range-left a.btn i {margin-right:8px; position:relative; top: 2px;}


.thank-text div { width: 100%;}
.thank-text h1 {text-align:center; }
.header-content-section.thanks { top: 50%; transform: translateY(-50%);}
.header-outer.thanks-outer .header { min-height: auto;}
.main-header.thanks-outer { padding: 16% 0px;}
.main-header.thanks-outer h1 {color:#fff; margin-bottom:0px; position:relative; z-index:1;}
.thanks-inner { background-size: cover !important;}
.thanks-inner:before {content:''; background: rgba(0,0,0,.7) !important;}

.about-content {
	top: 50%;
	transform: translateY(-50%);
	position:relative;
}

.curricular-section h2 {
	margin-bottom: 30px;
}
.curricular-section {
	background:#7bd3f7;
	padding:80px 0 90px;
	position: relative;
}
.curricular-section:before{content:""; background:url(../img/top-bg.png) repeat-x; position:absolute; top:-13px; right:0; bottom:0; left:0; }
.curricular-section:after {
	content: "";
	background: url(../img/bottom-bg.png) repeat-x;
	position: absolute;
	bottom: -13px;
	right: 0;
	top: auto;
	left: 0;
	z-index: 2;
	height: 13px;
}

.slider-box {
	background: #fff;
	padding: 30px;
	margin: 0 20px;
	box-shadow: 0 0 16px rgba(0,0,0,.3);
	min-height: 337px;
}

.slider-box span {
	/* font-style: italic; */
	color: #7bd3f7;
	font-weight: 700;
	letter-spacing: 1px;
}


.fa-ul li:last-child a {
	display: block;
	width: 40px;
	height: 40px;
}