
html{
	width: 100%;
	height: 100%;	
}

body {
  background:url(../img/teddy-doodle.png);
  background-repeat: repeat;
  color: #000;
  font-family: "Lato",sans-serif;
  font-weight: 400;
  height: 100%;
  width: 100%;
  overflow-x:hidden;

}

p{
    font-size: 16px;
    line-height: 29px;
}

/* Headings */

h1 {
    font-size: 58px;
    margin-bottom: 10px;
    font-family: 'Alegreya sans',serif;
    margin-top: 20px;
    line-height: 55px;
    font-weight: 800;
    text-transform: uppercase;
}
 
h2 {	
	font-size: 52px;
	font-family: 'Alegreya sans',serif;
	text-transform:uppercase;
	color:#fff;
	padding: 30px;
	line-height: 60px;
	border-radius: 50%;
	display: inline-block;
	font-weight: 800;
	transform-origin: left center;
	transform: rotate(3deg);

}
 h2:before {	
 	content: "\f11a";
	font-family: 'Flaticon';
	font-weight: normal;
	position: absolute;
	top: -0.6em;
	left:45%;
	font-size: 65px;
}

section:nth-child(odd) h2 {transform: rotate(-3deg);}

h3 {
	font-family: 'Alegreya sans',serif;
	color:#333;
	font-weight:800;
	font-size: 46px;
	margin-top: 0px;
	position: relative;
}

h4 { 
	font-family: 'Alegreya sans',serif;
	font-size: 30px;
	border-radius:10px;
	color:#333;
	font-weight:800;
	text-transform:uppercase;
	margin-bottom:10px;
}

h5 {
	font-size: 28px;
    margin: 0;
    font-family: 'Alegreya sans',serif;
	color:#333;
}

h6 {
	font-size: 22px;	
	margin-bottom: 10px;
/*	text-transform: uppercase;*/
	font-family: 'Alegreya sans',serif;
	font-weight: 800;
	letter-spacing: 0.8px;
	color:#852d8e;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	text-transform:none;
	font-family: 'Lato',sans-serif;
}

/* Links */

a {transition: color .2s ease-in-out;}

a:hover,
a:focus {text-decoration: none;}

/* Others */

.subtitle {
	font-weight:500;
	font-size: 20px;
	letter-spacing: 0.3px;
}
 
.text-light {color: #fff;}

i {transition: all .2s ease-in-out;}


/*===========================
  Preloader
============================ */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
	background:#fff;
}

.preloader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 115px;
	height: 25px;
	margin: 0px 0 0 -55px;
	z-index: 1500;
}

.preloader span {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #B8DC3C;
  opacity: 0.5;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  animation: preloader 1.2s infinite ease-in-out;
}

.preloader span:nth-child(1) {
  left: 0px;
}

.preloader span:nth-child(2) {
  left: 22px;
  animation-delay: 0.2s;
}

.preloader span:nth-child(3) {
  left: 44px;
  animation-delay: 0.4s;
}

.preloader span:nth-child(4) {
  left: 66px;
  animation-delay: 0.6s;
}

.preloader span:nth-child(5) {
  left: 88px;
  animation-delay: 0.8s;
}

@keyframes preloader {
  25% { opacity: 0.7; background: #4C49A2; }
  50% { opacity: 1; box-shadow: 0 15px 3px rgba(0, 0, 0, 0.05); }
  75% { opacity: 0.7; background: #A31A48; }
}

/*===========================
  Navigation
============================ */

.navbar {
	margin-bottom: 0;
	z-index:99991;
}
		
.navbar-right {
	float: right!important;
	text-align:right;
}

.navbar-left {
    float: left;
	text-align:left;
	padding-left: 0px;
}

.navbar-nav > li > a {
  line-height: 58px;
  padding: 10px 20px; 
  transition: background .2s ease-in-out;
}
.nav.navbar-nav.page-scroll.navbar-left li {
	margin-left: 19px;
}


.navbar-custom ul.nav li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: rgb(255, 255, 255);
  font-family: oh_whaleregular;
  font-size: 18px;
  letter-spacing: 0.5px;
  text-align: center;
  transition: background 0.2s ease-in-out 0s;
  outline:none;
}

.navbar-custom ul.nav ul.dropdown-menu { 
	border-radius: 0px 0px 20px 20px;
	text-align: center;
	border: 0px;
}

.navbar-custom ul.nav ul.dropdown-menu li:last-child {border-bottom: none;}

.navbar-custom ul.nav ul.dropdown-menu li a {
	margin: 5px;
    line-height: 40px;
	display:inline-block;
}

/* Responsive navbar  */

.navbar-toggle:focus,
.navbar-toggle:active{outline: 0;}

.navbar-toggle{
	font-size: 35px;
	color: #fff;
	transition: all .2s ease-in-out;
	position: relative;
	float: right;
	border-radius: 50%;
	min-width: 70px;
}
.navbar-collapse {box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);}

/*===========================
  Logo
============================ */

.navbar-brand-centered {
  left: 0;
  margin: auto;
  padding: 55px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s ease-in-out 0s;
  width: 200px;
}
.navbar-brand-centered img {
  left: -91px;
  margin: auto;
  position: absolute;
  right: 0;
  top: -76%;
  width: 80%;
}
    
/* ===========================
 Main Slider
============================ */

#layerslider{
	padding-top:0px;
	border-bottom: 2px dashed;
	width:100% !important;
	height:700px!important;
}

.ls-bottom-nav-wrapper{
    margin-top: -40px!important;
	z-index:99!important;
}
/* Slider text boxes  */

.header-text {
	padding:30px !important;
	text-align:center;
	max-width:400px;
	background-color:#fff;
	box-shadow: 3px 3px 0px rgba(103, 102, 102, 0.1);
	border-radius: 225px 45px 325px 75px/15px 125px 35px 155px;
	border: 5px solid;
	left:10%!important;
	top:20%!important;
}

.header-text h1{margin-top:0px;}

/* Parallax itens  */

.parallax1{
	top:7%!important; 
   left:37%!important;
}

.parallax2{
	top:64%!important; 
   left:10%!important;
}
.ls-l.video{top:20%!important; left:40%!important;}

	
/*===========================
  Services
============================ */

.service {
	background-color:#fff;
    text-align: center;
	padding:30px;
	border-radius:20px;
}

.service h4 {
	text-align: center;
	margin: -65px 0 25px 0;
	position: relative;
	transition: background 0.5s ease-out;
	padding:15px;
	border-radius:10px;
	color:#fff;
	font-weight:800;
	text-transform:uppercase;
	display:inline-block;
	margin-bottom:10px;
}


/* ===========================
  Call Out
============================ */

#callout{
    background-color: #c6b89e;
	position:relative;
	overflow:hidden;
	margin-top: -9px;
}

#callout .container{
/*	position:relative;
	overflow:hidden;
	background-image: url(../img/kids.png);
	background-position:bottom right;  
	background-repeat:no-repeat;*/
}

/* CSS Sun */
   
.sun {
	float: left;
	z-index:99;
	position: absolute;
	margin: 30px;
	width: 80px;
	height: 80px;
}
.sun-face {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 80px;
	text-align: center;
	font-size: 1.5em;
	text-align: center;
	color: #4E0404;
}
.sun-leye,
.sun-reye {
	position: absolute;
	top: 1.45em;
	left: 0.75em;
	width: 0.4em;
	height: 0.9em;
	background: #565656;
	border-radius: 0.4em / 0.8em;
}
.sun-leye:after,
.sun-reye:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 0.4em;
	height: 0.1em;
	background: #ffdf05;
	content: '';
}
.sun-leye:before,
.sun-reye:before {
	position: absolute;
	bottom: 0.1em;
	right: -0.1em;
	width: 0.2em;
	height: 0.2em;
	background: #ffdf05;
	content: '';
	transform:rotate(45deg);
}
.sun-reye {
	left: auto;
	right: 0.75em;
}
.sun-lred,
.sun-rred {
	position: absolute;
	top: 2em;
	left: -0.2em;
	width: 0.7em;
	height: 0.35em;
	opacity: 0.6;
	background: #ff5e00;
	border-radius: 0.7em / 0.35em;
}
.sun-rred {
	left: auto;
	right: -0.2em;
}
.sun-smile {
	position: absolute;
	bottom: 0.8em;
	left: 50%;
	margin-left: -0.2em;
	width: 0.4em;
	height: 0.2em;
	background: #565656;
}
.sun-smile:after {
	position: absolute;
	bottom: -0.2em;
	left: 0;
	width: 0.4em;
	height: 0.2em;
	background: #565656;
	border-radius: 0 0 0.2em 0.2em;
	content: '';
}
.sun-smile:before {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -0.03125em;
	width: 0.0625em;
	height: 0.35em;
	background: #565656;
	content: '';
}
.sun-hlight {
	position: absolute;
	top: 0.6em;
	right: 0.6em;
	width: 0.35em;
	height: 0.35em;
	opacity: 0.8;
	background: #fcf0a3;
	border-radius: 0.35em;
}
.sun-anime {
	width: 100%;
	height: 100%;
	animation: sunrolling 30s infinite;
}
.sun-ball {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background: #ffcf11;
	background-image: radial-gradient(circle, #ffdf05, #ffdf05);
	box-shadow: 0 0 100px #ffdf05;
}
.sun-light {
	position: absolute;
	top: -30%;
	left: 50%;
	width: 2px;
	height: 160%;
}
.sun-light b,
.sun-light s {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 12%;/* 100*30/100=18.75 */
	background: #fed65b;
}
.sun-light s{
	top: auto;
	bottom: 0;
}
.sun-light:nth-child(10n+2) {transform:rotate(18deg); }

.sun-light:nth-child(10n+3) {transform:rotate(36deg);}

.sun-light:nth-child(10n+4) {transform:rotate(54deg);}

.sun-light:nth-child(10n+5) {transform:rotate(72deg);}

.sun-light:nth-child(10n+6) {transform:rotate(90deg);}

.sun-light:nth-child(10n+7) {transform:rotate(108deg);}

.sun-light:nth-child(10n+8) {transform:rotate(126deg);}

.sun-light:nth-child(10n+9) {transform:rotate(144deg);}

.sun-light:nth-child(10n+10) {transform:rotate(162deg);}

/* Sun Animation*/
   
@keyframes sunrolling {
	0%   {transform:rotate(0deg); }
	100% {transform:rotate(180deg); }
}

/* Clouds  */

.cloud {
  width: 250px;
  height: 60px;
  position:absolute!important;
  background-color: white;
  border-radius: 200px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -moz-box-shadow: 9px -7px 0 0 #f7e7eb inset;
  -webkit-box-shadow: 9px -7px 0 0 #f7e7eb inset;
  box-shadow: 9px -7px 0 0 #f7e7eb inset;
}

.cloud:before, .cloud:after {
  content: '';
  position: absolute;
  background-color: white;
  width: 120px;
  height:120px;
  top: -75px;  
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;  
  transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -webkit-transform: rotate(30deg); 
  -moz-box-shadow: 10px 3px 0 0 #f7e7eb inset;;
  -webkit-box-shadow: 10px 3px 0 0 #f7e7eb inset;
  box-shadow: 10px 3px 0 0 #f7e7eb inset;
}

.cloud:after {
  width: 90px;
  height: 90px;
  top: -45px;
  right: 25px;
}

.cloud:before {left: 25px;}

.x1 {
	margin-left: -1%;
	top:100px;
	-webkit-animation: moveclouds 75s linear infinite;
	-moz-animation: moveclouds 75s linear infinite;
	-o-animation: moveclouds 75s linear infinite;
}

.x2 {
  margin-left: -1%;
  top:200px;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);   
  -webkit-animation: moveclouds 40s linear infinite;
	-moz-animation: moveclouds 40s linear infinite;
	-o-animation: moveclouds 40s linear infinite;
}

