@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700|Pacifico);
@font-face { font-family: sas-webfont; src: url(../fonts/sas-webfont.eot?51534236); src: url(../fonts/sas-webfont.eot?51534236#iefix) format("embedded-opentype"), url(../fonts/sas-webfont.woff2?51534236) format("woff2"), url(../fonts/sas-webfont.woff?51534236) format("woff"), url(../fonts/sas-webfont.ttf?51534236) format("truetype"), url(../fonts/sas-webfont.svg?51534236#sas-webfont) format("svg"); font-weight: 400; font-style: normal;  font-display: swap; }
.sas { font-family: sas-webfont; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.sas-1:before { content: '\e801' }
.bolder { font-weight: 600 }
.cfix { content: ''; display: block; width: 100%; clear: both }/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; -webkit-text-size-adjust: 100% }
body { margin: 0 }
main { display: block }
h1 { font-size: 2em; margin: .67em 0 }
hr { box-sizing: content-box; height: 0; overflow: visible }
pre { font-family: monospace, monospace; font-size: 1em }
a { background-color: transparent }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted }
b, strong { font-weight: bolder }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -.25em }
sup { top: -.5em }
img { border-style: none }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 }
button, input { overflow: visible }
button, select { text-transform: none }
[type=button], [type=reset], [type=submit], button {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset { padding: .35em .75em .625em }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
progress { vertical-align: baseline }
textarea { overflow: auto }
[type=checkbox], [type=radio] {
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details { display: block }
summary { display: list-item }
template { display: none }
[hidden] {
display:none
}
body, button, input, select, textarea { color: #999; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 15px; line-height: 1.5; position: relative; background-color: #fff }
body, html { width: 100%; height: 100% }
a { color: #999; text-decoration: none }
a:hover { color: #fd4d40; text-decoration: none }
p { margin: 0 0 20px 0 }
.banner-page .title-page, .rs-team-1 .title, h1, h2, h3, h4, h5 { font-family: Pacifico, cursive; font-weight: 400; margin-top: 10px; margin-bottom: 20px }
h1 { font-size: 3.571em; line-height: normal }
.banner-page .title-page, h2 { font-size: 2.857em; line-height: normal }
h3 { font-size: 1.714em; line-height: normal }
.rs-team-1 .title, h4 { font-size: 1.286em; line-height: normal }
h5 { font-size: 14px; line-height: 22px }
h6 { font-size: 13px }
b, strong { font-weight: 700 }
ol { margin-left: 24px }
ul { list-style: initial; margin-left: 24px }
ul li { margin: 8px 0 }
.content-wrap { padding: 80px 0 }
.content-wrap-60 { padding: 60px 0 }
.content-wrap-40 { padding: 40px 0 }
.spacer-content { height: 80px }
.spacer-content::after { display: block; content: ""; clear: both }
.uk16 { font-size: 16px }
.uk18 { font-size: 18px }
.uk21 { font-size: 21px }
.uk24 { font-size: 24px }
.uk36 { font-size: 36px }
.uk48 { font-size: 48px }
.uk60 { font-size: 60px }
.uk72 { font-size: 72px }
.spacer-10 { height: 10px }
.spacer-10::after { display: block; content: ""; clear: both }
.spacer-30 { height: 30px }
.spacer-30::after { display: block; content: ""; clear: both }
.spacer-50 { height: 50px }
.spacer-50::after { display: block; content: ""; clear: both }
.spacer-70 { height: 70px }
.spacer-70::after { display: block; content: ""; clear: both }
.spacer-90 { height: 90px }
.spacer-90::after { display: block; content: ""; clear: both }
.spacer-110 { height: 110px }
.spacer-110::after { display: block; content: ""; clear: both }
.spacer-content { height: 80px }
.spacer-content::after { display: block; content: ""; clear: both }
.section { position: relative }
.section-heading { font-size: 40px; line-height: 1em; margin-bottom: 20px; margin-top: 0; padding-bottom: 5px; position: relative; color: #fd4d40 }
.section-heading.light { color: #fd4d40 }
.section-heading.light span { color: #fff }
.section-heading.light:after { background: #fff }
.section-heading.text-center { text-align: center }
.section-heading.text-center:after { margin-left: auto; margin-right: auto }
@media (max-width:767px) {
.section-heading { font-size: 32px }


.our-award .col-12.col-sm-6.col-md-4.col-lg-4 {
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    max-width: 33.3%;
}



}
.supheading { font-size: 24px; font-weight: 700; color: #555 }
.supheading:after, .supheading:before { content: " - " }
.subheading { margin-top: -20px; margin-bottom: 30px; color: #666; font-family: Pacifico, cursive; font-size: 18px }
.subheading.text-center { width: 60%; margin-left: auto; margin-right: auto }
.title-heading { font-size: 24px; font-family: Pacifico, cursive; font-weight: 700 }
.section-border { border-bottom: 1px solid #ccc }
.font-primary { font-family: "Open Sans", sans-serif }
.font-secondary { font-family: Pacifico, cursive }
.bgi-cover-center { background-size: cover; background-position: center }
.bgi-cover-center { background-size: cover; background-position: center }
.bgi-cover-fixed { background-size: cover; background-position: center; background-attachment: fixed }
.bgi-repeat { background-repeat: repeat }
.bgi-right { background-position: right; background-size: auto; background-repeat: no-repeat }
.bgi-left { background-position: left; background-size: auto; background-repeat: no-repeat }
.bgi-overlay { position: relative; background-position: center }
.bgi-overlay:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(34,34,34,.5) }
blockquote { padding: 15px 20px; background-color: #f6f6f6; margin: 0 0 20px; border-left: 5px solid #fd4d40; font-style: italic }
blockquote.quote { padding: 15px 0; background-color: transparent; margin: 0 0 20px; border-left: 0; font-family: Pacifico, cursive; font-style: italic; font-size: 24px; color: #fff }
blockquote.quote .blockquote-footer { color: #fd4d40 }
blockquote.quote cite { display: block; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; color: #fff }
@media (max-width:767px) {
.bgi-hide-xs { background-image: none!important }
}
.owl-theme .owl-dots .owl-dot span { width: 7px; height: 7px; background: gray; margin: 5px 3px }
.owl-theme .owl-dots .owl-dot.active span { width: 40px; background-color: #fd4d40 }
.owl-theme .owl-dots .owl-dot:hover span { background-color: #fd4d40 }
.owl-theme .owl-controls { margin-top: 50px }
.owl-light .owl-dots .owl-dot span { width: 7px; height: 7px; background: #fff; margin: 5px 3px }
.owl-light .owl-dots .owl-dot.active span { width: 40px; background-color: #f1c22e }
.owl-light .owl-dots .owl-dot:hover span { background-color: #f1c22e }
.owl-light .owl-controls { margin-top: 50px }
.font-primary { font-family: "Open Sans", sans-serif }
.bg-primary { background-color: #fd4d40!important }
.bg-secondary { background-color: #f1c22e!important }
.bg-tertiary { background-color: #16c3b0!important }
.bg-gray { background-color: #222 }
.bg-gray-light { background-color: #f9f9f9 }
.bg-overlay-primary { position: relative }
.bg-overlay-primary:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fd4d40; opacity: .8 }
.bg-overlay-secondary { position: relative }
.bg-overlay-secondary:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #f1c22e; opacity: .6 }
.lh-1 { line-height: 1.3 }
.text-primary { color: #fd4d40!important }
.text-primary a { color: #fd4d40 }
.text-primary a:hover { color: #999 }
.text-secondary { color: #f1c22e!important }
.text-white a { color: #fff }
.text-black { color: #222!important }
.text-black a { color: #222 }
.pos-relative { position: relative }
.banner-page { display: block; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; background-position: center }
.banner-page:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(34,34,34,.4) }
.banner-page .content-wrap { padding: 60px 0 }
.banner-page .title-page { text-align: center; margin-bottom: 0; color: #fff }
.banner-page .breadcrumb-container { background-color: transparent }
.banner-page .breadcrumb { padding: 0; margin: 0; text-align: center; background-color: transparent; font-size: 13px; font-weight: 400; color: #fff }
.banner-page .breadcrumb a, .banner-page .breadcrumb>.active { color: #fff }
.banner-page .breadcrumb a:hover, .banner-page .breadcrumb>.active:hover { color: #fd4d40 }
.overlap { background-color: #fff; margin-top: -180px; margin-bottom: -50px; position: relative; z-index: 2 }

@media (max-width:767px) {
.overlap { margin-top: 0 }
}
.gutter-5 { margin-right: 0; margin-left: 0 }
.gutter-5 [class*=" col-"], .gutter-5 [class*=col-], .gutter-5>[class*=" col-"], .gutter-5>[class^=col-] {
padding-right:5px;
padding-left:5px
}
.pagination { margin-left: 0 }
.pagination .page-item .page-link { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 15px 20px; margin-right: 5px; margin-bottom: 5px; color: #999; display: inline-block; border-color: 1px solid #e6e6e6; background: #fff }
.pagination .page-item .page-link.active, .pagination .page-item .page-link:hover { color: #fff; background: #fd4d40 }
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px }
.pagination .page-item.active .page-link { color: #fff; background: #fd4d40; border-color: #fd4d40 }
.p-check { padding-left: 30px; position: relative; margin-bottom:.25rem;
font-size: 15px }
.p-check:before { content: "\f00c"; font-family: FontAwesome; padding-top: 2px; position: absolute; color: #16c3b0; left: 0; width: 30px; height: 30px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; text-align: center }
.anim-media .media-box, .rs-class-box .media-box, .rs-icon-info-4 .media-box, .rs-image-box .media-box, .rs-team-1 .media-box { width: 100%; position: relative; background-color: #fff; overflow: hidden }
.anim-media .media-box img, .rs-class-box .media-box img, .rs-icon-info-4 .media-box img, .rs-image-box .media-box img, .rs-team-1 .media-box img { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: .4s all linear; transition: .4s all linear }
.anim-media:hover .media-box, .rs-class-box:hover .media-box, .rs-icon-info-4:hover .media-box, .rs-image-box:hover .media-box, .rs-team-1:hover .media-box { background-color: #fd4d40 }
.anim-media:hover .media-box img, .rs-class-box:hover .media-box img, .rs-icon-info-4:hover .media-box img, .rs-image-box:hover .media-box img, .rs-team-1:hover .media-box img { opacity: .8; -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.anim-shadow, .rs-class-box, .rs-icon-info-4, .rs-pricing-1, .rs-shop-box { -webkit-box-shadow: 4px 5px 0 transparent; -moz-box-shadow: 4px 5px 0 transparent; box-shadow: 4px 5px 0 transparent }
.anim-shadow:hover, .rs-class-box:hover, .rs-icon-info-4:hover, .rs-pricing-1:hover, .rs-shop-box:hover { -webkit-box-shadow: 4px 5px 30px rgba(0,0,0,.2); -moz-box-shadow: 4px 5px 30px rgba(0,0,0,.2); box-shadow: 4px 5px 30px rgba(0,0,0,.2) }
.btn, .btn-ghost-light, .btn-light, .btn-primary, .btn-secondary { font-size: 14px; color: #fff; padding: 13px 40px; border: 0; min-width: 150px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px }
.btn-default { background-color: #fd4d40; color: #fff; padding: 15px 20px; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
.btn-default:hover { background-color: #fd4d40 }
.btn-primary { background-color: #fd4d40; color: #fff }
.btn-primary:hover { background-color: #ddab0f; color: #fff }
.btn-secondary { background-color: #f1c22e }
.btn-secondary:hover { background-color: #fc1e0e; color: #fff }
.btn-primary.disabled { background-color: #fd4d40; border-color: #fd4d40; opacity: 1 }
.btn-primary.disabled:hover { color: #fff; background-color: #ddab0f }
.btn-secondary.disabled { background-color: #f1c22e; border-color: #f1c22e }
.btn-secondary.disabled:hover { background-color: #fc1e0e; color: #fff }
.btn-light { background-color: #fff; color: #fd4d40; border: 1px solid #fff }
.btn-light:hover { background-color: #222; color: #fff; border-color: #222 }
.btn-ghost-light { background-color: transparent; color: #fff; border: 1px solid #fff }
.btn-ghost-light:hover { background-color: #fff; color: #fd4d40; border-color: #fff }
.btn-icon { font-size: 18px }
.btn-icon .fa { margin-right: 10px; vertical-align: middle; width: 50px; height: 50px; border: 1px solid #999; border-radius: 30px; padding-left: 5px; padding-top: 10px; font-size: 1.5em }
.btn-icon:hover .fa { border-color: #fd4d40 }
.btn-rect { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
.btn-video { color: #fff }
.btn-video i { width: 55px; height: 55px; background-color: #fff; color: #fd4d40; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding: 11px; font-size: 21px; text-align: center; border: 6px solid rgba(34,34,34,.2); margin-right: 5px }
.sosmed-icon a { color: #fff; background-color: transparent; width: 40px; height: 40px; font-size: 18px; display: flex; justify-content: center; flex-direction: column; text-align: center; margin: 0 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% }
.sosmed-icon a:hover { background-color: transparent }
.sosmed-icon a.fb { background-color: #fd4d40 }
.sosmed-icon a.fb:hover { background-color: #fd3527 }
.sosmed-icon a.tw { background-color: #16c3b0 }
.sosmed-icon a.tw:hover { background-color: #13ac9b }
.sosmed-icon a.ig { background-color: #ff7300 }
.sosmed-icon a.ig:hover { background-color: #e66800 }
.sosmed-icon a.in { background-color: #2db3d9 }
.sosmed-icon a.in:hover { background-color: #24a4c8 }
.sosmed-icon.icon-bg-primary a { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: #fff; background-color: #fd4d40 }
.sosmed-icon.icon-bg-primary a:hover { color: #fff; background-color: #f1c22e }
.rs-feature-1 { position: relative; background-color: #f8f8f8; border: 1px solid #f0f0f0; padding: 20px 20px; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.rs-feature-1 .no { position: absolute; top: 0; right: 20px; font-size: 72px; font-family: Pacifico, cursive; font-weight: 700; opacity: .15 }
.rs-feature-1 .media { width: 100%; margin-bottom: 30px; background-color: transparent }
.rs-feature-1 .icon { font-size: 48px; color: #fd4d40 }
.rs-feature-1 .body { position: relative }
.rs-feature-1 .title { color: #222 }
.rs-feature-1:hover { background-color: #f1c22e; color: #fff; -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.15)!important; box-shadow: 0 1rem 3rem rgba(0,0,0,.15)!important }
.rs-feature-1:hover .title { color: #fff }
.rs-image-box { margin-bottom: 30px; overflow: hidden; position: relative; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.rs-image-box .media-box { margin-bottom: 10px }
.rs-image-box:hover .media { background-color: #fff }
.rs-image-box .text-box { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify!important; justify-content: space-between!important }
.rs-image-box .price { color: #fd4d40 }
.rs-shop-box { background-color: #fff; margin-bottom: 30px; overflow: hidden; position: relative; border: 1px solid #e6e6e6 }
.rs-shop-box .media { text-align: center }
.rs-shop-box .media a { width: 100% }
.rs-shop-box .body-text { padding: 20px 20px; border-top: 1px solid #e6e6e6 }
.rs-shop-box .body-text .title { font-weight: 400; color: #f1c22e; font-size: 16px; margin-bottom: 10px }
.rs-shop-box .body-text .title a { color: #f1c22e }
.rs-shop-box .body-text .title a:hover { color: #fd4d40 }
.rs-shop-box .body-text .price { color: #fd4d40; font-weight: 700; font-size: 18px; float: left }
.rs-shop-box .body-text .meta { display: -ms-flexbox; display: flex; justify-content: space-between!important }
.title-blok { font-weight: 400; color: #f1c22e; font-size: 16px; margin-bottom: 10px }
.title-blok a { color: #f1c22e }
.title-blok a:hover { color: #fd4d40 }
.rating, .shop-item-sidebar .body-text, .single-shop { unicode-bidi: bidi-override; direction: rtl }
.rating span:before, .shop-item-sidebar .body-text span:before, .single-shop span:before { color: #fd4d40; content: "\2605"; display: inline-block; position: relative; font-size: 1.2em; width: .6em }
.shop-item-sidebar { display: -ms-flexbox; display: flex; margin-bottom: 20px; align-items: center!important }
.shop-item-sidebar .media { width: 90px; height: 90px; border: 1px solid #e6e6e6; margin-right: 20px }
.shop-item-sidebar .body-text .title { font-weight: 400; color: #f1c22e; font-size: 16px; margin-bottom: 10px }
.shop-item-sidebar .body-text .title a { color: #f1c22e }
.shop-item-sidebar .body-text .title a:hover { color: #fd4d40 }
.shop-item-sidebar .body-text .price { color: #fd4d40; font-weight: 700; font-size: 18px }
.single-shop .price { color: #fd4d40; font-weight: 700; font-size: 18px }
.box-icon-1 { margin-bottom: 15px }
.box-icon-1 .icon { color: #fd4d40; display: inline-block; font-size: 36px; line-height: 2.2; float: left; width: 60px; height: 60px; background: 0 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; text-align: center }
.box-icon-1 .body-content { color: #f1c22e; margin-left: 70px; font-weight: 700; font-size: 24px }
.box-icon-1 .body-content .heading { font-size: 16px; font-weight: 700 }
.rs-icon-info { margin-bottom: 15px }
.rs-icon-info .info-icon { display: table-cell; position: relative }
.rs-icon-info .fa { width: 60px; height: 60px; background-color: #fd4d40; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; text-align: center; padding-top: 17px; font-size: 22px; color: #fff }
.rs-icon-info .info-text { display: table-cell; padding-left: 20px; position: relative; vertical-align: middle }
.rs-icon-info.center { text-align: center; padding: 30px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rs-icon-info.center .info-icon { display: block }
.rs-icon-info.center .fa { background-color: transparent; font-size: 40px }
.rs-icon-info.center .fa.bl { background-color: #fd4d40; color: #fff; width: 80px; height: 80px }
.rs-icon-info.center .info-text { display: block }
.rs-icon-info.text-right { text-align: right }
.rs-icon-info.text-right .info-icon { float: right }
.rs-icon-info.text-right .info-icon:after { right: -5px; top: -5px }
.rs-icon-info.text-right .info-text { padding-left: auto; padding-right: 20px }
.rs-icon-info::after { display: block; content: ""; clear: both }
.rs-icon-info-2 { display: flex; align-items: flex-start }
.rs-icon-info-2 .info-icon { text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.rs-icon-info-2 .fa { width: 80px; height: 80px; margin-right: 20px; color: #fff; background-color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding-top: 23px; font-size: 35px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out }
.rs-icon-info-2 .body-text { position: relative }
.rs-icon-info-3 { margin-bottom: 15px }
.rs-icon-info-3 .info-icon { text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.rs-icon-info-3 .fa { width: 60px; height: 60px; margin-right: 10px; color: #fff; background-color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding-top: 14px; font-size: 35px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out }
.rs-icon-info-3 .info-text { position: relative; margin-top: 20px }
.rs-icon-info-3::after { display: block; content: ""; clear: both }
.rs-icon-info-3.text-center { text-align: center }
.rs-icon-info-3.text-center .fa { width: 80px; height: 80px; padding-top: 22px; margin-bottom: 20px }
.rs-icon-info-3.text-center .info-icon { display: block }
.rs-icon-info-3:hover .info-icon .fa { color: #fff; background-color: #fd4d40; -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 }
@-webkit-keyframes hvr-icon-push { 50% {
-moz-transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-o-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
}
@keyframes hvr-icon-push { 50% {
-moz-transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-o-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
}
.rs-icon-info-4 { background-color: #fafafa; text-align: center; overflow: hidden; position: relative; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; border-bottom: 2px solid #fd4d40 }
.rs-icon-info-4 .icon { padding-top: 30px }
.rs-icon-info-4 .fa { width: 70px; height: 70px; color: #fff; background-color: #fd4d40; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding-top: 17px; font-size: 35px }
.rs-icon-info-4 .info-text { display: table-cell; padding-left: 20px; position: relative; vertical-align: middle }
.rs-icon-info-4 .title { color: #f1c22e }
.rs-icon-funfact .icon { display: block; font-size: 30px; line-height: 2.2; float: left; width: 70px; height: 70px; color: #fff; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% }
.rs-icon-funfact .body-content { margin-left: 85px }
.banner-page .rs-icon-funfact .body-content .title-page, .rs-icon-funfact .body-content .banner-page .title-page, .rs-icon-funfact .body-content .rs-team-1 .title, .rs-icon-funfact .body-content h1, .rs-icon-funfact .body-content h2, .rs-icon-funfact .body-content h3, .rs-icon-funfact .body-content h4, .rs-icon-funfact .body-content h5, .rs-icon-funfact .body-content h6, .rs-team-1 .rs-icon-funfact .body-content .title { clear: none; margin-bottom: 0 }
.rs-icon-funfact.style-2 { text-align: center }
.rs-icon-funfact.style-2 .icon { color: #fd4d40; float: none; background-color: transparent; margin: 0 auto; font-size: 48px }
.rs-icon-funfact.style-2 .body-content { margin-left: 0 }
.rs-funfact { text-align: center; color: #fff; background-color: transparent!important; padding-top: 15px; padding-bottom: 15px }
.rs-funfact .box-fun { position: relative; height: 130px }
.rs-funfact .box-fun:before { background-color: transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin: 0 auto; content: ''; width: 100px; height: 100px; display: block; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.banner-page .rs-funfact .box-fun .title-page, .rs-funfact .box-fun .banner-page .title-page, .rs-funfact .box-fun h2 { position: absolute; top: 0; width: 100%; text-align: center }
.rs-funfact.bg-primary .box-fun:before { background-color: #fd4d40 }
.rs-funfact.bg-secondary .box-fun:before { background-color: #f1c22e }
.rs-funfact.bg-tertiary .box-fun:before { background-color: #16c3b0 }
.rs-funfact.bg-quaternary .box-fun:before { background-color: #2db3d9 }
.rs-funfact .title { font-weight: 700; font-size: 18px }
.rs-class-box { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; overflow: hidden; background-color: #f8f8f8 }
.rs-class-box .body-box { padding: 20px 20px 0 }
.rs-class-box .class-name, .rs-class-box .detail { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between }
.rs-class-box .title { font-size: 18px; font-family: Pacifico, cursive; color: #fd4d40 }
.rs-class-box .price { font-size: 24px; color: #f1c22e; font-weight: 700 }
.rs-class-box .open-class { margin-bottom: 20px; font-size: 14px }
.rs-class-box .open-class span { color: #ccc }
.rs-class-box .detail { margin-top: 30px; margin-left: -20px; margin-right: -20px }
.rs-class-box .age, .rs-class-box .size { color: #fff; padding: 15px 0; text-align: center; font-size: 18px }
.rs-class-box .age { background-color: #fd4d40 }
.rs-class-box .size { background-color: #f1c22e }
.counter-1 .counter-number { display: block; vertical-align: middle; padding: 0; width: 70px; padding-right: 14px; letter-spacing: -.5px; font-weight: 700; font-size: 48px }
.counter-1 .counter-title { display: table-cell; vertical-align: middle; padding: 0; text-align: left; line-height: 18px; margin-bottom: 0 }
.cta-quote { text-align: center; color: #fff }
.cta-quote .title { font-size: 72px }
.cta-quote footer { font-size: 24px }
.cta-quote footer:after, .cta-quote footer:before { content: "\2014" }
.box-image-5 { position: relative }
.box-image-5 .info-box { position: absolute; bottom: 20px; left: 30px; z-index: 2; color: #fff; opacity: 0; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.box-image-5 .info-box .title { margin-bottom: 15px; color: #fff; clear: none }
.box-image-5 .info-box .title:after { content: ''; height: 3px; width: 30px; display: block; margin: 7% 0; background: #f1c22e }
.box-image-5 a { background-color: #fd4d40; display: block; margin: 8px }
.box-image-5 a img { width: 100%; display: block; margin-bottom: 0 }
.box-image-5:hover .info-box { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.box-image-5:hover img { opacity: .2 }
.box-image-5:after { content: ''; position: absolute; background-image: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.6) 50%, rgba(0,0,0,.9) 100%); background-image: -ms-linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.6) 50%, rgba(0,0,0,.9) 100%); background-image: -o-linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.6) 50%, rgba(0,0,0,.9) 100%); background-image: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.6) 50%, rgba(0,0,0,.9) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.9))); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.6) 50%, rgba(0,0,0,.9) 100%); bottom: 0; left: 0; width: 100%; height: 100px }
.box-image-6 { position: relative; text-align: center; color: #fff }
.box-image-6 .media { position: relative }
.box-image-6 .media .no { width: 40px; height: 40px; position: absolute; top: 0; right: 20%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; font-size: 24px; font-family: Pacifico, cursive }
.box-image-6 img { width: 80%; height: 80%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; margin: 0 auto }
.box-widget { padding: 30px; color: #fff }
.box-widget .info-text { padding-left: 30px!important }
.rs-pricing-1 { position: relative; text-align: center; padding: 30px 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-color: #fafafa; border: 1px solid #fd4d40 }
.rs-pricing-1 .price { font-size: 60px; font-weight: 700; line-height: 1; padding: 20px 0; position: relative; letter-spacing: -3px; color: #fd4d40 }
.rs-pricing-1 .price:after, .rs-pricing-1 .price:before { border-top: 1px solid #e6e6e6; content: ""; left: 50%; margin-left: -50px; position: absolute; top: auto; width: 100px }
.rs-pricing-1 .price:before { top: 0 }
.rs-pricing-1 .price:after { bottom: 0 }
.rs-pricing-1 .price span { display: inline-block; font-size: 28px; margin: 7px 3px 0 0; vertical-align: top }
.rs-pricing-1 .price span.mon { color: #fd4d40; font-size: 16px; font-weight: 400; margin: 0 0 0 8px; vertical-align: baseline; letter-spacing: 0 }
.rs-pricing-1 .features ul { list-style: outside none none; margin: 0; padding: 35px 0 }
.rs-pricing-1 .features ul li { padding: 8px 0 }
.rs-pricing-1 .title { color: #222 }
.rs-pricing-1.popular { background-color: #fd4d40; color: #fff; padding: 50px 0 }
.rs-pricing-1.popular .price { color: #fff }
.rs-pricing-1.popular .price span { color: #fff }
.rs-pricing-1.popular .price span.mon { color: #fff }
.rs-pricing-1.popular .title { color: #fff }
.testimonial-2 { position: relative; margin-bottom: 30px }
.testimonial-2 .media { float: left; margin: 0 30px 0 0; display: block; position: relative; background-color: #fd4d40; overflow: hidden; width: 120px; height: 120px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% }
.testimonial-2 .media img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: .4s all linear; transition: .4s all linear }
.testimonial-2 .media:hover img { opacity: .3; -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.testimonial-2:hover .media img { opacity: .3; -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.testimonial-2 .body { overflow: hidden; color: #999 }
.testimonial-2 .title { color: #fd4d40; font-weight: 600; font-size: 16px }
.testimonial-2 .position { color: #fff }
.testimonial-2 .company { color: #fff; margin-bottom: 20px; font-size: 12px }
@media (max-width:768px) {
.testimonial-2 .media { float: none; margin-left: auto; margin-right: auto; clear: both; text-align: center }
.testimonial-2 .body { text-align: center }
}
.rs-feature-box-1 { position: relative; padding: 0 20px 25px 20px; background-size: cover; background-position: center; color: #fff; background-color: #fff; text-align: center; height: 100% }
.rs-feature-box-1 .fa { width: 80px; height: 80px; color: #fff; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding-top: 17px; font-size: 45px; position: relative; top: -30px }
.rs-feature-box-1 .body { position: relative; top: -20px }
.rs-feature-box-1 a { color: #fff }
.rs-feature-box-1.bg-primary { background-color: #fd4d40 }
.rs-feature-box-1.bg-primary .fa { background-color: #fd4d40 }
.rs-feature-box-1.bg-primary .btn, .rs-feature-box-1.bg-primary .btn-ghost-light, .rs-feature-box-1.bg-primary .btn-light, .rs-feature-box-1.bg-primary .btn-primary, .rs-feature-box-1.bg-primary .btn-secondary { background-color: #f1c22e }
.rs-feature-box-1.bg-secondary { background-color: #f1c22e }
.rs-feature-box-1.bg-secondary .fa { background-color: #f1c22e }
.rs-feature-box-1.bg-secondary .btn, .rs-feature-box-1.bg-secondary .btn-ghost-light, .rs-feature-box-1.bg-secondary .btn-light, .rs-feature-box-1.bg-secondary .btn-primary, .rs-feature-box-1.bg-secondary .btn-secondary { background-color: #16c3b0 }
.rs-feature-box-1.bg-tertiary { background-color: #16c3b0 }
.rs-feature-box-1.bg-tertiary .fa { background-color: #16c3b0 }
.rs-feature-box-1.bg-tertiary .btn, .rs-feature-box-1.bg-tertiary .btn-ghost-light, .rs-feature-box-1.bg-tertiary .btn-light, .rs-feature-box-1.bg-tertiary .btn-primary, .rs-feature-box-1.bg-tertiary .btn-secondary { background-color: #fd4d40 }
.rs-feature-box-1:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px) }
.rs-box-testimony { position: relative; box-sizing: border-box; text-align: center }
.rs-box-testimony .quote-box blockquote { font-size: 24px; padding: 0; background-color: transparent; margin: 0; border-left: 0 }
.rs-box-testimony .quote-box .quote-name { margin-top: 30px; font-size: 18px; line-height: 34px; color: #fd4d40 }
.rs-box-testimony .quote-box .quote-name:before { content: '\2014 \00A0' }
.rs-box-testimony .quote-box .quote-name span { font-size: 12px; font-style: italic; font-weight: 400; display: block; color: #999 }
.rs-box-testimony .quote-box .media { margin: 40px 0 20px 0; text-align: center }
.rs-box-testimony .quote-box .media img { border: 3px solid #fd4d40; margin: 0 auto; width: 100px; height: 100px }
.rs-experience { position: relative }
.rs-experience .fa { position: absolute; top: 10px; right: 0; font-size: 45px; color: #e6e6e6 }
.rs-experience .position { font-family: Pacifico, cursive }
.rs-experience .title { color: #fd4d40; margin-top: 5px }
.rs-news-1 { position: relative; -webkit-box-shadow: 4px 5px 30px transparent; -moz-box-shadow: 4px 5px 30px transparent; box-shadow: 4px 5px 30px transparent; padding-bottom: 20px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; border-bottom: 2px solid #ff7300; background-color: #f8f8f8 }
.rs-news-1 .meta-category { position: absolute; top: 20px; left: 0; padding: 5px 20px; background-color: #fd4d40; color: #fff; z-index: 2 }
.rs-news-1 .media-box { width: 100%; margin-bottom: 20px; position: relative; z-index: 1; overflow: hidden; background-color: rgba(253,77,64,.6) }
.rs-news-1 .media-box img { -webkit-transition: .4s all linear; transition: .4s all linear }
.rs-news-1 .media-box:before { content: "\f0c1"; font-family: FontAwesome; position: absolute; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; text-align: center; z-index: 9; color: #fff; font-size: 30px; opacity: 0; -webkit-transition: all ease .25s; transition: all ease .25s }
.rs-news-1 .body-box { position: relative; padding: 10px 20px }
.rs-news-1 .body-box .title a { font-size: 18px; font-weight: 700; color: #fd4d40 }
.rs-news-1 .body-box .title a:hover { color: #f1c22e }
.rs-news-1 .body-box .title { margin-bottom: 10px; font-size: 18px; font-weight: 700; color: #fd4d40 }
.rs-news-1 .body-box .meta-date { font-size: 13px; margin-bottom: 20px; color: #f1c22e }
.rs-news-1:hover .body-box:before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) }
.rs-news-1:hover { -webkit-box-shadow: 4px 5px 40px rgba(0,0,0,.2); -moz-box-shadow: 4px 5px 40px rgba(0,0,0,.2); box-shadow: 4px 5px 40px rgba(0,0,0,.2) }
.rs-news-1:hover .media-box img { opacity: .4; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.rs-news-1:hover .media-box:before { top: 50%; opacity: 1 }
.rs-news-1.no-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
.rs-team-1 { position: relative; margin-bottom: 30px; text-align: center; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; border-bottom: 2px solid #ff7300; background-color: #f8f8f8 }
.rs-team-1 .body { overflow: hidden; color: #999 }
.rs-team-1 .title { margin-bottom: 5px; color: #f1c22e }
.rs-team-1 .position { font-size: 14px; color: #fd4d40; margin-bottom: 20px }
.rs-team-1 .position:after, .rs-team-1 .position:before { content: ' - ' }
.rs-team-1 .media-box { background-color: transparent }
.rs-team-1 .social-icon { display: flex; justify-content: center; width: 100%; margin-left: 0; padding-left: 0; font-size: 18px; margin-top: 10px }
.rs-team-1 .social-icon li { list-style: none; padding: 0 10px }
.rs-team-1:hover { -webkit-box-shadow: 4px 5px 40px rgba(0,0,0,.2); -moz-box-shadow: 4px 5px 40px rgba(0,0,0,.2); box-shadow: 4px 5px 40px rgba(0,0,0,.2); border-bottom-color: #2db3d9 }
.rs-team-1:hover .media-box { background-color: transparent }
.rs-icon-1 .icon { display: table-cell; color: #fd4d40; font-size: 27px; line-height: 2.2; width: 60px; height: 60px; background: #f8f8f8; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; text-align: center }
.rs-icon-1 .icon.no-bg { background-color: transparent }
.rs-icon-1 .body-content { display: table-cell; padding-left: 10px; vertical-align: middle; font-weight: 400; color: #fefaed }
.rs-icon-1 .body-content .heading { font-weight: 700; color: #f1c22e }
.contact .form-control, .form-comment .form-control, .form-contact .form-control { height: 45px; background-color: transparent; border: 1px solid rgba(153,153,153,.2); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; box-shadow: none; opacity: .9 }
.contact textarea.form-control, .form-comment textarea.form-control, .form-contact textarea.form-control { height: auto }
.contact .btn.disabled, .contact .btn[disabled], .contact .disabled.btn-ghost-light, .contact .disabled.btn-light, .contact .disabled.btn-primary, .contact .disabled.btn-secondary, .contact [disabled].btn-ghost-light, .contact [disabled].btn-light, .contact [disabled].btn-primary, .contact [disabled].btn-secondary, .contact fieldset[disabled] .btn, .contact fieldset[disabled] .btn-ghost-light, .contact fieldset[disabled] .btn-light, .contact fieldset[disabled] .btn-primary, .contact fieldset[disabled] .btn-secondary, .form-comment .btn.disabled, .form-comment .btn[disabled], .form-comment .disabled.btn-ghost-light, .form-comment .disabled.btn-light, .form-comment .disabled.btn-primary, .form-comment .disabled.btn-secondary, .form-comment [disabled].btn-ghost-light, .form-comment [disabled].btn-light, .form-comment [disabled].btn-primary, .form-comment [disabled].btn-secondary, .form-comment fieldset[disabled] .btn, .form-comment fieldset[disabled] .btn-ghost-light, .form-comment fieldset[disabled] .btn-light, .form-comment fieldset[disabled] .btn-primary, .form-comment fieldset[disabled] .btn-secondary, .form-contact .btn.disabled, .form-contact .btn[disabled], .form-contact .disabled.btn-ghost-light, .form-contact .disabled.btn-light, .form-contact .disabled.btn-primary, .form-contact .disabled.btn-secondary, .form-contact [disabled].btn-ghost-light, .form-contact [disabled].btn-light, .form-contact [disabled].btn-primary, .form-contact [disabled].btn-secondary, .form-contact fieldset[disabled] .btn, .form-contact fieldset[disabled] .btn-ghost-light, .form-contact fieldset[disabled] .btn-light, .form-contact fieldset[disabled] .btn-primary, .form-contact fieldset[disabled] .btn-secondary { opacity: 1 }
.form-subscribe [type=search] { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; min-height: 52px; padding-left: 20px; padding-right: 20px; border-color: transparent }
.form-subscribe .btn, .form-subscribe .btn-ghost-light, .form-subscribe .btn-light, .form-subscribe .btn-primary, .form-subscribe .btn-secondary { min-height: 52px }
.rs-accordion .card { margin-bottom: 10px; border-color: transparent }
.rs-accordion .card .card-header { color: #999; padding: 0; border-color: transparent }
.rs-accordion .card .card-header:first-child { border-radius: 0 }
.rs-accordion .card .btn, .rs-accordion .card .btn-ghost-light, .rs-accordion .card .btn-light, .rs-accordion .card .btn-primary, .rs-accordion .card .btn-secondary { display: block; width: 100%; text-align: left; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-color: #f2f2f2; color: #222; font-size: initial; border-bottom: 4px solid #fd4d40; font-weight: 700 }
.rs-accordion .card .btn.collapsed, .rs-accordion .card .collapsed.btn-ghost-light, .rs-accordion .card .collapsed.btn-light, .rs-accordion .card .collapsed.btn-primary, .rs-accordion .card .collapsed.btn-secondary { color: #222; background-color: #f2f2f2; border-bottom-color: transparent }
.rs-accordion .card .btn-ghost-light:focus, .rs-accordion .card .btn-light:focus, .rs-accordion .card .btn-primary:focus, .rs-accordion .card .btn-secondary:focus, .rs-accordion .card .btn:focus { text-decoration: none }
.rs-accordion .card:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0 }
.rs-accordion .card:last-of-type { border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.rs-accordion .title { font-size: 16px; margin: 0; padding: 0 }
.rs-accordion .title .btn, .rs-accordion .title .btn-ghost-light, .rs-accordion .title .btn-light, .rs-accordion .title .btn-primary, .rs-accordion .title .btn-secondary { padding: 20px 50px; position: relative }
.rs-accordion .title .btn-ghost-light:active, .rs-accordion .title .btn-ghost-light:hover, .rs-accordion .title .btn-light:active, .rs-accordion .title .btn-light:hover, .rs-accordion .title .btn-primary:active, .rs-accordion .title .btn-primary:hover, .rs-accordion .title .btn-secondary:active, .rs-accordion .title .btn-secondary:hover, .rs-accordion .title .btn:active, .rs-accordion .title .btn:hover { text-decoration: none }
.rs-accordion .title .btn-ghost-light:before, .rs-accordion .title .btn-light:before, .rs-accordion .title .btn-primary:before, .rs-accordion .title .btn-secondary:before, .rs-accordion .title .btn:before { content: "\29BE"; font-family: Arial; color: #fd4d40; font-size: 24px; position: absolute; top: 17px; left: 0; line-height: 1; padding: 0 0 0 20px }
.rs-accordion .title .btn.collapsed:before, .rs-accordion .title .collapsed.btn-ghost-light:before, .rs-accordion .title .collapsed.btn-light:before, .rs-accordion .title .collapsed.btn-primary:before, .rs-accordion .title .collapsed.btn-secondary:before { content: "\29BF"; color: #fd4d40 }
.box-gallery { position: relative; overflow: hidden; width: 100%; margin-bottom: 10px }
.box-gallery a, .box-gallery a img { display: block; max-width: 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 250ms; transition-duration: 250ms; cursor: pointer; -webkit-transition: .4s all linear; transition: .4s all linear }
.box-gallery a img:hover img, .box-gallery a:hover img { -webkit-transform: scale(1.05, 1.07); -ms-transform: scale(1.05, 1.07); transform: scale(1.05, 1.07); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.box-gallery a img:hover .project-info, .box-gallery a:hover .project-info { opacity: 1 }
.box-gallery a img:hover .project-icon, .box-gallery a:hover .project-icon { opacity: 1; top: -90px }
.box-gallery a img:hover .project-icon .fa:hover, .box-gallery a:hover .project-icon .fa:hover { opacity: 1 }
.box-gallery a img:hover .details, .box-gallery a:hover .details { opacity: 1; bottom: 0 }
.box-gallery .project-info { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(253,77,64,.4); padding-top: 50%; text-align: center; opacity: 0; -webkit-transition: all ease .25s; transition: all ease .25s }
.box-gallery .project-info .project-icon { position: relative; top: -120px; opacity: 0; -webkit-transition: all ease .25s; transition: all ease .25s; width: 100%; color: #fff }
.box-gallery .project-info .project-icon .fa { font-size: 50px; opacity: .9 }
.rs-tabs ul.nav { margin-left: 0 }
.rs-tabs .nav-tabs .nav-link { border: 1px solid #e6e6e6; border-top-left-radius: 0; border-top-right-radius: 0; color: #fd4d40; font-size: 18px; font-weight: 700; padding:.5rem 3rem
}
.rs-tabs .nav-tabs .nav-link.active { background-color: #fd4d40; color: #fff; border-color: #fd4d40 }
.rs-tabs .tab-content { padding: 30px; background-color: #fafafa; border: 1px solid #e6e6e6 }
.review-item { display: flex; margin-bottom: 20px; align-items: center }
.review-item .image { width: 90px; height: 90px; margin-right: 20px }
.review-item .image img { border: 2px solid #fd4d40; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% }
.media-review img { width: 90px; height: 90px; border: 2px solid #fd4d40; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% }
.rs-testimonial-1 { position: relative; margin-bottom: 30px }
.rs-testimonial-1 .media { float: left; margin: 0 30px 30px 0; width: 125px; height: 125px; display: block; position: relative; background-color: #fff; border: 5px solid #f8f8f8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% }
.rs-testimonial-1 .media img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: .4s all linear; transition: .4s all linear }
.rs-testimonial-1:after { content: "\f10d"; font-family: FontAwesome; position: absolute; top: 0; left: 95px; z-index: 9; color: #f1c22e; font-size: 18px }
.rs-testimonial-1:hover .media { background-color: rgba(241,194,46,.3) }
.rs-testimonial-1:hover .media img { opacity: .3; -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.rs-testimonial-1 .body { overflow: hidden; color: #999 }
.rs-testimonial-1 .title { color: #fd4d40; font-weight: 700; font-size: 16px }
.rs-testimonial-1 .title:before { content: '\2014 \00A0' }
.rs-testimonial-1 .position { color: #fff }
.rs-testimonial-1 .company { margin-bottom: 20px }
.rs-testimonial-2 { position: relative }
.rs-testimonial-2 .media { width: 60px; height: 60px; float: left }
.rs-testimonial-2 .rs-testimonial-footer { font-weight: 700; margin-left: 75px }
.rs-testimonial-2 .rs-testimonial-footer::before { content: "\2014 \00A0" }
.rs-testimonial-2 .rs-testimonial-footer cite { display: block; font-weight: 400 }
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 50px; right: 10px; z-index: 999; box-shadow: 0 0 10px rgba(0,0,0,.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: #fd4d40 url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px }
.cd-top:hover { opacity: 1; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s }
.cd-top.cd-is-visible { visibility: visible; opacity: 1 }
.cd-top.cd-fade-out { opacity: .5 }
.progress-bar { background-color: #fd4d40 }
.rs-progress .name { color: #222; font-size: 18px; display: inline-block }
.rs-progress .name span { font-size: 16px; color: #f1c22e }
.rs-progress .persen { float: right; padding-top: 14px; font-weight: 700; color: #fd4d40 }
.rs-progress .progress { clear: both; background-color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; height:.8rem
}
.rs-progress.progress-right .progress { flex-direction: row-reverse }
.rs-progress.progress-right .name { float: right }
.rs-progress.progress-right .persen { float: left }
.bg-gradient-primary { background-color: #fd4d40 }
.navfilter { text-align: center; padding-bottom: 50px }
.portfolio_filter { margin: 0; padding: 0 }
.portfolio_filter li { display: inline-block; list-style: none; padding: 0 2px; text-decoration: none }
.portfolio_filter li a { padding: 14px 25px; color: #fd4d40; font-weight: 700; font-family: Pacifico, cursive; text-transform: none }
.portfolio_filter li a.active { color: #999 }
.topbar { background-color: #f1c22e; color: #fff; font-family: "Open Sans", sans-serif }
.topbar .row { min-height: 40px }
.topbar .info .info-item { display: inline-table; margin-right: 30px }
.topbar .info .info-item:last-child { margin-right: 0 }
.topbar .info .info-item .fa { margin-right: 7px; font-size: 18px; color: #fff }
.topbar .sosmed-icon a { color: #fff; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
.topbar .sosmed-icon a:hover { color: #fff }
.topbar a { color: #fff }
.topbar a:hover { color: #fff }
.middlebar { min-height: 90px }
.navbar-brand {
padding-top:.7rem;
padding-bottom:.7rem; font-size: 36px; color: #fd4d40; font-weight: 700; font-family: Pacifico, cursive }
.navbar-main { font-family: "Open Sans", sans-serif; -webkit-transition: padding .2s ease-in-out; transition: padding .2s ease-in-out }
.navbar-main .navbar { padding: 0 }
.navbar-main li, .navbar-main ol { margin: 0 0; font-size: 14px; font-weight: 700 }
.navbar-main ul { margin-left: 0 }
.navbar-main .navbar-toggler { color: #fd4d40; border-color: transparent }
.navbar-main .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(253, 77, 64, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") }
.navbar-main .dropdown-toggle::after { margin-left: .6em; color: #222 }
.navbar-main .dropdown:hover>.dropdown-menu { display: block }
.navbar-main .dropdown-menu { min-width: 200px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding:.2rem 0;
margin-top: 0; border-width: 0; background-color: #333; color: #fff; font-size: 14px }
.navbar-main .dropdown-item { color: #fff; padding:.5rem 1.5rem
}
.navbar-main .dropdown-item:focus, .navbar-main .dropdown-item:hover { text-decoration: none; background-color: #222 }
.navbar-main.stiky .navbar-brand img { width: 80% }
.navbar-main.stiky .navbar { padding-top: 8px; padding-bottom: 8px }
.navbar-main.open .navbar-nav { display: none }
.contact-info { float: right; margin-top: 5px }
.contact-info>div { display: inline-block; margin-right: 40px; margin-top: 6px }
.contact-info>div:last-child { margin-right: 0 }
.header-1 .navbar-main { background-color: #fff; width: 100%; font-family: "Open Sans", sans-serif }
.header-1 .navbar-main .active>.nav-link { color: #fff; background-color: #fd4d40 }
.header-1 .navbar-main .nav-link { color: #222; padding:.5rem 1.5rem;
margin-left:.2rem;
margin-right:.2rem;
background-color: transparent; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px }
.header-1 .navbar-main .nav-link:hover { color: #fd4d40; background-color: transparent }
.header-1 .navbar-main.stiky { height: auto; position: fixed; top: 0; right: 0; left: 0; z-index: 1030; padding-top: 40px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; bottom: initial }
.header-1 .navbar-main.stiky .navbar { padding-top: 0; padding-bottom: 0 }
.header-1 .navbar-main.stiky .nav-link:focus, .header-1 .navbar-main.stiky .nav-link:hover { color: #fd4d40 }
div span.wpcf7-not-valid-tip, label.error { background: #900; border-radius: 3px; color: #fff; font-size: 12px; padding: 3px 5px; line-height: 18px; display: inline-block; vertical-align: top; position: absolute; z-index: 22; right: 0; top: 100%; margin: 0 }
label.error:before, span.wpcf7-not-valid-tip:before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #900 transparent; position: absolute; left: 8px; bottom: 100% }
.wpcf7-form-control-wrap { position: relative; width: 100%; float: left }
.form-group { margin-bottom: 1rem; width: 100%; float: left }
@media (max-width:767px) {
.header-1 .navbar-main .navbar-brand { position: relative; top: 0 }
}
.banner { height: calc(100% - 60px); overflow: hidden; padding: 0 0; position: relative;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
/*.banner .overlay-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(34,34,34,.5); z-index: 1 }*/



.banner .owl-theme { height: 100% }
.banner .owl-theme div:not(.owl-controls) { height: 100%; overflow: hidden }
.banner .owl-theme .wrap-caption { height: auto!important; padding-right: 30px }
.banner .owl-theme .owl-dots { height: auto!important; margin-top: -50px }
.banner .owl-theme.banner-nav { height: auto!important }
.banner .owl-theme.banner-nav .custom-nav { height: 100px!important }
.banner .owl-theme .item { background-repeat: no-repeat; background-size: cover; background-position: center }
.banner .owl-theme .item img { display: none }
.banner .custom-nav { position: absolute; top: 40%; left: 0; right: 0; height: auto }
.banner .custom-nav .owl-next, .banner .custom-nav .owl-prev { position: absolute; height: 100px; color: inherit; background: 0 0; border: none; z-index: 100; cursor: pointer }
.banner .custom-nav .owl-next i, .banner .custom-nav .owl-prev i { font-size: 2.5rem; color: #cecece; display:none; }
.banner .custom-nav .owl-prev { left: 0 }
.banner .custom-nav .owl-next { right: 0 }
.counter-slide { text-align: center; position: absolute; z-index: 10; bottom: 160px; width: 100%; color: #fff }
.carousel-thumbs { margin-top: -90px }
.wrapCarouselThumbs .owl-item { border: 3px solid #f1c22e }
.wrapCarouselThumbs .owl-item.current { border-color: #fd4d40 }
.main-content { position: relative }
.main-content .owl-theme .custom-nav { position: absolute; top: 20%; left: 0; right: 0 }
.main-content .owl-theme .custom-nav .owl-next, .main-content .owl-theme .custom-nav .owl-prev { position: absolute; height: 100px; color: inherit; background: 0 0; border: none; z-index: 100 }
.main-content .owl-theme .custom-nav .owl-next i, .main-content .owl-theme .custom-nav .owl-prev i { font-size: 2.5rem; color: #cecece }
.main-content .owl-theme .custom-nav .owl-prev { left: 0 }
.main-content .owl-theme .custom-nav .owl-next { right: 0 }
.banner-full { height: 100%; position: relative }
.wrap-caption { width: 60%; position: relative; z-index: 2 }
.wrap-caption .caption-heading { font-size: 60px; font-weight: 700; padding: 0; margin-bottom: 0; margin-top: 0; font-family: "Open Sans", sans-serif; color: #fff; line-height: 1 }
.wrap-caption .caption-supheading { font-family: Pacifico, cursive; color: #ff7300; margin-bottom: 0 }
.wrap-caption .bg { background-color: rgba(153,153,153,.5); padding: 20px }
.wrap-caption p { font-size: 24px; font-family: Pacifico, cursive; color: #fff; padding: 0 }
.wrap-caption p.bg { background-color: rgba(153,153,153,.5); padding: 20px }
.wrap-caption.text-center { width: 80%; margin: 0 auto; text-align: center }
.wrap-caption.text-right { width: 100%; padding-left: 20% }
.wrap-caption .excerpt { margin-bottom: 50px; font-size: 18px }
.wrap-caption .btn, .wrap-caption .btn-ghost-light, .wrap-caption .btn-light, .wrap-caption .btn-primary, .wrap-caption .btn-secondary { margin-right: 15px }
@media (max-width:767px) {
.wrap-caption { width: 100% }
.wrap-caption .caption-heading { font-size: 45px }
.wrap-caption.center, .wrap-caption.right { width: 100% }
}
.img-video { position: relative }
.img-video .play-video { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 65px; height: 65px; background-color: transparent; border: 3px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: table-cell; padding-top: 13px; padding-left: 7px; text-align: center; vertical-align: middle; line-height: 2; color: #fff; z-index: 2 }
.img-video .play-video:hover { background-color: #fff; color: #fd4d40 }
.img-video:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background-color: rgba(241,194,46,.1) }
.img-video img { border: 8px solid #fff }
.ripple { position: absolute; top: 50%; left: 50%; height: 65px; width: 65px; transform: translateX(-50%) translateY(-50%); transform-origin: center center; border-radius: 50%; -ms-box-shadow: 0 0 0 0 rgba(255,255,255,.3); -o-box-shadow: 0 0 0 0 rgba(255,255,255,.3); box-shadow: 0 0 0 0 rgba(255,255,255,.3); animation: ripple 2s infinite }
.ripple:before { animation-delay: .9s; content: ""; position: absolute }
.ripple:after { animation-delay: .9s; content: ""; position: absolute }
@keyframes ripple { 70% {
box-shadow:0 0 0 70px rgba(255,255,255,0)
}
100% {
box-shadow:0 0 0 0 rgba(255,255,255,0)
}
}
.client-img { text-align: center; margin-top: 20px; margin-bottom: 20px }
.client-img:hover { -webkit-box-shadow: 4px 5px 30px rgba(0,0,0,.2); -moz-box-shadow: 4px 5px 30px rgba(0,0,0,.2); box-shadow: 4px 5px 30px rgba(0,0,0,.2) }
.maps-wraper { position: relative }
.maps { width: 100%; height: 350px; display: block; background: #ccc; position: relative }
#google-container { position: relative; width: 100%; height: 500px; background-color: #fff }
#cd-google-map { position: relative; overflow: hidden }
#cd-google-map .col-md-12 { padding: 0 }
#cd-google-map .address { position: absolute; width: 100%; bottom: 0; left: 0; padding: 20px 0; background-color: rgba(5,5,5,.9) }
#cd-google-map .address .address-item { position: relative; padding-left: 44px }
#cd-google-map .address .address-item i { width: 24px; height: 24px; position: absolute; top: 0; left: 4px; color: #fcfcfc; font-size: 22px; text-align: center; line-height: 24px }
#cd-zoom-in, #cd-zoom-out { height: 32px; width: 32px; cursor: pointer; margin-left: 10px; background-color: #fd4d40; background-repeat: no-repeat; background-size: 32px 64px; background-image: url(../images/cd-icon-controller.svg) }
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover { background-color: #f1c22e }
#cd-zoom-in { background-position: 50% 0; margin-top: 10px; margin-bottom: 1px }
#cd-zoom-out { background-position: 50% -32px }
.img-cta { position: relative }
.img-cta img { margin-top: -70px; margin-bottom: -120px }
.cta-1 .body-text { max-width: 70%; float: left;    margin: 0 !important; }
.cta-1 .body-action .btn{margin:0 !important}
@media (max-width:768px) {
.cta-1 .body-text { max-width: 100%; text-align: center }
}
.cta-1 .body-action { max-width: 30%; float: right }
@media (max-width:768px) {
.cta-1 .body-action { max-width: 100%; float: none; margin: 0 auto; display: table }
}
.cta-1 .body-action .btn, .cta-1 .body-action .btn-ghost-light, .cta-1 .body-action .btn-light, .cta-1 .body-action .btn-primary, .cta-1 .body-action .btn-secondary { display: inline-block; overflow: hidden; backface-visibility: hidden; position: relative; padding: 15px 35px }
.bg-breadcrumb { background-color: #eee }
.bg-breadcrumb .breadcrumb { background-color: #eee }
.widget { margin-bottom: 50px; clear: both }
.widget-title { font-size: 24px; font-weight: 700; color: #fd4d40; margin-bottom: 30px }
.category-nav { margin-left: 0; margin-bottom: 30px; padding: 0 }
.category-nav { margin-left: 0; margin-bottom: 30px; padding: 0 }
.category-nav li { list-style: none; margin: 0; font-weight: 700 }
.category-nav li a { color: #222; display: block; padding: 15px 20px; margin-bottom: 5px; background-color: #f2f2f2 }
.category-nav li a:hover { background-color: #e6e6e6 }
.category-nav li.active a { background-color: #fd4d40; color: #fff }
.single-news .media { margin-bottom: 20px }
.single-news .title { font-size: 24px; font-weight: 700; color: #fd4d40; font-family: "Open Sans", sans-serif }
.single-news .meta-date { color: #f1c22e; font-size: 12px; font-style: italic; margin-bottom: 20px }
.widget.tags a { display: inline-block; vertical-align: top; padding: 5px 8px 6px; font-size: 13px!important; color: rgba(153,153,153,.8); border: 1px solid #ccc; margin: 0 6px 7px 0; text-decoration: none!important; text-transform: lowercase; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px }
.widget.tags a:hover { background-color: #fd4d40; color: #fff; border-color: #fd4d40 }
.author-box { background-color: rgba(153,153,153,.1); padding: 20px; margin-top: 60px }
.author-box .media { display: table-cell; vertical-align: top; width: 120px }
.author-box .media img { width: 100px; height: 100px }
.author-box .body { margin-left: 20px; display: table-cell; vertical-align: top }
.author-box .media-heading { color: #222; font-weight: 600; font-size: 15px; text-transform: uppercase; margin-bottom: 10px; font-family: "Open Sans", sans-serif }
.author-box .media-heading span { font-weight: 400; font-size: 12px; display: block; color: rgba(34,34,34,.3) }
.author-box:after { @extent .clrfix;
}
.comments-box { padding-bottom: 30px }
.comments-box .media { padding-bottom: 30px; border-bottom: 1px solid #e9e9e9; background-color: #fff; margin-bottom: 30px }
.comments-box .media.comment { background-color: #fff }
.comments-box .media.reply-comment { margin-left: 40px }
.comments-box .media:after { display: table; content: " "; clear: both }
.comments-box .media-heading { color: #fd4d40; font-weight: 600; font-family: "Open Sans", sans-serif }
.comments-box .comments-box .media-left img { width: 100px; height: 100px }
.comments-box .date { float: right; color: rgba(34,34,34,.3) }
.comments-box .reply { margin-top: 5px }
.comments-box .reply a { color: rgba(34,34,34,.3) }
.comments-box .reply a:hover { color: #f1c22e }
.comments-box .title-heading, .leave-comment-box .title-heading, .similar-box .title-heading { font-size: 18px; line-height: 25px; color: #fd4d40; font-family: "Open Sans", sans-serif; margin-top: 40px; margin-bottom: 40px }
.promo-ads { padding: 25px; background-color: #f1c22e; border-bottom: 2px solid #fd4d40 }
.page404 .title { font-size: 150px; color: #fd4d40; margin-top: 0; margin-bottom: 0; line-height: 1 }
.media-detail { text-align: center; border: 1px solid #e6e6e6 }
.border-img { border: 1px solid #e6e6e6 }
.grid-item, .grid-sizer { width: 33.33333333% }
@media (max-width:425px) {
.grid-item, .grid-sizer { width: 100% }
}
.grid-item { float: left; background: 0 0 }
.grid-item a { background-color: #fd4d40; display: block; margin: 8px }
.grid-item a img { width: 100%; display: block; margin-bottom: 0 }
.grid-item a:hover img { opacity: .9 }
.gutter-sizer { width: 2% }
.sideleft-img { position: absolute; top: 0; left: 0; bottom: 0; right: 50%; margin-left: -15px; margin-right: 15px; background-repeat: no-repeat; background-size: cover }
.sideleft-img img { display: none }
@media (max-width:767px) {
.sideleft-img { position: static; -webkit-transition: all .4s ease 0s!important; transition: all .4s ease 0s!important }
.sideleft-img:hover { opacity: .9 }
.sideleft-img img { display: block }
}
.sideright-img { position: absolute; top: 0; left: 50%; bottom: 0; right: 0; margin-left: 15px; margin-right: 0; background-repeat: no-repeat; background-size: cover }
.sideright-img img { display: none }
@media (max-width:767px) {
.sideright-img { position: static; -webkit-transition: all .4s ease 0s!important; transition: all .4s ease 0s!important }
.sideright-img:hover { opacity: .9 }
.sideright-img img { display: block }
}
.events-widget { border: 1px solid #eee; background-color: #fff; padding: 10px 30px 30px 30px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; overflow: hidden }
.events-widget .widget-title { font-size: 20px; background-color: #fd4d40; margin: 20px -30px 30px -30px; padding: 5px 30px; color: #fff }
.events-widget .widget-title:after { content: none }
.events-widget .widget-title:first-child { margin-top: -10px }
.footer { background-color: #f1c22e; color: #fff; background-size: cover; background-position: center }
.footer .logo-bottom { margin-bottom: 10px }
.footer .footer-title { font-size: 24px; padding: 20px 0 30px 0; margin-bottom: 0; position: relative; color: #f1c22e; font-family: Pacifico, cursive }
.footer .footer-sosmed { margin-top: 50px; margin-bottom: 30px; display: inline-block }
.footer .footer-sosmed a .item { color: #fff; display: table-cell; vertical-align: middle; margin: 0 14px; width: 40px; height: 40px; text-align: center; background-color: #f3c946; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px }
.footer .footer-sosmed a .item:hover { background-color: #fd4d40 }
.footer .footer-sosmed a .item .fa { font-size: 16px }
.footer .list { margin: 0; padding: 0 }
.footer .list li { list-style: none; padding-bottom: 5px; padding-top: 5px }
.footer .list li:first-child { padding-top: 0 }
.footer .list li a { position: relative; color: #fff; padding-left: 25px }
.footer .list li a:before { content: '\f178'; font-family: FontAwesome; left: 0; position: absolute; color: #f1c22e }
.footer .list li a:hover { color: #fd4d40 }
.footer .footer-subscribe { position: relative }
.footer .footer-subscribe input[type=email] { width: 100%; background: #fff; padding: 10px 57px 10px 17px; min-height: 38px; max-width: 480px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: 0 }
.footer .footer-subscribe input[type=email]:focus { background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 0 2px #fd4d40; -moz-box-shadow: 0 0 0 2px #fd4d40; box-shadow: 0 0 0 2px #fd4d40; border-color: transparent }
.footer .footer-subscribe input[type=submit] { position: absolute; left: 0; top: 0; visibility: hidden }
.footer .footer-subscribe label { position: absolute; right: 0; top: 0; border: 0; width: 40px; height: 38px; line-height: 40px; padding: 0; cursor: pointer; text-align: center; font-size: 13px; background: 0 0; color: #fff; outline: 0!important; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -ms-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; background: #fd4d40 }
.footer .footer-subscribe .icon { font-size: 18px }
.footer .footer-subscribe p { font-size: 13px; margin-top: 16px }
.footer .recent-post { margin: 0; padding: 0 }
.footer .recent-post li { list-style: none; margin: 0 0 30px }
.footer .recent-post li a { color: #999; line-height: 20px; display: inline-block; vertical-align: top; margin: 0 0 14px }
.footer .recent-post li a:hover { color: #fd4d40 }
.footer .recent-post li .date { display: block; font-size: 12px; padding: 0; color: rgba(153,153,153,.4) }
.footer .recent-post li .date i { margin-right: 5px }
.footer .fcopy { padding: 15px 0; font-size: 14px; border-top: 1px solid #fd4d40; background-color: #f1c22e }
.list-info { margin: 0; padding: 0 }
.list-info li { margin-bottom: 20px; list-style: none; font-size: 16px }
.list-info li .info-icon { display: table-cell; color: #f1c22e }
.list-info li .info-text { padding-left: 20px; display: table-cell; vertical-align: top }
.ftex { margin-bottom: 0; text-align: center }
.joyful_learning_box { text-align: center }
.joyful_learning_box h4 { color: #af3374; font-family: Pacifico, cursive; font-size: 22px; line-height: 30px; margin: 10px 0 10px; min-height: 50px; vertical-align: middle }
.joyful_learning_box { text-align: center; border: 2px solid #c7dc70; border-radius: 10px; min-height: 300px; padding: 20px 10px 0 10px }
.joyful_learning { padding: 60px 0; background-color: #16c3b0 }
.services { padding-top: 60px }
.banner { height: 100%!important }
.banner .owl-theme div:not(.owl-controls) { height: 100%!important }
.wrap-caption { width: 60%; position: absolute!important; z-index: 2; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); height: auto!important }
.container.d-flex.align-items-center { height: 100%!important }
a { -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s }
.btn, .btn-ghost-light, .btn-light, .btn-primary, .btn-secondary { -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s }
.topbar { background-color: #af3374; color: #fff; font-family: "Open Sans", sans-serif }
.header-1 .navbar-main .active>.nav-link { color: #fff; background-color: #395234 }
.header-1 .navbar-main .nav-link:hover { color: #395234; background-color: transparent }
.navbar-main .dropdown-menu { background-color: #c7dc70 }
.header-1 .navbar-main .nav-link:hover { color: #fff; background-color: #af3374 }
.wrap-caption .caption-supheading { font-family: Pacifico, cursive; color: #c7dc70; margin-bottom: 50px; font-size: 35px }
.wrap-caption .caption-heading { margin-bottom: 50px }
.wrap-caption .caption-heading { line-height: 70px }
.btn-secondary { background-color: #af3374 }
.btn-secondary:hover { background-color: #395234; color: #fff }
.banner .custom-nav .owl-prev { left: 20px }
.banner .custom-nav .owl-next { right: 20px }
.banner .custom-nav .owl-next i, .banner .custom-nav .owl-prev i { font-size: 65px; color: #fff }
.rs-feature-box-1 { -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s }
.rs-feature-box-1.bg-primary { background-color: #bd1e2e!important }
.rs-feature-box-1 p { color: #fff }
.rs-feature-box-1.bg-primary .fa { background-color: #bd1e2e }
.rs-feature-box-1.bg-primary .btn { background-color: #fab03f; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s }
.rs-feature-box-1.bg-secondary { background-color: #8cc53f!important }
.rs-feature-box-1.bg-secondary .fa { background-color: #8cc53f }
.rs-feature-box-1.bg-secondary .btn { background-color: #d91e5c; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s }
.rs-feature-box-1.bg-tertiary { background-color: #395234!important }
.rs-feature-box-1.bg-tertiary .fa { background-color: #395234 }
.rs-feature-box-1.bg-tertiary .btn { background-color: #8cc53f; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s }
.section-heading { color: #af3374 }
.rs-funfact.bg-primary .box-fun:before { background-color: #283a8f }
.rs-funfact.bg-secondary .box-fun:before { background-color: #bd1e2e }
.rs-funfact.bg-tertiary .box-fun:before { background-color: #d91e5c }
.rs-funfact.bg-quaternary .box-fun:before { background-color: #fab03f }
.rs-class-box .title { font-size: 20px; font-family: Pacifico, cursive; color: #af3374 }
.rs-class-box .age { background-color: #283a8f }
.rs-class-box .size { background-color: #d91e5c }
.btn-primary { background-color: #395234; color: #fff }
.btn-primary:hover { background-color: #fab03f; color: #fff }
.p-check:before { color: #bd1e2e }
.rs-news-1 .body-box .title { margin-bottom: 10px; font-size: 20px; font-weight: 700; color: #af3374 }
.rs-news-1 .body-box .meta-date { font-size: 13px; margin-bottom: 20px; color: #395234 }
.rs-news-1 { border-bottom: 2px solid #283a8f }
.text-secondary .fa-quote-right { color: #d91e5c!important }
.rs-box-testimony .quote-box .media img { border: 3px solid #283a8f; margin: 0 auto; width: 100px; height: 100px }
.rs-box-testimony .quote-box .quote-name { margin-top: 30px; font-size: 20px; line-height: 34px; color: #283a8f }
.owl-theme .owl-dots .owl-dot.active span { width: 40px; background-color: #283a8f }
.owl-theme .owl-dots .owl-dot:hover span { background-color: #283a8f }
.body-text h3.text-secondary { color: #283a8f!important }
.footer .footer-title { font-size: 24px; padding: 20px 0 30px 0; margin-bottom: 0; position: relative; color: #8cc53f; font-family: Pacifico, cursive }
.footer .list-info li .info-icon { display: table-cell; color: #8cc53f }
.footer .list li { list-style: none; padding-bottom: 5px; padding-top: 5px; margin: 0; padding: 0 }
.footer .list li:first-child { padding: 0 }
.footer .list li a:before { content: '\f178'; font-family: FontAwesome; left: 0; position: absolute; color: #8cc53f }
.footer .info-text a { color: #fff }
.footer .info-text a:hover { color: #8cc53f }
.footer .fcopy { padding: 15px 0; font-size: 14px; border-top: 1px solid #fab03f; background-color: #283a8f }
.inner-page.content-wrap.pb-0 { padding: 50px 0!important }
.inner-page h1 { font-size: 28px; color: #af3374; margin: 0 }
.inner-page h2 { font-size: 26px; color: #bd1e2e; margin: 0 }
.inner-page h3 { font-size: 24px; color: #395234; margin: 0 }
p { color: #444; line-height: 25px }
.inner-page p { color: #444; line-height: 25px }
.inner-page ul li { color: #444; line-height: 25px }
.inner-page p.p-check { padding-left: 35px; position: relative; margin-bottom: 10px; font-size: 16px }
.header-1 .navbar-main.stiky .nav-link:focus, .header-1 .navbar-main.stiky .nav-link:hover { color: #fff }
.inner-page .spacer-90 { height: auto }
.rs-accordion .card .btn { border-bottom: 4px solid #283a8f }
.rs-accordion .title .btn:before { color: #283a8f }
.rs-accordion .title .btn.collapsed:before { color: #283a8f }
.sosmed-icon a.fb { background-color: #395234 }
.sosmed-icon a.tw { background-color: #8cc53f }
.sosmed-icon a.ig { background-color: #283a8f }
.sosmed-icon a.in { background-color: #fab03f }
.topbar .sosmed-icon a:hover { color: #000; background-color: #fff }
.rs-class-box .open-class { margin-bottom: 20px; font-size: 14px; color: #bd1e2e }
.rs-class-box .open-class span { color: #bd1e2e }
.rs-class-box .price { font-size: 24px; color: #395234; font-weight: 700 }
.cd-top { background: #283a90 url(../images/cd-top-arrow.svg) no-repeat center 50% }
.ftex { margin-bottom: 0; text-align: center; color: #fff }
.p-check.text-white { padding-left: 40px; position: relative; margin-bottom: 25px; font-size: 16px }
.navbar-main .dropdown-menu { background-color: #c7dc70; border-radius: 20px }
.footer-item p { color: #fff }
.navbar-main.stiky .navbar-brand img { width: 70% }
.navbar-main .navbar-brand img { width: 80% }
.footer .list li a:hover { color: #8cc53f }
.footer-item a { color: #fff }
.welcome_sec .section-heading { font-size: 30px; line-height: 50px }
.banner-page .content-wrap { padding: 100px 0 }
.banner-page .title-page { text-align: center; margin-bottom: 0; color: #faee21; text-transform: capitalize!important; background: rgba(0,0,0,.5); padding: 0 20px; width: auto }
.banner-page:before { background: 0 0 }
.pos-relative nav { background: rgba(0,0,0,.5); padding: 10px 52px 20px; width: 400px }
.breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right:.5rem;
color: #fff; content: "/" }
.banner-page .breadcrumb a:hover, .banner-page .breadcrumb>.active:hover { color: #faee21 }
.banner-page .breadcrumb>.active { color: #faee21 }
.pos-relative .mb-3 { margin-bottom: 0!important }
.banner-page .breadcrumb { justify-content: center }
.banner-page ol { margin-left: 0 }
.rs-class-box { -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s }
.rs-class-box .media-box, .rs-news-1 { -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s }
.box-gallery .project-info { -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s }
.spacer-content { height: auto }
.inner-page.content-wrap.pb-0 .btn-primary { display: table; margin: 0 auto }
.sosmed-icon.d-inline-flex { margin: 0 0 30px }
.footer .list { column-count: 2 }
.rs-class-box .class-name .title { font-size: 26px; margin: 0 0 10px }
.hl_about_img img { margin: 0 0 30px }
.inner-page ul { margin-left: 0 }
.inner-page ul li { color: #444; line-height: 25px; list-style: none }
.contact_locbx { padding: 40px 0 }
.cont_box { position: relative; text-align: center; overflow: hidden; color: #1f1f1f }
.cnt_icon { display: inline-block; vertical-align: middle; width: 100px; height: 100px; background: #af3374; color: #fff; border-radius: 100%; line-height: 100px; font-size: 41px; box-shadow: 0 5px 0 0 #eec0d8; transition: all ease .4s }
.cont_box:hover .cnt_icon { color: #faee21 }
.cont_txt a { color: #444 }
.cont_box p { margin-bottom: 0; padding: 0 }
.cont_box .cont_txt { position: relative; padding: 17px 0 16px 0; margin-bottom: 12px }
.cont_box .cont_txt:before { content: ""; background: #000; width: 120px; height: 2px; margin: 0 auto; left: 0; right: 0; margin: 0 auto; bottom: 0; position: absolute }
.cont_box .cont_txt .cont_title { font-size: 24px; line-height: normal; text-transform: uppercase; color: #5a5657 }
.getintouch_info a { display: inline-block; vertical-align: middle; width: 100%; color: #444 }
.getintouch_info a:hover { color: #af3374 }
.worktimetxt span { width: 100%; display: inline-block }
.inner-page ul { position: relative; margin: 0; padding: 0 }
.inner-page ul li { position: relative; margin: 0; padding: 0 0 0 34px; line-height: 30px; color: #444; font-size: 15px }
.inner-page ul li:before { content: "\f00c"; position: absolute; left: 0; top: 0; font-weight: 900; font-style: normal; font-family: FontAwesome; color: #bd1e2e }
.hfeatureimg { display: inline-block; vertical-align: middle; width: 100%; transition: all .5s ease-out 0s; position: relative; overflow: hidden }
.hfeatureimg img { width: 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: .4s all linear; transition: .4s all linear }
.hfeaturenx { padding: 0; border-radius: 15px; text-align: left; background-color: #f8f8f8; height: auto; overflow: hidden; transition: all .5s ease-out 0s }
.rs-feature-box-1 .hfeaturecnt { top: 0; display: inline-block; vertical-align: middle; width: 100%; padding: 20px 20px 0 }
.home .hfeaturebxmain { margin-top: 0; margin-bottom: 0 }
.home.content-wrap { padding-top: 0;   }

.home .joyful_learning + .services .home.content-wrap {  padding-bottom: 0; }

.hfeaturecnt h4 { color: #af3374; font-family: Pacifico, cursive; font-size: 26px; line-height: 36px; margin: 0 0 10px; min-height: 91px }
.rs-feature-box-1 p { color: #444 }
.morebtn { display: inline-block; vertical-align: middle; color: #fff; padding: 15px 0; text-align: center; font-size: 18px; background: #283a8f; width: 100% }
.hfeaturenx .detail { margin-top: 30px; margin-left: -20px; margin-right: -20px }
.hfeaturextxt { display: inline-block; vertical-align: middle; width: 100% }
.info i { vertical-align: middle; font-size: 22px; margin: 0 10px 0 0 }
.info a { color: #fff; vertical-align: middle; display: inline-block }
.info a.btn {padding: 5px 20px;}
.welcome_content_main { height: 470px }
.content-wrap { padding: 40px 0 }
.read_more { text-align: center; margin: 0 0; padding: 0 0 }
.read_more a { width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0 }
.footer .list-info li .info-icon { font-size: 22px }
.section_list:nth-child(odd) { background: #f9f9f9 }
.section_list .hfeaturecnt h4 { font-size: 20px }
.hfeatureimg { border: 1px solid #af3374; border-radius: 15px }
.body.hfeaturecnt.curriculum_box { padding: 0; text-align: center; background: 0 0 }
.body.hfeaturecnt.curriculum_box h4 { margin: 10px 0; font-size: 22px; min-height: 100% }
.hfeaturenx.curriculum_box_main { background-color: transparent }
.hfeaturenx.curriculum_box_main:hover { box-shadow: none }
img.aligncenter.size-full.wp-image-307 { display: table; margin: 20px auto 0 }
.footer_logo { margin: 30px 0 0 0 }
.why_content { height: 500px; margin: 0 0 30px }
img.alignright { float: right; margin: 0 0 20px 20px }
.info a span { color: #fff }
.top_bar_covid p { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; color: #fff; font-weight: 700 }
.top_bar_covid { text-align: center; background: #c7dc70 }
.top_bar_covid a { text-decoration: underline; color: #395234; display: inline-block; margin: 5px 0!important; vertical-align: middle; text-transform: capitalize; padding: 0; background: 0 0; font-weight: 700 }
.top_bar_covid a:hover { background: 0 0 }
.navbar-main .navbar-brand img { width: 50% }
.wrap-caption { width: 60%; position: absolute!important; z-index: 2; top: 70%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); height: auto!important }
.navbar-main .navbar-brand img { width: 70% }
.wrap-caption .caption-heading { font-size: 50px }
.banner .owl-theme .item img { display: block }
.banner .owl-theme div:not(.owl-controls) { background-image: none!important }
.banner { height: auto!important }
.banner .owl-theme .item img { display: block; /*height: 370px;*/ object-fit: cover }
.wrap-caption .caption-supheading { font-size: 35px }
.wrap-caption .caption-heading { font-size: 50px; margin: 0 0 20px!important }
.joyful_learning_txt p { color: #fff }
.pos-relative nav { padding: 10px 40px; width: auto; margin: 20px 0 0 }
.inner-page ol { padding: 0 }
.inner-page ol>li { position: relative; margin: 0 0 10px 0; padding: 0 0 0 15px; line-height: 30px; color: #444; font-size: 16px }
div span.wpcf7-not-valid-tip, label.error { left: 0; right: auto }
div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors { float: left; text-align: center; background: #fff; width: 100%; margin: 10px 0 0!important }
div.wpcf7 .ajax-loader { position: absolute; right: 9px; top: 15px }
.submit_btn_main { display: table; margin: 0 auto; vertical-align: middle; position: relative; width: auto }
.navbar-main .dropdown-toggle::after { display: none }
@media(min-width:1025px) {
.hfeaturenx:hover { -webkit-box-shadow: 4px 5px 30px rgba(0,0,0,.2); -moz-box-shadow: 4px 5px 30px rgba(0,0,0,.2); box-shadow: 4px 5px 30px rgba(0,0,0,.2); transform: none }
.hfeaturenx:hover .hfeatureimg { background: #fd4d40 }
.hfeaturenx:hover .hfeatureimg img { opacity: .8; -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.navbar-main.stiky .navbar-brand img { width: 50% }
.banner:hover .overlay-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(34,34,34,.2); z-index: 1; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
}
@media(max-width:1199px) {
.header-1 .navbar-main .nav-link { margin: 0; padding: 10px 20px }
}
@media(max-width:1024px) {
.contact_locbx { padding: 30px 0 0 }
.cont_box { margin-bottom: 20px }
.cont_box .cont_txt .cont_title { font-size: 20px; line-height: 24px; display: inline-block; vertical-align: middle }
.container { max-width: 100% }
.welcome_sec .section-heading { font-size: 20px; line-height: normal }
.pos-relative nav { margin: 30px 0 0 0 }
.h1, h1 { font-size: 35px; line-height: 40px; margin: 5px 0 }
.h2, h2 { font-size: 30px; line-height: 35px; margin: 5px 0 }
.h3, h3 { font-size: 25px; line-height: 30px; margin: 5px 0 }
.h4, h4 { font-size: 20px; line-height: 25px; margin: 5px 0 }
.h5, h5 { font-size: 20px; line-height: 25px; margin: 5px 0 }
.h6, h6 { font-size: 18px; line-height: 24px; margin: 5px 0 }
.navbar-brand { margin-right: 0 }
.navbar-main .navbar-brand img { width: 55% }
.banner .custom-nav .owl-prev { left: 0 }
.banner .custom-nav .owl-next { right: 0 }
.banner .custom-nav .owl-next, .banner .custom-nav .owl-prev { padding: 0 }
.wrap-caption .caption-supheading { font-size: 25px; line-height: 30px; margin: 0 0 10px; display: inline-block; vertical-align: middle }
.wrap-caption .caption-heading { font-size: 40px; line-height: 45px }
.banner .owl-theme .wrap-caption { padding-right: 10px; padding-left: 15px }
.joyful_learning { padding: 30px 0 }
.section-heading { font-size: 30px; line-height: 35px; margin-bottom: 18px!important }
.services { padding-top: 30px }
.hfeaturextxt { min-height: 148px }
.content-wrap { padding: 30px 0 }
.hl_about_img img { margin: 0 0 9px }
.mt-4, .my-4 { margin-top: 10px!important }
.mb-5, .my-5 { margin-bottom: 15px!important }
.footer .footer-title { padding: 0 0 20px }
.banner-page .content-wrap { padding: 35px 0 }
.inner-page.content-wrap.pb-0 { padding: 30px 0!important }
.inner-page p { margin-bottom: 10px }
div#section_1 .inner-page.content-wrap.pb-0 { padding-top: 0!important }
}
@media(max-width:991px) {
.topbar .info .info-item { margin-right: 10px }
.topbar .info .info-item:last-child { margin-right: 0 }
.welcome_content_main { height: 290px }
.wrap-caption .caption-supheading { line-height: normal; margin: 0 }
.wrap-caption .caption-heading { font-size: 35px; line-height: normal; margin: 0 0 20px }
.banner .owl-theme .wrap-caption { text-align: center }
.hfeaturecnt h4 { min-height: 100%; font-size: 18px; line-height: normal }
.rs-class-box .age, .rs-class-box .size { font-size: 15px }
.whychoose_img { display: none }
.wrap-caption { width: 100%; position: relative; z-index: 2 }
.footer .list { column-count: 1 }
.footer_logo img { width: auto }
.banner-page .content-wrap { padding: 70px 0 }
.navbar-main .navbar-brand img { width: 50%!important }
.joyful_learning_box h4 { font-size: 18px }
.joyful_learning_box { min-height: 327px }
.hfeaturextxt { min-height: 191px }
.why_content { height: 320px }
}
@media(max-width:767px) {
.contact_locbx { padding: 20px 0 0 }
.cnt_icon { width: 90px; height: 90px; line-height: 90px; font-size: 31px }
.cont_box .cont_txt { padding: 7px 0 6px 0; margin-bottom: 10px }
.info a span { color: #fff; display: none }
.banner .custom-nav .owl-next i, .banner .custom-nav .owl-prev i { font-size: 65px; color: #fff; display: none }
.wrap-caption .caption-supheading { line-height: 35px; margin: 0 0 10px }
.hfeaturenx .detail { margin: 0 }
.hfeaturenx { margin: 0 0 20px }
.pos-relative nav { display: none }
.banner-page .title-page { font-size: 26px }
.inner-page h1 { font-size: 24px; color: #af3374; margin: 0 0 20px; line-height: 35px }
.body.hfeaturecnt.curriculum_box { padding: 0; text-align: center; background: 0 0; margin: 0 0 20px }
.body.hfeaturecnt.curriculum_box h4 { margin: 10px 0; font-size: 20px; min-height: 100% }
.top_bar_covid a { padding: 0 }
.top_bar_covid a, .top_bar_covid p { font-size: 12px; line-height: normal }
.top_bar_covid a { margin-top: 0!important }
.joyful_learning_box { margin-bottom: 15px; min-height: unset }
.cta-1 .body-text { width: 100% }
.wrap-caption .caption-supheading { font-size: 25px }
.wrap-caption .caption-heading { font-size: 28px }
.mobile-accordion { margin: 0 0 15px 0; padding: 0; width: 100%; padding: 5px 15px 5px 15px; border: 2px solid #fff }
.mobile-accordion .title { margin: 0; position: relative; margin: 0!important; line-height: 30px; display: block; font-size: 20px }
.mobile-accordion .title:after { display: none }
.mobile-accordion .title span { position: absolute; right: 10px; font-size: 16px; width: 100%; height: 100%; left: 0; top: 0 }
.mobile-accordion .title span:after, .mobile-accordion .title span:before { content: ""; display: block; height: 2px; width: 14px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; right: 0; top: 50%; background: #fff }
.mobile-accordion .title span:after { width: 2px; height: 14px; right: 6px }
.mobile-accordion.in .title span:after { height: 0 }
.mobile-accordion-toggle { padding: 15px 0 0 0; display: none; margin: 0 }
.mobile-accordion.mobile-toggle { margin-top: 0 }
.mobile-accordion .quick-links ul { margin: 0 }
.footer .mobile-accordion h6.title:before { display: none }
.footer .footer-title { padding: 10px 0 10px 0 }
.footer { background-attachment: fixed }
.h1, h1 { font-size: 30px; margin: 5px 0 }
.h2, h2 { font-size: 26px; margin: 5px 0 }
.h3, h3 { font-size: 22px; margin: 5px 0 }
.h4, h4 { font-size: 18px; margin: 5px 0 }
.h5, h5 { font-size: 18px; margin: 5px 0 }
.h6, h6 { font-size: 16px; margin: 5px 0 }
p { font-size: 16px; line-height: 30px; padding: 5px 0; margin: 0 }
.py-5 { padding-top: 0; padding-bottom: 0 }
.header-1 .navbar-main.stiky .topbar { display: none }
.navbar-toggler { padding: 0 }
.header-1 .navbar-main .navbar-brand { padding: 5px 0 }
.banner .owl-theme .wrap-caption { padding: 0 10px; left: 0 }
.joyful_learning { padding: 20px 0 }
.banner .owl-theme .item img { height: auto }
.section-heading { font-size: 26px; line-height: 30px }
.joyful_learning_box h4 { min-height: auto }
.joyful_learning_box { min-height: 277px }
.services { padding-top: 20px }
.hfeaturextxt { min-height: 165px }
.hl_about_img img { width: 50%; float: left; padding: 5px }
.welcome_sec .section-heading { margin-bottom: 5px!important }
.content-wrap { padding: 20px 0 }
.why_content { height: 250px }
.p-check.text-white { margin-bottom: 10px }
.p-check:before { padding-top: 0; top: 5px }
.bg-tertiary .content-wrap { padding: 20px 0!important }
.footer .footer-title { padding: 0 }
.footer .row>div:last-child .mobile-accordion { margin-bottom: 0 }
.footer .fcopy { padding: 10px 0 }
.footer .fcopy p { padding: 0 }
.inner-page.content-wrap.pb-0 { padding: 20px 0!important }
}
@media(max-width:575px) {
.contact_locbx .row>div { width: 50% }
.cnt_icon { width: 70px; height: 70px; line-height: 70px }
.cont_box .cont_txt .cont_title { font-size: 16px; line-height: 24px }
.cont_box p { font-size: 14px }
.getintouch_info a { font-size: 14px }
img.aligncenter.size-full.wp-image-307 { display: table; margin: 20px auto 0; width: 100% }
.top_bar_covid a { padding: 0 }
.p-check.text-white { font-size: 14px }
.media-box img { width: 100% }
.spacer-90 { height: auto }
.content-wrap .mb-5 { margin-bottom: 15px!important }
.joyful_learning .content-wrap { padding-bottom: 0 }
.our_rooms .rs-class-box { margin-bottom: 15px!important }
.mb-5, .my-5 { margin-bottom: 0!important }
.rs-accordion .card .btn { font-size: 14px }
.rs-accordion .title .btn { padding: 15px 35px }
.rs-accordion .title .btn:before { padding: 0 0 0 7px }
.footer .footer-title { font-size: 20px }
.footer .footer-title { padding: 0 }
.joyful_learning_main>div { width: 50%; max-width: 50% }
.joyful_learning .section-heading.text-center { padding-bottom: 18px }
.content-wrap .mb-5 { margin-bottom: 0!important }
.hfeaturextxt { min-height: auto }
.welcome_content_main { height: 150px }
.rs-class-box .class-name .title { margin-bottom: 0 }
.rs-class-box .body-box { padding: 10px 20px 0 }
.rs-class-box .detail { margin-top: 5px }
.rs-class-box.mb-5 { margin-bottom: 10px!important }
.cta-1 .body-action a.btn.btn-primary.mt-3 { margin-top: 5px!important }
.hfeaturebxmain>div:last-child .hfeaturenx { margin-bottom: 0 }
.hfeaturebxmain>div:last-child .body.hfeaturecnt.curriculum_box { margin-bottom: 0 }
.cnt_icon { width: 70px; height: 70px; line-height: 70px }
.maps-wraper iframe { height: 300px }
}
@media(max-width:479px) {
img.alignright { width: 100% }
.wrap-caption .caption-supheading { font-size: 18px; line-height: 24px; margin-bottom: 0 }
.wrap-caption .caption-heading { font-size: 20px; line-height: 24px }
.joyful_learning_box h4 { margin-top: 4px; min-height: 64px }
.joyful_learning_box { min-height: 347px }
.services .content-wrap .mb-5 { margin-bottom: 5px!important }
}
@media(max-width:375px) {
.joyful_learning_box h4 { font-size: 15px; margin-bottom: 0 }
.joyful_learning_box { min-height: 387px }
}
/*15/5/2020*/
/*radio btn*/
.radiobtn { display: block; position: relative; padding-left: 28px; margin-bottom: 5px; cursor: pointer; font-size: 15px; user-select: none; }
.radiobtn input { position: absolute; opacity: 0; cursor: pointer; }
.radiobtn .checkmark { position: absolute; top: 6px; left: 0; height: 15px; width: 15px; background-color: #eee; border-radius: 50%; }
.radiobtn:hover input ~ .checkmark { background-color: #ccc; }
.radiobtn input:checked ~ .checkmark { background-color: #af3374; }
.radiobtn .checkmark:after { content: ""; position: absolute; display: none; }
.radiobtn input:checked ~ .checkmark:after { display: block; }
.radiobtn .checkmark:after { top: 4px; left: 4px; width: 7px; height: 7px; border-radius: 50%; background: white; }
/*checkbox btn*/
.checkbxbtn { display: block; position: relative; padding-left: 28px; margin-bottom: 5px; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbxbtn input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkbxbtn .checkmark { position: absolute; top: 6px; left: 0; height: 15px; width: 15px; background-color: #eee; }
.checkbxbtn:hover input ~ .checkmark { background-color: #ccc; }
.checkbxbtn input:checked ~ .checkmark { background-color: #af3374; }
.checkbxbtn .checkmark:after { content: "\f00c"; position: absolute; left: 2px; top: -4px; font-weight: 900; font-style: normal; font-family: FontAwesome; font-size: 11px; color: #fff; display: none; }
.checkbxbtn input:checked ~ .checkmark:after { display: block; }
.gallery_section .read_more { margin: 10px auto 0 auto; display: table; }

#oc-fullslider12.banner1 img {width: 100%;}