/*
-------------------------------------------------------------- */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
html, body { outline:none; margin:0px; padding:0px;}
html{font-size:16px;}
body { color:#000; font-weight:400; background:#fff; font-family: 'Montserrat', sans-serif; line-height:130%; margin-top:153px;}
:focus {outline: 0;}
h1, h2, h3, h4, h5, h6{font-weight:700; margin:0px; line-height:110%; }
img {max-width:100% !important;height:auto !important;}
p {margin:0 0 10px 0;}
ul, ol{list-style:none; margin:0px; padding:0px;}
input:focus, textarea:focus, select:focus {outline:none;}
a{color:#3e3e3e; text-decoration:none;
-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	outline:0;
}
a:focus, a:active{outline:0 !important; text-decoration:none;}	
a:hover{color:#000;}
.container { margin:0px auto; width:100% !important; padding:0px 45px; }
div.wpcf7-response-output{float:left; width:100%; margin:20px 0px !important; font-size:19px;}
.btn, input[type="submit"]{ background-color:#24ba9e; font-size:0.9rem; display:inline-block; line-height:100%; border:2px solid #24ba9e; color:#fff; 
padding:17px 37px; text-align:center; cursor:pointer; font-weight:700; border-radius:40px; font-family:inherit; text-transform:uppercase;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	outline:0;
}
.btn:hover, input[type="submit"]:hover{ background-color:transparent; color:#24ba9e;}
.no-pad{padding:0px !important;}
.no-mar{margin:0px !important;}
.hundred{float:left; width:100%;}
.fleft{float:left;}
.fright{float:right;}
.bound{margin:0px auto; max-width:85%;}
.dark{color:#333;}
.clr{clear:both;}
span.wpcf7-not-valid-tip{font-size: 0.9rem; padding: 5px 0px 0px 10px; float: left; width:100%;}

.tip-btn{ position:fixed; z-index:99; color:#fff !important; text-align:center; border:2px solid #26c1a4; font-weight:600; border-right:0px; width:107px; line-height:120%; right:0px; top:170px; padding:18px 10px; border-radius:8px; border-top-right-radius:0px; border-bottom-right-radius:0px;
background: #44c4ff; /* Old browsers */
background: -moz-linear-gradient(top, #26c1a4 0%, #0F695F 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #26c1a4 0%,#0F695F 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #26c1a4 0%,#0F695F 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26c1a4', endColorstr='#0F695F',GradientType=1 ); /* IE6-9 */	
}
.overlaypop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  transition: opacity 100ms;
  visibility: hidden;
  opacity: 0;
  z-index:99999999999999999;
}
.overlaypop:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin:0px auto;
  padding: 8% 25% 5px 25%;
  width:100%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup .close {
  position: absolute;
  top:40px;
  right:40px;
  transition: all 200ms;
  font-size: 40px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
.popup .close:hover {
  color: #ff0000;
}
.popup .content { border:3px solid #0F695F; position:relative; width:100%; padding:40px; background-color:#fff; line-height:150%; text-align:center;
  overflow: auto;
}

/*=======================================================================================*/
#header{ padding:15px 0px; background:#fff; position:fixed; top:0px; left:0px; width:100%; z-index:999;}
.logo{}
.logo a{float:left; width:150px; height:123px; background:url(images/logo.png) 0 bottom no-repeat;}


#nav{float:right; margin:55px 0px 0px 0px;
-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#nav li{float:left; margin:0px 5px; text-align:center; line-height:80%; position:relative;}
#nav li:last-child{margin-right:0px;}
#nav li a{font-size:0.9rem; color:#000; font-weight:500; float:left; width:100%;}
#nav li:after{content:""; display:inline-block; width:12px; height:3px; background:#24ba9e; opacity:0;
-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#nav li.current-menu-item:after, #nav li:hover:after{opacity:1;}
#nav li.menu-item-has-children:after{display:none !important;}
#nav li ul{ position:absolute; top:10px; padding:22px 0px 6px 0px; left:50%; margin-left:-125px; width:250px; background:#24ba9e; z-index:9999999;
-webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
			opacity: 0;
			visibility: hidden; text-align:left;
-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.44);
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.44);
}
#nav li:hover ul{
top:27px;
opacity: 1;
 visibility: visible;
}
#nav li ul:before {
    content:"";
    position: absolute;
    left:49%;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #24ba9e transparent;
    z-index:9999;
}

