body, html {height: 100%;width: 100%;}
body, h1, h2, h3, h4, h5, h6, p {font-family: 'Roboto', sans-serif;}
body {font-size: 18px;}
a {color: #1c1c1c;}
a:hover {color: #1c1c1c;text-decoration: none;}
img {width:100%;}
.sasha-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #ccc;
opacity: 1; /* Firefox */
}
.sasha-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #ccc;
}
.sasha-input::-ms-input-placeholder { /* Microsoft Edge */
color: #ccc;
}
.sk-pad10 {padding-top: 10px}
.sk-pad15 {padding-top: 15px}
.sk-pad20 {padding-top: 20px}
.sk-pad25 {padding-top: 25px}
.sk-pad30 {padding-top: 30px}
.sk-pad35 {padding-top: 35px}
.sk-pad40 {padding-top: 40px}
.sk-pad50 {padding-top: 50px}
.sk-pad70 {padding-top: 70px}
.sk-pad100 {padding-top: 100px}
.top-nav { background: #FFF; z-index: 10;
}
.navbar {padding: 0;}
.navbar-brand img { width: 190px;
}
.navbar-expand-md .navbar-nav .nav-link { padding-right: .4rem; padding-left: .4rem;
}
.bg-sk { background: #FFF; z-index: 1;
}
.top-nav .nav-item { font-size: 14px;
}
.nav-link svg { font-size: 18px; color: #FFF; padding: 2px;
}
.svg-inline--fa.fa-instagram.fa-w-14 { color: #FFF; background: #000; border-radius: 20px;
}
.svg-inline--fa.fa-facebook.fa-w-14 { background: #4867aa; color: #FFF;
}
.svg-inline--fa.fa-youtube.fa-w-18 { background: #000; border-radius: 20px; color: #FFF;
}
.svg-inline--fa.fa-twitter.fa-w-16 { background: #000; border-radius: 20px; color: #FFF;
}
.svg-inline--fa.fa-whatsapp.fa-w-14 { background: #29a819; border-radius: 20px; color: #FFF;
}
.social-icon ul { text-align: center; margin: 0 auto;
}
.social-icon ul li { display: inline-block; list-style: none; padding: 42px 9px; margin: 0;
}
.social-icon svg { font-size: 21px; padding: 2px;
}
.numb { padding: 42px 0; margin: 0; text-align: center;
}
section.new-nav { position: absolute; left: 0; right: 0; margin-top: 8px; z-index: 10;
}
.banner-div { position: relative;
}
.philosophy { position: absolute; top: 26%; left: 50%; transform: translate(-50%, -50%); text-align: center;
}
.philosophy h2, h3 {
    font-family: 'Philosopher', sans-serif;
    font-size: 40px;
    font-weight: 700;
}
.philosophy a { background: #daaf57; color: #000; padding: 8px; margin-top: 7px; display: inline-block; border-radius: 10px; font-weight: 400;
}
section.date { background: #d8ad4f; color: #FFF;
}
section.date a { display: inline-block; background: #e4c48a; padding: 8px; float: right; border-radius: 10px; font-weight: 400;
}
.number-one::before { content: "1"; font-size: 75px; color: #bfbfbf; font-weight: 900; letter-spacing: 3.94px; line-height: 64px; position: absolute; left: -10px;
/* z-index: 0; top: 28px; left: 21%; transform: translate(-50%, -25px);*/
}
.number-two::before { content: "2"; font-size: 75px; color: #bfbfbf; font-weight: 900; letter-spacing: 3.94px; line-height: 64px; position: absolute; left: 0;
}
.number-three::before { content: "3"; font-size: 75px; color: #bfbfbf; font-weight: 900; letter-spacing: 3.94px; line-height: 64px; position: absolute; left: -10px;
}
.number-four::before { content: "4"; font-size: 75px; color: #bfbfbf; font-weight: 900; letter-spacing: 3.94px; line-height: 64px; position: absolute; right: 37%;
}
.center {text-align: center;}
.box {position: relative;}
.number-text { text-align: center; position: absolute; left: 0%; top: 27px;
}
.number-text-two { text-align: center; position: absolute; right: 0%; top: 27px;
}
.number-text-four { text-align: center; position: absolute; right: 20%; top: 27px;
}
.number-text-four h2 { text-align: left; font-weight: 800;
}
.number-text h2 { text-align: left; font-weight: 800;
}
.number-text-two h2 { text-align: left; font-weight: 800;
}
section.intro { margin-top: 38px;
}
section.intro p { text-align: left; font-size: 14px; color: #434343;
}
section.intro [class*="col-"] { margin-bottom: 35px;
}
section.intro ol { padding-left: 15px; font-size: 14px; color: #434343;
}
section.sk-accordion { background: #f9f9f9;
}
.sk-accordion .card-header.collapsed { background: #f9f9f9; border-bottom: 2px solid #FFF;
}
.accordion .card-header:after { float: right;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f107";
}
.accordion .card-header.collapsed:after { font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
}
section.thank-you { margin: 178px auto; text-align: center;
}
.container.sk-box { background: #e6c78b; padding: 75px; max-width: 60%;
}
.oppo-box p { font-size: 13px; margin: 2px 0;
}
.contact-form button { float: right; background: #dcb362; border: none; margin-top: -11px; border-radius: 0; box-shadow: 1px 2px 5px #000;
}
section.meeting-one [class*="col-"] { margin-bottom: 11px;
}
section.meeting-one .slider p { font-size: 14px;
}
section.meeting-one .slider h5::before {
content: "\201C"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: -30px; left: 114px; font-size: 84px; color: #a16927; z-index: -1;
}
section.meeting-one .slider h5 { text-align: center;
}
section.meeting-one ul { padding: 0; margin: 0; list-style: none; text-align: center;
}
section.meeting-one ul li { display: inline-block; font-size: 14px; background: #f0f0f0; padding: 2px; border-radius: 8px; text-align: center;
}
ul.socoal-foot li:nth-child(1) { background: none; padding: 5px 11px; color: #FFF; border-radius: 5px;
}
ul.socoal-foot li:nth-child(2) { background: #4c68b3; padding: 5px 11px; color: #FFF; border-radius: 5px;
}
ul.socoal-foot li:nth-child(3) { background: #00abed; padding: 5px 11px; color: #FFF; border-radius: 5px;
}
ul.socoal-foot li:nth-child(4) { background: #d73d32; padding: 5px 11px; color: #FFF; border-radius: 5px;
}
ul.socoal-foot li a {color:#FFF;}
section.foooter {
}
section.foooter p { font-size: 14px; color: #FFF; margin-bottom: 0;
}
section.meeting-one ul li a { font-size: 11px; display: block; padding: 6px; margin: 0 auto;
}
.col-md-6.p-0.h-md-100.bg-white.loginarea { background-image: url(../images/bg-side.jpg);
}
.card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0; min-height: 53px;font-family: 'Roboto', sans-serif;
}
.card-body p { font-family: 'Roboto', sans-serif;
}
p.card-text { color: #1a1a1a; text-align: left; font-size: 13px; font-weight:600; margin: 0;
}
.logoarea [class*="col-"] { margin-bottom: 20px;}
.card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; color: #808080; text-align:left;
}
.card-body { padding-left: 5px;
}
.card small { font-size: 11px; padding: 0; margin: 0; text-align: left; display: block;
}
p.foot { margin: 0; font-family: 'Roboto', sans-serif; font-size: 10px; font-weight: 400; text-align: left;
}
/*.d-md-flex.h-md-100.align-items-center { overflow: hidden;
}*/
.text-area { font-size: 12px; margin-bottom: 5px;
}
.text-area p { margin:0;
}
.text-area h5 { font-size: 12px; margin: 0; padding: 0;
}
.text-area ul, .text-area ol { margin: 0;
}
.sk-card { background: #FFF; padding: 2px; border-radius: 15px; margin-bottom: 11px;
}
.sk-card img { background: #FFF; padding: 5px; border-radius: 20px;
}
.sk-card h5 { font-size: 13px; margin:0; font-weight: 600;
}
.sk-card p { font-size: 11px; margin: 0; padding: 0; font-weight: 600;
}
.sk-card small { display: block; font-size: 10px; margin: 0; padding: 0;
}
.price ul { list-style: none; padding: 0; margin: 0;
}
.price ul li { display: inline-block; font-size: 11px; font-weight: 600;
}
.price ul li a { background: #d8ad4f; padding: 5px; color: #FFF; border-radius: 8px;
}
.card-title::before { content: url('../images/thumb.png'); position: relative; z-index: 100000; left: -8px; top: 5px;
}
.payment-row { width: 32%; margin: 72px auto; border: 2px solid #FFF; padding: 15px; background: #e3c288;
}
.payment-row h3 { font-size: 16px; padding: 14px 0;
}
.tab-content { padding: 10px 0; text-transform: uppercase; font-size: 16px;
}
.tab-content > .active { padding: 0; text-transform: uppercase; font-size: 16px;
}
.tab-content input { border: 0; border-radius: 0;
}
.tab-content input::placeholder { color: #000;
}
.sk-whatsapp { position: relative;
}
.sk-what { position: absolute; bottom: 0; right: 0; width: 32%;
}
.full-slider .carousel-item { height: 100vh; min-height: 300px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
} .full-slider .carousel-indicators{ list-style: none; } .full-slider .carousel-indicators li, .carousel-indicators li.active{ width: 200px; height: 150px; background-color: #fff; position: relative; margin: 10px; } .full-slider .carousel-indicators img{ position: absolute; width: 100%; border-radius: none; height: 100%; top: 0; left: 0; }
.full-slider .carousel-indicators .active { border: 1px solid #d8ad4f;
}
.sk-carousel-control {display:none;}
.course-page-video-gallery { background: #d8ad4f;
}
.course-page-video-gallery [class*="col-"] { margin-bottom: 15px;
}
.sk-video-container { padding: 30px 0;
}
.date.second-date { background: url(../images/title-bg.jpg); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto auto; background-repeat: no-repeat; background-size: cover; background-position: center;
}
.date.third-date { background: url(../images/title-bg.jpg); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto auto; background-repeat: no-repeat; background-size: cover; background-position: center;
}
.vastu-kits { background: #d8ad4f;
}
.sk-kits-container { padding: 30px 0;
}
/*form css*/
.course-form .floating-form { width: 100%;
}
/**** floating-Lable style start ****/
.course-form .floating-label { position:relative;
margin-bottom: 47px;
}
.course-form .floating-input , .course-form .floating-select { font-size:14px; padding:4px 4px; display:block; width:100%; height:30px; background-color: transparent; border:none; border-bottom:1px solid #757575;
}
.course-form .floating-input:focus , .course-form .floating-select:focus { outline:none; border-bottom:2px solid #d8ad4f;
}
.course-form label { color: #1c1c1c; font-size: 14px; font-weight: normal; position: absolute; pointer-events: none; left: 5px; top: 5px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; font-weight: 500;
}
.course-form .floating-input:focus ~ label, .course-form .floating-input:not(:placeholder-shown) ~ label { top:-18px; font-size:14px; color:#d8ad4f;
}
.course-form .floating-select:focus ~ label , .course-form .floating-select:not([value=""]):valid ~ label { top:-18px; font-size:14px; color:#d8ad4f;
}
/* active state */
.course-form .floating-input:focus ~ .bar:before, .course-form .floating-input:focus ~ .bar:after, .course-form .floating-select:focus ~ .bar:before, .course-form .floating-select:focus ~ .bar:after { width:50%;
}
.course-form .floating-textarea { min-height: 30px; max-height: 260px; overflow:hidden; overflow-x: hidden;
}
/* highlighter */
.course-form .highlight { position:absolute; height:50%; width:100%; top:15%; left:0; pointer-events:none; opacity:0.5;
}
/* active state */
.course-form .floating-input:focus ~ .highlight , .course-form .floating-select:focus ~ .highlight { -webkit-animation:inputHighlighter 0.3s ease; -moz-animation:inputHighlighter 0.3s ease; animation:inputHighlighter 0.3s ease;
}
/* animation */
@-webkit-keyframes inputHighlighter { from { background:#d8ad4f; } to { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter { from { background:#d8ad4f; } to { width:0; background:transparent; }
}
@keyframes inputHighlighter { from { background:#d8ad4f; } to { width:0; background:transparent; }
}
.sk-submit button::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1c1c1c; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.sk-submit button { display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
background: #daaf57;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s; border: none; padding: 11px; border-radius: 11px; color: #000; font-weight: 400;
}
.sk-submit button:hover::before, .sk-submit button:focus::before, .sk-submit button:active::before { -webkit-transform: scale(2); transform: scale(2);
}
.sk-submit button:hover { cursor: pointer; color: #FFF;
}
/**** floating-Lable style end ****/
.course-contact-box { padding: 50px 0px;
}
.course-foot { background: #1c1c1c;
}
.course-foot footer p { color: #fff; margin: 0; padding: 5px 0; font-size: 14px;
}
.ttop p { margin: 0; padding-left: 27px; font-size: 15px; font-weight: 400;
}
.sk-touch h3 { font-weight: 600;
}
.sk-touch p { font-weight: 400;
}
.sk-detail p { margin: 0; font-size: 18px; font-weight: 400;
}
.sk-detail a { text-decoration: underline;
}
.after-course p { color: #8b8e94; font-size: 15px;
}
.date-dive h2 { text-transform: uppercase;
}
.date-dive p { font-size: 15px;
}
.date-dive.fee-dive h2 { margin: 0; color: #1c1c1c; font-weight: 600; text-transform: capitalize;
}
.date-dive.fee-dive p { color: #1c1c1c; margin: 0; line-height: 14px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #2e2e50 #2e2e50 #2e2e50;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    background-color: #2e2e50;
    border-color: #2e2e50;
    border-radius: 0;
    color: #FFF;

}
.nav-tabs {

    width: 100%;
    margin: 0 auto;
    text-align: center;

}
.nav-tabs {

    border-bottom: none;

}
.nav.nav-tabs li a {

    background: #FFF;
    margin: 0 2px;
    border-radius: 0;

}
.nav-tabs .svg-inline--fa {

    color: #ccc;

}
.nav-tabs  .nav-item.show .nav-link, .nav-tabs .nav-link.active .svg-inline--fa {

    background-color: #2e2e50;
    border-color: #2e2e50;
    border-radius: 0;
    color: #FFF;

}
.tab-content form select {
    border-radius: 2px;
    width: 100%;
    vertical-align: middle;
    padding: 10px;
    border: 1px solid #f1f4f7;
    background-color: #f1f4f7;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #f1f4f7, #f1f4f7);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 3.5em 3.5em;
    background-repeat: no-repeat;
    font-size: 14px;
}
.sk-border {
    background: #FFF;
    height: 2px;
}
.tab-content form button {
    text-align: center;
    display: block;
    background: #e3c288;
    border: 2px solid #FFF;
    padding: 10px 51px;
    margin: 0 auto;
    border-radius: 0;
}
.tab-content form .btn-primary:hover {

    color: #fff;
    background-color: #1c1c1c;
    border-color: #1c1c1c;

}
.your-info {
    width: 40%;
    margin: 72px auto;
    padding: 15px;
    background: #e3c288;
}
.your-info h3 {
font-size: 16px; padding: 14px 0;
}
.sk-info-box label {
    text-transform: uppercase;
    font-size: 16px;
}
.sk-info-box input {
    border-radius: 0;
    border: none;
    font-size: 14px;
}
.sk-info-box select {
    border-radius: 2px;
    width: 100%;
    vertical-align: middle;
    padding: 10px;
    border: 1px solid #f1f4f7;
    border-top-color: rgb(241, 244, 247);
    border-right-color: rgb(241, 244, 247);
    border-bottom-color: rgb(241, 244, 247);
    border-left-color: rgb(241, 244, 247);
    background-color: #f1f4f7;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #f1f4f7, #f1f4f7);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 3.5em 3.5em;
    background-repeat: no-repeat;
    font-size: 14px;
}
.sk-info-box button {
    display: block;
    text-align: center;
    margin: 0 auto;
    background: #e3c288;
    border: 1px solid #FFF;
    border-radius: 0;
    color: #000;
}
.sk-info-box button:hover {
    display: block;
    text-align: center;
    margin: 0 auto;
    background: #1c1c1c;
    border: 1px solid #FFF;
    border-radius: 0;
    color: #FFF;
}
.slick-prev::before, .slick-next::before {

    color: #FFF !important;

}
.card img {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.card img:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.slick-slide.slick-current.slick-active.slick-center {
    border-bottom: 2px solid #a16927;
    color: #a16927;
}