.x3 {
  margin-left: -2%;
  top: 270px;
  transform: scale(0.3);
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -o-transform: scale(0.3);
  opacity: .8;  
  -webkit-animation: moveclouds 55s linear infinite;
	-moz-animation: moveclouds 55s linear infinite;
	-o-animation: moveclouds 55s linear infinite;
}

.x4 {
   margin-left: -1%;
   top:360px;
   transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);  
  -webkit-animation: moveclouds 28s linear infinite;
	-moz-animation: moveclouds 28s linear infinite;
	-o-animation: moveclouds 28s linear infinite;
}

.x3 {
  margin-left: -1%;
  top: 200px;
  transform: scale(0.3);
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -o-transform: scale(0.3);
  opacity: .8;  
  -webkit-animation: moveclouds 55s linear infinite;
	-moz-animation: moveclouds 55s linear infinite;
	-o-animation: moveclouds 55s linear infinite;
}

.x4 {
   margin-left: -75%;
   top:300px;
   transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);  
  -webkit-animation: moveclouds 28s linear infinite;
	-moz-animation: moveclouds 28s linear infinite;
	-o-animation: moveclouds 28s linear infinite;
}

.x5 {
  margin-left: -1%;
  top:280px;
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6); 
  -webkit-animation: moveclouds 35s linear infinite;
	-moz-animation: moveclouds 35s linear infinite;
	-o-animation: moveclouds 35s linear infinite;

}

.x6 {
  margin-left: -1%;
  top: 190px;
   transform: scale(0.2);
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -o-transform: scale(0.2);
  opacity: 0.7; 
   -webkit-animation: moveclouds 31s linear infinite;
	-moz-animation: moveclouds 31s linear infinite;
	-o-animation: moveclouds 31s linear infinite;
}

.x7 {
  margin-left: 1%;
  top: 400px;
   transform: scale(0.2);
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -o-transform: scale(0.2);
  opacity: .7;
   -webkit-animation: moveclouds 40s linear infinite;
	-moz-animation: moveclouds 40s linear infinite;
	-o-animation: moveclouds 40s linear infinite;
}

/* Clouds  Animation*/

@-webkit-keyframes moveclouds {
	0% {left: -20%;}
	100% {left: 100%;}
}

@-moz-keyframes moveclouds {
	0% {left: -20%;}
	100% {left:100%;}
}

@-o-keyframes moveclouds {
	0% {left: -20%;}
	100% {left:100%;}
}

/* ===========================
--- About Us
============================ */

.p0{padding:0 !important;}

/* Slider */

#owl-about{background-image: url(../img/kidsbg.png);}

#owl-about img{border-radius:50%;border:10px solid;}

/* Feature icons */

#about .media i{font-size:90px;
    margin: 20px;
    padding: 10px;
    vertical-align: middle; 
}  
 
.row.features{margin: 40px 0 40px;}

.row.features .media{margin-top: 0px;}

/* Quote */

blockquote {
	border-left: none;
	margin:0;
	padding:0;
	text-align: center;
}
    
.quote-test:before {
  content: "\f110";
  font-family: 'Flaticon';
  font-size: 2.3em;
  line-height: 0.1em;
  margin-right: 0.1em;
  vertical-align: 0.2em;
}
.quote-test {margin-top:17px;}

.quote-test p {font-size:18px; display:inline;}
	
.quote-test small{
	margin-top: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
}

blockquote small:before{display:none;}

.quote-test i{margin-right:10px;}

/*===========================
  Team
============================ */ 
 
#team {
	background-image: url(../img/bggrass.png);
	background-position:bottom center;  
	background-repeat:repeat-x;
}

.row.team {margin-bottom:20px;}

/* Team slider*/

#owl-team {
	background:#fff;
	border-radius:20px;
}

.team-item {
  color: #fff;
  position: relative;
}

.team-item img {
  padding:10px;
  max-width: 100%;
  border-radius:50%;
  box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
  transition: all 0.3s;
  border: 10px solid;
}

.team-item .team-caption {
    bottom: 0px;
    right: -10px;
	transition: all 0.3s;
    position: absolute;
    padding: 10px;
	  text-align:center;
    border-radius: 20px;
}

.team-item .team-caption h4,
.team-item .team-caption p {
  margin: 0;
  color: #fff !important;
  font-weight:700;
  padding:0px;
}

.team-item:hover img {border:10px solid}
 

/* ===========================
--- Activities
============================ */

#activities{
	background-image: url(../img/bgdots.png),url(../img/bgdots2.png);
	background-position:center left,center right;  
    background-repeat:no-repeat;
	background-color:#c6b89e;
}

#activities .tab-content {
    padding: 60px;
    border-radius: 20px;
}

.tab-pane h4 i{margin-right:10px;}

/* fade tab transition */

.fade {
	opacity: 0;
	transition: opacity 0.55s linear;
}


/* ===========================
--- Gallery
============================ */	

.portfolio-item{
	margin: 10px;
    position:relative;
}

/* Isotope */

.isotope-item { z-index: 2 }
.isotope-hidden.isotope-item { z-index: 1 }
.isotope,
.isotope .isotope-item {transition-duration: 0.8s;}

.isotope-item {
    margin-right: -1px;
    backface-visibility: hidden;
}

.isotope {transition-property: height, width;}

.isotope .isotope-item {transition-property: transform, opacity;}

/* Gallery */

.gallery-item.selected img {transition: opacity 1s ease-in-out;}

.gallery-thumb {
    display: block;
    position: relative;
    overflow: hidden;
	border-radius: 50%;
	box-shadow:6px 6px 0px rgba(103, 102, 102, 0.2);
	height: 320px;
}

.scrollimation .gallery-thumb {
    transform: translateY(100px);
    opacity: 0;
    transition: opacity .4s ease-out, transform .4s ease-out;
}

.touch .scrollimation .gallery-thumb,
.scrollimation .gallery-thumb.in {
    transform: translateY(0px);
    opacity: 1;
}

/* thumbnail Overlay */

.gallery-thumb .overlay-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
	border-radius: 50%;
    transition: opacity .3s ease-out;
}

.gallery-thumb:hover .overlay-mask {opacity:1;border:10px solid ;}

.gallery-thumb .link {
    display: inline-block;
    margin: 0;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    opacity: 0;
    position: absolute;
    height: 80px;
    width: 80px;
    bottom: 0%;
	vertical-align:middle;
    left: 50%;
    text-align: center;
    z-index: 3;
    margin-left: 20px;
    transform: translateX(-200px);
    transition: all .3s ease-out;
	border-radius:50%;
}

.gallery-thumb:hover .link {
    transform: translate(0);
    opacity: 1;
    transition: all .3s ease-out .3s;
}

.gallery-thumb .link.centered {
    margin-left: -32px;
    transform: translateY(200px);
    transition-delay: 0s;
}

.gallery-thumb i {transition: all 0.2s ease-in-out;color:#fff;}

.gallery-thumb:hover .link.centered {
    transform: translateY(0);
    transition-delay: 0.1s;
	line-height:70px;
}


/*===========================
 Latest Blog Posts & Blog Pages
============================ */

/*Latest Blog posts */

#latestblog{
	background-image: url(../img/bg1.png);
	background-position:center;  
	background-repeat:repeat-x;
}

.blog-preview {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	text-align: left;
	line-height: 1.4em;
	border-radius:20px;
	padding: 0px;
	transition: all .3s ease-out;
	background:#fff;
} 

.blog-preview img {
	min-width: 110% !important;
	margin: 0px 0px 0px -20px;
}

.blog-preview .latest-caption {
	padding: 0 25px 35px;
	position: relative;
	transition: all .2s ease-in-out;
}

.blog-preview .latest-caption:before {
	position: absolute;
	transition: all .3s ease-out;
	content: '';
	bottom: 100%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 55px 0 0 700px;
	margin: 0px 0px 0px -20px;
}

.blog-preview .latest-caption:before {border-color: transparent transparent transparent #fff;}

.blog-preview h5 {
  margin: 0 0 10px;
  line-height: 1.2em;  
}

/****** Blog pages ******/

/* SVG clouds */

#deco-clouds2 path {
	fill: #fff;
	stroke: #fff;
}

/*Headers */

.blog-post h3 {margin:20px 0 10px;}

#blog-page h5 {margin-bottom :10px;}

#blog-page .btn{float: right;}

/* blog forms */

#blog-page .form-control {border : solid 1px #cecece;}

#blog-page .form-group {margin:0px;}

/* blog parallax objects */

.blog-object1{ 
	position:absolute;
	top:34%;
	left:0;
	z-index:99;
}

.blog-object2{  
	position:absolute;
	top:34%;
	right:0;
	z-index:99;
}

/* blog jumbotron and well */

.blog.jumbotron {
	background : url(../img/blogheader.html) no-repeat;
	background-size:cover;
	background-position :top center;
	padding:6%;
	color:#fff;
	margin-top: 68px;
	border-bottom: 2px dashed;
}

.sidebar .well{padding: 19px 5px;}

