body{font-family: 'Poppins', sans-serif; font-size:17px; color:#282828; line-height:28px; margin:0px; overflow-x: hidden;}
p{font-family: 'Poppins', sans-serif; font-size:17px; color:#282828; line-height:24px; text-align: inherit; margin:0px; }
h1,h2,h3,h4,h5,h6{color: #282828; font-family: 'Bebas Neue'; font-weight:normal;}

a,div,input,button{outline: none;font-family: 'Poppins', sans-serif;}

.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;}*/

header { position: fixed; top: 0; width: 100%; z-index: 1000; background: #fff; min-height: 159px; box-shadow:0px 1px 11px 1px rgba(0,0,0,0.1); }

.toplinks {width:100%; background:#970f0a; }
.toplinks ul {margin:0px; padding:0px; text-align:right;}
.toplinks ul li {list-style:none; display:inline-block; padding:10px 0px 10px 30px; font-size:16px;}
.toplinks ul li a {color:#fff;}
.toplinks .grid-container {max-width:1400px; padding:0px 7px;}

.nav-outer {padding: 20px 0.9375rem 16px;max-width: 1400px;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: 'Bebas Neue', cursive; font-weight: normal; font-size:26px; line-height:33px; padding:0; color:#1a1a1a; position: relative;}
.dropdown.menu > li > a:hover{color:#970f0a;}
.top-bar-right ul {float: right;background: transparent;margin-top: 22px;margin-right: 0;text-align: right;position: absolute;
	left: 40px;right: 0;display: block;}

.logo { position: absolute; top: -22px; z-index: 1;}
.dropdown.menu > li {margin:0 6px; 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;}
.slider-sec {position:relative; margin-top:158px;}




.header{background-position:center; background-repeat: no-repeat; width:100%; min-height:764px; position:relative;}
.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: 'Poppins', sans-serif; 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: 20px; 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: #002060; padding:24px 25px 36px;box-shadow:12px -13px 0px rgba(3, 19, 50, 0.7);}
.right-contact-form h2{font-size:32px; color: #fff; margin-bottom: 16px; text-align: center; text-transform: none; font-weight: 400;}
.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: #ff6000; 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-top:16px;
box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.26); height: auto;}
.right-contact-form input[type="submit"]:hover{background: #fff; color: #ff6000; }

.header-content-section {position: absolute;left: 0;right: 0;top: 130px;z-index: 1; top: 180px;}
.header-content-box h1{color: #fff; font-size: 82px; font-weight: normal; line-height: 82px; margin-bottom:0px; text-align:left; font-family: 'Bebas Neue', cursive;}
.header-content-box h1 span {display:block; font-size:45px; line-height: 60px;}

.header-content-box {width: 643px;float: left; position:absolute; top:50%; transform:translateY(-50%);}



.get-quote-section h2 {color:#870a0a; font-size:32px; line-height:42px; font-weight:600; font-family: 'Poppins', sans-serif; text-align:left; text-transform:none;}

.freequoteform {width:100%; max-width:1170px; margin: 0 auto 0; padding:40px 0px 30px; margin-top: -60px; position: relative; -webkit-box-shadow: 0px 17px 21px -6px rgba(0,0,0,0.55); -moz-box-shadow: 0px 17px 21px -6px rgba(0,0,0,0.55); box-shadow: 0px 17px 21px -6px rgba(0,0,0,0.55);}
.freequoteform h2{margin-bottom: 20px; color:#fff; font-size:48px; line-height:50px; text-align:center;}
.freequoteform input[type="text"], .freequoteform input[type="tel"], .freequoteform input[type="email"] {border:0px; height:46px; background:#fff; color:#5c5c5c; font-size:16px; font-family: 'Poppins', sans-serif; padding:0px 15px; margin-bottom:12px;}
.freequoteform textarea {border:0px; height:162px; background:#fff; color:#5c5c5c; font-size:16px; font-family: 'Poppins', sans-serif; padding:10px 15px 0px; }
.freequoteform input[type="submit"] {width:100%; background:#ffc600; height:56px; color:#000; text-transform:uppercase;  font-family: 'Poppins', sans-serif; font-weight:500; text-align:center; border:0px; font-size:24px; letter-spacing:1px; cursor:pointer; margin-top:28px;}
.freequoteform input[type="submit"]:hover {background:#d1a200;}

.msg-box { width: 36.333% !important; padding: 0px 0px 0px 7px !important;}
.capt-box { width: 30.333% !important;}


.classes-offer {width:100%; padding:80px 0px;}
.classes-offer p { padding-bottom: 20px; color:#333;}
.classes-offer h2 {position:relative; color:#b10a04; font-size:54px; line-height:52px; padding-bottom:20px; text-align:center; margin-bottom: 40px;}
.classes-offer h2:after {content:''; width:80px; height:8px; background:#222222; position:absolute; bottom:0px; left:0px; right:0px; margin:0 auto; -moz-transform: skewX(-34deg); -webkit-transform: skewX(-34deg); transform: skewX(-34deg);}

.timetable {width:100%; padding:80px 0px;}
.timetable h2 {position:relative; color:#fff; font-size:54px; line-height:52px; padding-bottom:20px; text-align:center; margin-bottom: 40px;}
.timetable h2:after {content:''; width:80px; height:8px; background:#fff; position:absolute; bottom:0px; left:0px; right:0px; margin:0 auto; -moz-transform: skewX(-34deg); -webkit-transform: skewX(-34deg); transform: skewX(-34deg);}
.timetable h3 {position:relative; color:#fff; font-size:35px; line-height:52px; padding-bottom:5px; text-align:center; margin-bottom: 5px;}
.time-row { width: 100%; margin-bottom: 1px; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; align-items: center; text-align: center;}

.about {width:100%; padding:80px 0px;}
.about h2 {position:relative; color:#000; font-size:54px; line-height:52px; padding-bottom:20px; text-align:center; margin-bottom: 40px;}
.about h2:after {content:''; width:80px; height:8px; background:#b10a04; position:absolute; bottom:0px; left:0px; right:0px; margin:0 auto; -moz-transform: skewX(-34deg); -webkit-transform: skewX(-34deg); transform: skewX(-34deg);}

.week {width:18%; height:100%; float: left;  -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; text-align: center; align-items: center; justify-content: center;}
.week h3 { padding: 0px 0px; margin: 0px; color:#fff; text-transform:uppercase; font-size:22px; font-family: 'Poppins', sans-serif; font-weight:600;}
.days {width:25%; float: left; color:#fff; padding: 13px 0px;}
.days-wrap { width: 82%; float: left; display:-webkit-flex; display: flex;  flex-flow: row wrap; align-items: center; }

.uniforms {width:100%; padding:80px 0px;}
.uniforms h2 {position:relative; color:#b10a04; font-size:54px; line-height:52px; padding-bottom:20px; text-align:center; margin-bottom: 40px;}
.uniforms h2:after {content:''; width:80px; height:8px; background:#222222; position:absolute; bottom:0px; left:0px; right:0px; margin:0 auto; -moz-transform: skewX(-34deg); -webkit-transform: skewX(-34deg); transform: skewX(-34deg);}

.grade-wrap { background: #efefef;}
.grade-wrap h3 {font-size:36px; line-height:43px; color:#fff; text-align:center; margin:0px; padding:20px 0px 14px;}
.grade-wrap ul {padding:15px 30px; margin:0px; border-right: 1px solid #c8c8c8; height: 100%;}
.grade-wrap ul li { list-style: none; position: relative; color: #222222; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 400; 	padding-left: 20px; line-height: 24px; padding-bottom: 10px;}
.grade-wrap ul li:before {content:'\f101'; font-family: 'FontAwesome'; position:absolute; left:0px;}
.grade-wrap .cell { padding:0px; background: #efefef; overflow:hidden;}
.grade-wrap .cell:last-child {border:0px; }
.no-border {border:0px !important;}

.grad1 {background:#9b59b6;}
.grad2 {background:#27ae60;}
.grad3 {background:#f39c12;}
.grad4 {background:#3498db;}


.days-wrap hr { clear: both; width:100%; max-width: 100%; height: 0; margin: 0px auto 0px; border-bottom: 1px solid #564282; }

.green {background:#1ac094;}
.green-trans {background:rgba(29,209,161,0.5);}
.red {background:#ff6b6b;}
.red-trans {background:rgba(255,107,107,0.5);}
.yellow {background:#e19400;}
.yellow-trans {background:rgba(225,148,0,0.5);}
.blue {background:#0abee3;}
.blue-trans {background:rgba(10,190,227,0.5);}
.purple {background:#8353e1;}
.purple-trans {background:rgba(131,83,225,0.5);}

.term-heading { text-align:center; background:rgba(255,255,255,0.1); color:#fff; font-family: 'Bebas Neue', cursive; font-weight: normal; font-size:34px; line-height:43px; min-height:175px; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}
.termdates { text-align:center; }
.termdates ul { margin: 0px; padding: 0px;}
.termdates ul li {list-style:none; width:48.3%; float:left; color:#fff; font-size:18px; line-height:28px; font-weight:400; background:rgba(255,255,255,0.1); margin-bottom: 10px; padding: 13px 0px;}
.termdates ul li span {display:block; font-weight:700;}
.termdates ul li:last-child {float:right;}

.term-date .large-3 { width: 28%;}
.term-date .large-9 { width: 72%;}
.term-para {width:100%; padding-top:30px; margin-top:30px; border-top:1px solid #224965;}
.term-para p {text-align:center; color:#fff; font-family: 'Poppins', sans-serif; font-size:21px; font-weight:600; line-height:35px; padding-bottom:10px; max-width:800px; margin:0 auto;}
.price { margin: 0 auto; width: 100%; max-width: 1170px;}
.price ul {margin:0 auto; padding:0px; max-width: 475px;}
.price ul li {list-style:none; display:block; font-size:16px; color:#fff; font-family: 'Poppins', sans-serif; padding:5px 0px; border-bottom:1px solid #224861;}

.payment-term {background:#083047; width:100%; max-width:760px; margin:40px auto 0; text-align:center;}
.payment-term p {font-size:18px; line-height:27px; font-family: 'Poppins', sans-serif; font-weight:400; color:#fff; padding:10px 0px; margin:0px;}

.term-date {width:100%; padding:80px 0px;}
.term-date h2 {position:relative; color:#fff; font-size:54px; line-height:52px; padding-bottom:20px; text-align:center; margin-bottom: 40px;}
.term-date h2:after {content:''; width:80px; height:8px; background:#fff; position:absolute; bottom:0px; left:0px; right:0px; margin:0 auto; -moz-transform: skewX(-34deg); -webkit-transform: skewX(-34deg); transform: skewX(-34deg);}


.eisteddfod {width:100%;}
.eisteddfod h2 {position:relative; color:#b10a04; font-size:54px; line-height:52px; padding-bottom:20px; text-align:left; margin: 0px;}
.eisteddfod p {font-size:21px; color:#333; line-height:31px; padding-bottom:25px;}
.eisteddfod .grid-container { max-width: 100%; padding: 0px;}
.eisteddfod .cell {padding:0px; position:relative;}
.eisted-text { position: absolute; width: 100%; max-width: 525px; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%);}

.concert {width:100%;}
.concert h2 {position:relative; color:#b10a04; font-size:54px; line-height:52px; padding-bottom:20px; text-align:left; margin:0px;}
.concert p {font-size:21px; color:#333; line-height:31px; padding-bottom:25px;}
.concert .grid-container { max-width: 100%; padding: 0px;}
.concert .cell {padding:0px; position:relative;}
.concert-text { position: absolute; width: 100%; max-width: 525px; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%);}

.gallery {background: #eef4ff; padding:80px 0px; text-align:center;}
.gallery .cell.medium-3 {padding-right: 15px;padding-left: 15px; margin-bottom: 10px;}
.gallery h2 {position:relative; color:#b10a04; font-size:54px; line-height:52px; padding-bottom:20px; text-align:center; margin-bottom: 40px;}
.gallery h2:after {content:''; width:80px; height:8px; background:#222222; position:absolute; bottom:0px; left:0px; right:0px; margin:0 auto; -moz-transform: skewX(-34deg); -webkit-transform: skewX(-34deg); transform: skewX(-34deg);}
.work-box{position: relative; text-align: center; background: #002060; margin-bottom: 20px;transition:ease .5s;}
.work-box img{transition: ease .5s;}
.work-box:hover img{opacity:.2;transition:ease .5s;}
.icon-zoom{position: absolute; left: 0; right: 0; top:46%;-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; } 
.gallery .grid-x.grid-padding-x { justify-content: center;}

.no-border-mobile {}
.safety-section{padding:64px 0 20px;}
.safety-section .grid-container {max-width: 77.5rem;}
.safety-section h2{margin-bottom: 36px;}
.safety-section h3{font-size: 22px; font-weight:600; margin-bottom:24px;}
.safety-section p{line-height: 26px; margin-bottom: 24px;}
.safety-content{margin-bottom: 60px;}
.safety-section .safety-content:nth-child(odd) .grid-x.grid-padding-x {flex-direction: row-reverse;}
.safety-section img {margin-top: 7px;}




.get-quote-section{padding:80px 0px; text-align: left;}
.get-quote-section h3 {font-size: 32px;color: #fff;margin-bottom:20px;text-align: center;}
.get-quote-section h3 span {font-weight: 600;}
.get-quote-section input{border: 1px solid #a0a0a0; height: 46px; padding-left: 14px; margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-size:16px;}
.get-quote-section textarea{border: 1px solid #a0a0a0; height: 115px; padding-left: 14px; box-shadow:none; resize:none; font-family: 'Poppins', sans-serif; font-size:16px;}

.get-quote-left{margin-right: 8px;}
.get-quote-section .grid-container {max-width: 1170px;}



.address {padding:75px 20px 60px; background:#870a0a; text-align:left;}
.address h2 {text-align:left; color:#fff; font-family: 'Poppins', sans-serif; font-weight:700; font-size:33px; line-height:38px;}
.get-quote-section .medium-5 {width:35.333%;}
.get-quote-section .medium-7 {width:64.667%;}
.address p {color:#fff; text-align:left; font-family: 'Poppins', sans-serif; font-weight:600; font-size:17px; padding-bottom: 10px;}
.address ul {margin:0px; padding:0px;}
.address ul li {list-style:none; color:#fff; font-family: 'Poppins', sans-serif; font-weight:600; font-size:17px; line-height: 22px; padding-bottom: 15px; position:relative; padding-left:20px;}
.address ul li a {color:#fff; font-family: 'Poppins', sans-serif; font-weight:700; font-size:17px;}
.address ul li:nth-child(1):before {content:'\f041'; position:absolute; left:0px; top:0px; font-family: 'FontAwesome';}
.address ul li:nth-child(2):before {content:'\f095'; position:absolute; left:0px; top:0px; font-family: 'FontAwesome';}

.quoteform input[type="submit"] {color:#fff; font-family: 'Poppins', sans-serif; font-weight:600; font-size:24px; text-transform:uppercase; background:#000; padding:0px 40px; cursor:pointer; border:0px; height:56px; margin-left:20px; margin-bottom:0px; vertical-align: middle; letter-spacing:1px;}
.quoteform input[type="submit"]:hover {background:#870a0a;}
.quoteform .large-4.cell:nth-child(2) { padding: 0px;}


.footer-bottom {background: #282828;padding: 37px 0 38px;}
.copy p {color: #fff;font-size: 16px; margin: 5px 0 0; text-align: left;}
.copy a{color: #fff;}
.copy a:hover{color: #ff6000;}
.map-section iframe{display: block;}
.footer-logo {text-align:right;}

.address-box{background:rgba(0,32,96,.9); padding:34px 36px; max-width: 480px; margin:20px 0;}
.address-box h3{color: #fff; font-size: 22px; font-weight:600; margin-bottom: 16px;}
.address-box p{color: #fff;}

.fa-ul{color: #fff; margin: 0px 0 0 22px;}
.fa-ul li{color: #fff; font-size: 17px; margin-bottom:11px;}
.fa-ul li a{color: #fff;}
.fa-ul li a:hover{color: #ff6000;}
.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;}
.map-section .address .address-box {position: absolute;	top: 76px;}

.nav-outer-main.stickymenu {left: 0;right: 0;z-index: 999;position: fixed;top: 0;width: 100%;background: #fff;height:98px;}
.nav-outer-main.stickymenu .logo {top: 2px;}
.nav-outer-main.stickymenu .logo img {width: 230px;}
.nav-outer-main.stickymenu .top-bar-right ul {margin-top: 16px;}
.nav-outer-main.stickymenu .top-phone {top:18px;}
.nav-outer-main.stickymenu .top-phone a {font-size: 22px;}
.nav-outer-main.stickymenu .top-phone .fa.fa-phone {font-size: 20px;}



.nav-outer-main.stickymenu {animation: smoothScroll 1.3s forwards;}

@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: #002060;
	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:#b10a04 !important; background: transparent;}
.get-quote-section .form-captcha { display: inline-block; vertical-align: middle; position:relative;}
.get-quote-section .form-captcha #captcha1 { position: absolute;}
.form-captcha { position: relative;}
.form-captcha #captcha { position: absolute; color: #fff !important; bottom: -25px; font-size: 14px;}

.form-captcha .g-recaptcha {  -webkit-transform: scale(1.04); transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: scale(1.04);}


.fa-li.fa.fa-iconphone {
	left: -26px;
	top: 4px;
}




.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%;}
 

.footer-bottom .grid-container { max-width: 1170px;}


.no-js [data-responsive-toggle],
.no-js [data-responsive-menu] ul {
 	display: none!important;}
@media screen and (max-width:39.9em) {
	.no-js .top-bar {display: none; }
	.no-js .title-bar {display: flex;}
}

.thank-msg {text-align:center; min-height:400px; margin-top:300px; }