@font-face{font-family: "socialico"; src: url("fonts/socialico-webfont.woff.woff2") format("woff2"), url("fonts/socialico-webfont.woff.woff") format("woff");}
@font-face {font-family: 'Antipasto Pro';src: url('fonts/AntipastoPro.woff2') format('woff2'),url('fonts/AntipastoPro.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Trajan Pro';src: url('fonts/TrajanPro-Bold.woff2') format('woff2'),url('fonts/TrajanPro-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'Trajan Pro';src: url('fonts/TrajanPro-Regular.woff2') format('woff2'),url('fonts/TrajanPro-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}

.suspension-contain {max-height: 980px;overflow:hidden;position: relative;}
html.suspended {background: rgba(0,0,0,0.6);}
* {box-sizing: border-box;}
html{overflow-x: hidden;}
body {max-width: 100%;min-width: 1200px;margin: 0 auto;text-align: left; color: #000; font-size: 16px; overflow-x: hidden; font-family: "Poppins", sans-serif;}
a {color:inherit;text-decoration: none; transition: all ease-out 0.3s; color:#D80000;}
a.email{word-break: break-all;}
a:hover {text-decoration: none; color: #D80000;}
h1,h2,h3,h4,h5,h6{padding:0; margin:0 0 20px; line-height: 110%; color:#D80000; font-family: 'Trajan Pro';}
h1 span,h2 span, h3 span, h4 span, h5 span{color: #FFBF00;}
h1{font-size: 55px;}
h2{font-size: 55px;}
h3{font-size: 50px;}  
h4{font-size: 45px;}
h5{font-size: 30px;}
h6{font-size: 25px;}
ul{padding-left: 25px; margin-top: 0;}
p{margin: 0 0 20px; line-height: 120%;}
.row {max-width: 1320px;margin: 0 auto; padding: 0 10px; width: 100%;}

/*button*/
.btn{min-width: 225px; max-width: max-content; height: 60px; border: 0; border-radius: 100px; font-family: 'Trajan Pro'; font-size: 16px; font-weight: 700; color: #FFF; padding: 10px; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: center;align-items: center; line-height: 1; transition: all ease 0.3s; text-align: center; column-gap: 10px; background: linear-gradient(270deg, #D80100, #CC0000, #C10001); box-shadow: inset 0 0 4px 2px rgba(176 0 0 / 65%);}
.btn:hover{color: #FFF;}

/*image*/
img{display: block; max-width: 100%;}
.img-responsive{width: 100%;}

/*floats*/
.fl {float:left;}
.fr {float:right;}

.d-flex{display: flex; gap: 20px;}
.a-center{align-items: center;}
.a-start{align-items: flex-start;}
.a-end{align-items: flex-end;}
.j-between{justify-content: space-between;}
.j-center{justify-content: center;}

.service-img{max-width: 50%;}

.half{width: calc(100% / 2);}
.thirds{width: calc(100% / 3);}

/*typography*/
.text-primary{ color:#D80000; }
.text-bold{ font-weight: 700; }
.text-uppercase{ text-transform: uppercase }
.text-center{ text-align: center !important; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }

.center-block{margin-left: auto; margin-right: auto;}

/*clearings*/
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;font-size: 0;}
.clearfix {display:block;}

/*cookie*/
.cc-animate.cc-revoke.cc-bottom{font-size: 14px; padding: 5px 10px; position: fixed; display: block!important; transform: none!important; bottom: 0!important; left: 20px!important;}

/*call to action*/
.destroy-on-load, .cta {display: none;}

/*contact form messages*/
form .messages p {display: none; font-weight: 400 !important;letter-spacing: 0 !important;font-size: 16px !important;}
form .loading {display: none;}
form .alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
form .alert-success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
form .alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
form [type="submit"] {margin:10px auto 0;}

/*gallery*/
#content .gallery-container {text-align: center;}
#content .gallery {list-style-type: none;margin: 0;padding: 0;}
#content .gallery li {display: inline-block;}
#content .thumbnail {background-color: #fff;border: 1px solid #ddd;border-radius: 4px;display: block;line-height: .42857; margin-bottom: 20px;padding: 4px;transition: border 0.5s ease-in-out 0s;}
#content .thumbnail img{height: 225px; width: 225px; object-fit: cover;}
#content .thumbnail:hover {transform: scale(1.02);}
#content .page_navigation {display: inline-block;}
#content .page_link,#content .previous_link,#content .next_link,#content  .first_link,#content  .last_link, #content .ellipse {background-color: #fff;border: 1px solid #ddd;color:  #0275d8;display: inline-block;line-height: 1.25;margin-left: -1px;padding: 0.5rem 0.75rem;position: relative;}
#content .page_navigation > a:hover , .page_navigation > a.active_page {background-color: #eceeef;border-color: #ddd;color: #014c8c;text-decoration: none;}

/* general */
.mobile{display: none;}

/*header*/
#header{min-height: 963px; background: url('../images/common/hd-bg.png') center center no-repeat; background-size: cover; padding: 25px 0 0; position: relative;}
#header .row{max-width: 1840px;}
#header .content{display: flex; align-items: center; justify-content: space-between; gap: 20px;}
#header .more{width: 830px; max-width: 100%;}
#header .info{display: flex; align-items: center; justify-content: flex-end; margin-bottom: 20px; gap: 15px;}
#header .info a{font-family: 'Montserrat', sans-serif; font-size: 23px; font-weight: 500; color: #FFF;}
#header .logo img{box-shadow: 0 0 4px rgb(0 0 0 / 65%);}
#header .bot{margin-top: 260px;}
#header .bot .row{max-width: 1250px;}
#header .bot h2{text-shadow: 0 0 4px rgb(0 0 0 / 65%); color: #FFF; margin: 0 0 10px;}
#header .bot h6{text-shadow: 0 0 4px rgb(0 0 0 / 65%); color: #FFF; max-width: 735px; margin: 0 auto 20px;}
#header .bot .btn{border: 1px solid #FFFFFF; background: transparent; width: 290px; max-width: 100%; height: 65px; box-shadow: initial; font-size: 15px;}
#header nav{width: 100%;}
#header nav #pull{display: none;}
#header ul{list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; line-height: 1;}
#header ul li a{position: relative;}
#header ul li a{font-size: 20px; line-height: 120%; color: #FFF; padding: 0; font-weight: 700; font-family: 'Trajan Pro'; text-shadow: 0 0 4px rgb(0 0 0 / 65%);}
#header ul li a:hover, #header ul li.active-menu a{color: #FFDE00;}

/*banner*/

/*content*/
#welcome{background: url('../images/common/wc-bg.png') top right no-repeat; padding: 350px 0 330px; min-height: 1349px; background-size: cover; margin: -350px 0 -415px;}
#welcome .row{max-width: 1770px;}
#welcome .content{width: 740px; max-width: 100%; margin: 0 0 0 auto; text-align: right;}
#welcome .btn{margin: 0 0 0 auto;}
#welcome h3{text-shadow: 0 0 4px rgb(0 0 0 / 65%); margin: 10px 0 10px;}
#welcome p{font-size: 18px; color: #FFF; line-height: 172%;}
#welcome small{font-size: 16px; color: #FFF; letter-spacing: 0.8em;}
#welcome .phone{font-size: 20px; font-weight: 500; letter-spacing: 0.2em; color: #FFF; margin-bottom: 30px; position: relative; z-index: 1;}
#welcome .phone a{font-size: 50px; font-family: 'Trajan Pro'; font-weight: 700; letter-spacing: initial; display: block; color: #FFF; line-height: 100%;}
#welcome .btn{position: relative; z-index: 1;}

#schedule{background: url('../images/common/s-bg.png') center center no-repeat; padding: 500px 0 125px; min-height: 958px; background-size: cover; margin: -415px 0 0; text-align: center; position: relative;}
#schedule .row{max-width: 1240px;}
#schedule h4{text-shadow: 0 0 4px rgb(0 0 0 / 65%); margin: 0 0 10px; color: #FFF;}
#schedule h6{text-shadow: 0 0 4px rgb(0 0 0 / 65%); font-size: 20px; color: #FFF; max-width: 800px; margin: 0 auto 20px;}
#schedule .btn{border: 1px solid #FFFFFF; background: transparent; width: 290px; max-width: 100%; height: 65px; box-shadow: initial; font-size: 15px;}

#services{background: url('../images/common/sv-bg.png') center center no-repeat; padding: 580px 0 100px; /* min-height:  1987px;*/  background-size: cover; margin: -510px 0 0; text-align: center;}
#services .row{max-width: 1650px;}
#services .content{display: flex; align-items: flex-start; justify-content: space-between; gap: 25px;}
#services .item{position: relative;}
#services .item p{background: url('../images/common/sv-btn1.png') center center no-repeat; width: 356px; max-width: 100%; height: 60px; font-size: 15px; margin: -40px auto 0; font-size: 22px; color: #FFF; padding: 5px 85px 5px 50px; position: relative; display: flex; align-items: center; justify-content: center; text-align: left;}
#services .item:nth-of-type(3) p, #services .item:nth-of-type(4) p{background: url('../images/common/sv-btn2.png') center center no-repeat;}
#services small{color: #666666; font-size: 16px; letter-spacing: 0.9em;}
#services h4{max-width: 1100px; margin: 20px auto 30px;}
#services .row>p{margin: 50px auto 30px; font-family: 'Antipasto Pro'; font-size: 45px; text-align: center; max-width: 1400px;}

#testimonials{background: url('../images/common/tt-bg.png') center center no-repeat; padding: 255px 0 110px; min-height: 958px; background-size: cover; margin: -405px 0 0; text-align: center; position: relative; z-index: 1;}
#testimonials .row{max-width: 1080px;}
#testimonials small{text-shadow: 0 0 4px rgb(0 0 0 / 65%); color: #FFF; letter-spacing: 0.9em; font-size: 16px;}
#testimonials h4{text-shadow: 0 0 4px rgb(0 0 0 / 65%); margin: 10px 0 20px; line-height: 120%;}
#testimonials .item{margin: 0 auto 20px; max-width: 575px;}
#testimonials .item h5{color: #FFF; font-size: 30px; margin: 0;}
#testimonials .item p{line-height: 140%; color: #FFF; margin: 15px 0;}
#testimonials .item span{font-family: "Teko", sans-serif; color: #E10019; font-size: 16px;}
#testimonials .btn{border: 1px solid #FFFFFF; background: transparent; width: 290px; max-width: 100%; height: 65px; box-shadow: initial;}

#gallery{background: url('../images/common/g-bg.png') center center no-repeat; padding: 55px 0; /* min-height:  1427px; */ background-size: cover; /* margin: -380px 0 0; */ text-align: center;}
#gallery .row{max-width: 1650px;}
#gallery small{color: #666666; font-size: 18px; letter-spacing: 0.9em;}
#gallery h4{margin: 10px auto 40px; max-width: 1060px;}
#gallery .content{display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; position: relative;}
#gallery .content .item{box-shadow: 0 0 4px rgb(0 0 0 / 30%); border-radius: 10px;}
#gallery .content .g-btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#gallery .content .g-btn a{background: url('../images/common/btn-circle.png') center center no-repeat; height: 201px; width: 214px; box-shadow: 0 0 4px rgb(0 0 0 / 45%); border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #FFF; font-family: 'Trajan Pro'; font-weight: 700; font-size: 30px;}
#gallery .row>p{margin: 40px auto 20px; font-family: 'Antipasto Pro'; font-size: 45px; text-align: center; max-width: 1400px;}
#gallery .btn{border: 1px solid #222; background: transparent; width: 290px; max-width: 100%; height: 65px; box-shadow: initial; font-size: 15px; color: #222;}

#tuition{background: url('../images/common/t-bg.png') top center no-repeat; padding: 150px 0 55px; text-align: center;}
#tuition .row{max-width: 1800px;}
#tuition h2{font-size: 60px; color: #FFF; margin: 0 0 10px;}
#tuition .row>p{margin: 0 auto 50px; font-family: 'Antipasto Pro'; font-size: 45px; text-align: center; max-width: 1400px; color: #FFF;}
#tuition .row>p span{font-family: 'Trajan Pro'; font-weight: 700; font-size: 40px;}
#tuition .content{display: flex; align-items: flex-start; justify-content: space-between; gap: 15px;}
#tuition .content .item{position: relative; box-shadow: 0 0 4px rgb(0 0 0 / 45%); border-radius: 10px;}
#tuition .content .item:hover a{display: block;}
#tuition .content .item .txt{position: absolute; bottom: 25px; width: calc(100% - 50px); left: 50%; transform: translateX(-50%); text-align: left;}
#tuition .content .item h5{color: #FFF; font-size: 30px; margin: 0; text-shadow: 0 0 4px rgb(0 0 0 / 65%);}
#tuition .content .item p{color: #FFF; font-size: 16px; margin: 0;}
#tuition .content .item a{display: none; text-decoration: underline;}
#tuition .table{display: flex; gap: 20px; margin: 70px 0 40px; flex-wrap: wrap; justify-content: center;}
#tuition .table .tb{width: 840px; max-width: 100%; box-shadow: 0 0 4px rgb(0 0 0 / 35%); border-radius: 10px;}
#tuition .table .tb .head{background: linear-gradient(180deg, #B80505, #700000); font-family: 'Trajan Pro'; font-size: 30px; color: #FFF; font-weight: 700; display: flex; align-items: center; min-height: 120px;justify-content: space-evenly; text-shadow: 0 0 4px rgb(0 0 0 / 65%);}
#tuition .table .tb .body{padding: 20px; font-size: 20px; text-align: left; min-height: 287px;}
#tuition .table .tb .item{display: flex; justify-content: center;}
#tuition .table .tb .item div{border-bottom: 1px solid #777777; border-right: 1px solid #777777; padding: 7.5px;}
#tuition .table .tb .item div:last-of-type{border-right: 0;}
#tuition .table .tb .item div:not(:first-of-type){text-align: center;}
#tuition .table .tb .item:last-of-type div{border-bottom: 0;}
#tuition .table .tb .head div:nth-of-type(1){width: 310px;}
#tuition .table .tb .head div:nth-of-type(2){width: 240px;}
#tuition .table .tb .head div:nth-of-type(3){width: 290px;}
#tuition .table .tb .item div:nth-of-type(1){width: /* 290px */ 450px; }
#tuition .table .tb .item div:nth-of-type(2){width: 240px;}
#tuition .table .tb .item div:nth-of-type(3){width: 270px;}
#tuition .table .box:nth-of-type(2) .tb .head div:nth-of-type(1){width: 350px;}
#tuition .table .box:nth-of-type(2) .tb .head div:nth-of-type(2){width: 135px;}
#tuition .table .box:nth-of-type(2) .tb .head div:nth-of-type(3){width: 355px;}
#tuition .table .box:nth-of-type(2) .tb .item div:nth-of-type(1){width: 330px;}
#tuition .table .box:nth-of-type(2) .tb .item div:nth-of-type(2){width: 135px;}
#tuition .table .box:nth-of-type(2) .tb .item div:nth-of-type(3){width: 335px;}
#tuition .table .box:nth-of-type(2) .tb .item div{ padding: 0 7.5px;}
#tuition .btn{border: 1px solid #222; background: transparent; width: 290px; max-width: 100%; height: 65px; box-shadow: initial; font-size: 15px; color: #222;}
#tuition h5{line-height: 120%; font-size: 30px; max-width: 1160px; margin: 0 auto 20px; color: #333333;}

#requirements{background: url('../images/common/r-bg.png') top center no-repeat; padding: 60px 0; text-align: center;}
#requirements .row{max-width: 1800px;}
#requirements h2{color: #FFF; font-size: 60px; max-width: 1290px; margin: 0 auto 10px;}
#requirements .row>p{color: #FFF; font-size: 30px; max-width: 990px; margin: 0 auto 50px; font-family: 'Antipasto Pro'; line-height: 117%; font-weight: 700;}
#requirements .table{display: flex; gap: 20px; margin: 30px 0 40px; flex-wrap: wrap; justify-content: center;}
#requirements .table .tb{width: 840px; max-width: 100%; box-shadow: 0 0 4px rgb(0 0 0 / 35%); border-radius: 10px; background: #FFF;}
#requirements .table .tb .head{background: linear-gradient(180deg, #B80505, #700000); font-family: 'Trajan Pro'; font-size: 30px; color: #FFF; font-weight: 700; display: flex; align-items: center; min-height: 120px;justify-content: space-evenly; text-shadow: 0 0 4px rgb(0 0 0 / 65%);}
#requirements .table .tb .head small{font-weight: 800; font-style: 20px; display: block; font-family: 'Poppins', sans-serif;}
#requirements .table .tb .body{padding: 20px; font-size: 20px; text-align: left; min-height: 287px;}
#requirements .table .tb .item{display: flex; font-size: 20px;}
#requirements .table .tb .item div{border-bottom: 1px solid #777777; border-right: 1px solid #777777; padding: 0 7.5px;}
#requirements .table .tb .item div:nth-of-type(1){width: 635px;}
#requirements .table .tb .item div:nth-of-type(2){width: 165px;}
#requirements .table .tb .item:nth-of-type(2) div{border-bottom: 0;}
#requirements .table .tb .item div:nth-of-type(2){border-right: 0;}
#requirements .table .tb ul{padding: 0 0 0 20px; list-style: none; margin: 0; font-size: 20px;}
#requirements .table .tb ul span{color: #9E0404;}
#requirements .table .tb  a{font-size: 15px; color: #A40404;}
#requirements .btn{border: 1px solid #222; background: transparent; width: 450px; max-width: 100%; height: 65px; box-shadow: initial; font-size: 15px; color: #222;}
#requirements .box .txt{width: 500px; max-width: 100%; margin: 0 0 0 auto; margin-right: 60px; text-align: left;}
#requirements .box .txt h6{font-size: 20px; color: #FFF;}
#requirements .box:nth-of-type(2) .txt {margin: 0 0 0 60px;}
#requirements .box .txt ul{color: #FFF; margin-bottom: 30px; text-align: left; list-style: none; padding-left: 20px; font-size: 20px; line-height: 180%;}

/*form*/
.ctc-form {margin: 0 auto;text-align: center; font-family: 'Poppins', sans-serif;}
.ctc-form input[type="text"], .ctc-form textarea {font-family: 'Poppins', sans-serif; border: 0; border-radius: 15px; font-size: 15px; height: 70px;display: block;width: 100%;padding: 10px 30px;box-sizing: border-box;margin: 0 auto 10px; font-weight: 400; background: #EEEEEE; color: #999999;}
.contact-page .ctc-form input[type="text"], .contact-page .ctc-form textarea {border: 0;}
.ctc-form textarea {height: 120px;padding-top:10px; width: 100%;}
.ctc-form .btn{margin: 10px auto;}
.ctc-form ::placeholder{color: #999999;}
.ctc-form label{font-size: 15px;}
.ctc-form .flex {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; column-gap: 10px; align-items: center; justify-content: space-between;}
.ctc-form .flex label{width: 100%;}
.ctc-form .recap {display: inline-block;}
.ctc-form .g-recaptcha {padding: 0;}
.ctc-form .g-recaptcha div {line-height: 0;  margin: 0 auto;}
.ctc-form .ctc-hide {display: none;}
.ctc-form .cap{margin-bottom: 10px;}
.ctc-form .consent{margin-bottom: 10px;}
.ctc-form>label{font-size: 0;margin: 0;display: block}

/*footer*/
#footer .top{background: url('../images/common/ft-bg.png') top 60px center no-repeat; background-size: cover; min-height: 940px; padding-bottom: 20px;}
#footer .row{max-width: 1420px;}
#footer .form{width: 100%; background: #FFF; display: flex; align-items: center; justify-content: center; padding: 20px; min-height: 585px; text-align: center; border-radius: 10px; box-shadow: 0 0 9px 4px rgba(0 0 0 / 25%); position: relative;}
#footer .form .in{width: 1120px; max-width: 100%;}
#footer .form h3{font-size: 60px; margin: 0;}
#footer .form p{line-height: 180%;}
#footer .form .consent{font-size: 14px; text-align: left;}
#footer .content{display: flex; justify-content: space-between; gap: 20px; margin: 50px 0 60px;}
#footer .content .logo img{box-shadow: 0 0 6px rgb(0 0 0 / 65%);}
#footer .content .left{width: 390px; max-width: 100%; text-align: left;}
#footer .content .right{width: 430px; max-width: 100%; text-align: left;}
#footer .content .social{display: flex; align-items: center; justify-content: space-between; width: 290px; max-width: 100%; margin-top: 25px;}
#footer .content .item a{display: flex; gap: 10px; color: #FFF; font-size: 20px; font-weight: 400; font-family: 'Trajan Pro'; align-items: center;}
#footer .content .item:not(:last-of-type){margin-bottom: 15px;}
#footer .content .item span{color: #FFF95B; font-size: 16px; display: block; letter-spacing: 0.1em; font-weight: 700;}
#footer ul{list-style: none; display: flex; width: 830px; max-width: 100%; margin: 0 auto; color: #FFF; font-size: 20px; font-family: 'Trajan Pro'; font-weight: 700; gap: 10px; justify-content: space-between; align-items: center;}
#footer ul a{color: #FFFF;}
#footer ul li a:hover, #footer ul li.active-menu a{color: #FFF95B;}
#footer .bot{background: #222222; font-size: 14px; font-weight: 400; text-align: center; padding: 15px 0; color: #FFF;}
#footer .copy img{height: 25px; vertical-align: middle; display: inline-block;}

/*inner pages*/
.inner #content .row{max-width:1320px;}
.inner #content {min-height: 400px;padding: 60px 0; position: relative; margin: 0; position: relative;}
.inner #content .row{margin:0 auto;}
.inner #content ul li{text-align: left;}
.inner #content h1{padding: 0;margin: 0 0 20px;line-height: 130%; color:#D80000; text-align: center;}
.inner #content h2{padding: 0;margin: 0 0 20px;line-height: 120%; color:#D80000; text-align: left; text-transform: initial;}
.inner #content h3{padding: 0;margin: 0 0 20px;line-height: 120%; color:#D80000; text-align: left;}
.inner #content p, .inner #content ul li {text-align: left; line-height: 180%; font-size: 19px;}
.inner .test .item{border-radius: 10px; background: #FFF; padding: 40px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); text-align: left;}
.inner .test .item:not(:last-of-type){margin-bottom: 20px;}
.inner .test h2{margin-bottom: 40px; color:#D80000;}
.inner .test span{display: flex; align-items: flex-start; column-gap: 5px; font-weight: 600; font-size: 18px;}
.inner .test small{color: #FFDB58; font-weight: 700; font-size: 20px; line-height: 1;}
.inner .test p{font-style: italic; line-height: 32px; letter-spacing: 0.03em; color: #000;}
.inner .test p:first-of-type{display: flex; align-items: center; gap: 10px; font-weight: 700;}
.inner .test p:last-of-type{margin: 0;}
.inner .test .item{display: flex; gap: 20px; justify-content: space-between; align-items: center;}
.inner .test .txt{width: 600px; max-width: 100%;}
.inner .test .item iframe{width: 400px;}
.inner #content .flex{display: flex; align-items: center; gap: 20px;}
.inner #content .flex:not(:last-of-type){margin-bottom: 20px;}
.inner #content .flex ul{margin-bottom: 20px;}
.inner #content .flex.flex-start{align-items: flex-start;}
.inner #content .flex .txt{width: 800px; max-width: 100%;}
.inner #content .flex .img{width: 100%;}
.inner #content .flex h6{margin: 0;}
.inner .imgs{display: flex;flex-wrap: wrap;gap: 20px;}
.inner .imgs img{height: 285px; width: 285px; object-fit: cover;}
.inner .imgs .after{position: relative;}
.inner .imgs .after:after{position: absolute; content: 'After'; bottom: 10px; left: 0; right: 0; font-size: 20px; color: #FFF; text-align: center; font-family: 'Poppins', sans-serif;  text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.inner .imgs .before{position: relative;}
.inner .imgs .before:after{position: absolute; content: 'Before'; bottom: 10px; left: 0; right: 0; font-size: 20px; color: #FFF; text-align: center; font-family: 'Poppins', sans-serif; text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.inner blockquote strong{display: block; text-align: right;}

.services-page table { border-collapse: collapse; width: 100%; }
.services-page td, .services-page th { border: 1px solid #dddddd; text-align: left; padding: 8px; }
.services-page .prices td:nth-child(2), .services-page .prices th:nth-child(2), .services-page .prices td:nth-child(3), .services-page .prices th:nth-child(3) { width: 15%; text-align: center; }
.services-page .training td { text-align: center; }
.services-page ul { column-count: 2; }

.gallery-page #content iframe { max-width: 100%; }

.contact-page #footer .top { min-height: 700px; display: flex; align-items: end; } 
.contact-page #footer .form { display: none; }

/*privacy policy*/
.inPrivacyBox {max-width: 850px; margin: 0 auto 20px;}
.inPrivacyBox p {text-align: justify!important;}

.mobile-banner, .mobile-logo{display: none;}


/** Responsive
-------------------------------------------------------*/
@media screen and (max-width: 1700px){
  #requirements .box:nth-of-type(2) .txt h6, #requirements .box:nth-of-type(2) .txt ul { color: #000 !important;}
  #requirements .box .txt { margin: 0 auto !important; }
}
@media screen and (max-width: 1199px){
 body {min-width: 320px;}
  h1,h2,h3,h4,h5,h6{text-align: center !important; letter-spacing: initial !important; margin-bottom: 20px !important;}
  h1, h2{font-size: 40px !important;}
  h3{font-size: 35px !important;}  
  h4{font-size: 25px !important;}
  h5{font-size: 20px !important;}
  h1 span,h2 span{letter-spacing: initial !important;}
  h1 small,h2 small{letter-spacing: initial !important;}
  p{letter-spacing: initial !important; margin-bottom: 20px !important; text-align: center;}
  li{font-size: 20px;}
  a{word-break: break-word;}
  .desktop{display: none;}
  .mobile{display: block; margin-left: auto; margin-right: auto;}
  .ctc-form .flex{flex-wrap: wrap; gap: 0 !important; justify-content: center;}
  .inner #content h1{font-size: 35px !important;}
  .inner #content h2{font-size: 30px !important;}
  .inner #content h3{font-size: 25px !important;}
  .inner #content h4{font-size: 20px !important;}
  .inner #content h5{font-size: 18px !important;}
  .inner #content h6{font-size: 16px !important;}
  .inner #content{padding: 20px 0;}
  .btns{justify-content: center !important;}
  .btn{margin: 0 auto;}
  #header {padding: 50px 0 0  ; position: relative; z-index: 9999;}
  #header nav {display: block;height: auto;position: fixed;width: 100%;top: 0;box-shadow: 0 0 5px rgb(0 0 0 / 70%); left: 0; z-index: 999; margin: 0;}
  #header nav ul {  display: none; height: auto;border-bottom:5px solid#D80000; padding: 10px; margin: 0; width: 100%; border-radius: 0; background: #202020;}
  #header nav ul li { width: 100%;position: relative; }
  #header nav ul li a {float:none; padding: 10px 20px; border-radius: 0; width: 100%; display: block; color: #FFF; font-size: 18px; padding: 0; height: auto; line-height: 180%; text-align: left;}
  #header ul li:hover a, #header ul li.active-menu a{background: none; color:#D80000;}
  #header nav a {text-align: left; width: 100%;}
  #header nav a strong {position: absolute; top: 50%; transform: translateY(-50%); left: 15px;}
  #header nav a#pull {display: block; color: #fff; background-color: #111; height: 40px;padding: 10px 15px; width: 100%; position: relative; font-size: 20px; line-height: 20px;}
  #header nav a#pull:after { content:""; background: url('../images/nav-icon.png') no-repeat; width: 20px; height: 20px; display: inline-block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
  .btns{flex-wrap: wrap; gap: 10px;}
  .cta{box-shadow: 0 0 5px #000; background:#D80000  url("../images/common/phonecall.png") no-repeat center center;border-bottom-left-radius: 40px;border-top-left-radius: 40px;bottom: 1%;display: block;height: 80px;position: fixed;right: 0;text-decoration: none; text-indent: -9999em;width: 100px;z-index: 999;}
  #footer .mid .item a, #works .bot .top, #works .bot, #works ul, .flex, .content{flex-direction: column !important; gap: 20px !important; align-items: center !important; justify-content: center !important;}
  #header ul li a:after{display: none;}
  #works .bot{padding: 20px;}
  /* #welcome, #services, #choose, #footer .mid, #footer .top, #choose .mid .img, #services .item:hover .txt p, #services .item .txt h5, #works .bot .top h5{margin: 0 !important;} */
  /* #services, #choose, #footer .top, #footer .mid, #services, #works {min-height: auto; padding: 40px 0;} */
  #footer .mid .item:not(:last-of-type){margin-bottom: 20px;}
  #footer .mid .item{display: block; text-align: center;}
  #services .content,#works .box, #footer .mid .social{margin-bottom: 20px;}
  #header .bot .logo img{margin: 20px auto;}
  #welcome{margin-top: -200px !important; /*padding-top: 100px;*/}
  #header .box{width: max-content; max-width: 100%;}
  #header .box .in{flex-direction: column; gap: 10px;}
  #works ul li{justify-content: center; gap: 20px;}
  #choose{padding-bottom: 300px; margin-bottom: -250px !important;}
  /* #footer .top{padding-bottom: 200px; margin-bottom: -200px !important;} */
  /* #footer .mid{padding-top: 100px;} */
  #footer .mid .content{margin: 0 auto;}
  #footer .logo{display: block !important;}
  #footer .logo img{margin: 0 auto 20px;}


  #header .info { justify-content: center; flex-wrap: wrap; }
  #footer .content .left { order: 1; }
  #footer .content .right { order: 2; }
  .contact-page #footer .top { min-height: 870px; }
}

@media screen and (max-width: 840px){
#requirements .table .box, #tuition .table .box {width: 100%;}
}

@media screen and (max-width: 768px){
  h1, h2{font-size: 35px !important;}
  h3{font-size: 30px !important;}  
  h4{font-size: 20px !important;}
  #header { min-height: 853px; }
  #header .bot { margin-top: 80px; }
  #welcome { margin-top: -316px !important; } 
  #welcome .content { text-align: center; }
  #welcome .btn { margin: 0 auto; }
  #schedule { padding: 300px 0 125px; min-height: 702px; }
  #services .row>p, #gallery .row>p, #tuition .row>p { font-size: 30px; }
  #requirements .row>p { font-size: 25px; } 
  #tuition .row>p span, #tuition h5 { font-size: 25px; }
  .table .tb .head { min-height: 60px !important; font-size: 20px !important; }
  .table .tb .body, .table .tb .item, .table .tb ul li { font-size: 18px !important; }
  .table .tb .body { min-height: unset !important; }
  
  #footer ul { display: none; }
}

@media screen and (max-width: 540px){
  #header .bot h2, #welcome h3 { font-size: 25px !important; }
  #header .bot h6 { font-size: 20px !important; }
  #welcome .phone a { font-size: 30px !important; }
  .services-page ul { column-count: unset; }
  #header .info a { font-size: 18px; }
  .table .tb .body, .table .tb .item, .table .tb ul li { font-size: 15px !important; }
}