.blog.jumbotron .well {background:transparent; border:0px;}
.mb-40{margin-bottom:40px;}

/* date & category badge */

.date-category {
	position: absolute;
	z-index: 10;
	color: #fff;
	border-radius: 0% 0% 50%;
	min-width:130px;
	min-height:130px;
	padding-top: 20px;
	box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}

.date-category p {color : #fff;}

/* Blog home */

.blog-home {
   padding: 0px 40px 0px 40px;	
	border-right: 1px dashed #cecece;
 }

/* Post info */

.post-info {
	margin-bottom: 10px;
}
.post-info p {
	margin-right: 5px;
	display: inline-block;
	font-weight:700;
}
.post-info p + p {
    line-height: 0px !important;
}
.post-info i {
	margin-right: 5px;
}

/* blog post */

.blog-post {	
	border-bottom: 1px dashed #cecece;
	padding:40px 0px 40px;
	transition: all 0.2s ease-in-out;

}
.blog-post:last-child {border-bottom: 0px;}

.blog-post:first-child{padding-top:0px;}

.blog-post i {margin-right : 5px;}

.single-page .blog-post h3{margin-top:0px;}

.post-main img{margin-bottom:20px;}

/* Blog tags */

.blog-tags a {
	padding : 10px;
	color : #fff;
	display : inline-block;
	font-size : 16px;
	line-height : 11px;
	border-radius : 10px;
	margin-bottom : 5px;
	margin-right : 2px;
	text-decoration : none;
	font-family: 'Alegreya sans',serif;
}

.blog-tags a:hover {color : #fff;}

.post-info .blog-tags {margin-top:20px;}

/* Comments */

.comments-block{
	padding:20px; 
	margin:30px 0px 60px 0px;
}

.comment.media-body {margin-right: 10px;}

.comments-block .btn{padding: 5px;}

.comments-block .media-object{
	max-width:120px;    
   float: left;
   margin-right:10px;
}

.comment {
  margin: 40px auto 20px;
  border: 1px dashed;
  padding: 30px;
  position: relative;
}

.comment {
  border-top-left-radius: 120px 15px;
  border-top-right-radius: 90px 5px;
  border-bottom-left-radius: 10px 90px;
  border-bottom-right-radius: 110px 20px;
}

.comment:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid #313a47;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 21px;
  left: -15px;
}

.comment .content:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-right: 13px solid #cc3925;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  position: absolute;
  left: -13px;
}
.nested {display: inline-block;}

/* Blockquote */

#blog-page blockquote {
    padding: 30px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 0;
	font-weight: 700;
	border-radius:20px;
}

#blog-page blockquote:before {
 content: "\f110";
  font-family: 'Flaticon';
  font-size: 2.3em;
  line-height: 0.1em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}


/*===========================
 Prices
============================ */

#prices {
	background-image: url(../img/bgcity.png);
	background-position:bottom center;  
	background-repeat:repeat-x;
}

#prices .col-lg-4{padding:0px;}

.pricing .btn{margin-bottom: 70px;}

.pricing-item {
  position: relative;
  text-align: center;
}

.pricing-feature-list li {
   padding: 10px;
    font-size: 17px;
}

.pricing-palden .pricing-item {
  background: #fff;
  border-radius: 20px;
}

.pricing-palden .pricing-item {margin: 2em 0em;}

.pricing-palden .pricing-item-featured {
	margin: 0;
	z-index: 10;
	box-shadow:0 0 40px rgba(134, 132, 132, 0.69);
}

.pricing-palden .pricing-deco {
  border-radius: 10px 10px 0 0;
  padding: 4em 0 9em;
  position: relative;
 transition: background-color 0.3s;
}

.pricing-palden .pricing-deco-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
}
.pricing-item-featured.float:hover {box-shadow:0 0 40px rgba(134, 132, 132, 0.69);}

.pricing-palden .pricing-title {color: #fff;}

.pricing-palden .deco-layer {transition: transform 0.5s;}

.pricing-palden .pricing-item:hover .deco-layer--1 {transform: translate3d(55px, 0, 0);}

.pricing-palden .pricing-item:hover .deco-layer--2 {transform: translate3d(-35px, 0, 0);}

.pricing-palden .pricing-price {
  font-size: 5em;
  padding: 0;
  color: #fff;
  margin: 0 0 0.25em 0;
  line-height: 0.75;
  font-weight: 700;
}

.pricing-palden .pricing-currency {
  font-size: 0.35em;
  vertical-align: top;
}

.pricing-palden .pricing-period {
  font-size: 0.25em;
  font-style: italic;
}

.pricing-palden .pricing-feature-list {
  margin: 0;
  padding: 5px;
  list-style: none;
  text-align: center;
}

.pricing-palden .pricing-feature {padding: 1em 0;}

.pricing-palden .pricing-action {
  margin: auto 3em 2em 3em;
  padding: 1em 2em;
  color: #fff;
  border-radius: 30px;
  transition: background-color 0.3s;
}

.pricing-palden .pricing-item--featured .pricing-deco {padding: 5em 0 8.885em 0;}


/*===========================
 Call to Action
============================ */

#call-to-action{
	background-image: url(../img/calltoactionbg.jpg);
	background-size:cover;
	background-position:center center;  
	background-attachment: fixed;
	background-repeat:no-repeat;
	border-width: 10px 0px 10px 0px;
	border-style: solid;
}


/*===========================
  Contact
============================ */

#contact i{
	font-size:25px;
	vertical-align:middle;
	margin-right:5px;
}

#contact h4{text-align:center;}

.contact-info p:first-child {margin-left: 0px;}

.contact-info p {
	margin-left: 10px;
	display: inline-block;
}

/*Map */

#map-canvas {
	max-width:100%;
	height: 300px;
	margin:20px 0 20px;
	border-radius:20px;
}


/*===========================
  Footer
============================ */

/*Cloud divider */

.cloud-divider {
  height: 80px;
}
.cloud-divider2 {
  background: rgba(0, 0, 0, 0) url("../img/cloude.png") no-repeat scroll;
  height: 144px;
  left: 0;
  position: absolute;
  right: 0;
  top: 635px;
  z-index: 99999;
  background-size: 100% AUTO;
  BACKGROUND-position: 0px 0;
}


.cloud-divider3 {
  background: rgba(0, 0, 0, 0) url("../img/cloude2.png") no-repeat scroll 0 0 / 100% auto;
  bottom: 56px;
  height: 61px;
  left: 0;
  position: relative;
  right: 0;
  z-index: 99;
}
.container-fluid.cloud-divider.white {background-color:#fff;}

.container-fluid.cloud-divider{padding:0px;}


/*Instagram */

.instagram{margin-bottom: 20px !important;}

#instafeed a {
	padding:5px 5px 1px 5px;
	margin:5px;
	display:inline-block;
	position:relative;
	transition: background-color .5s ease-in-out;
}

#instafeed img {
	border-radius: 50%;
	width: 90px;
}

#instafeed .likes {
    font-size: 16px;
    position: absolute;
    color: #fff;
    right: 5px;
    top: 5px;
    left: 5px;
    opacity: 0;
    text-align: center;
	font-family: 'Lato',sans-serif;
    font-weight: 700;
}

/* Instagram Hover effect */

#instafeed a:hover .likes {
    opacity: 1;
    border-radius: 90px 90px 0 0;
    width: 90px;
    height: 50%;
    line-height: 50px;
}

/* footer */

footer {
  padding: 0 0 30px;
  background-color: #172321;
}
footer p{
	text-align:center;
	color:#fff;
}

footer h6{margin-top:30px;}

footer table {
color:#fff;
   font-weight: 600;
   font-size:16px;
}
footer table>tbody>tr>td{line-height: 2em;}

footer img{max-width: 130px;}

/* Mailchimp message */

#mce-error-response,
#mce-success-response{display:none;}

/* Go to top icon */

.back-to-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 12px;
	z-index:99999;
}

.back-to-top i {
    display: block;
    width: 44px;
    height: 44px;
    line-height: 40px;
	font-size:22px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    transition: all 0.2s ease-in-out;
}

/*===========================
  Miscellaneous
============================ */

/* Parallax objects */

.parallax-object1{
	position:absolute;
	top:auto;
	margin-top:100px;
	right:0;
	z-index:99;
}

.parallax-object2{
	position:absolute;
	top:auto;
	left:0;
	z-index:99;
}

.parallax-object3{
	position:absolute;
	top:auto;
	left:0%;
	z-index:99;
}

/* Owl-carousel */

.owl-carousel {padding:40px;}

.owl-carousel .owl-item {perspective: 1000px;}

.owl-prev,.owl-next{
      position: absolute;
    top: 50%;
    margin-top: -50px;
    text-align: center;
	background:rgb(52, 50, 124);
} 
.owl-prev{
	border-radius: 0% 50% 50% 0%;
    left: 0px;
    box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
 .owl-next {
   border-radius: 50% 0% 0% 50%;
	right: 0px;
    box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}

.owl-prev:hover, .owl-next:hover {transition: all .3s ease-in-out;}

.owl-prev i, .owl-next i {
	color:#fff;
    font-size: 30px;
    padding: 20px 10px;
}

.owl-carousel.owl-loaded {
    display: block;
    clear: both; /* Important fix */
}

.owl-dots{
	text-align:center; 
	margin-top:20px;
} 

.owl-theme .owl-dots .owl-dot{display:inline-block;}

.owl-theme .owl-dots .owl-dot span{
	border: 2px solid #cecece;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 1rem;
	height: 1rem;
	margin: 0 0.5rem;
	border-radius: 50%;
	cursor: pointer;
	color:#333;
}

.owl-theme .owl-dots .owl-dot span:before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	transition: transform 0.3s;	
	transform: translate(-50%, -50%) scale(0);
}

.owl-theme .owl-dots .owl-dot span:hover:before {
	transform: translate(-50%, -50%) scale(1);
}

.owl-theme .owl-dots .owl-dot.active span:before {
	transform: translate(-50%, -50%) scale(1);
}

/* Big triangle SVG divider */

.trianglePath1 {
  fill: #172321;
  stroke: #172321;
}

/* Cloud top divider */

#deco-clouds1.head {
    margin-top: -100px;
    z-index: 3;
    position: relative;
}

#deco-clouds2.head {
    top: -120px;
    z-index: 3;
    position: relative;
	margin-bottom: -50px;
}
/* Page width */

.full {
	width:100%;
	background:#fff;
}
	
/* Float on hover Effect */

