/*
Theme Name: Ayurveda
Theme URI: 
Author: Anita
Description: Custom theme, Ayurveda
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: 
*/

@font-face{
		font-family:'Times New Roman';
		src:url('fonts/times.ttf');
	}
body{
	margin:0;
	font-family: 'Roboto', serif;
	background: #fff;
}
body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	font-family: Arial,sans-serif;
}
p{
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}
img{object-fit: cover;}
.nopadding{margin:0; padding:0;}
.noleft{padding-left: 0px;}
.noright{padding-right: 0px;}
/*--header--*/

.header {
    width: 100%;
    position: absolute;
    z-index: 999;
    background: rgba(186,215,246,0.5);
    padding: 0 2%;
}
.navbar-header {
    float: left;
    width: auto;
	/background:#fff;
}
.navbar-brand {
    float: left;
    padding: 0;
	height: auto;
}
.navbar-brand img {
	height: 70px;
	float: left;
	margin-right: 5px;
}
.navbar-brand h1 {
	color: #016adb;
	font-size:24px;
	font-weight: bold;
	display: inline-block;
	margin-top: 15px;
}
.navbar-brand h3 {
	color: #016adb;
	font-size:14px;
	font-weight: bold;
	display: inline-block;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0;
    border: transparent;
	background: transparent;
	/padding-top: 4em;
}
.navbar-nav {
    float: left;
    margin: 0;
    //width: 70%;
}
div#bs-example-navbar-collapse-1 {
    float: right;
    /width: 74%;
	/padding:10px 0;
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
.navbar-default .navbar-nav > li > a {
    color: #028F28;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}
.navbar-nav > li{margin: 10px 2px 0px 0px;}
.navbar-nav > li:last-child{border-right: none;}
.navbar-nav > li > a {
    padding: 15px 15px;
    font-size: 15px;
	font-family: 'PT Sans', sans-serif;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background-color: #EAFF00;
	/border-radius:5px;
	
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #000;
    background-color: #EAFF00;
	/border-radius:5px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #000;
    background-color: #EAFF00;
}
.dropdown-menu > li > a {
    display: block;
    padding: 8px 7px;
    clear: both;
    font-weight: bold;
    line-height: 1.42857143;
    color: #028F28;
	 font-size: 14px;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background: #016adb;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: rgba(186,215,246,0.5);
	border-radius:5px;
}
.dropdown-menu {
    border: none;
	background: rgba(186,215,246,0.8);
}
.navbar-default .navbar-nav > li.book > a{background: #EAFF00; color: #000;}
.navbar-default .navbar-nav > li.book > a:hover{//background: transparent; //color: #fff;}
/*-- //top-nav --*/
.social{padding-top:10px;}
/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0px;
	margin-right: 5px; 
}

.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoYoutube:hover {
	background-color:red;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icotiktok:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}

.social-network a.icoFacebook, .social-network a.icoTwitter,
.social-network a.icoGoogle, .social-network a.icoYoutube, .social-network a.icoLinkedin{
	background: #fff;
	
}

.social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoYoutube:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-network li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	text-align:center;
	width: 45px;
	height: 45px;
}
.social-network li i {
	margin:0;
	line-height:45px;
	text-align: center;
	font-size: 18px;
}

.social-network li a:hover i, .triggeredHover {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-network i {
	color: #cfcecd;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

/*--------slider----------*/
.jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 20px;
            height: 25px;
            /background: url('../slideBssics/b05.png') no-repeat;
			background: rgba(0, 0, 0, 0.7);
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; background: #fff; }
        .jssorb05 .av { background-position: -67px -7px; background:#fff; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('../slideBssics/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
        
.jssor_1{position: relative; margin: 0 auto 0 auto; top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden; visibility: hidden;float: left;}
#slidLdn{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
#slidLdng{position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;}
#uSlides{cursor: default; position: relative; top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;}
#slideCaption{position:absolute; left:50px; bottom: 10px; width:300px; height:300px;}
#prototype{width:20px;height:25px; background:#00a84f;}
#navig{bottom:16px;right:16px;}
#left{top:200px;left:50px;width:40px;height:40px; background:rgba(0, 0, 0, 0.7); color:#fff; padding: 10px 0 0 15px;}
#right{top:200px;right:50px;width:40px;height:40px; background:rgba(0, 0, 0, 0.7); color:#fff; padding: 10px 0 0 17px;}


/*-------main content---------*/
.services{padding: 3% 0; text-align: center;}
.services h5, .facilities h5{color: #737373; font-size: 18px; text-align: center; margin-bottom: 15px; font-weight: bold; font-family: 'Arial', sans-serif;}
.services h2, .facilities h2{color: #000; margin: 10px 0px; text-align: center; font-weight: bold; text-transform: capitalize; font-family: 'Arial', sans-serif;}
.services img{height: 250px; width: 100%;}
.image-index img{height: 300px; width: 100%;}
.services h4{background: rgba(2, 143, 40, 0.5); padding: 15px 0 15px 10px; color: #fff; font-size: 18px; 
    position: absolute; width: 100%; top: 84%; font-weight: bold; text-align: left;}

.image-block {
    width: 100%;
    height: 100%;    
	overflow: hidden;
	border: #807D7D;
}

.image-block img {
    -webkit-transition: all 2s ease; /* Safari and Chrome */
    -moz-transition: all 2s ease; /* Firefox */
    -ms-transition: all 2s ease; /* IE 9 */
    -o-transition: all 2s ease; /* Opera */
    transition: all 2s ease;
}

.image-block:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.about, .videos{background: #d9d8d9; padding: 4% 0;}
.about h2, .videos h2{color: #028F28; font-size: 22px; font-weight: bold; margin: 10px 0px 20px 0px; 
    text-align: center; text-transform: uppercase; font-family: Roboto;}
.about img{width: 100%; height: 250px;}
.about p{font-family: "Times New Roman"; font-size: 17px; text-align: center;}
.btn-theme{background: #F48121; border-color: #F48121; color: #fff; margin-top: 10px; font-size: 16px; padding: 10px 50px;}
.btn-theme:hover{background: #4b95e5; border-color: #4b95e5; color: #fff;}

.facilities{padding: 2% 0; background: #fff;}
.facility{
	-webkit-box-shadow: 1px 2px 15px 2px #807D7D; 
	box-shadow: 1px 2px 15px 2px #807D7D;
	text-align: center;
	height: 400px;
}
.facility img{width: 100%; height: 350px;}
.facility h4{padding: 13px 0; color: #000; background: #fff; text-transform: uppercase; font-size: 20px;}
.video h4{padding: 10px 0px; color: #333; text-transform: uppercase;; font-size: 18px; font-family: 'Roboto'; 
font-weight: bold; text-align: center;}
.video img{
    height: 300px;
}
.inner-page .video h4{
    color:#028F28;
    text-transform: capitalize;
}
.inner-page .video{margin-bottom: 4%;}
/*---------blog------*/
.blog{
	/*-webkit-box-shadow: 1px 2px 15px 2px #807D7D; 
	box-shadow: 1px 2px 15px 2px #807D7D;*/
	min-height: 420px;
}
.blog h3{min-height: 60px;}
.blog-top{margin-bottom: 10px;}
.blog img{max-width: 100%;}
.blog-top img{height: 260px; width: 100%;}
.blog-bottom img{height: 160px; width: 100%;}
.home-tag{background:#fff; position: absolute; color:#07912C; padding:5px; /margin-left:1%;}
.blog h3{background: #07912C; text-align: center;}
.blog-top h3{padding: 3% 0 3% 3%; }
.blog-bottom h3{padding: 3% 0 3% 23%; }
.blog a h3{color: #fff; font-size: 18px;}
/*------------ Testimonial Section------- */
.testimonial-section{padding: 3% 0;}
.testimonial-section h2{color: #028F28; font-size: 22px; font-weight: bold; margin-bottom: 15px; text-align: center; font-family: 'PT Sans', sans-serif; text-transform: uppercase;}
#quote-carousel p{display: inline;}
#quote-carousel {
    padding: 0 10px 30px 10px;
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 20px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
    width: 128px;
    height: 128px;
    opacity: 1;
    transition: all .2s;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}

/*-----------support------------*/
.support{
	background: #07912C;
	padding: 30px 0px;
	color: #fff;
	margin-top: 10px;
}
.support h3{font-weight: bold;}
.support p{margin: 5px 0px;}
/*----------footer---------*/
.footer, .copyright{background: #99ccff; color: #fff; padding: 1% 0;}
.widget{list-style: none;} 
.widgettitle{color:#333; font-size:20px; font-weight:600; margin-bottom: 10px; margin-top: 10px;}
.footer img{height: 100px;}
.footer h4{color: #333; border-bottom: 2px solid #fff; padding-bottom: 10px;}

.menu{list-style:none;}
.menu li{ padding-top:1%; padding-bottom:1%;}
.menu li a{color:#333; line-height:24px; font-size:15px; font-family: 'Arial', sans-serif; }
.menu li a:hover{text-decoration:none; color:#000;}
.menu-services .menu li a{text-transform: uppercase;}
.footer p{font-size:16px; line-height: 24px; font-family: 'Arial', sans-serif; color: #333;}

.copy-left{text-align:right; padding-top: 5px;}
.copy-right{text-align: left;}
.copyright, .copyright a{color:#333; font-size: 16px;}
.copyright a:hover{color: #333;}
.copyright img{width:15%;}

/*---------archive------*/
.archive-sidebar li{
    list-style: none;
    border-bottom: 1px solid #fff;
}
.archive-sidebar li a{
    color: #fff;
    background: #06CF49;
    border-left: 7px solid #00A84F;
    padding: 10px 0px 10px 10px;
    display: block;
    font-size:16px;
    font-weight: bold;
}
.archive-sidebar li a:hover{
    color: #fff;
    background: #00A84F;
    border-left: 7px solid #00A84F;
}

.archive-sidebar ul.menu li{
	list-style: none;
	border-bottom: 1px solid #fff;
	padding: 0px;
}
.archive-sidebar ul.menu li a{
	color: #fff;
	background: #06CF49;
	border-left: 7px solid #00A84F;
	padding: 10px 0px 10px 10px;
	display: block;
	font-size:16px;
	font-weight: bold;
}
.archive-sidebar ul.menu li a:hover{
	color: #fff;
	background: #00A84F;
	border-left: 7px solid #00A84F;
}
.archive-content{text-align: center;}
.archive-content{margin-bottom: 1%;}
.archive-content img{width: 100%; height: 230px;}
.archive-content .desc{
	background: #00A84F; 
	padding: 10px 0; 
	color: #fff;
}

.archive-loop{margin-bottom: 2%;}
.archive img{width: 100%; height: 300px;}
.archive h3{background: #07912C; text-align: center; padding: 3%;}
.archive h3 a{color: #fff; font-size: 18px;}

.news-content{
    margin:2% 0 3% 0; 
    -webkit-box-shadow: 1px 2px 15px -2px #807d7d;
    box-shadow: 1px 2px 15px -2px #807d7d;
}
.news-content img{width: 100%; height: 250px;}
.news-content .desc{
    background: #00A84F; 
    padding: 2%; 
    color: #fff;
    min-height: 75px;
}
/*-----------------inner page-------------------*/
.services-breadcrumb {
	/*background: #259E46;
	margin: 6% 0 1% 0;*/
    width: 100%;
    position: relative;
    height: 150px;
    background: url(images/banner.png) no-repeat;
    margin-bottom: 15px;
    padding: 80px 0px 20px 0px;
}
.breadcrumb{background: none;}
.breadcrumbs{
	padding: 15px;
	margin-bottom: 0px;
	background: transparent;
}
.breadcrumbs li{display: inline-block; padding: 0 5px;}
.breadcrumbs li a{color: #fff; font-size: 18px; font-weight: bold; font-family: 'Roboto';}
.breadcrumbs li a:hover{color: #000;}
.breadcrumbs li.separator{color: #fff;}
.breadcrumbs>.item-current{
	color: #fff; font-size: 18px; font-weight: bold; font-family: 'Roboto'
}

.breadcrumb{
    padding: 15px;
    margin-bottom: 0px;
    background: transparent;
}
.breadcrumb li a{color: #fff; font-size: 18px; font-weight: bold; font-family: 'Roboto';}
.breadcrumb li a:hover{color: #000;}
.breadcrumb>.active{
    color: #000;
    font-size: 18px; font-weight: bold; font-family: 'Roboto';
}
.breadcrumb > li + li:before {
    color: #fff;
}
.page-content{
	-webkit-box-shadow: 1px 2px 15px -2px #807D7D;
    box-shadow: 1px 2px 15px -2px #807D7D;
	padding: 2%;
	margin-bottom: 5%;
}
.page-content h3 {
    color: #424243;
    margin-bottom: 2%;
    font-weight: bold;
}
.page-content img{max-width: 100%; height: auto; margin-bottom: 10px;}
.page-content p{text-align: justify; font-size: 15px;}

.loop{margin-bottom:10px;}
.title-head{background: #F48121;}
.title{background: #028F28; height: 50px;}
.title h3{color: #fff; font-weight: bold; padding-top: 10px;}
.view a{color: #fff; font-size: 16px; display: block; padding-top: 15px;}

/*----sidebar loop---*/
.content-loop{background: rgba(140, 181, 224, 0.5); padding: 5px;}
.tag{background:#07912C; position: absolute; color:#fff; padding:5px; /margin-left:1%;}
span.date{font-size:22px; font-weight:bold;}
span.day{font-size:12px;}
.loop img{height: 100px; width: 100%;}
.loop a h4{font-size: 16px; font-weight: bold; padding: 10px 0 0 10px; color: #000;}

/*----archive banner--------*/
.archive-banner{margin-bottom: 10px;}
.archive-banner img{height: 400px; width: 100%;}
.archive-desc{background: rgba(255,255,255,0.6); position: absolute; width: 100%; top: 81%; color: #000; padding: 15px 45px;}
.archive-banner h4{font-size: 25px;}
.archive-banner p{font-size: 20px;}


/*-----------------//inner page---------------*/
.inner-page{
    margin-top: 70px;
}
.heading-block h3{
    font-family: 'Playfair Display',serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
}
.heading-block:after{
    content: '';
    display: block;
    margin-top: 20px;
    width: 40px;
    border-top: 2px solid #333;
    margin-bottom: 30px;
}
.inner-page .heading-block:after{
    border-top: 2px solid #000;
}
.heading-block h2{
    font-size: 30px;
    font-family: 'Playfair Display',serif;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
}
/*----------contact-------*/
.contact-map{
	border: 1px solid #ff8b07;
	margin-bottom: 3%;
}
.contact-map iframe{
	width: 100%;
}
h2.page-heading{
	margin-bottom: 2%;
	font-weight: bold;
    letter-spacing: 1px;
	color: #1c1c1c;
}
.form-group span{color:#000;}
.contact-form{padding-bottom: 10px;}
.contact-title{
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 20px;
}
.contact-title h3{
	font-size: 19px;
    color: #1c1c1c;
    text-transform: capitalize;
	font-weight: bold;
}
.contact-title:before{
	content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background: #f1f1f1;
}
/* .contact-title h3:after{
	content: '';
    position: absolute;
    left: 0px;
    bottom: -20px;
    width: 40px;
    height: 2px;
    background: #ff8b07;
} */
.contact-right p{
	margin-bottom: 15px;
	font-size: 14px;
	color: #ff8b07;
	font-family: "Roboto",sans-serif;
}
b.contact-label{
	position: relative;
    padding-right: 10px;
    font-weight: 600;
    color: #292929;
}
.btnsubmit{
	position: relative;
    display: block;
    line-height: 33px;
    margin-top: 10px;
    text-align: center;
    padding: 5px 30px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid transparent;
    background: #26b569;
    border-radius: 0px;
    z-index: 1;
    transition: .3s ease;
}
.btnsubmit:hover{
	color: #fff;
}
.branch-container{overflow:hidden;}
.marquee{
  display:block;
position:relative;
width:100%;
height:160px;
animation:scroll 10s linear infinite;
padding:3px;
}

.marquee:hover {
    animation-play-state: paused
}

.branch {
  //width:25%;
  height:150px;
  margin:3px;
  float:left;
}
.contact-branch{padding: 20px 0px;}
.contact-branch .branch{min-height: 190px; margin-bottom: 15px;}
.contact-branch .branch h3{margin-bottom: 5px; font-size: 20px; color: #efa31f;}
.contact-branch .branch p{margin: 0; font-size: 14px; color: #333;}
/*---------inner loop------*/
.inner-loop{margin-bottom: 20px; background: #fff; padding: 20px;
-webkit-box-shadow: 1px 2px 15px -2px #807D7D;
    box-shadow: 1px 2px 15px -2px #807D7D;
}
.inner-loop img{height: auto; width: 100%;}
.inner-loop h3{margin-bottom: 10px; padding: 0px; background: none; text-align: left;}
.inner-loop h3 a{color: #000; font-size: 24px;}
.inner-loop h3 a:hover{color: #259E46;}
.inner-loop p{text-align: justify;}

a.view-more{
	background: #259E46;
	padding: 10px 15px;
	border: 2px solid #259E46;
	float: left;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 5px;
}
a.view-more:hover{
	background: #a8a9ac;
	border: 2px solid #a8a9ac;
}
.gallery-grid img{height:190px; width:100%; margin-bottom:10%;}

/* Make it move */
@keyframes scroll{
0% {left:800px;}
100% {left:-800px;}
}
/*--------------------responsive----------------------------*/
@media(max-width:1440px){
	
}
@media (min-width: 1200px){
	
}
@media(min-width:1280px){
	li.dropdown:hover > .dropdown-menu{
		display:block !important;
	}
}
@media (max-width:1160px){
	
}
@media (max-width:1024px){
	.services-breadcrumb{margin: 7% 0 2% 0;}
	.archive img{height: 250px;}
	.archive-content img{height: 200px;}
}
@media screen and (max-width:768px){
	.navbar-nav > li > a{padding: 15px 11px;}
	.articles img, .services img, .video img{height: 200px;}
	.services h4{top: 75%;}
	.title h3{font-size: 16px;}
	.view a{font-size: 12px;}
	.blog, .facility{height: 290px;}
	.facility h4{font-size: 16px;}
	.facility img{height:250px;}
	.blog h3 a{font-size: 16px;}
	.blog-top h3{padding: 3% 0 3% 20%; }
	.blog-bottom h3 a{font-size: 14px;}
	.blog-top img{height: 100px;}
	.blog-bottom img{height: 80px;}
	.services-breadcrumb{margin: 9% 0 2% 0;}
	.archive img{height: 200px;}
	span.date{font-size: 12px;}
	.archive-content img{height: 150px;}
}
@media (max-width:540px){
	div#bs-example-navbar-collapse-1, .navbar-header {width:100%;}
	.header{position: relative; padding: 0px;}
	.noleft, .noright{padding: 0px;}
	.social h3{font-size: 15px; }
	.social-circle li a{height: 35px; width: 35px;}
	.social-circle li i{line-height: 35px; font-size: 16px;}
	.navbar-brand{width: 80%;}
	div#bs-example-navbar-collapse-1 {
		width:100%;
		padding:0px;
	}
	.navbar-nav{
		width:100%;
		margin-left: 0px;
	}
	.navbar-nav > li{border-right: 0px; border-bottom: 1px solid #fff;}
	.navbar-nav > li > a{padding: 10px 10px;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		border-bottom: 0px;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		border-bottom: 0px;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		border-bottom: 0px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color: #000;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color: #016adb;}

	.about img{height: auto;}
	.about, .videos {padding: 10% 0;}
	.copy-left{text-align: center;}
	.copy-right{text-align: center;}
	.articles img, .services img, .video img {height: 150px;}
	.services h4{top:68%;}
	.blog{min-height: 340px;}
	.blog-top img, .blog-bottom img{height: auto;}
	.service, .article{margin-bottom: 10px;}
	.footer-content{margin-bottom: 10px;}
	.counter{margin:20px 0px;}

	.page-content{margin-bottom: 10px; padding: 10px;}
	.services-breadcrumb{margin: 2% 0;}
	.sidebar{margin-bottom: 10px;}
	.title h3{font-size: 20px;}
	.view a{font-size: 14px;}
	
	.facility, .blog{height: auto; margin-bottom: 10px;}
	.facility img{height: auto;}
	.blog-loop{margin-bottom: 10px;}
	.archive-sidebar{margin-bottom: 10px;}
	.archive-content{padding: 0px; margin-bottom: 10px;}
	.archive-content img{height: auto;}
	.inner-page, .archive{padding-bottom: 10px; margin: 0px;}
	.archive-loop{padding: 0px;}
	.archive h3{padding: 5% 3% 5% 15%;}
	.archive img{height: auto;}
	.contact-left, .contact-right{padding: 10px;}
	.gallery-grid img{height:auto;}
}
@media (max-width:480px){
	.service, .video{width: 100%;}
	.video h4{text-align: left;}
	.slick-list{height: 180px;}
	.footer-content{overflow: auto;}
}
@media (max-width:350px){
	.navbar-brand{width: 75%;}
	.navbar-brand h1{font-size: 18px;}
	.navbar-brand h3{font-size: 10px}
	.label_skitter p{font-size: 14px;}
}
/*lazyload*/
.slideanim {}
.custom-slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

/* scroll to top */
.scrollup{
    position:fixed;
	width:32px;
	height:32px;
    bottom:0px;
    right:20px;
	background: #222;
	
}

a.scrollup {
	outline:0;
	text-align: center;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
	opacity:1;
	text-decoration:none;
}
a.scrollup i {
	margin-top: 10px;
	color: #fff;
}
a.scrollup i:hover {
	text-decoration:none;
}