#nav li ul li{padding-bottom:8px; margin:0px;}
#nav li ul li a{color:#fff; float:left; width:100%; padding:0px 10px;}
#nav li ul li:last-child{padding:0px;}

#header.sticky{ background:#fcfcfc;
	-webkit-box-shadow: 0 7px 5px 0 #d1d1d1;
	-moz-box-shadow: 0 7px 5px 0 #d1d1d1;
	box-shadow: 0 0 8px 0 rgba(209,209,209,0.7);
}
#header.sticky .logo a{height:38px;}
#header.sticky #nav{margin-top:13px;}
/*=================================================*/
a.tog{display:none; float:right; background:url(images/tog.png) 0 0 no-repeat; width:27px; height:21px; margin-top:6px;}
.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
   background-color:#0f695f;
    overflow-y: auto;
    transition: 0.5s;
}
.overlay .top{ padding:20px 0px;}
.overlay-content {
    position: relative;
    top:8%;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.overlay a {
    text-decoration: none;
    font-size:1.7rem; font-weight:300;
    color: #fff;
    display: block;
    transition: 0.3s;
	
}
.overlay a:hover, .overlay a:focus {
    color: #e2e2e2;
}
.overlay .logo a{/*max-width:100% !important; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);*/ background-image:url(images/logo-white.png);}
.overlay .closebtn { line-height:1rem; font-weight:400; padding:0px; float:right; font-size:3rem; margin-top:5px;}
.overlay-content{}
.overlay-content li{padding:5px 0px; float:left; width:100%;}
.overlay-content li a{padding:15px 20px; line-height:120%; float:left; width:100%; font-weight:300; font-size:1.8rem;}
.overlay-content li a:hover, .overlay-content li a:focus, .overlay-content li a:active{ color:#e2e2e2;}
/*=================================================*/
#banner{ background-repeat:no-repeat; background-position:left top; background-size:cover; height:540px; color:#032545; padding:130px 0px 0px 0px;}
#banner h1{ font-size:2.7rem; font-weight:400; line-height:120%;}
#banner h2{font-size:2.2rem; font-weight:200; margin-top:10px; }
#banner .btn{margin-top:50px;}
#banner .in{float:right; max-width:400px;}
#hm-page .row{line-height:150%;  text-align:center;}
#hm-page .row .sec-title, #contact .sec-title{font-size:3rem; font-weight:200; margin-bottom:23px; }
#contact .sec-title{text-align:center;}
#hm-page .row .bound{max-width:1000px;}
#hm-page .first{background:#fff; font-size:1rem; color:#7a7a7a; padding:80px 0px;}
#hm-page .first .sec-title, #contact .sec-title{ color:#032545; background:url(images/icon.png) center top no-repeat; padding:110px 0px 0px 0px;}
#hm-page .row p{margin-bottom:25px;}
#hm-page .row p:last-child{margin:0px;}
#hm-page .first strong{font-weight:500;}
.three-col{ margin-top:35px;}
.three-col .col{ float:left; display:inline-block; text-align:center; color:#7a7a7a; font-size:1rem; width:30.33%; padding:0px 5px; margin:0px 1.5%; line-height:150%;}
.three-col .col span{display:inline-block; text-align:center; width:140px; height:140px; border-radius:100%; border:3px solid #f3f9fd; margin-bottom:20px; background-position:center center; background-repeat:no-repeat;
-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.three-col .col:hover span{ border-color:#50c8b1;}
.three-col .col.correct span{background-image:url(images/correct.png);}
.three-col .col.awareness span{background-image:url(images/awareness.png);}
.three-col .col.breathing span{background-image:url(images/breathing.png);}
.three-col .col strong{float:left; width:100%; text-transform:uppercase; font-weight:700; color:#032545; margin-bottom:5px;}
.three-col .col em{display:block; font-style:normal;}
#hm-page .second{ background-color:#43c3ac; font-size:1.1rem; background-image:url(images/sec-two.jpg); background-position:right top; background-size:cover; background-repeat:no-repeat; color:#fff; padding:80px 0px;}
#hm-page .second .sec-title{ color:#fff; background:url(images/icon-white.png) center top no-repeat; padding:110px 0px 0px 0px;}
#hm-page .second strong{font-weight:500;} 
#contact {background:#f3f9fd; padding:80px 0px;}
#contact.third .bound{max-width:900px;}
#contact .sec-title{ color:#032545; background:url(images/icon.png) center top no-repeat; padding:110px 0px 0px 0px;}
#contact form{}
#contact form .hundred{margin-bottom:20px;}
#contact form .hundred .col{width:32%;}
#contact form .hundred .col.center{ margin:0px 2%;}
#contact form input[type=text], #contact form input[type=tel], #contact form input[type=email], #contact form textarea{width:100%; height:47px; background:#fff; border:none; border-radius:30px; padding:5px 22px; font-size:0.9rem; color:#000; font-family:inherit;}
#contact form textarea{padding:15px 22px; height:100px;}
#contact form .btn-row{position:relative;}
#contact form .btn-row .in{position:absolute; top:-25px; width:100%; text-align:center;}
#contact form input[type=submit]{width:50px; height:50px; border-radius:100%; border:none; padding:0px; background:#24ba9e url(images/arrow.png) center center no-repeat; text-indent:-9999px;}
div.wpcf7-response-output{font-size:1rem;}
#contact form input[type=submit]:hover{ background-color:#30cdb0;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000; opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
  color: #000; opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
  color: #000; opacity: 1;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
  color: #000; opacity: 1;
}
#footer{background:#092645; padding:70px 0px; color:#b6bec8; font-size:0.8rem; text-align:center;}
#footer .logo{margin-bottom:30px;}
#footer .logo img{display:inline-block;}
#footer .menu{width:100%; text-align:center; float:left;}
#footer .menu li{ text-align:center; display:inline-block; margin:0px 15px;}
#footer .menu li a{ font-weight:200; color:#4fa9dc; font-size:0.9rem;}
#footer .menu li a:hover{color:#8cd4fd;}
#footer .bot{margin:60px 0px 0px 0px; border-top:1px solid #2e4661; padding:10px 0px 0px 0px;}
#footer .copy{ width:40%; text-align:left;}
#footer p{margin:0px;}
#footer .bot .social{width:40%;}
#footer .bot .social a{float:left; margin:0px 0px 0px 15px;}
#footer .bot .social a:hover{margin-top:-5px;}
#footer .bot .social a.tweet img{margin-top:4px;}
#footer .bot .center{ width:20%; float:left; text-align:center; margin-top:-35px;}
#footer .bot .center #top{ cursor:pointer; display:inline-block; background:#092645; padding:0px 20px;}
#footer .bot .center #top span{width:50px; height:50px; float:left; border-radius:100%; background:#24ba9e url(images/arrow-top.png) center center no-repeat;}
#breathworks.anchor{margin-top:-100px; float:left; width:100%;}
.subtitle{ font-size:1.8rem; margin-bottom:20px; color:#000; font-weight:400;}
.subtitle span{float:left; border-bottom:2px solid #50c8b1; padding:0px 10px 6px 0px;}
.subtitle.mar-top{margin-top:25px;}
.text-caps{ text-transform:uppercase;}
/*==============================================================*/
.duration{color:#50c8b1; font-weight:400;}
#inner{}
#inner #banner{  height:350px; padding-top:120px;}
#inner #banner h1{font-size:3rem; font-weight:300; margin-bottom:20px;}
#inner #banner p{ font-size:1.1rem;  line-height:130%; font-weight:300;}
#inner #banner.what-is{background-image:url(images/what-is-bw.jpg);}
#inner #banner.courses{background-image:url(images/courses.jpg);}
#inner #banner.faq{background-image:url(images/faqs.jpg);}
#inner #banner.about{background-image:url(images/about-agp.jpg);}
#importance-of #banner p{max-width:600px;}
#inner #main-con{ padding:90px 0px 70px 0px; color:#6e6e6e; font-size:1.3rem; line-height:160%; font-weight:300;}
#inner #main-con .sec-title{color:#032545; font-size:2.4rem; font-weight:400;}
#inner #main-con .bound{ margin:0px auto; max-width:90%;}
#inner #main-con p{margin-bottom:35px;}
#inner #main-con p:last-child{margin:0px;}
#inner .divide{padding:80px 0px 100px 0px; border-top:2px solid #f3f9fd;}
#inner .accordion{ cursor:pointer; 	float:left; width:100%; position:relative; padding:10px 20px; background:#f3f9fd; margin-bottom:10px; color: #032545; font-size:1.2rem; font-weight:500;}
#inner .accordion-open{margin-bottom:0px;}
#inner #main-con .content{padding:30px 20px; font-size:1.2rem; line-height:140%; float:left; width:100%;}
#inner #main-con .content p{margin-bottom:25px;}
#inner #main-con p.less-mar{margin-bottom:15px;}
#inner #main-con .content p:last-child{margin:0px;}
#inner #main-con ul, #inner #main-con ol{list-style:circle; margin-left:20px; margin-bottom:20px;}
#inner #main-con ol{list-style:decimal;}
#inner #main-con ul li, #inner #main-con ol li{padding-bottom:10px;}
#inner #main-con ul.programme li, #inner #main-con ol.programme li{padding-bottom:15px;}
#inner #main-con .content a{color:#24ba9e;}
#inner .accordion:after{content:""; width:0; height:0; position:absolute; right:24px; top:45%; border-left:10px solid transparent; border-right:10px solid transparent;
 border-top:10px solid #032545;}
#inner .accordion-open:after{border-top:0px; border-bottom:10px solid #032545;}
#inner ul.tabs{ float:left; width:100%; border-bottom:6px solid #e0effa; margin:20px 0px 0px 0px !important; padding:0px; list-style:none;}
#inner ul.tabs li{float:left; width:33.33%; padding:13px 30px; text-transform:uppercase; border-right:10px solid #fff; color:#012644; font-size:1.1rem; list-style:none; cursor:pointer; font-weight:600; background:#f3f9fd;}
#inner ul.tabs li.current{ color:#000; background:#e0effa;}
#inner ul.tabs li:last-child{border:none;}
#inner .tab-content{display:none; float:left;  line-height:150%; width:100%; padding:30px 30px 0px 30px;}
#inner .tab-content.current{display:block;}
#inner .tab-content p{margin-bottom:22px !important;}
#about #banner p{max-width:500px;}
#importance-of{}
#inner #importance-of #main-con{padding-top:60px; padding-bottom:0px;}
#importance-of .bot{ margin-top:60px;}
#importance-of .bot .title-row{ background:#52b4ca; padding:25px 0px;}
#importance-of .bot .title-row p{color:#0b2543;}
#importance-of .bot .con-row{ background:#0c2643; color:#fff; padding:55px 0px;}
#inner #importance-of #main-con strong{ font-weight:600;}
#importance-of .bot .con-row p:last-child{margin-bottom:0px;}
#importance-of .bot .title-row.bg-grey{background:#efefef;}

#prog-page{}
#prog-page .top{}
#prog-page .top .col{float:left; width:33.33%; color:#000; padding:0px 25px; border-left:1px dashed #e2e2e2;}
#prog-page .top .col.first{padding-left:0px; border:none;}
#prog-page .top .col .number{font-weight:700; font-size:1.9rem;}
#prog-page .top .col .title{font-weight:500; font-size:1.2rem; margin-bottom:6px;}
#prog-page .top .col .text{font-weight:300; font-size:0.95rem; line-height:140%; margin-bottom:20px; min-height:85px;}
#prog-page .top .col .text strong{font-weight:600;}
#prog-page .top .col .session{font-weight:600; font-size:1.1rem; min-height:90px; padding-bottom:6px; line-height:150%; color:#56c7b1;}
#prog-page .beside{ padding:15px 30px; background:#56c7b1; font-size:1rem; color:#000; text-align:center; margin:40px 0px; font-weight:600;}
#prog-page .each-sess{ padding:25px 30px; background:#092645; font-size:1.1rem; color:#fff; text-align:left; margin-top:50px; font-weight:600;}
#prog-page .each-sess p{margin-bottom:5px !important;}
#prog-page .bot .col{float:left; width:25%; color:#000; padding:0px 25px; border-left:1px dashed #e2e2e2;}
#prog-page .bot .col.first{padding-left:0px; border:none;}
#prog-page .bot .col .title{font-weight:600; font-size:0.95rem; line-height:135%; margin-bottom:20px; min-height:62px;}
#prog-page .bot .col .session{font-weight:600; font-size:0.95rem; padding-bottom:6px; line-height:150%; color:#56c7b1;}
#prog-page .col form select{ float:left; width:48%; height:41px; border:1px solid #24ba9e; color:#24ba9e; margin-top:1px; font-size:1rem; font-family:inherit; font-weight:600; padding:5px 10px;}
#prog-page .bot .col form select{font-size:0.9rem;}
#prog-page .col form input[type=submit]{float:right; width:48%; text-align:center; padding:13px 15px; }
#prog-page .bot .col form input[type=submit]{ font-size:0.8rem;}
#prog-page .col .session.form{min-height:auto !important; margin-top:5px;}

#contact.pay-page{}
#contact.pay-page h1{text-transform:uppercase; font-size:1.2rem; margin-bottom:12px; font-weight:500;}
#contact.pay-page h1 span{font-weight:700; color:#082746;}
#contact.pay-page .tp p{margin-bottom:20px;}
#contact.pay-page .tp h4{ font-weight:600; color:#56c8b1; font-size:1.1rem; margin-bottom:10px;}

#prog-page #contact.pay-page .each-sess{margin-top:30px; background:#56c8b1; color:#000;}
#prog-page #contact.pay-page .each-sess.blue{ background:#092644; color:#fff;}

#prog-page #contact.pay-page form{float:left; width:100%; margin:30px 0px 0px 0px;}
#prog-page #contact.pay-page form .hundred{margin-bottom:20px; padding:0px 30px;}
#contact.pay-page form input[type=text], #contact.pay-page form input[type=tel], #contact.pay-page form input[type=email], #contact.pay-page form textarea {
    border-radius:0px; width:400px; max-width:100% !important; border:1px solid #56c8b1; height:44px; color:#56c8b1;
}
#contact.pay-page form input[type="submit"]{ width:auto !important; text-indent:0px !important; height:auto !important; padding:14px 26px; background-image:none; border-radius:20px;}
#contact.pay-page form input[type="submit"]:hover{color:#fff;}

#contact.pay-page form input::-webkit-input-placeholder, #contact.pay-page form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #56c8b1; opacity: 1;
}
#contact.pay-page form input::-moz-placeholder, #contact.pay-page form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #56c8b1; opacity: 1;
}
#contact.pay-page form input:-ms-input-placeholder, #contact.pay-page form textarea:-ms-input-placeholder { /* IE 10+ */
  color: #56c8b1; opacity: 1;
}
#contact.pay-page form input:-moz-placeholder, #contact.pay-page form textarea:-moz-placeholder { /* Firefox 18- */
  color: #56c8b1; opacity: 1;
}

#inner #gallery #banner { height:auto !important; padding:60px 0px; color:#fff; background-color:#26b8a3;}
#inner #gallery #banner span.dd{ font-size:1.2rem; margin-bottom:15px;}
#inner #gallery #banner h1{padding-right: 0%;}
.gal-row{ margin-top:-20px;}
.gal-row a{float:left; width:30%; margin:20px 1.5%; position:relative; overflow:hidden; border-radius:15px;}
.gal-row a img{ width:100% !important;}
.gal-row a b{background-color:rgb(0,0,0,0.6); background-image:url(images/glass.png); background-position:center center; background-repeat:no-repeat; background-size:30px auto; position:absolute; width:100%; height:100%; top:0px; left:0px; opacity:0;
-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.gal-row a:hover b{opacity:1;}
.fancybox-button--thumbs, .fancybox-button--play{display:none !important;}
.secure-img{margin-top:20px;}

.gal-landing .gal-row-box{
 -webkit-column-count: 3;
  -moz-column-count:3;
  column-count: 3;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
   margin: 0px 1.5em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}
.gal-landing .gal-row-box a{
 display: inline-block;
    background: #fff;
    margin: 0 0 2.5em;
    width: 100%;
	-webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.gal-landing .gal-row-box a span{position:relative; float:left; width:100%;}
.gal-landing .gal-row-box a .img{ margin-bottom:20px;
-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.gal-landing .gal-row-box a .name, .gal-landing .gal-row-box a .dd{ margin-bottom:15px; font-size:1rem; line-height:120%; padding:0px 15px;}
.gal-landing .gal-row-box a .name{font-size:1.1rem; font-weight:500;}
.gal-landing .gal-row-box a:hover .img{ }

.gal-landing .gal-row-box a .ot{position:relative; border-left:1px solid #e2e2e2; padding-bottom:40px;
-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.gal-landing .gal-row-box a .ot:before{content:""; width:30px; height:1px; background:#e2e2e2; position:absolute; bottom:0px; left:0px;
-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.gal-landing .gal-row-box a .ot .view{position:absolute; font-weight:600; font-size:0.9rem; float:none; width:auto; left:0px; bottom:-15px; padding-left:38px; text-transform:uppercase;
}
.gal-landing .gal-row-box a:hover .ot:before{ background:#555;}
.gal-landing .gal-row-box a:hover .ot{ border-color:#555;}


/*.gal-landing .gal-row-box a:nth-child(4), .gal-landing .gal-row-box a:nth-child(7), .gal-landing .gal-row-box a:nth-child(10), .gal-landing .gal-row-box a:nth-child(13){clear:left;}*/

#testi{padding:150px 0px 80px 0px; background:#fff url(images/testi.png) center 70px no-repeat; background-size:53px auto;}
#testi p{font-style:italic; line-height:155%; margin-bottom: 15px !important;}
#testi .slick-dots{bottom:-50px;}
#testi .slick-dots li button { display:none;}
#testi .slick-dots li{width:20px; margin:0px 5px; display: inline-block; height: 4px; background: rgba(31,31,31,0.2); cursor: pointer; border-radius:0px;
}
#testi .slick-dots li.slick-active {background:#24ba9e;}

/*============================================================================================*/
@media only screen and (max-width:1200px){
html{font-size:14px;}
body{margin-top:128px;}
.container{padding:0px 25px;}
.logo a{width:120px; height:98px; background-size:120px 98px;}
#header.sticky .logo a{height:30px;}
#nav{margin-top:45px;}
#nav li{margin:0px 3px;}
#nav li a{font-size:1rem;}
#banner{height:450px; padding:80px 0px 0px 0px; background-position:center top;}
#banner .in {max-width:350px;}
#hm-page .first, #hm-page .second, #contact{padding:55px 0px;}
.three-col .col span{width:120px; height:120px; background-size:60% auto !important;}
#hm-page .first .sec-title, #contact .sec-title, #hm-page .second .sec-title{background-size:70px auto !important; padding:80px 0px 0px 0px;}
#footer{padding:40px 0px;}
#inner #main-con{padding: 50px 0px 30px 0px;}
#inner #main-con p{margin-bottom:25px;}
#inner #banner{height:300px; padding-top:100px; background-position:right top;}
#inner #banner.impo-of{}
.bound{max-width:90%;}
#inner #main-con .bound{max-width:100%;}
#inner #importance-of #main-con{padding-top:50px;}
#importance-of .bot .con-row{padding:35px 0px 25px 0px;}
#inner .divide{padding:20px 0px 50px 0px;}
#inner ul.tabs{margin-top:10px !important;}
#inner ul.tabs li{padding: 12px 20px;}
#inner .tab-content{padding:25px 20px 0px 20px;}
#inner #gallery #banner {padding:45px 0px;}
}
@media only screen and (max-width:1150px){
#nav li{margin:0px 1px;}
#nav li a{font-size:0.95rem;}

}

@media only screen and (max-width:1023px){
body{margin-top:65px;}
.container{padding:0px 17px;}
.btn, input[type="submit"]{padding:14px 30px;}
#nav{display:none;}	
a.tog{display:block;}
.logo a{width:140px; height:35px; background-size:140px auto;}
#header.sticky .logo a{height:35px;}
#banner{height:350px; padding:60px 0px 0px 0px;}
#banner .in{max-width: 310px;}
#banner h1{font-size:2.3rem;}
#banner h2{font-size:2rem;}
#banner .btn{margin-top:30px;}
#hm-page .first, #hm-page .second, #contact{padding:50px 0px;}
#hm-page .row .sec-title, #contact .sec-title{font-size:2.5rem;}
.three-col .col span{width:90px; height:90px;}
#footer .bot .center{margin-top:-30px;}
#footer .bot .center #top{padding:0px 10px;}
#footer .bot .center #top span{width:40px; height:40px;}
.bound{max-width:100%;}
#inner #banner{height:260px; padding-top:90px;}
.bound{max-width:100%;}
#inner #banner h1{font-size:2.5rem; padding-right:30%; margin-bottom:8px;}
#inner #banner p{padding-right:30%;}
#inner #importance-of #main-con{padding-top:40px;}
#importance-of .bot {margin-top:40px;}
#inner ul.tabs{margin-top:0px !important;}
#inner ul.tabs li{padding:10px 15px;}
#inner .tab-content{padding:20px 15px 0px 15px;}
#inner #main-con{padding: 40px 0px 20px 0px;}
#prog-page .top .col, #prog-page .bot .col{width:100%; padding:25px 0px; border-left:none; border-top:1px dashed #e2e2e2;}
#prog-page .top .col.first, #prog-page .bot .col.first{padding-top:0px;}
#prog-page .top .col .text, #prog-page .top .col .session, #prog-page .bot .col .title, #prog-page .bot .col .session{ min-height:auto !important; padding-bottom:0px;}
#prog-page .top .col .text, #prog-page .bot .col .title{margin-bottom:10px;}
#prog-page .beside{ margin:10px 0px 40px 0px; line-height:130%;}
#prog-page .each-sess{margin-top:10px; margin-bottom:20px; line-height:130%;}
#inner .accordion{padding:10px 40px 10px 20px;}
#inner .accordion::after{border-width:8px; right: 20px;}
#inner #main-con .content{padding:20px 20px;}
#prog-page .col form select{ width:250px;}
#prog-page .col form input[type=submit]{ width:auto; float:left; margin-left:10px; padding:13px 35px;}
#prog-page .bot .col form input[type="submit"]{font-size:0.9rem;}
#prog-page .each-sess p{margin-bottom: 10px !important;}
#inner #gallery #banner {height:180px; padding-top:50px;}
#inner #gallery #banner{padding: 35px 0px;}
#testi{padding:110px 0px 60px 0px; background-position:center 45px; background-size:42px auto; font-size:1.1rem;}
#testi .container {padding: 0px 30px;}
}
@media only screen and (max-width:767px){
.overlay-content li a{font-size:1.3rem; padding: 5px 20px;}
#banner{height:280px; padding:40px 0px 0px 0px;}
#banner .in{max-width: 210px;}
#banner h1{font-size:1.8rem;}
#banner h2{font-size:1.6rem;}
#banner .btn{margin-top:20px;}
.btn, input[type="submit"]{padding:14px 25px;}
#hm-page .row .sec-title, #contact .sec-title{font-size:2.2rem;}
.three-col .col{ float:left; width:100%; padding:0px; margin:0px 0px 45px 0px;}
.three-col .col:last-child{margin-bottom:0px;}
.three-col .col span{width:80px; height:80px; margin-bottom:10px;}
#contact form .hundred .col{width:100%; margin-bottom:20px;}
#contact form .hundred .col.center{margin-left:0px; margin-right:0px; margin-bottom:20px;}
#contact form .hundred .col.fright{margin-bottom:0px;}
#footer{padding:25px 0px;}
#footer .copy, #footer .bot .social{width:100%; text-align:center;}
#footer .bot{border:none; margin-top:10px;}
#footer .bot .social .fright{width:100%; margin-top:10px;}
#footer .bot .social a{float:none; display:inline-block; margin:0px 5px;}
#footer .bot .center{display:none;}
#inner #banner{height:210px; padding-top:60px;}
#inner #banner h1{font-size:2.2rem;}
#inner #main-con{font-size:1.1rem;}
#inner #main-con .sec-title{font-size:2rem;}
#importance-of .bot .title-row{padding:20px 0px;}
#inner #banner.what-is{ padding-top:50px;}
#inner ul.tabs li{font-size:0.9rem; line-height:120%; height:50px;}
#inner .tab-content p {margin-bottom: 18px !important;}
#inner #main-con ul li, #inner #main-con ol li {padding-bottom:7px;}
#inner .accordion, #inner #main-con .content{ font-size:1rem;}
#prog-page .col form select{width: 150px;}
.secure-img{margin-top:0px;}
#inner #gallery #banner {height:160px; padding-top:50px;}
.gal-row{margin-top:-10px;}
.gal-row a{width:46%; margin:10px 2%; border-radius:7px;}
.gal-row a span{background-size:25px auto;}
/*.gal-landing .gal-row-box a:nth-child(4), .gal-landing .gal-row-box a:nth-child(7), .gal-landing .gal-row-box a:nth-child(10), .gal-landing .gal-row-box a:nth-child(13){clear:none;}
.gal-landing .gal-row-box a:nth-child(3), .gal-landing .gal-row-box a:nth-child(5), .gal-landing .gal-row-box a:nth-child(7), .gal-landing .gal-row-box a:nth-child(9), .gal-landing .gal-row-box a:nth-child(11), .gal-landing .gal-row-box a:nth-child(13){clear:left;}*/
#inner #gallery #banner {padding: 35px 0px;}

.popup {padding:24% 2% 5px 2%;}
.popup .close {top:20px;
  right:20px;
  font-size:35px;
}
.popup .content { border:2px solid #0F695F; padding:15px; font-size:0.95rem; }
.tip-btn{ width:90px; top:90px; padding:12px 8px;}
}
@media only screen and (max-width:800px){
.gal-landing .gal-row-box{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;	
}
.gal-landing .gal-row-box a .ot{padding-bottom:30px;}
.gal-landing .gal-row-box a .ot .view{bottom:-13px;}	
}
@media only screen and (max-width:480px){
.gal-landing .gal-row-box{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;	
}
.gal-landing .gal-row-box a .ot .view{bottom:-11px;}
.gal-landing .gal-row-box a .img{margin-bottom:10px;}
}

@media only screen and (max-width:400px){
#inner #banner h1, #inner #banner p{padding-right:10%;}	
#inner ul.tabs li{font-size:0.8rem; padding: 10px 10px; border-width:5px;}
.gal-row a{width:90%; margin:10px 5%; border-radius:7px;}

}
@media only screen and (max-width:350px){
#prog-page .col form select{width: 140px;}
#prog-page .col form input[type="submit"]{padding:13px 25px;}
}