.float {transition: margin 0.5s ease-out,box-shadow 0.5s ease-out;}

.float:hover {
	 margin-top: -20px;
     box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);	
}

/* Sections */

section .container,
section .container-fluid  {
	padding-top: 54px;
    padding-bottom: 22px;
}

.small-section .container {padding:70px 0 70px 0;}

section{background:transparent;}

/* dividers */

hr {
	max-width:100px;
	height:5px;
	background:url(../img/hr.png) no-repeat top center;
	border:none !important;
}

/* Sections heading */

.section-heading{
	margin-bottom:90px;
	text-align:center;
	z-index:99;
}

/* elements page */

.elements {
	margin-top:40px;
	margin-bottom:40px;	
}
.elements h5 {
	margin: 20px 0 20px;
    border-bottom: 1px dashed;
}

.glyph {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.glyph .glyph-icon {
	padding: 10px;
	display: block;
	font-family:"Flaticon";
	font-size: 44px;
	line-height: 1;
}
.glyph .glyph-icon:before {
	font-size: 42px;
	color: #222;
	margin-left: 0;
}
.page-header {border-bottom: none;}

/* Img Shapes */

.img-circle {box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);}

.img-rounded {box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);}

.img-curved {
	border-radius: 225px 45px 325px 75px/15px 125px 35px 155px;
    box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}

.tabbable h4 {
	font-family: "Lato",sans-serif;
	font-weight: bold;
	font-size: 36px;
	text-transform: none;
}

/* Image Gradient Hover effect */

.img-effect {overflow:hidden;}

.img-effect img{transition: opacity 0.7s, transform 2.5s;}

.img-effect:hover img {
	opacity: 0.4;
	transform: scale3d(1.2,1.2,1);
}
.img-effect.no-grad:hover img {
	opacity: 1;
	transform: scale3d(1.2,1.2,1);
	background: 0;
}

/* Pagination */

.pagination>li>a, 
.pagination>li>span { 
	border-radius: 50% !important;
	margin: 0 5px;
	border:0;
	font-weight:600;
	color:#fff;
}

.pagination>li>a:hover,
.pagination>li>a:focus {color:#fff;}

/* Alerts */

.alert {
	padding: 25px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 225px 45px 325px 75px/15px 125px 35px 155px; 
	font-size: 16px;
	box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}

/* Breadcrumbs */

.breadcrumb {
    padding: 8px 25px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 20px;
	text-align:center;
	display:inline-block;
	font-size:18px;
}

.breadcrumb a{color: #fff;}

/* Labels */

.label {
    padding: .2em .6em .3em;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8;
    color: #fff;
    border-radius: 20px;
}

/* Progress bar */

.progress-bar {
	height:10px;
	box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}

.progress {box-shadow: none;}

/* Color blocks */

.color_block{
	padding:20px;
	border-radius:20px; 
}

/* Lined Paper Block */

.paper_block{
	padding:15px;
	border-radius:20px; 
	background: url(../img/lined_paper.png) repeat top center;
    border: 2px dashed #cecece;
}

.paper_block2{
	padding:15px;
	border-radius:20px; 
	background: url(../img/lined_paper.png) repeat top center;
    border: 2px dashed #cecece;
}

/* Blocks + Slider navigation*/

.color_block .owl-prev,
.paper_block .owl-prev {left: -20px;}

.color_block .owl-next,
.paper_block .owl-next {right: -20px;}

/* Dropdown */

.dropdown-menu {
    font-size: 16px;
    border: 0px;
    border-radius: 20px;
	box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	color:#fff;
	transition: all .2s ease-in-out;
}

/* Pager */

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
	font-size:20px;
	font-weight:700;
    color: #fff;
    border: 1px solid;
    border-radius: 20px;
}

.pager li > a:hover { color:#fff;}

/* Nav-tabs */

.nav-tabs {
	text-align:center;
	border-bottom: 0;
}

.nav.nav-tabs > li.active > a:hover,
.nav.nav-tabs > li.active > a:focus,
.nav.nav-tabs > li >a:hover{ border: 0;}

.nav.nav-tabs > li {
    float:none;
	padding:0 7px 0;
    display:inline-block;
}

.nav.nav-tabs > li > a {
	position: relative;
	display: block;
	letter-spacing:0.2px;
	font-weight: 700;
	min-height: 50px;
	line-height: 57px;
	border: 0;
	border-radius:20px 20px 0px 0px;
	padding: 10px 35px;
	color:#fff !important;
	font-size: 22px;
}

#myTab.nav.nav-tabs > li > a {
  background-color: rgb(52, 50, 124);
}
#myTab.nav.nav-tabs > li.active > a {
  background-color: rgb(147, 197, 36);
}

/* Panels */

.panel {border: 0; background: transparent;}

.panel-title {font-size: 18px;}

.panel-default > .panel-heading + .panel-collapse > .panel-body {border: 0;}

.panel-heading a {
	border-radius:10px;
	display: block; 
	text-transform:none;
    color: #fff;
    padding: 10px;
	border:0px;
	transition: all .2s ease-in-out;
}
.panel-heading a:hover, .panel-heading a:focus{color: #fff;}
 
.panel-group .panel+.panel {margin-top: 0px; }

.panel-group .panel-heading {border-bottom: 0px;}

.panel-group .panel-heading+.panel-collapse>.panel-body {border-top: 0px;}

.panel-heading {padding: 10px 0px;  }

.panel-heading [data-toggle="collapse"]:after {
	content: "\f077";
	font-family: FontAwesome;
	float: right;
	font-size: 18px;
	line-height: 22px;	
}

.panel-heading [data-toggle="collapse"].collapsed:after {transform: rotate(180deg);}

/* Lists */

ul {font-size: 16px;list-style-type: none;}

/* Buttons */

.btn {
	font-family: 'Alegreya sans',serif;
    margin: 0 1rem;
    color: #fff;
    font-size: 1.6rem;
    letter-spacing: 0.6px;
    outline: none;
    border-radius: 355px 45px 225px 75px/15px 225px 15px 255px;
    border: solid 7px;
    text-transform: uppercase;
    margin-top: 15px;
    font-weight: 700;
	background:rgb(23 35 33);
	
	
}

.btn:hover,.btn:focus{
	color:#fff;
	box-shadow:none;
}

.btn-group.open .dropdown-toggle {box-shadow: none;}

/* Forms */

.input-group-addon {
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    color: #FFF;
    text-align: center;
    border: 0px;
    border-radius: 4px;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group {
    border-collapse: separate;
	margin: 0 auto;
	text-align:center;
}
		
.form-control {
    display: block;
    width: 100%;
    height: 48px;
	border:1px solid #ed5472;	
		font-size:17px;
	outline:0;
	box-shadow:none;
	background:#fff;
	border-radius:10px;
	margin-top: 15px;

	padding: 10px 15px;
		box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);

}	
.input-group-btn .btn{margin-top:0px;}

.input-group-btn span,.btn span{color:#fff;}

.form-control.form-control.input-lg{margin-top:0px;}

.input-group .form-control:focus {box-shadow: 0 0 10px rgba(255, 255, 255, 1);}

.form-control,.textarea-field:focus,.input-field:focus {outline:0 none;}

textarea {
	height:150px;
	resize:none;
}

textarea.form-control:focus{outline:0 none;}

/* BIG Social Media Icons */

.social-media {
	width:100%;
	text-align: center;
}

.social-media a {
	display:inline-block;
	font-size:18px;
}

.social-media a i {
	color:#fff;
	transition:.3s;
	margin: 3px;
	width: 20px;
    min-width: 40px;
    padding: 10px;
    border-radius: 50%;
}

.social-media i{transition: color .3s ease-in-out;}

/* Small Social Media Icons */

.smaller.social-media a i {
    font-size: 18px;
    transition: .3s;
	margin:0px;
    min-width: 30px;
    border-radius: 0%;
    background: none;
	padding:0;
	color:#fff;
}

.smaller.social-media a i:hover {background: none;}

/* Centered columns */

.col-centered{
    float: none;
    margin: 0 auto;
}

/* Nav-pills */

.nav-pills{ 
	display: inline-block;
	margin-bottom:20px;
}

.nav-pills>li>a {border-radius: 10px;}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills>li>a:hover,
.nav-pills>li>a,
.nav-pills .nav > li > a:hover{
	color: #fff;
	font-size:20px;
	font-weight:600;
	margin:10px;
	padding:15px;
}

/* Tables */

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px dashed #ddd;
}

.table > tbody > tr:first-child > td {border: none;}

/* Wells */

.well{
	border-radius:20px;
	border:0;
	background-color: #fff;
	box-shadow:none;
	margin-bottom:0px;
}

.small-section .well{
	padding:40px;
    box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}

.well .list-unstyled {
    padding-left:5px;
    list-style: none;
    line-height: 37px;
	font-weight:700;
	font-family: 'Open Sans',sans-serif;
}

.well .list-unstyled li:before {    
	font-family: 'FontAwesome';
	content: '\f054';
	font-weight:normal;
	font-size: 13px;
	margin:0 10px 0 10px;
}

/* Media */

.media {margin-top: 45px;}

.media-heading small {
    font-weight: 700;
    display: block;
    margin: 10px 0 20px;
}
/* Boxed theme */

.boxed {
	max-width:1200px;
	margin:0 auto;
	box-shadow: 10px 10px 100px -19px rgba(0,0,0,0.75);
	background:#fff;
}
.boxed .navbar{
	max-width:1200px;
	margin:0 auto;
}
.boxed #layerslider {
	overflow:hidden;
    max-height:600px!important;
}

/*===========================
  Media Queries
============================ */

/************ min width 1500px *************/

@media (min-width: 1500px) {
	
	.ls-bg {width: 100%!important;}
	/* Parallax itens  */

	.parallax1{left:32%!important;}
}	


/************ max width 1200px *************/

@media (max-width: 1200px) {

			
	.navbar-nav > li > a {padding: 10px 10px;}	
	
	/* background */
	
	#owl-about {background-image:none;}
	
 	#call-to-action {background-attachment:scroll;}

	/* Slider */
	
	#layerslider{height:600px!important;}

}	



/************ max width 991px *************/

