html
{
line-height:1.15;
-webkit-text-size-adjust:100%
}
body
{
margin:0
}
main
{
display:block
}
h1
{
font-size:2em;
margin:0.67em 0
}
hr
{
-webkit-box-sizing:content-box;
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;
-webkit-text-decoration:underline dotted;
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:-0.25em
}
sup
{
top:-0.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
}
button,[type="button"],[type="reset"],[type="submit"]
{
-webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner
{
border-style:none;
padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring
{
outline:1px dotted ButtonText
}
fieldset
{
padding:0.35em 0.75em 0.625em
}
legend
{
-webkit-box-sizing:border-box;
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"]
{
-webkit-box-sizing:border-box;
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
}
*
{
padding:0;
margin:0;
border:0
}
*,*:before,*:after
{
-webkit-box-sizing:border-box;
box-sizing:border-box
}
a:focus,a:active
{
outline:none
}
nav,footer,header,aside
{
display:block
}
html,body
{
height:100%;
width:100%;
font-size:100%;
line-height:1;
font-size:14px;
-ms-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}
input,button,textarea
{
font-family:inherit
}
input::-ms-clear
{
display:none
}
button
{
cursor:pointer
}
button::-moz-focus-inner
{
padding:0;border:0
}
a,a:visited
{
text-decoration:none
}
a:hover
{
text-decoration:none
}
ul li
{
list-style:none
}
img
{
vertical-align:top
}
h1,h2,h3,h4,h5,h6
{
font-size:inherit;
font-weight:400
}
button:active,button:focus
{
outline:none
}
button::-moz-focus-inner
{
border:0
}
/* .container
{
max-width:1180px;
width:100%;
margin: auto;
padding-top: 20px;
padding-bottom: 30px;
} */
body
{
font-size:14px;
font-family:'Lato-Regular', serif;
overflow-x:hidden
}
img
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.main-button
{
font-family:'Poppins-Bold', serif;
border-radius:30px;
background-color:#ffffff;
padding:14px 30px;
text-transform:uppercase;
font-size:12px
}
.main-button a
{
color:rgb(255, 255, 255)
}
.main-button:hover
{
cursor:pointer
}
.block-video
{
width:100%;
max-height:350px;
height:100%;
outline:none
}
.video-wr
{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.hidden-playing
{
display:none
}
.btn-play
{
width:50px;
height:50px;
position:absolute;
border-radius:50%
}
.btn-play svg
{
fill:#fff
}
.btn-play:hover
{
cursor:pointer
}
@font-face
{
font-family:'Lato-regular';
src:url("../fonts/Lato-Regular.woff2"),url("../fonts/Lato-Regular.ttf");
font-display:swap
}
@font-face
{
font-family:'Lato-Italic';
src:url("../fonts/Lato-Italic.woff2"),url("../fonts/Lato-Italic.ttf");
font-display:swap}@font-face
{
font-family:'Lato-Bold';
src:url("../fonts/Lato-Bold.woff2"),url("../fonts/Lato-Bold.ttf");
font-display:swap
}
@font-face
{
font-family:'Poppins-Bold';
src:url("../fonts/Poppins-Bold.woff2"),url("../fonts/Poppins-Bold.ttf");
font-display:swap
}
@font-face
{
font-family:'Poppins-Light';
src:url("../fonts/Poppins-Light.woff2"),url("../fonts/Poppins-Light.ttf");
font-display:swap
}
@font-face
{
font-family:'Poppins-Medium';
src:url("../fonts/Poppins-Medium.woff2"),url("../fonts/Poppins-Medium.ttf");
font-display:swap
}
@font-face
{
font-family:'Poppins-Regular';
src:url("../fonts/Poppins-Regular.woff2"),url("../fonts/Poppins-Regular.ttf");
font-display:swap
}
@font-face
{
font-family:'Droid-Italic';src:url("../fonts/Droid-italic.woff2"),url("../fonts/Droid-italic.ttf");
font-display:swap
}
@font-face
{
font-family:'Droid-Regular';
src:url("../fonts/Droid-regular.woff2"),url("../fonts/Droid-regular.ttf");
font-display:swap
}
@font-face
{
font-family:'swiper-icons';
src:url("data:application/font-woff;charset=utf-8;base64, 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")
format("woff");
font-weight:400;
font-style:normal
}
:root
{
--swiper-theme-color: #007aff
}
.swiper-container
{
margin-left:auto;
margin-right:auto;
position:relative;
overflow:hidden
;list-style:none;
padding:0;
z-index:1
}
.swiper-container-vertical>.swiper-wrapper
{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.swiper-wrapper
{
position:relative;
width:100%;
height:100%;
z-index:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
-o-transition-property:transform;
transition-property:transform;
transition-property:transform, -webkit-transform;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper
{
-webkit-transform:translate3d(0px, 0, 0);
transform:translate3d(0px, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper
{
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.swiper-container-multirow-column>.swiper-wrapper
{
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.swiper-container-free-mode>.swiper-wrapper
{
-webkit-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
transition-timing-function:ease-out;
margin:0 auto
}
.swiper-container-pointer-events
{
-ms-touch-action:pan-y;
touch-action:pan-y
}
.swiper-container-pointer-events.swiper-container-vertical
{
-ms-touch-action:pan-x;
touch-action:pan-x
}
.swiper-slide
{
-ms-flex-negative:0;
flex-shrink:0;
width:100%;
height:100%;
position:relative;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
-o-transition-property:transform;
transition-property:transform;
transition-property:transform, -webkit-transform
}
.swiper-slide-invisible-blank
{
visibility:hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide
{
height:auto
}
.swiper-container-autoheight .swiper-wrapper
{
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-transition-property:height, -webkit-transform;
transition-property:height, -webkit-transform;
-o-transition-property:transform, height;
transition-property:transform, height;
transition-property:transform, height, -webkit-transform
}
.swiper-container-3d
{
-webkit-perspective:1200px;perspective:1200px
}
.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow
{
-webkit-transform-style:preserve-3d;transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom
{
position:absolute;
left:0;top:0;
width:100%;
height:100%;
pointer-events:none;
z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left
{
background-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
background-image:-o-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0));
background-image:linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right
{
background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
background-image:-o-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));
background-image:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top
{
background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
background-image:-o-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
background-image:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom
{
background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
background-image:-o-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0))
}
.swiper-container-css-mode>.swiper-wrapper
{
overflow:auto;
scrollbar-width:none;
-ms-overflow-style:none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar
{
display:none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide
{
scroll-snap-align:start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper
{
-webkit-scroll-snap-type:x mandatory;
-ms-scroll-snap-type:x mandatory;
scroll-snap-type:x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper
{
-webkit-scroll-snap-type:y mandatory;
-ms-scroll-snap-type:y mandatory;
scroll-snap-type:y mandatory
}
:root
{
--swiper-navigation-size: 44px
}
.swiper-button-prev,.swiper-button-next
{
position:absolute;top:50%;
width:calc(var(--swiper-navigation-size) / 44 * 27);
height:var(--swiper-navigation-size);
margin-top:calc(-1 * var(--swiper-navigation-size) / 2);
z-index:10;
cursor:pointer;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
color:var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled
{
opacity:0.35;
cursor:auto;
pointer-events:none
}
.swiper-button-prev:after,.swiper-button-next:after
{
font-family:swiper-icons;
font-size:var(--swiper-navigation-size);
text-transform:none !important;
letter-spacing:0;
text-transform:none;
font-variant:initial;
line-height:1
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next
{
left:10px;
right:auto
}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after
{
content:'prev'
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev
{
right:10px;
left:auto
}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after
{
content:'next'
}
.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white
{
--swiper-navigation-color: #fff
}
.swiper-button-prev.swiper-button-black,.swiper-button-next.swiper-button-black
{
--swiper-navigation-color: #000
}
.swiper-button-lock
{
display:none
}
.swiper-pagination
{
position:absolute;
text-align:center;
-webkit-transition:300ms opacity;
-o-transition:300ms opacity;
transition:300ms opacity;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
z-index:10
}
.swiper-pagination.swiper-pagination-hidden
{
opacity:0
}
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);-ms-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);-ms-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:0.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;-o-transition:200ms transform, 200ms top;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;-o-transition:200ms transform, 200ms left;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;-o-transition:200ms transform, 200ms right;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{
width:100%;
height:4px;
left:0;
top:0
}
.swiper-container-vertical>.swiper-pagination-progressbar,.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{
width:4px;
height:100%;
left:0;
top:0
}
.swiper-pagination-white
{
--swiper-pagination-color: #fff
}
.swiper-pagination-black
{
--swiper-pagination-color: #000
}
.swiper-pagination-lock
{
display:none
}
header
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-left:60px;
margin-right:60px;
padding-top:10px;
overflow:hidden
}
.logo
{
height:125px;
width:500px;
background-image:url("../image/logo/yoga_chandrima.png");
background-position:center;
background-size:cover
}
.min-logo
{
height:40px;
width:140px;
background-position:center;
background-size:cover
}
.menu
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
font-family:'Poppins-Bold', serif
}
.menu-item
{
margin-left:26px
}
.menu-item a
{
color:#ffffff
}
.menu-item :hover
{
color:#ffffffce
}
.nav
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.nav-button
{
margin-left:25px;
color:#0f4166;
}
.min-header
{
display:none;
overflow:hidden
}
.menu-burger
{
display:none;
width:50px;
height:30px;
position:relative;
-webkit-transition:1s;
-o-transition:1s;
transition:1s
}
.menu-burger span
{
position:absolute;
width:50px;
height:4px;
background-color:#ffffff;
top:50%;
left:50%;
-webkit-transform:translate(-50%);
-ms-transform:translate(-50%);
transform:translate(-50%);
margin-top:-1px
}
.menu-burger span:before,.menu-burger span:after
{
content:'';
display:block;
width:50px;
height:4px;
background-color:#ffffff;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s
}
.menu-burger span:before
{
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
.menu-burger span:after
{
-webkit-transform:translateY(5px);
-ms-transform:translateY(5px);
transform:translateY(5px)
}
.menu-burger.active
{
margin-right:170px
}
.menu-burger.active span
{
height:0
}
.menu-burger.active span:before
{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.menu-burger.active span:after
{
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
margin-top:-4px
}
.min-nav
{
display:none;
position:absolute;
top:20px;
right:-200px;
-webkit-transition:all 2s linear;
-o-transition:all 2s linear;
transition:all 2s linear;
font-size:32px;
background-color:#fff;
z-index:9999
}
.min-nav.active
{
display:block;right:20px
}
.min-menu-item
{
height:70px;
width:190px;
border:1px #0f41664b solid
}
.min-menu-item a
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-left:40px;
width:100%;
height:100%;
color:#0f4166
}
.min-menu-item:hover
{
background-color:#0f41664b
}
@media screen and (max-width: 970px)
{
.nav
{
display:none
}
.menu-burger
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.min-header
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
}
@media screen and (max-width: 500px)
{
header
{
margin:0 30px;
padding-top:5px
}
.menu-burger.active
{
margin-right:130px
}
.min-nav
{
font-size:24px
}
.min-nav.active
{
right:10px
}
.min-menu-item
{
height:55px;
width:135px
}
.min-menu-item a
{
padding-left:20px
}
.menu-burger.active
{
margin-right:130px
}
}
@media screen and (max-height: 320px)
{
.min-menu-item
{
height:50px
}
.min-menu-item a
{
font-size:20px
}
}
.intro
{
/*background-image:url("../image/banner/banner_1.jpg");*/
background-color: #0f4166 ;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
height:15vh;
}
.banner
{
margin:auto;
margin-bottom:200px;
max-width:1920px;
max-height: 1080px;
width:100%;
height:100%
}
.banner-img
{
margin:auto;
margin-bottom:200px;
max-width:1920px;
width:100%;
max-height:1080px;
height:100%
}
.content
{
margin-top:190px;
font-family:'Poppins-Light', serif;
font-size:40px;
}
.content-item
{
margin-bottom:30px;
color:#000000;
text-align:left
}
.content-item.one
{
margin-right:70px
}
@media screen and (max-width: 1600px)
{
.intro
{
/*background-image:url("../image/banner/banner_1.jpg");*/
background-color: #0f4166 ;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
height:15vh;
}
.logo
{
height:65px;
width:300px;
background-image:url("../image/logo/yoga_chandrima.png");
background-position:center;
background-size:cover
}
.banner
{
margin:auto;
margin-bottom:150px;
max-width:1600px;
width:100%;
max-height:900px;
height:100%
}
.banner-img
{
margin:auto;
margin-bottom:150px;
max-width:1600px;
width:100%;
max-height:900px;
height:100%
}
.content
{
margin-top:50px;
font-family:'Poppins-Light', serif;
font-size:20px;
width:450px
}
.content-item.one
{
color:#000000;
text-align:left
}
.content-item.two
{
margin-left:30px;
color:#000000;
text-align:left
}
}
/*iPad Pro Screen */
@media screen and (max-width: 1200px)
{
.intro
{
background-color:#0f4166;
height:15vh
}
.banner
{
margin:auto;
max-width:1200px;
width:100%;
max-height:600px;
height:100%
}
.banner-img
{
margin:auto;
max-width:1200px;
width:100%;
max-height:600px;
height:100%
}
.content
{
margin-top:20px;
font-family:'Poppins-Light', serif;
font-size:15px;
width:250px
}
.content-item
{
margin-bottom:10px;
color:#000000;
text-align:left
}
.content-item.one
{
margin-right:40px
}
}
@media screen and (max-width: 800px)
{
.intro
{
background-color:#0f4166;
height:15vh
}
.banner
{
margin:auto;
max-width:800px;
width:100%;
max-height:325px;
height:100%
}
.banner-img
{
margin:auto;
max-width:800px;
width:100%;
max-height:325px;
height:100%
}
.content
{
margin-top:20px;
font-family:'Poppins-Light', serif;
font-size:15px;
width:250px
}
.content-item
{
margin-bottom:10px;
color:#000000;
text-align:left
}
.content-item.one
{
margin-right:40px
}
}
/* iPhone X screen */
@media screen and (max-width: 500px)
{
.intro
{
/*background-image:url("../image/banner/banner_1.jpg");*/
background-color: #0f4166 ;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
height:10vh;
}
.logo
{
height:60px;
width:180px;
background-image:url("../image/logo/yoga_chandrima.png");
background-position:center;
background-size:cover
}
.banner
{
margin:auto;
margin-bottom:0px;
max-width:370px;
width:100%;
max-height:220px;
height:100%
}
.banner-img
{
margin:auto;
margin-bottom: 0px;
max-width:370px;
width:100%;
max-height:220px;
height:100%
}
.content
{
margin-top:20px;
margin-left: 30px;
font-family:'Poppins-Light', serif;
font-size:12px;
width:300px;
}
.content-item.one
{
color:#000000;
text-align:left;
}
.content-item.two
{
color:#000000;
text-align:left;
margin-left: 30px;
}
}
/* .container.about-wrapper
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
z-index:9999
} */
.about
{
position:relative;
padding-bottom:0px
}
.about-img
{
position:absolute;
right:0;
top:-127px;
height:870px;
z-index:-9999
}
.about-block
{
max-width:540px
}
.about-block-title
{
font-family:'Poppins-Light', serif;
font-size:48px;
color:#0f4166;
margin-top:100px
}
.about-block-text
{
margin-top:15px;
margin-right:30px;
padding-bottom:50px;
font-family:'Lato-Regular', serif;
color:#666;
line-height:1.6
}
.about-us-block-text
{
margin-top:15px;
margin-right:30px;
padding-bottom:50px;
font-family:'Lato-Regular', serif;
color:#666;
line-height:1.6
}
.about-reason
{
max-width:470px;
width:100%;
margin-top:0px
}
.about-reason-item
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin: auto;
}
.item-pic
{
border:2px solid #0f4166;
border-radius:50%;
width:70px;
height:70px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-left: 100px;
}
.item-dis
{
max-width:375px;
width:100%
}
.item-dis-title
{
font-family:'Poppins-Medium', serif;
letter-spacing:2px;
font-weight:700
}
.item-dis-text
{
color:#7a7a7a;
margin-top:20px;
line-height:1.5;
text-align: justify;
}
@media screen and (max-width: 1500px)
{
.about-reason
{
margin-top:0px
}
}
@media screen and (max-width: 1280px)
{
.about-reason
{
margin-top:0
}
.about
{
padding-left:20px;
padding-right:20px
}
}
@media screen and (max-width: 2000px)
{
/* .container
{
max-width:1700px;
width:100%;
} */
.item-pic
{
margin-left: 80px;
}
.about-block-text
{
font-size: 20px;
width: auto;
}
.about-us-block-text
{
font-size: 20px;
width: auto;
}
.about-reason
{
margin-left: 0px;
}
}
@media screen and (max-width: 1400px)
{
/* .container
{
max-width:1000px;
width:100%;
} */
.item-pic
{
margin-left: 70px;
}
.about-block-text
{
font-size: 15px;
line-height: 1.5;
width: 400px;
}
.about-us-block-text
{
font-size: 15px;
line-height: 1.5;
width: auto;
}
}
@media screen and (max-width: 1200px)
{
/* .container.about-wrapper
{
display:block
} */
.item-pic
{
height: 55px;
margin-left: 50px;
margin-right: 20px;
}
.about
{
padding-bottom:50px;
padding-left:15%
}
.about-block-video
{
margin-bottom:30px
}
.about-block-title
{
margin-top:20px
}
.about-reason
{
padding-top:0px;
margin-left: 0px;
}
}
@media screen and (max-width: 800px)
{
.item-pic
{
height:55px;
margin-left: 0px;
margin-right: 15px;
}
.about-block-text
{
width:auto;
text-align:justify
}
.about-us-block-text
{
width:auto;
text-align:justify
}
.about-block-video
{
max-width:500px
}
.about-block-title
{
text-align:center;
margin-top:20px
}
}
@media screen and (max-width: 600px)
{
.item-pic
{
height:55px;
margin-left: 0px;
margin-right: 10px;
}
.about
{
padding-left:20px;
padding-right:5px
}
.about-block-video
{
margin:40px auto
}
.about-block-title
{
font-size:32px;
text-align:center;
margin:0 auto
}
.about-block-text
{
width:100%;
margin-top:0px
}
.about-us-block-text
{
width:100%;
text-align: justify;
margin-top:0px
}
}
.classes
{
padding:0 0px;
padding-bottom:0px;
background-size:cover
}
/* .classes .container
{
position:relative
} */
.classes-pic
{
margin:0 auto;width:135px
}
.classes-title
{
font-size:36px
;color:#0f4166;
text-transform:capitalize;
font-family:'Poppins-Light', serif;
text-align:center;
}
.classes-slide-img
{
max-width:270px;
width:100%;
max-height:200px;
height:100%
}
.icon
{
max-width:270px;
width:130%;
max-height:200px;
height:130%
}
.classes-slide a
{
display:block
}
.classes-slide-title
{
margin-top:12px;
font-family:'Poppins-Medium', serif;
font-size:18px;
color:#0f4166
}
.classes-slide-dis
{
margin-top:20px
}
.classes-slide-dis .dis-item
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:10px;
color:#999999;
font-size:13px
}
.classes-slide-dis .dis-item img
{
margin-right:12px
}
.classes-slide-text
{
text-align: justify;
margin-top:25px;
color:#666666;
line-height:1.6
}
.swiper-slide
{
width:270px
}
.main-slider-wrapper
{
position:relative
}
.swiper-button-next::after,.swiper-button-prev::after
{
color:#0f4166;
font-size:16px;
font-weight:700
}
.swiper-button-next::after
{
margin-top:-13px;
margin-right:-133px
}
.swiper-button-prev::after
{
margin-top:-13px;
margin-left:-133px
}
.swiper-button-next
{
position:absolute;
outline:none
}
.swiper-button-prev
{
position:absolute;
outline:none
}
@media screen and (max-width: 1200px)
{
.classes-slide-img
{
max-width:370px;
width:100%;
max-height:275px;
height:100%
}
.icon
{
max-width:370px;
width:130%;
max-height:275px;
height:130%
}
.swiper-button-next
{
display:none
}
.swiper-button-prev
{
display:none
}
}
@media screen and (max-width: 500px)
{
.classes
{
padding-bottom:30px
}
.classes-title
{
font-size:32px
}
}
.logo-wrapper
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:80px 20px
}
.logo-item
{
min-width:100px;
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
@media screen and (max-width: 550px)
{
.logo-wrapper
{
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.logo-item
{
margin:15px 0
}
}
@media screen and (max-width: 370px)
{
.logo-wrapper
{
padding:30px 0
}
}
footer
{
font-size:13px;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.top-wrapper
{
background-color:#222;
border-top:1px solid #333;
border-bottom:1px solid #222
}
.top
{
background-color:#222;
padding-top:61px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.top-contacts
{
color:#acacac;
width:205px
}
.top-contacts-content
{
font-size:13px;
line-height:1.8;
margin-bottom:20px
}
.top-contacts-content.link
{
display:block;
color:#acacac
}
.top-contacts-content.link:hover
{
color:#fff
}
.top-title
{
color:#fff;
font-family:'Poppins-Bold';
margin-bottom:20px
}
.top-social
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.top-social-link
{
width:40px;
height:40px;
border-radius:50%;
margin-right:10px
}
.top-social-link a
{
display:block;
width:100%;
height:100%;
border-radius:50%
}
.top-social-link.facebook
{
background-image:url("../image/footer/social/icon-facebook.png");
background-size:cover
}
.top-social-link.twitter
{
background-image:url("../image/footer/social/icon-twitter.png");
background-size:cover
}
.top-social-link.instagram
{
background-image:url("../image/footer/social/icon-instagram.png");
background-size:cover
}
.top-social-link.youtube
{
background-image:url("../image/footer/social/icon-youtube.png");
background-size:cover
}
.top-links-item
{
color:#acacac;
margin-bottom:15px
}
.top-links-item.link
{
display:block;
color:#acacac
}
.top-links-item.link:hover
{
color:#fff
}
.top-time
{
padding-bottom:45px
}
.top-time-content
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.top-time-content p
{
color:#acacac;margin-bottom:15px
}
.top-time-days
{
margin-right:55px
}
.top-time-arrows
{
margin-right:30px
}
.bottom
{
height:80px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-family:'Poppins-Medium'
}
.bottom-wrapper
{
background-color:#181818
}
.bottom-text
{
text-align: center;
margin: auto;
width: 100%;
color:#fff;
text-transform:uppercase
}
.bottom-nav ul
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.bottom-nav ul li
{
margin-left:22px;
text-transform:uppercase
}
.bottom-nav ul li a
{
color:#999
}
.bottom-nav ul li a:hover
{
color:#fff
}
.min-footer
{
display:none;
padding:20px;
background-color:#222222;
color:#fff
}
@media screen and (max-width: 1200px)
{
.top-wrapper
{
display:none
}
.bottom-wrapper
{
background-color:#181818
}
.min-footer
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
}
@media screen and (max-width: 1100px)
{
.min-footer .contacts-min
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.min-footer .contacts-min .top-social
{
margin-left:60px
}
.min-footer .contacts-min .top-social-link
{
margin-left:30px
}
}
@media screen and (max-width: 900px)
{
.min-footer .contacts-min
{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.min-footer .contacts-min .top-social
{
margin-left:60px
}
.min-footer .contacts-min .top-social-link
{
margin-left:30px
}
.min-footer .top-location
{
display:none
}
}
@media screen and (max-width: 550px)
{
.min-footer .contacts-min .top-social
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.min-footer .contacts-min .top-social-link
{
margin-left:10px
}
}
.aboutus-inner
{
/*background-image:url("../image/banner/banner_1.jpg");*/
background-color: #0f4166 ;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
height:18vh
}
.aboutus-content
{
margin-top:17vh
}
.aboutus-content-title
{
font-size:72px;
font-family:'Poppins-Light', serif;color:#0f4166
}
.aboutus-content-text
{
font-family:'Lato-regular';
color:#0f4166;
margin-top:25px
}
@media screen and (max-width: 1200px)
{
.aboutus-content
{
margin-top:0
}
.aboutus-content-title
{
margin-left:60px
}
.aboutus-content-text
{
margin-left:60px
}
.aboutus-inner
{
height:28vh
}
}
@media screen and (max-height: 999px)
{
.aboutus-inner
{
height:55vh
}
.aboutus-content
{
margin-top:0
}
.aboutus-content-title
{
margin-left:0
}
.aboutus-content-text
{
margin-left:0
}
}
@media screen and (max-width: 800px)
{
.aboutus-inner
{
height:35vh
}
.aboutus-content
{
margin-top:0
}
}
@media screen and (max-width: 500px)
{
.aboutus-inner
{
background:none;
height:90px;
margin-bottom:50px;
background-color:#e2e8f7
}
.aboutus-content
{
margin-top:0
}
.aboutus-content-title
{
margin-left:0;
text-align:center
}
.aboutus-content-text
{
margin-left:0;
text-align:center
}
}
@media screen and (max-height: 450px)
{
.aboutus-inner
{
background:none;
height:120px;
margin-bottom:50px;
background-color:#e2e8f7
}
.aboutus-content
{
margin-top:0
}
.aboutus-content-title
{
margin-left:0;
text-align:center
}
.aboutus-content-text
{
margin-left:0;
text-align:center
}
}
@media screen and (max-width: 350px)
{
.aboutus-content-title
{
font-size:52px
}
}
.aboutus-about
{
padding-top:90px;
padding-bottom:178px
}
.aboutus-about-img
{
position:absolute;
right:36vh;
top:46vh
}
.aboutus-about-text-item
{
width:518px;
margin-top:37px;
line-height:1.6;
font-family:'Lato-regular', serif;
color:#666
}
@media screen and (max-width: 1800px)
{
.aboutus-about-img
{
position:absolute;
right:26vh;top:46vh
}
}
@media screen and (max-width: 1600px)
{
.aboutus-about-img
{
position:absolute;
right:16vh;
top:46vh
}
}
@media screen and (max-width: 1350px)
{
.aboutus-about-img
{
position:absolute;
right:6vh;top:46vh
}
}
@media screen and (max-width: 1200px)
{
/* .container.aboutus-wrapper
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
} */
.aboutus-about-img
{
position:static;
max-width:600px
}
.aboutus-about
{
padding-top:30px;
padding-bottom:60px
}
.aboutus-about-text-item
{
width:800px
}
}
@media screen and (max-width: 850px)
{
.aboutus-about
{
padding-left:20px;
padding-right:20px
}
.aboutus-about-text-item
{
width:auto
}
}
@media screen and (max-width: 600px)
{
.aboutus-about-img
{
position:static;
max-width:500px
}
}
@media screen and (max-width: 500px)
{
.aboutus-about
{
padding-top:0;
padding-bottom:40px
}
.aboutus-about-img
{
display:none
}
.aboutus-about-text
{
margin-top:150px;
padding:0 10px
}
.aboutus-about-text-item
{
width:auto;
text-align:center;
position:static
}
}
@media screen and (max-height: 420px)
{
.aboutus-about-img
{
display:none
}
.aboutus-about-text
{
margin-top:70px
}
}
@media screen and (max-width: 350px)
{
.aboutus-about-text
{
margin-top:70px
}
}
/* .container.quote
{
max-width:630px
} */
.aboutus-quote
{
background-image:url("../image/about-us/quote/bg-quote.png");
background-repeat:no-repeat;
background-position:center;
background-size:cover;
padding-top:170px;
padding-bottom:100px
}
.aboutus-quote-comment
{
margin:0 auto;
width:630px;
font-family:'Droid-Italic', serif;
font-size:24px;
text-align:center;
color:#fff;
line-height:1.4
}
.aboutus-quote-name
{
font-family:'Poppins-Medium', serif;
text-align:center;
color:#fff;
margin:50px auto 0;
width:120px
}
@media screen and (max-width: 700px)
{
.aboutus-quote-comment
{
width:auto;
font-size:18px
}
}
.aboutus-classes
{
background-image:url("../image/about-us/classes/bg-classes.png");
background-position:center top;
background-repeat:no-repeat
}
.aboutus-classes-wr
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding-top:120px;
padding-bottom:127px
}
.aboutus-classes-item
{
width:32%
}
.aboutus-classes-item-title
{
font-family:'Poppins-Medium';
font-size:18px;
color:#0f4166;
margin-top:35px
}
.aboutus-classes-item-text
{
color:#666;
line-height:1.5;
margin-top:20px
}
.aboutus-classes-item img
{
max-width:370px;
width:100%;
height:270px
}
@media screen and (max-width: 1200px)
{
.aboutus-classes
{
background-image:none
}
.aboutus-classes-wr
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding-bottom:70px;
padding-left:40px;
padding-right:40px
}
.aboutus-classes-item
{
width:100%;margin-bottom:30px
}
.aboutus-classes-item img
{
max-width:670px;
width:100%;
height:auto;
margin:0 auto
}
}
@media screen and (max-width: 500px)
{
.aboutus-classes
{
background-image:none
}
.aboutus-classes-wr
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:0 10px;
padding-top:60px;
padding-bottom:20px
}
.aboutus-classes-item
{
width:100%;padding-bottom:20px
}
.aboutus-classes-item-title
{
font-family:'Poppins-Medium';
font-size:18px;color:#0f4166;
margin-top:35px
}
.aboutus-classes-item-text
{
color:#666;
line-height:1.5;
margin-top:20px
}
.aboutus-classes-item img
{
max-width:370px;
width:100%;
height:270px
}
}
@media screen and (max-width: 350px)
{
.aboutus-classes-item img
{
max-width:279px;
height:auto;
margin:0 auto
}
}
.aboutus-testimonials
{
background-color:#ffefcf;
padding-top:50px;
padding-bottom:50px
}
.events-testimonials
{
padding-top:50px;
padding-bottom:50px
}
.aboutus-slide
{
position:relative;
text-align:center;
padding-bottom:47px
}
.aboutus-slide-title
{
font-family:'Poppins-Bold', serif;
font-size:16px;
color:#0f4166;
text-transform:capitalize;
text-align: center;
margin-bottom:12px
}
.events-slide-title
{
font-family:'Poppins-Bold', serif;
font-size:24px;
color:#0f4166;
text-transform:capitalize;
text-align: center;
margin-bottom:12px
}
.aboutus-slide-text
{
width:450px;
margin:auto;
font-size:18px;
color:#0f4166;
line-height:1.5;
text-align: center;
margin-bottom:28px
}
.events-slide-text
{
width:450px;
margin:auto;
font-size:18px;
color:#0f4166;
line-height:normal;
text-align: justify;
margin-bottom:0px
}
.aboutus-slide-img
{
margin:auto;
margin-bottom:20px;
width:100px;
height:100px;
border-radius:50%
}
.events-slide-img
{
margin:auto;
margin-bottom:20px;
max-width:100%;
height:auto
}
.aboutus-slide-name
{
text-align: center;
font-family:'Poppins-Bold', serif;
color:#0f4166;
text-transform:capitalize;
margin-bottom:6px
}
.aboutus-slide-supname
{
color:#0f4166
}
.aboutus-slider-container .swiper-pagination
{
position:absolute;
bottom:0
}
@media screen and (max-width: 1400px)
{
.aboutus-testimonials
{
padding:60px 40px
}
.events-testimonials
{
padding-top:50px;
padding-bottom:50px
}
.events-slide-img
{
margin:auto;
margin-bottom:20px;
max-width: 100%;
height:auto
}
.events-slide-title
{
font-family:'Poppins-Bold', serif;
font-size:20px;
color:#0f4166;
text-transform:capitalize;
text-align: center;
margin-bottom:12px
}
}
@media screen and (max-width: 1200px)
{
.aboutus-testimonials
{
padding:60px 40px
}
.events-testimonials
{
padding-top:50px;
padding-bottom:50px
}
.events-slide-title
{
font-family:'Poppins-Bold', serif;
font-size:16px;
color:#0f4166;
text-transform:capitalize;
text-align: center;
margin-bottom:12px
}
}
@media screen and (max-width: 500px)
{
.aboutus-testimonials
{
padding:60px 10px
}
.events-testimonials
{
padding-top:20px;
padding-bottom:20px
}
.aboutus-slide-text
{
text-align: center;
font-size:16px;
line-height:2;
width:100%
}
.events-slide-title
{
font-family:'Poppins-Bold', serif;
font-size:16px;
color:#0f4166;
text-transform:capitalize;
text-align: center;
margin-bottom:12px
}
.events-slide-text
{
text-align: center;
font-size:12px;
line-height:normal;
width:100%
}
}
.classes-intro
{
background-image:url("../image/banner/banner_1.jpg");
background-repeat:no-repeat;
background-position:center;
background-size:cover;
height:50vh
}
.classes-intro-content
{
margin-top:17vh
}
.classes-intro-title
{
font-size:72px;
font-family:'Poppins-Light', serif;color:#0f4166
}
.classes-intro-text
{
font-family:'Lato-regular';
color:#0f4166;
line-height:1.5;
margin-top:25px;
width:400px
}
@media screen and (max-width: 1200px)
{
.classes-intro
{
height:35vh
}
.classes-intro-content
{
margin-top:7vh;
padding-left:100px
}
.classes-intro-title
{
font-size:72px;
font-family:'Poppins-Light', serif;
color:#0f4166
}
}
@media screen and (max-width: 800px)
{
.classes-intro
{
height:35vh
}
.classes-intro-content
{
margin-top:7vh;
padding-left:50px
}
.classes-intro-title
{
font-size:64px;
font-family:'Poppins-Light', serif;color:#0f4166
}
}
@media screen and (max-width: 640px)
{
.classes-intro
{
height:30vh
}
.classes-intro-content
{
margin-top:3vh;
padding-left:50px
}
.classes-intro-title{font-size:50px;font-family:'Poppins-Light', serif;color:#0f4166}}@media screen and (max-width: 550px){.classes-intro{background:none;height:120px;margin-bottom:50px;background-color:#e2e8f7}.classes-intro-content{padding-left:0;text-align:center}.classes-intro-title{font-size:72px;font-family:'Poppins-Light', serif;color:#0f4166;margin-bottom:20px}.classes-intro-text{width:auto}}@media screen and (max-width: 500px){.classes-intro{height:90px}}.classes-content{padding-top:150px;padding-bottom:37px}.classes-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.classes-img{position:absolute;right:5px;top:-320px}.classes-item{max-width:272px;width:100%;padding-bottom:80px}.classes-item a{display:block}.classes-item-img{max-width:270px;width:100%;max-height:200px;height:100%}.classes-item-title{margin-top:31px;font-family:'Poppins-Medium', serif;height:45px;font-size:18px;color:#0f4166;line-height:1.2}.classes-item-dis{margin-top:16px}.classes-item-dis-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:13px;color:#999999;font-size:13px}.classes-item-dis-item img{margin-right:12px}.classes-item-text{margin-top:16px;color:#666666;line-height:1.6}@media screen and (max-width: 1200px){.classes-img{position:absolute;right:35px;top:-280px}.classes-wrapper{padding:0 30px}}@media screen and (max-width: 930px){.classes-item{max-width:420px;width:100%}.classes-item-img{max-width:420px;width:100%;max-height:310px;height:100%}.classes-item-title{font-size:20px}.classes-item-dis{margin-top:16px}.classes-item-dis-item{font-size:16px}.classes-item-text{font-size:16px}}@media screen and (max-width: 900px){.classes-item{max-width:400px}.classes-item-img{max-width:400px}}@media screen and (max-width: 880px){.classes-item{max-width:370px}.classes-item-img{max-width:370px}}@media screen and (max-width: 830px){.classes-item{max-width:320px}.classes-item-img{max-width:320px;width:100%;max-height:240px;height:100%}}@media screen and (max-width: 720px){.classes-item{max-width:280px}.classes-item-img{max-width:280px;width:100%;max-height:200px;height:100%}}@media screen and (max-width: 640px){.classes-item{max-width:500px;margin:0 auto}.classes-item-img{max-width:500px;width:100%;max-height:370px;height:100%}.classes-img{display:none}.classes-content{padding-top:60px;padding-bottom:37px}}@media screen and (max-width: 550px){.classes-item{max-width:400px;margin:0 auto}.classes-item-img{max-width:400px;width:100%;max-height:310px;height:100%}.classes-content{padding-top:150px;padding-bottom:37px}}@media screen and (max-width: 480px){.classes-item{max-width:350px;margin:0 auto;padding-bottom:30px}.classes-item-img{max-width:350px;width:100%;max-height:260px;height:100%}.classes-wrapper{padding:0 20px}}@media screen and (max-width: 400px){.classes-item{max-width:300px;margin:0 auto}.classes-item-img{max-width:300px;width:100%;max-height:220px;height:100%}.classes-item-text{font-size:14px}.classes-wrapper{padding:0 20px}}
.single-intro{background-image:url("../image/banner/banner_1.jpg");
background-repeat:no-repeat;background-position:center;background-size:cover;height:50vh}.single-intro-content{margin-top:22vh}.single-intro-title{font-size:29px;font-family:'Poppins-Light', serif;color:#0f4166}.single-intro-text{font-family:'Lato-regular';color:#0f4166;line-height:1.5;margin-top:15px;width:400px}@media screen and (max-height: 750px){.single-intro{height:40vh}}@media screen and (max-height: 1000px){.single-intro{height:50vh}}@media screen and (max-width: 1600px){.single-intro{height:55vh}}@media screen and (max-width: 1400px){.single-intro{height:37vh}.single-intro-content{margin-top:7vh}}@media screen and (max-width: 1200px){.single-intro{height:40vh}.single-intro-content{padding:0 20px;margin-top:10vh}}@media screen and (max-width: 950px){.single-intro{height:35vh}.single-intro-title{font-size:22px;font-family:'Poppins-Light', serif;color:#0f4166}}@media screen and (max-width: 750px){.single-intro-content{margin-top:7vh}}@media screen and (max-width: 600px){.single-intro{background:none;height:120px;margin-bottom:50px;background-color:#e2e8f7}.single-intro-content{margin-top:7vh}.single-intro-title{font-size:27px;text-align:center;padding:0 20px}.single-intro-text{width:auto;text-align:center;padding:0 20px}}@media screen and (max-height: 500px){.single-intro{background:none;height:120px;margin-bottom:50px;background-color:#e2e8f7}.single-intro-content{margin-top:13vh}.single-intro-title{font-size:27px;text-align:center;padding:0 20px}
.single-intro-text{width:auto;text-align:center;padding:0 20px}}@media screen and (max-width: 500px){.single-intro{height:90px}}.info-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.single-info{padding-top:25px;padding-bottom:120px;display:-webkit-box;display:-ms-flexbox;display:flex}.single-info-content{margin-right:100px}.single-info-dis{padding-bottom:20px;padding-top:130px;display:-webkit-box;display:-ms-flexbox;display:flex}.single-info-dis-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:30px}.single-info-dis-item img{width:12px;height:12px;margin-right:12px}.single-info-dis-item p{font-size:13px;color:#666}.single-info-text{color:#666;line-height:24px}.single-info-video img{height:420px}@media screen and (max-width: 1200px){.info-wrapper{padding:0 20px}.single-info-video img{width:400px;height:auto}}@media screen and (max-width: 1000px){.info-wrapper{padding:0 30px;display:block}.single-info-content{margin:0 auto}.single-info-text{padding-bottom:50px;margin:0 auto;text-align:center}.single-info-dis{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:20px;padding-top:20px}.single-info-video img{max-width:570px;width:100%;height:auto;margin:0 auto}}@media screen and (max-width: 650px){.info-wrapper{padding:0 20px}.single-info-video img{max-width:370px;width:100%;height:auto;margin:0 auto}}@media screen and (max-width: 600px){.info-wrapper{padding:0 20px;display:block}.single-info{padding-top:150px}}@media screen and (max-width: 450px){.single-info-dis{-ms-flex-wrap:wrap;flex-wrap:wrap}.single-info-dis-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:45%;margin:0;margin-bottom:10px}}@media screen and (max-height: 500px){.single-info{padding-top:110px;padding-bottom:60px}}@media screen and (max-width: 400px){.single-info{padding-bottom:60px}.single-info-dis{padding-bottom:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.single-info-dis-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:45%;margin:0;margin-bottom:10px}.single-info-dis-item img{width:12px;height:12px;margin-right:12px}.single-info-dis-item p{font-size:10px;color:#666}.single-info-text{font-size:12px;padding-bottom:30px}}.cards-wrapper{padding-top:8px;padding-bottom:90px}.single-cards{background-color:#f1f3f8}.single-cards-pic{margin:0 auto;width:135px}.single-cards-title{text-align:center;font-family:'Poppins-Light', serif;color:#0f4166;font-size:48px;margin-bottom:70px}.single-cards-content{display:grid;grid-template-columns:33.3% 33.3% 33.3%}.single-cards-item{max-width:370px;width:100%;height:180px;padding:45px 35px;margin-bottom:30px;background-color:#fff;border-radius:5px}.single-cards-item h3{font-family:'Poppins-Medium', serif;font-size:18px;margin-bottom:20px}.single-cards-item p{color:#666;line-height:1.71}.single-cards-item:hover{background-color:#0f4166;color:#fff;-webkit-box-shadow:0px 3px 40px 0 rgba(116,146,236,0.7);box-shadow:0px 3px 40px 0 rgba(116,146,236,0.7)}.single-cards-item:hover p{color:#fff}@media screen and (max-width: 1200px){.single-cards-content{display:grid;grid-template-columns:48% 48%}.single-cards-item{max-width:90%;margin:auto;margin-bottom:30px}}@media screen and (max-width: 850px){
.cards-wrapper{padding-bottom:30px}}@media screen and (max-width: 735px){.single-cards-content{display:grid;grid-template-columns:100%;margin:0 auto}.single-cards-item{max-width:80%;margin:auto;margin-bottom:30px}}@media screen and (max-width: 400px){.single-cards-title{font-size:32px;margin-bottom:20px}.single-cards-item{padding:35px 25px;height:150px}.single-cards-item h3{font-family:'Poppins-Medium', serif;font-size:14px;margin-bottom:10px}.single-cards-item p{color:#666;line-height:1.71;font-size:12px}.single-cards-item:hover{background-color:#0f4166;color:#fff;-webkit-box-shadow:0px 3px 40px 0 rgba(116,146,236,0.7);box-shadow:0px 3px 40px 0 rgba(116,146,236,0.7)}.single-cards-item:hover p{color:#fff}}.single-wrapper{background-image:none}
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color:darkcyan;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: whitesmoke;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #0f4166;
}
input:focus + .slider {
box-shadow: 0 0 1px #0f4166;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round
{
border-radius: 34px;
}
.slider.round:before
{
border-radius: 50%;
}
.events-text
{
text-align: justify;
line-height: normal;
font-size: 12px;
}
/* Place the navbar at the bottom of the page, and make it stick */
.navbar
{
background-color: #0f4166;
overflow: hidden;
position: fixed;
bottom: 0;
width: 100%;
}
/* Style the links inside the navigation bar */
.navbar a
{
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
/* Change the color of links on hover */
.navbar a:hover
{
background-color: #ddd;
color: black;
}
/* Add a color to the active/current link */
.navbar a.active
{
background-color: #4CAF50;
color: white;
}
.login-page
{
width: 100%;
}
@media screen and (min-width: 550px)
{
.login-page
{
margin: auto;
width: 40%;
}
}