@media (max-width: 991px) {
	
	/* Slider */
	
	#layerslider{height:480px!important;}

	.header-text h1 {
		font-size: 44px; 
		line-height:44px;
		margin-top:0px;
	}
	
	.header-text {
		max-width: 350px;
	    top: 15% !important;
	}
	
	.subtitle {
		font-size: 18px;
		line-height:25px;
	}
	
	.ls-bottom-nav-wrapper {margin-top: -20px!important;}  
	
	/* Stop Float on hover*/
	
	.float:hover {margin-top: 0px;}
	
	/* Responsive margin*/

	.res-margin  {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	/*navbar */
		
	 /* navbar collapse at 991px */
    
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        overflow-y: auto !important;
    }
    .navbar-nav {
        margin: 0;
        float: none !important;
        height: 100%;
    }
    .navbar-right {
        line-height: 0px;
    }
    .navbar-nav li {
        float: none;
    }
    .navbar-nav li > .dropdown-menu {
        border: 0;
        float: none;
        width: auto;
        position: static;
        box-shadow: none;
        background: inherit;
    }
	
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
		max-height: 200px;
    }
	.navbar-collapse.collapse.in {
		display:block!important;
		padding-bottom: 40px;
	    max-height:200px!important; 
		overflow-y:scroll!important; 
		overflow-x:hidden!important;
	  }
	 .navbar-collapse::-webkit-scrollbar {
		width: 20px;
	}
	.navbar-collapse::-webkit-scrollbar-track {
		background-color: lightgray;
	}
	.navbar-collapse::-webkit-scrollbar-thumb {
		background-color: darkgray;
	}

	.navbar-nav {
		margin: 0;
		float: none !important; 
		height: 100%;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 10px; 
   }
	.navbar-custom ul.nav ul.dropdown-menu li a {
		margin: 5px;
		line-height: 25px;
		display: inline-block;
		word-break: line;
		white-space: normal;
	}
	
	/* Logo */
	
    #navbar-brand-centered.collapse.in {
	  display: block!important;
	  min-height: 200px;
	   overflow-y: scroll!important;
    }
	
	.navbar-brand-centered {
		position: relative;
		height: 80px;
		padding: 0px;
		float: none;
		margin: 0;
	}
	.navbar-brand-centered img {max-height: 65px;}
	
	
	/* Space between sections */
	
	.section-heading {margin-bottom: 9rem;}
	 
    /* Activities */
	 
	#activities .tab-content {
		 border-top: 0px; 
		 margin-top:40px;
	}
	 	
	#activities .tab-content{padding:20px;}
	
	/* Nav tabs */

	.nav-tabs > li {margin-bottom: 10px;}
		
	.nav.nav-tabs > li > a {border-radius: 20px;}
	
	/* Blog */

	.blog-home {
		border-right:0px;
		padding:10px;
	}
			
}
/************ min width 768px *************/

@media (min-width: 768px){
	
  #navbar-brand-centered .container { 
	min-width: 700px !important;
	max-width:1170px;
	width: 100%; 
  }
  .navbar-right {margin-right: 0px;}

}
/************ max width 767px *************/

@media (max-width: 767px) {
	
	/* Slider */
	
	#layerslider{height:300px!important;}
		
	.header-text {
		padding: 20px 0 20px!important;
		min-width: 99%;
		margin: 0 auto !important;
		left: 0% !important;
		top: 60% !important;
	}
	.header-text h1 {
		font-size: 30px; 
		line-height:34px;
		margin:0px;
	}
	
	.ls-nav-prev,.ls-nav-next {display: none !important; }

	.ls-bottom-nav-wrapper{margin-top: 0px!important;}	

	#callout .container {background-image:none;}
	
	
}

/************ max width 480px *************/
@media (max-width: 480px) {

	/* slider */
	
	#layerslider{height:190px!important;}
		
	.header-text h1 {
		font-size: 26px; 
		line-height:24px;
		margin:0px;
	}
	
	.ls-bottom-nav-wrapper {display:none;}

	/* section */
	
	section .container {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section-heading h2{
		border: 0;
		line-height: 32px;
		letter-spacing: 0px;
		font-size: 28px;
    }			
	.section-heading {margin-bottom: 3rem;}	
	
	/* titles*/
	
	h1 {font-size:38px;}
	
	h3 { 
		font-size:32px;
		text-align:center;
	}

	/* Miscellaneous */
			
	.section-heading{margin-bottom:3em;}
		
	.navbar.navbar-custom.navbar-fixed-top {margin-bottom: 30px;}

	.nav-pills> li.active:after, .nav-pills> li.active:before {top: -45%;}
		
	.nav-pills > li {float: none;}
	
	.cloud-divider {display:none;}
	
	.date-category {display:none;}
	
	.comment {padding: 10px;}
		
	.comments-block .media-object {
		max-width: 100%;    
		float: none;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
    }
	.comment.media-body {margin-right: 0px;}
	
	.owl-carousel {padding: 0px;}
	
	.team-caption p,.owl-nav {display:none;}
	
	.tab-pane h3 {margin-top:10px;}
	
	.glyph .glyph-icon:before {font-size: 24px;}
	
}

/************ max width 300px *************/
@media (max-width: 300px) {
	
	/* Navbar */

	.navbar-toggle {
		font-size: 35px !important;
		line-height: 45px;
		padding: 0px;
		margin: 0px;
		width:60px;
	}
	
	.navbar-custom ul.nav ul.dropdown-menu {background-color:transparent!important;}

	.open>.dropdown-menu {
		display: block;
		min-width: 100%;
		padding: 0px;
		margin: 0px;
	}
	.navbar-custom ul.nav ul.dropdown-menu li a {margin: 0px;}
	
	.navbar-custom ul.nav li a {font-size: 16px;line-height: 40px;}
	
	.navbar-header {height: 50px !important;}

	.navbar-brand-centered {
		background:none;
		height:50px;
		width:60px;
	}

	.navbar-brand-centered img {
		max-height: 35px;
		position: absolute;
		left: 0;
		right: 0;
		top: 12%;
		margin: auto;
	}
	
	#navbar-brand-centered.collapse.in {
		display: block!important;
		max-height: 100px;
		overflow-y: scroll!important;
    }
	/* Slider */

	#layerslider {
		padding-top: 45px;
	    height:120px!important;
   }

	.header-text {
		top: 30% !important;
		padding: 5px! 0 5px !important;
	}
	.header-text h1 {font-size:20px !important;}

	/* Miscellaneous */

	.small-section .well {
		padding: 10px;
	}
	.color_block {padding: 5px;}

	.pricing-palden .pricing-price {font-size: 3em;}

	.container-fluid {
		padding-right: 0px;
		padding-left:0px;
	}
		
	.label,.table {font-size: 14px;}
	
	.blog.jumbotron {margin-top: 45px;}
	
	.table table, 
	.table thead, 
	.tabletbody, 
	.table th, 
	.table td, 
	.table tr { 
		display: block; 
	}
	td.text-left,td.text-right{text-align:center;}

	/* Nav-tabs */

	.nav.nav-tabs > li > a {
	min-height: 30px;
		font-size: 16px;
		padding: 15px 15px;
		line-height: 15px;
	}
	/* Headers */

	.section-heading h2,.page-header h2 {
		line-height: 22px;
		font-size: 20px;
	}
	h2:before{display:none;}

	h4{font-size:16px;}

	h5{font-size:14px;text-transform:uppercase;}

}

.header-top {
  background: rgb(24, 36, 35) none repeat scroll 0 0;
  color: rgb(255, 255, 255);
  font-size: 13px;
  padding: 7px 30px;
  position: relative;
}
.header-top .links-nav li {
  float: left;
  margin-right: 25px;
  position: relative;
}
.header-top .links-nav li a {
  color: #fff;
  font-family: "Lato",sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  transition: all 0.5s ease 0s;
}
.header-top .social-links li {
  display: inline-block;
}
.header-top .social-links a {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 50px;
  color: rgb(96, 89, 187);
  font-size: 13px;
  font-weight: normal;
  height: 25px;
  line-height: 26px;
  position: relative;
  text-align: center;
  width: 25px;
  display:inline-block;
}
.header-top .links-nav li {
  float: left;
  margin-right: 25px;
  position: relative;
  list-style: none;
}
#navigation.navbar {
  border: none;
  box-shadow: none;
}
.header-top .links-nav li .fa {
  color: rgb(255, 255, 255);
  font-size: 16px;
  padding-right: 8px;
}
.header-top ul {
  margin-bottom: 0;
  padding-bottom: 0px;
   margin-left: 0;
  padding-left: 0;
}

#welcome h1 {
  color: #172321;
  font-family: "Oleo Script",cursive;
  /*text-shadow: 0px 3px 0px #a3253d;*/
  text-transform: capitalize;
}
.welcome .container {
  padding-bottom: 40px;
}

/*features*/

#facility .container {
  padding-top: 0;
  padding-bottom: 30px;
}


.features-wrapper.index-1 .feature-outer .feature:hover .icon::before {
  left: 68px;
  opacity: 0.2;
  top: -89px;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.features-wrapper.index-1 .feature-outer .feature .icon::before {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  content: "";
  height: 100px;
  left: -105px;
  opacity: 0;
  position: absolute;
  top: 130px;
  transform: rotate(35deg);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  width: 195px;
  z-index: 1;
}
.features-wrapper.index-1 .feature-outer .feature:hover .icon::after {
  animation: 9s linear 0s normal none infinite running spin;
  border-color: rgb(168, 168, 168);
}
.features-wrapper.index-1 .feature-outer .feature.color-1 .icon::after {
  border: 1px dashed rgb(85, 181, 189);
}
.features-wrapper.index-1 .feature-outer .feature .icon::after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 178px;
  left: -14px;
  position: absolute;
  top: -14px;
  width: 178px;
}
.features-wrapper.index-1 .feature-outer .feature:hover .icon {
  transform: translateY(-25px);
}
.features-wrapper.index-1 .feature-outer .feature.color-1 .icon {
  background: rgb(191 163 124) none repeat scroll 0 0;
}
.features-wrapper.index-1 .feature-outer .feature .icon {
  border-radius: 50%;
  height: 150px;
  margin: 0 auto 13px;
  position: relative;
  transition: all 0.35s ease 0s;
  width: 150px;
}
.features-wrapper.index-1 .feature-outer .feature.color-1:hover {
  background: rgba(0, 0, 0, 0) url("../img/sep-double-aqua.png") no-repeat scroll center bottom;
}
.features-wrapper.index-1 .feature-outer .feature:hover {
  padding-bottom: 0;
}
.features-wrapper.index-1 .feature-outer .feature {
  background: rgba(0, 0, 0, 0) url("../img/sep-double-gray.png") no-repeat scroll center bottom;
  display: block;
  padding-bottom: 34px;
  padding-top: 13px;
  position: relative;
  text-align: center;
  transition: all 0.35s ease 0s;
}
.features-wrapper.index-1 .feature-outer {
  height: 350px;
}



.features-wrapper.index-1 .feature-outer .feature .icon img {
  left: 13.5%;
  position: absolute;
  top: 13.5%;
}

.features-wrapper.index-1 .feature-outer .feature:hover {
  
}


#facility.features-wrapper.index-1 .feature-outer .feature h2:before {
  content: none;
}
.features-wrapper.index-1 .feature-outer .feature:hover h2 {
  transform: translateY(-25px);
}
.features-wrapper.index-1 .feature-outer .feature h2 {
  font-family: "Oleo Script",cursive;
  font-size: 24px;
  padding-top: 46px;
  text-transform: capitalize;
  transform: rotate(0deg);
  transform-origin: 0;
  transition: all 0.35s ease 0s;
  line-height: 44px;
  border-radius: none;
  padding: 0;
  margin: 0;
  color:#000;
}

.features-wrapper.index-1 .feature-outer .feature p {
  color: rgb(51, 51, 51);
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  max-height: 0;
  opacity: 0;
  transform: translateY(-25px);
  transition: all 0.35s ease 0s, max-height 0.6s ease 0s;
}
.features-wrapper.index-1 .feature-outer .feature:hover p {
  color: rgb(168, 168, 168);
  max-height: 200px;
  opacity: 1;
  padding-bottom: 10px;
  padding-top: 25px;
}
.features-wrapper.index-1 .feature-outer .feature.color-2 .icon::after {
  border: 1px dashed rgb(158, 190, 59);
}
.features-wrapper.index-1 .feature-outer .feature.color-2 .icon {
  background: rgb(191 163 124) none repeat scroll 0 0;
}

.features-wrapper.index-1 .feature-outer .feature.color-2:hover {
  background: rgba(0, 0, 0, 0) url("../img/sep-double-green.png") no-repeat scroll center bottom;
}

.features-wrapper.index-1 .feature-outer .feature.color-3 .icon::after {
  border: 1px dashed rgb(255, 168, 0);
}

.features-wrapper.index-1 .feature-outer .feature.color-3 .icon {
  background: rgb(191 163 124) none repeat scroll 0 0;
}
.features-wrapper.index-1 .feature-outer .feature.color-3:hover {
  background: rgba(0, 0, 0, 0) url("../img/sep-double-yellow.png") no-repeat scroll center bottom;
}

.features-wrapper.index-1 .feature-outer .feature.color-4:hover {
  background: rgba(0, 0, 0, 0) url("../img/sep-double-blue.png") no-repeat scroll center bottom;
}
.features-wrapper.index-1 .feature-outer .feature.color-4 .icon::after {
  border: 1px dashed rgb(61, 152, 255);
}

.features-wrapper.index-1 .feature-outer .feature.color-4 .icon {
  background: rgb(191 163 124) none repeat scroll 0 0;
}

.tab-pane .col-md-7.col-lg-7.pull-left > h6 {
  text-transform: capitalize;
  line-height: 20px;
  font-size: 20px;
}

#myTab .active > a {
  background-color: #93C524;
}

.page-head-title {
  padding-bottom: 30px;
}

/*testimonials*/
.testimonials {
  background-color: #bfa37c;
    background-image: url(../img/starmain.png);
  background-position: center center;
  background-repeat: repeat-x;
  background-attachment: fixed;
}

.testi-bg {
	background-size: 100% auto;
	background-attachment: fixed;
	background-blend-mode: overlay;
	background-color: rgba(255,255,255,0.5);
}

.testi-content {
	padding: 50px 20px;
	background-color: rgba(255,255,255,0.1);
}

.testi-content h2 {
	font-weight: 300;
	font-family: 'Alegreya sans',serif;
	font-size: 28px;
	line-height: 45px;
	letter-spacing: -.02em;
	color: #1B1B1B;
	margin-top: 0;
	transform: none !important;
	padding: 0;
}

.testi-content h2::before {
display:none;
}




#about  p {
  font-size: 20px;
  line-height: 44px;
  margin: 90px auto 0 ;
}
#about strong {  background-color: #ec1d25; padding: 10px; color: #fff;}


/*portfolio - gallery*/
#gallery {
  background: rgba(0, 0, 0, 0) url("../img/playing.png") repeat scroll 0 0 / 100% auto;
  background-color: #9ebe3b;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 80px;
}

#gallery .container {
  padding-top: 0px;
}
.front-portfolio .portfolio-thumb img {
  max-width: 100%;
  width: 100%;
}

.front-portfolio-new .portfolio-thumb img {
	max-width: 100%;
	width: 100%;
	height: auto;
	transform: rotate(-60deg);
}

#gallery .page-head-title {
  padding-top: 20px;
}

#primary.content-full-width{width:100%;}


.portfolio-content{background-image:url(../img/gallery/hexagon.png); background-repeat:no-repeat; background-size:contain; display:inline-block; width:381px; height:330px; position:relative; overflow:hidden; z-index:9;}

.portfolio-content-new{background-image:url(../img/gallery/hexagon-new.png); background-repeat:no-repeat; background-size:contain; display:inline-block; width:300px; height:260px; position:relative; overflow:hidden; z-index:9;}

.portfolio-content1 {
  display: block;
  left: 13px;
  margin: auto;
  right: 0px;
}

.portfolio-content-new-1{
  display: block;
  margin: auto;
  right: 20px;
}

.portfolio-content2{margin:-168px 0 0 114px; float:left;}

.portfolio-content3{margin:-168px 0px 0px 182px; float:left;}

.portfolio-content4{margin:-6px 0px 0px 114px; float:left;}

.portfolio-content5{margin:-168px 0px 0px -100px; float:left;}

.portfolio-content6{margin:-6px 0px 0px -100px; float:left;}

.portfolio-content7{margin:-168px 0px 0px 395px; float:left;}

.front-portfolio{overflow:hidden; position:absolute; display:inline-block; height:318px; left:0; top:0; transform:rotate(120deg); -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); -ms-transform:rotate(120deg); right:0; bottom:0;
margin:auto;}

.front-portfolio-new{overflow:hidden; position:absolute; display:inline-block; height:260px; left:0; top:0; transform:rotate(120deg); -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); -ms-transform:rotate(120deg); right:0; bottom:0;
margin:auto;}

.portfolio-outer{overflow:hidden; width:100%; height:100%; transform:rotate(-60deg); -moz-transform:rotate(-60deg);  -ms-transform:rotate(-60deg); -webkit-transform:rotate(-60deg);}

.front-portfolio .portfolio-thumb{overflow:hidden; width:100%; height:100%; transform:rotate(-60deg); -moz-transform:rotate(-60deg);  -ms-transform:rotate(-60deg); -webkit-transform:rotate(-60deg);}

.front-portfolio-new .portfolio-thumb{overflow:hidden; width:100%; height:100%; transform:rotate(-60deg); -moz-transform:rotate(-60deg);  -ms-transform:rotate(-60deg); -webkit-transform:rotate(-60deg);}

.front-portfolio .portfolio-thumb img{}
	
.front-portfolio .image-overlay{position:absolute; visibility:hidden; opacity:0; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:rgba(0,140,153,0.9);}

.front-portfolio-new .image-overlay{position:absolute; visibility:hidden; opacity:0; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:rgba(0,140,153,0.9);}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
		/* Safari only override */
		::i-block-chrome,.front-portfolio .image-overlay{visibility:visible; opacity:1; display:none;}
		::i-block-chrome,.front-portfolio-new .image-overlay{visibility:visible; opacity:1; display:none;}
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		/* Safari only override */
		::i-block-chrome,.front-portfolio:hover .image-overlay{display:block;}
	}
.portfolio-content-new-1 .front-portfolio-new .image-overlay{background:rgba(230,188,107,1);}

.portfolio-content1 .front-portfolio .image-overlay{background:rgba(230,188,107,1);}

.portfolio-content2 .front-portfolio .image-overlay{background:rgba(243,166,189,1);}

.portfolio-content3 .front-portfolio .image-overlay{background:rgba(230,107,114,1);}

.portfolio-content4 .front-portfolio .image-overlay{background:rgba(233,186,11,1);}

.portfolio-content5 .front-portfolio .image-overlay{background:rgba(47,134,206,1);}

.portfolio-content6 .front-portfolio .image-overlay{background:rgba(229,104,84,1);}

.portfolio-content7 .front-portfolio .image-overlay{background:rgba(103,156,187,1);}

.portfolio-content .front-portfolio .image-overlay h5 a{color:inherit;}

.portfolio-content1 .front-portfolio .image-overlay a{color:#ddaa0c;}

.portfolio-content2 .front-portfolio .image-overlay a{color:#fa8cba;}

.portfolio-content3 .front-portfolio .image-overlay a{color:#ef7b80;}

.portfolio-content4 .front-portfolio .image-overlay a{color:#ebb50d;}

.portfolio-content5 .front-portfolio .image-overlay a{color:#6996cf;}

.portfolio-content6 .front-portfolio .image-overlay a{color:#ec6d5a;}

.portfolio-content7 .front-portfolio .image-overlay a{color:#6a9eba;}

.portfolio-content .front-portfolio .image-overlay a:hover{color:#333338;}
				
.portfolio-thumb:hover .image-overlay{visibility:visible; opacity:1;}

.front-portfolio.even{margin-top:102px;}

.front-portfolio-new.even{margin-top:102px;}
				
.front-portfolio-container{float:left; clear:both; width:100%; margin:0px auto; padding:0px; position:relative;}

.front-portfolio-container .front-portfolio.center.top{top:0px; left:0px; right:0px; margin:5px auto 0px;}

.front-portfolio.top.left{top:105px; left:295px;}

.front-portfolio-new.top.left{top:105px; left:295px;}

.front-portfolio.bottom.left{top:310px; left:295px;}

.front-portfolio-new.bottom.left{top:310px; left:295px;}

.front-portfolio.center.center{top:205px; left:470px;}

.front-portfolio-new.center.center{top:205px; left:470px;}

.front-portfolio.center.bottom{top:410px; left:475px;}

.front-portfolio-new.center.bottom{top:410px; left:475px;}

.front-portfolio.top.right{top:100px; right:345px;}

.front-portfolio-new.top.right{top:100px; right:345px;}

.front-portfolio.bottom.right{top:305px; right:340px;}

.front-portfolio-new.bottom.right{top:305px; right:340px;}

.front-portfolio .image-overlay h5{top:35%; left:0px; right:0px; margin:auto; text-align:center; position:absolute; text-transform:uppercase; color:#FFF; font-weight:700; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);}

.front-portfolio-new .image-overlay h5{top:35%; left:0px; right:0px; margin:auto; text-align:center; position:absolute; text-transform:uppercase; color:#FFF; font-weight:700; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);}

.front-portfolio .image-overlay h5 a{color:#FFFFFF;}

.front-portfolio-new .image-overlay h5 a{color:#FFFFFF;}

.front-portfolio .image-overlay a.link, .front-portfolio .image-overlay a.zoom{background:#fff; cursor:pointer; display:inline-block; font-size:18px; height:42px; line-height:42px; width:42px; text-align:center; position:absolute; z-index:9999;}

.front-portfolio-new .image-overlay a.link, .front-portfolio-new .image-overlay a.zoom {
	background: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	height: 42px;
	line-height: 42px;
	width: 42px;
	text-align: center;
	position: absolute;
	z-index: 9999;
	left: 130px;
	top: 130px;
	transform: rotate(30deg);
}





.front-portfolio .image-overlay .link{top:55%; margin:-23px 0px 0px; left:0px;}

.front-portfolio-new .image-overlay .link{top:55%; margin:-23px 0px 0px; left:0px;}

.front-portfolio .image-overlay .zoom{top:55%; margin:-23px 0px 0px; right:0px;}

.front-portfolio-new .image-overlay .zoom{top:55%; margin:0 auto; right:0px;}

.front-portfolio:hover .link{left:35%;}

.front-portfolio-new:hover .link{left:35%;}

.front-portfolio:hover .zoom{right:45%;}

.front-portfolio-new:hover .zoom{right:35%;}

.front-portfolio:hover .image-overlay h5{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}

.front-portfolio-new:hover .image-overlay h5{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}

.front-portfolio a.link, .front-portfolio a.zoom{width:25px; height:42px; background:#FFFFFF; position:absolute;}

.front-portfolio-new a.link, .front-portfolio-new a.zoom{width:25px; height:42px; background:#FFFFFF; position:absolute;}

.front-portfolio a.link, .front-portfolio a.zoom{width:25px; height:42px; background:#FFFFFF; position:absolute;}

.front-portfolio a.link:before, .front-portfolio a.zoom:before{content:""; position:absolute;  width:0px; height:0px; border-top:21px solid transparent; border-bottom:21px solid transparent; border-right:14px solid #FFFFFF;}

.front-portfolio-new a.link:after, .front-portfolio-new a.zoom:after{content:""; position:absolute; right:-14px; width:0px; height:0px;}

.front-portfolio-container .carousel-arrows{width:100%; display:inline-block; text-align:center; margin:50px auto 0;}

.front-portfolio-container .carousel-arrows a{font-size:24px; color:#898b8c; width:50px; height:50px; line-height:44px; margin:0px 14px; display:inline-block; border:2px solid #898b8c; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}

.front-portfolio-container .carousel-arrows a:hover{border:2px solid #000000;}

.front-portfolio-container .carousel-arrows a.front-portfolio-prev span{margin-left:-1px;}


/**sorting-container**/

.dt-sc-sorting-container{clear:both; display:inline-block; text-align:center; margin:0px auto 45px; padding:0px; width:100%;}

.dt-sc-sorting-container a{background:#df9b00; padding:8px 12px; display:inline-block; margin:0px 5px 0px 0px; border-bottom:3px solid #ca8e06; border-radius:8px 0px 8px 0px; -webkit-border-radius:8px 0px 8px 0px; -moz-border-radius:8px 0px 8px 0px; color:#FFFFFF;}

.dt-sc-sorting-container a:hover, .dt-sc-sorting-container .active-sort{color:#FFFFFF; background:#cf571b; border-bottom:3px solid #b54913;}

.portfolio-detail{display:block;}

.isotope-hidden{display:none !important;}
		
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
	 -moz-transition-duration: 0.8s;
	  -ms-transition-duration: 0.8s;
	   -o-transition-duration: 0.8s;
		  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
	 -moz-transition-property: height, width;
	  -ms-transition-property: height, width;
	   -o-transition-property: height, width;
		  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
	 -moz-transition-property:    -moz-transform, opacity;
	  -ms-transition-property:     -ms-transform, opacity;
	   -o-transition-property:         top, left, opacity;
		  transition-property:         transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
	 -moz-transition-duration: 0s;
	  -ms-transition-duration: 0s;
	   -o-transition-duration: 0s;
		  transition-duration: 0s;
}

.dt-sc-portfolio-container{clear:both;}

#primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-fourth{width:280px;}

#primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-third{width:379px; text-align:center;}

.portfolio.dt-sc-one-fourth{text-align:center;}

.dt-sc-portfolio-container .portfolio{margin:0px 0px 30px 0px;}

.portfolio.dt-sc-one-third{width:292px; margin:0px 0px 30px 0px; text-align:center;}

.portfolio-thumb{width:100%; position:relative; display:inline-block; float:none; margin:0px 0px 20px; overflow:hidden;}

.portfolio.dt-sc-one-fourth .portfolio-thumb{max-height:242px;}

.content-full-width .portfolio.dt-sc-one-third .portfolio-thumb{max-height:328px;}

.portfolio.dt-sc-one-third .portfolio-thumb{max-height:251px;}

.portfolio.dt-sc-one-fourth .portfolio-thumb img, .portfolio.dt-sc-one-third .portfolio-thumb img{height:auto;}

.portfolio.dt-sc-one-fourth .portfolio-thumb{max-height:242px;}

.portfolio-detail h5{margin:0px 0px 10px;}

.portfolio-detail p:before{content:"\f06b"; display:inline-block; margin:0px 5px 0px 0px;}

@keyframes floating {
0% {
    transform: translateY(0%) rotate3d(0, 0, -1, 0deg);
}
50% {
    transform: translateY(10%) rotate3d(0, 0, -1, 5deg);
}
100% {
    transform: translateY(0%) rotate3d(0, 0, -1, 0deg);
}
}
@keyframes floating {
0% {
    transform: translateY(0%) rotate3d(0, 0, -1, 0deg);
}
50% {
    transform: translateY(10%) rotate3d(0, 0, -1, 5deg);
}
100% {
    transform: translateY(0%) rotate3d(0, 0, -1, 0deg);
}
}

.upToScroll {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  border: 1px solid rgb(221, 221, 221);
  bottom: -50px;
  cursor: pointer;
  display: inline-block;
  height: 48px;
  position: fixed;
  right: 30px;
  z-index: 1001;
}
upToScroll.buttonShow {
    bottom: 30px;
    right: 30px;
}
.upToScroll.buttonShow {
  bottom: 20px;
}
.upToScroll {
  background-color: rgba(0, 0, 0, 0);
  border: medium none;
  bottom: 30px;
  height: auto;
  right: -150px;
}
.upToScroll {
  background: transparent;
  border: none;
  bottom: -50px;
  cursor: pointer;
  display: inline-block;
  height: 145px;
  position: fixed;
  right: 30px;
  z-index: 99999999;
}
.upToScroll a.scrollToTop {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: floating;
  background: rgba(0, 0, 0, 0) url("../img/ballon.png") no-repeat scroll 0 0 / 79% auto;
  height: 145px;
  width: 116px;
}
.upToScroll a {
  color: rgb(136, 136, 136);
  display: inline-block;
  font-size: 20px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 48px;
}

.upToScroll a:focus { outline: none;  outline-offset: 0;}

/*new slider*/
.sliderHomeBullets {
  overflow: hidden;
  position: relative;
}

.no-pad{padding:0px !important;}

/*inner page*/
.sec-title {
  margin-bottom: 60px;
  position: relative;
}
.page-title2 h1 {
  color: rgb(255, 255, 255);
  float: left;
  font-family: "Oleo Script",cursive;
  font-size: 48px;
  font-weight: 800;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.normal-font {
  font-weight: 400;
}
.page-title2 .bread-crumb {
  border: 2px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  display: inline-block;
  float: right;
  margin-top: 25px;
  padding: 10px 20px;
  position: relative;
}
.page-title2 .bread-crumb a {
  color: rgb(255, 255, 255);
  font-size: 14px;
  position: relative;
  text-transform: uppercase;
}
.page-title2::before {
  background: #ec96009e none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#gallpage.page-title2::before {
  background: #aeda27b8 none repeat scroll 0 0;

}
#testipg.page-title2::before {
  background: rgba(27, 189 ,195, 0.88) none repeat scroll 0 0;

}

#conpage.page-title2::before {
  background: rgba(255, 0, 0, 0.7) none repeat scroll 0 0;

}

#currpage.page-title2::before{
	background: rgba(236, 150, 0, 0.75) none repeat scroll 0 0;
}
#aboutpg.page-title2::before{
	background: rgba(25, 211, 218, 0.75) none repeat scroll 0 0;
}
#facipg.page-title2::before{
	background: rgba(132, 125, 222, 0.72) none repeat scroll 0 0;
}
#lifepg.page-title2::before{
	background: rgba(237, 84, 114, 0.73) none repeat scroll 0 0;
}

.headerbanner{
	background-image:url(../img/page-title-bg.jpg);
	
}
.page-title2 {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
  padding: 60px 0 20px;
  position: relative;
  text-align: center;
}
.headerbanner .container-fluid {
  padding-bottom: 0;
  padding-top: 0;
}
.headerbanner .container{
  padding-bottom: 0;
  padding-top: 0;
}

.abtpage .container {
  padding-top: 60px;
}
.text > p {
  font-family: "Lato",sans-serif;
}

.visionmain {
  background-color: rgb(158, 190, 59);
}
 .vision {
  background-color: rgb(255, 255, 255);
  color: rgb(57, 146, 188);
  font-family: "Lato",sans-serif;
  font-size: 18px;
  font-weight: bold;
  height: auto;
  line-height: 38px;
  padding: 50px;
  width: 100%;
}

.mycolor .trianglePath1 {
  fill: rgb(158, 190, 59);
  stroke: rgb(158, 190, 59);
}
.visionmain .container {
  padding-top: 60px;
}
.whychoose {
  height: auto;
  overflow: hidden;
  width: 90%;
}
.whychoose.img-curved > img {
  height: auto;
  width: 100%;
}

 .panel-heading a.collapsed {
  background-color: rgb(52, 50, 124);
}
.testi1 {
  background-color: rgb(231, 99, 74);
  color: rgb(255, 255, 255);
  font-family: lato;
  font-size: 17px;
  line-height: 40px;
  padding: 30px 60px;
  margin-bottom: 40px;
}
.testiname {
  font-weight: bold;
}

.testi2 {
  background-color: rgb(243, 147, 61);
  color: rgb(255, 255, 255);
  font-family: lato;
  font-size: 17px;
  line-height: 40px;
  margin-bottom: 40px;
  padding: 30px 60px 40px;
}
.contact-info {
  margin: 50px 0px;
}
.contact-info i {
  margin: 0 10px;
  padding: 0;
}


#contpage .col-sm-6 > h3 {
  color: rgb(52, 50, 124);
}

.contact-form {
  margin: 40px 0;
}

.contact-form label {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 5px;
  max-width: 100%;
}

.info1 {
  margin-bottom: 20px;
}
.categoryname {
  background-color: rgb(229, 73, 141);
  color: rgb(255, 255, 255);
  font-size: 18px;
  line-height: 36px;
  margin: 20px 0 20px;
  padding: 8px;
  text-align: center;
  width: 100%;
}
.parentsimg {
  border: 2px solid rgb(255, 255, 255);
  border-radius: 53%;
  float: left;
  height: 140px;
  margin-right: 20px;
  padding: 3px;
  text-align: center;
  width: 140px;
}
.parentsimg > img {
  height: auto;
  width: 100%;
}

.testi2 .parentsimg {
  float: right;
  margin-left: 20px;
}
.holder h2 {
  border-radius: 0;
  display: inline-block;
  font-family: "Alegreya sans",serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 40px;
  padding: 0;
  text-align: center;
  text-transform: capitalize;
  transform: rotate(0deg);
}
.holder h2::before { content:none;}
.holder > ul { list-style: outside none none; margin-left: 0; padding-left: 0;}

.holder li {
  color: rgb(0, 0, 0);
  display: block;
  float: left;
  font-family:"Lato",sans-serif;
  font-size: 15px;
  line-height: 32px;
  padding: 0;
  text-decoration: none;
  width: 100%;
}
.holder li .fa { color: rgb(188, 0, 0); margin: 0 8px 0 0;}
.services-right-align { margin-bottom: 40px;}
.services-left-align{ margin-bottom: 40px;}
#curriculum .services-right-align.clearfix {
  margin-bottom: 80px;
}
.top-left pull-left .links-nav clearfix li{
	margin-top:44px;
}
.page-scroll2 {
    margin-left: 43%;
}


.footer-home{
	padding:10px;
	text-align: center;
	line-height:30px;
}

.footer-home > h5 {
  color: #fff;
  font-size: 21px;
}

.footer-detail{
	color:#EC9600;
}

.links-nav {color: #fff;}

.copyright-line {
	text-align: center;
	margin: 20px auto 0;
}

footer .social-links li {

	background-color: #fff;
	border-radius: 50%;
	margin: 0 4px;
	display: inline-block;
}


footer .social-links a {
	background: rgb(255, 255, 255) none repeat scroll 0 0;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 50px;
	color: #34327C;
	font-size: 13px;
	font-weight: normal;
	height: 25px;
	line-height: 26px;
	position: relative;
	text-align: center;
	width: 25px;
	display: inline-block;
}

footer .social-links a:hover {
	color:#EC9600;
}



.center-text{
	text-align:center;
}


.teddy-space{
	margin-bottom:100px;
}

.portfolio-content-new.portfolio-content-new-1 {
  margin-bottom: 30px;
}

.red-bg{
	background-color:#c71b21;
}

.yellow-bg{
	background-color:#b3ab1b;
}

.purple-bg{
	background-color:#8a2f92;
}

.orange-bg{
	background-color:#f6921e;
}

.blue-bg{
	background-color:#01a8e1;
}

.green-bg{
	background-color:#00b04c;
}
.col-md-7.col-lg-7.pull-left {
    text-align: center;
    margin-top: 101px;
    /* margin-bottom: -29px; */
}

.social-plugin {
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
	border: 6px solid #ec1d25;
	max-height: 320px;
}
.social-plugin img {
	width: 100%;
	height: auto;
}


.socialmediabox {padding-bottom: 30px;}
.thumb{margin-top:190px;}

#owl-testimonials .owl-stage-outer {
	margin-top: 0px;
}

#facility {
	padding: 70px 0 0;
	background:white;
}
.facilitymain {
	margin-bottom: 40px;
}

.facilitypage ul {
	padding: 0;
}
.facilitypage li {
	font-family: "Alegreya sans",serif;
	font-size: 36px;
	font-weight: 800;
	line-height: 80px;
	padding: 0;
	text-transform: none;
	color: #006fb7;
	width: 100%;
}
.facilitypage li .fa {
	color: #006fb7;
}

#owl-testimonials {
	padding-bottom: 20px;
}
.read-more a {
	font-family: 'Alegreya sans',serif;
	font-size: 25px;
	background-color:#97C74B;
	padding: 13px;
	border-radius: 25px;
}

.read-more a:hover{
     color:#000; 
	background-color:#FFA800;
}


.social-title {
	text-align: center;
	padding: 1px 0;
	margin-bottom: 10px;
	border-radius: 10px;
}
.bg-red{background-color: #E7634A;}
.bg-green{background-color: #B2D45D;}
.bg-blue{background-color:#7CD2F3;}


.modal {
	position: fixed;
	z-index: 19999971;
	padding-top: 50px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
	display: block;
}
	/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 10px;
	border: 1px solid #888;
	width: 33%;
	overflow-y: hidden;
	height: auto;
}
	/* The Close Button */
	.closebanner {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	}
	.closebanner:hover,
	.closebanner:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	}

.modal img {
	width: 100%;
	height: auto;
}




@media only screen and (min-width: 320px) and (max-width: 479px){

.navbar-brand-centered {
	position: relative;
	height: 80px;
	padding: 0px;
	float: none;
	margin: 0;
}
.navbar-brand-centered img {
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 4%;
	width: 49%;
	max-height: 120px;
}
.header-top .links-nav li a {font-size: 12px;}
.header-top .top-right {text-align: center;margin: 0 auto;float: none !important;}


#navbar-brand-centered.collapse.in {
	display: block !important;
	min-height: 600px;
	overflow-y: hidden !important;

}
.navbar-collapse.collapse.in {
	display: block !important;
	padding-bottom: 40px;
	max-height: 600px !important;
	overflow-y: hidden !important;
}
.navbar-collapse.collapse.in {
	display: block !important;
	overflow-y: hidden !important;
}

.header-top .links-nav li {
	margin-right: 0;
}

.page-title2 h1 {float: none;}
.page-title2 .bread-crumb {float: none;}

.facilitypage li {
	font-size: 18px;
	line-height: 40px;
}

.small-section .well img {
	width: 100%;
	height: auto;
}

}


@media only screen and (min-width: 480px) and (max-width: 768px){
	
.navbar-brand-centered {
	position: relative;
	height: 80px;
	padding: 0px;
	float: none;
	margin: 0;
}
.navbar-brand-centered img {
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 4%;
	width: 49%;
	max-height: 120px;
}
.header-top .links-nav li a {font-size: 12px;}



#navbar-brand-centered.collapse.in {
	display: block !important;
	min-height: 600px;
	overflow-y: hidden !important;

}
.navbar-collapse.collapse.in {
	display: block !important;
	padding-bottom: 40px;
	max-height: 600px !important;
	overflow-y: hidden !important;
}
.navbar-collapse.collapse.in {display: block !important; overflow-y: hidden !important;}

.header-top .links-nav li {	margin-right: 0;}	
.social-plugin {
	max-height: 360px;
	margin-top:20px;
}	


.facilitypage li {
	font-size: 28px;
	line-height: 60px;
}
.portfolio-content-new.portfolio-content-new-1 {
    margin-left: 60px;
}
.col-md-7.col-sm-7.col-lg-7.pull-left {
    margin-left: 51px;
    margin-top: 31px;
}

.small-section .well img {
	width: 100%;
	height: auto;
}



}


@media only screen and (min-width: 769px) and (max-width: 991px){
	
.navbar-brand-centered {
	position: relative;
	height: 80px;
	padding: 0px;
	float: none;
	margin: 0;
}
.navbar-brand-centered img {
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 4%;
	width: 49%;
	max-height: 120px;
}
.header-top .links-nav li a {font-size: 12px;}


#navbar-brand-centered.collapse.in {
	display: block !important;
	min-height: 600px;
	overflow-y: hidden !important;

}
.navbar-collapse.collapse.in {
	display: block !important;
	padding-bottom: 40px;
	max-height: 600px !important;
	overflow-y: hidden !important;
}
.navbar-collapse.collapse.in {display: block !important; overflow-y: hidden !important;}

.header-top .links-nav li {	margin-right: 0;}

.small-section .well img {
	width: 100%;
	height: auto;
}


}


@media only screen and (min-width: 992px) and (max-width:1080px){
.navbar-custom ul.nav li a {
	font-size: 15px;
}
.navbar-nav > li > a {
	padding: 10px 7px;
}
.bread-crumb {
    margin-right: 52px;
}

.small-section .well img {
	width: 100%;
	height: auto;
}



}

@media only screen and (min-width: 1081px) and (max-width:1120px){
.navbar-custom ul.nav li a {font-size: 16px;}
.navbar-nav > li > a {padding: 10px 10px;}
.sun.hidden-sm.hidden-xs {
    margin-top: 111px;
    margin-left: 53px;
}

.small-section .well img {
	width: 100%;
	height: auto;
}
	
}

@media only screen and (min-width:768px) and (max-width:959px){
.col-md-7.col-sm-7.col-lg-7.pull-left {
    margin-left: 313px;
    margin-top: -168px;
}
.well {
    margin-left: 121px;
}
.bread-crumb {
    margin-right: 90px;
}
}
@media only screen and (min-width:960px) and (max-width:1240px){
.col-md-7.col-lg-7.pull-left {
    text-align: center;
    margin-top: 59px;
margin-bottom: -29px;
}
.col-sm-6.col-md-6.col-lg-4 {margin-top: 20px;}	

.small-section .well img {
	width: 100%;
	height: auto;
}


	`
}

