/*
Theme Name:Dynamic kids
Theme URI: http://wordpress.oneviewcrm.com/dynamic-kids
Author: logo inn team
Author URI: https://logoinn.com/
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-layout, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header, featured-images, featured-image-header
Text Domain: Dynamic Kids
*/


/* =Reset default browser CSS. Based on work by Eric Meyer.
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
		font-family: 'Bubblegum Sans', cursive;
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
	font-family: 'Bubblegum Sans', cursive;
}
p{
	font-family: 'Lato', sans-serif;
	
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/
body{
	background:url('images/body-bg.png');	
}

.main-bg{
	background:url('images/wrapper-bg.png');
}
.header {
    padding-top: 56px;
}
.detail {
    float: right;
}
.detail > a {
		font-family: 'Bubblegum Sans', cursive;
    color: #ffffff !important;
	font-size:16px;
}
.social {
   text-align:right;
}

.social a {
	
	 color: #ffffff  !important;
}
.detail img {
  padding: 0 5px;
}

.logo {
    float: left;
    margin-top: -59px;
    width: 100%;
}
.logo img {
    height: auto;
    max-width: 140%;
    min-height: 140px;
    width: auto;
}
.nav-top {
    padding-left: 48px;
}
.social li{
display:inline-block;
  margin-left: 20px;
}
.social i {
    font-size: 20px;
}
.nav-top {
    margin-top: 30px;
}
.nav-top li {
  float: left;
    height: 76px;
    padding: 34px 21px;
    text-align: center;
    width: 141px;
}
.home-li {
    background:url("images/home.png");
background-size:100% 100%;
background-repeat:no-repeat;
	}

.menu-item-51 {
    background:url("images/about.png");
	background-size:100% 100%;
background-repeat:no-repeat;
}
.menu-item-55{
	  background:url("images/services.png");
	  background-size:100% 100%;
background-repeat:no-repeat;
}
.menu-item-54{
	  background:url("images/educators.png");
	  background-size:100% 100%;
background-repeat:no-repeat;
}
.menu-item-52{
	  background:url("images/co-ordinator.png");
	  background-size:100% 100%;
background-repeat:no-repeat;
 padding: 26px 0 !important;
}
.menu-item-53{
	  background:url("images/contact-us.png");
	  background-size:100% 100%;
background-repeat:no-repeat;
 width: 144px !important;
}

.nav-top ul{
padding:0px;
margin:0px;
}

.nav-top a {
	font-size:15px;
	text-transform: uppercase;
color:#ffffff !important;
	font-family: 'Bubblegum Sans', cursive;
}

.nav-top a:hover {
text-decoration:none;
}
.images {
    width: 100%;
}
.testi-bottom h1 {text-transform:uppercase;
    color: #ffffff;
	font-size:24px;
padding: 0 30%;
    text-align: right;
	margin:0px;
	font-family: 'Lato', sans-serif;
	}
.testi-bottom p {
		font-size:24px;
color: #ffffff;
padding:0px;
margin:0px;
padding: 0 0%;
    text-align: right;
text-transform:uppercase;
	font-family: 'Lato', sans-serif;
}

.testi-bottom h2 {
	text-transform:uppercase;
		font-size:36px;
	margin:0px;
   padding: 10px 0 0;
    text-align: right;
    color: #ffffff;
	font-family: 'Bubblegum Sans', cursive;
}
.testi-bottom {
    background:url("images/caption.png") no-repeat scroll 335px 11px;
    padding-bottom: 27%;
    position: relative;
    top: -205px;
}
.pink-bg{
	   background:url("images/pink-left.png") no-repeat;
   float: left;
    font-size: 0 !important;
    padding: 5% 1%;
    position: relative;
    top: -51px;
    width: 20%;
	   }

	   .slider {
    float: left;
    height: 580px;
    width: 100%;
}
.cap-cont {
    float: right;
  margin: 11% 7% 0 0;
    text-align: left;
}
.welcome{float:left;
	text-align:center;
	  padding-bottom: 54px;
	
}
.welcome h1{
	   margin: 0 0 20px;
    color: #ffffff;
	font-family: 'Bubblegum Sans', cursive;
	font-size:33px;	
	text-transform:uppercase;
}
.welcome .word3 {
color:#ff7409;
}
.welcome p{
	text-transform:captilize;
	font-size:13px;
color: #87d6f7;
padding:0px;
margin:0px;
	font-family: 'Lato', sans-serif;

}
.services p{
	text-transform:captilize;
	font-size:12px;
color: #ffffff;
   padding: 6px 0;
margin:0px;
	font-family: 'Lato', sans-serif;
  float: left;
    width: 100%;
}

.services h1 {
	padding:0px;
	 display: inline;
		font-family: 'Bubblegum Sans', cursive;
    font-size:18px;
	 padding: 0 0 0 18px;
	    color: #ffffff;
}

.services a {
		font-family: 'Bubblegum Sans', cursive;
    float: left;
    width: 100%;
	font-size:15px;
	   padding: 0 0 13px;
}
.clr{
	  clear: both;
}
.services img {
  display: inline;
}

.mini-slider {
	    padding: 20px 0 0;
    background:url("images/small-frame.png");
	background-repeat:no-repeat;
	  margin-top: 11px;
 padding: 23px 23px 0 !important;
    width: 262px !important;
	background-size:100% 74%;
}
.slider .owl-pagination {
    display: none;
}

.mini-slider .owl-theme .owl-controls {
    text-align: center;
	position:relative;
	top:25px;
	  margin-bottom: 43px !important;
}
.slider .item {
    height: 571px !important;
    min-height: 427px !important;
}
.slider .owl-theme .owl-controls {
    text-align: left;
	position:relative !important;
	top:-200px !important;
	left:65px;}
	
.slider .owl-prev{
		   background:url("images/pre-ar.png");
	background-repeat:no-repeat;
	}
	.slider .owl-prev:hover{
		   background:url("images/pre-ar-hover.png");
	}
	
	.slider .owl-next{
		   background:url("images/next-.png");	
		   background-repeat:no-repeat;
	}
		.slider .owl-next:hover{
		   background:url("images/nex-ar.png");	
		    background-repeat:no-repeat;
	}
	.slider .owl-theme .owl-controls .owl-buttons div{
		font-size:0px;
		   padding: 17px 18px !important;
	}
.blue h1{
    color: #72cbf0 !important;
}
.orange h1{
    color: #ff7309 !important;
}
.green h1{
    color: #93bd01 !important;
}
.darkblue h1{
    color: #00a0c0 !important;
}

.blue a {
	text-decoration:underline;
    color: #72cbf0 !important;
}
.orange a {
	text-decoration:underline;
    color: #ff7309 !important;
}
.green a {
	
	text-decoration:underline;
    color: #93bd01 !important;
}
.darkblue a {
	text-decoration:underline;
    color: #00a0c0 !important;
}

.darkblue .word4 {
    padding-left: 18%;
}
.contact-bar{
	  background:url("images/bottom-cont.png");	
	  background-repeat:no-repeat;
	   float: left;
    width: 100%;
	 padding-bottom: 4%;
}
.contact-bar h1{
   color: #ffffff;
    float: right;
    font-family: "Bubblegum Sans",cursive;
    font-size: 21px;
  margin-right: 2%;
    margin-top: -34px;
    text-align: right;
    text-transform: uppercase;
	
}

.contact-bar a{
	font-size:21px;
	color:#ffffff !important;
		font-family: 'Bubblegum Sans', cursive;
}

.phone {  padding: 40px 0 0;
    float: left;
    margin-left: 68px;
}
.email {  padding: 40px 0 0;
    float: left;
    margin-left: 42px;
}

.btm-nav .home-li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	}

.btm-nav .menu-item-51 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.btm-nav .menu-item-52{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
padding: 0 0 0 23px !important;
}
.btm-nav .menu-item-53 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.btm-nav .menu-item-54{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.btm-nav .menu-item-55{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.inner-footer h1 {
	    padding: 30px 0 30px;
    font-size: 22px;
	text-transform:uppercase;
	margin:0px;
	color:#323232;
		font-family: 'Bubblegum Sans', cursive;
		
}
.inner-footer p {
    color: #5c5c5c;
	font-family: 'Lato', sans-serif;
}
.top-footer {
	 background:url("images/footer-top.png") !important;	
	 background-repeat:no-repeat;
	 float:left;
	 width:100%;
    padding: 26px 0;
}
.inner-footer {
		 float:left;
	 width:100%;
	 background:url("images/footer-bg.png") !important;	
	 background-repeat:no-repeat !important;
    margin-bottom: 5%;
    padding-bottom: 1%;	 
	background-size:100% 100% !important;
}

.inner-footer a {
  color: #5c5c5c;
  font-family: 'Lato', sans-serif;
}
.btm-nav > h1 {
	 background:url("images/about-bottom.png") !important;	
 background-position: 0 60px !important;
 background-repeat: no-repeat !important;
	 }
.time > h1 {
	 background:url("images/hour-bottom.png") !important;	
 background-position: 0 60px !important;
 background-repeat: no-repeat !important;
}
.address-ftr > h1{
	 background:url("images/addres.png") !important;	
	  background-position: 0 60px !important;
 background-repeat: no-repeat !important;
	 }
.social-footer > h1{
		 background:url("images/flowus.png") !important;
		  background-position: 0 60px !important;
 background-repeat: no-repeat !important;
}

.btm-nav ul {
    padding-left: 2px;
    padding-top: 20px;
}
.time > p {
    padding-top: 20px;
}

.social-footer ul {
    padding-left: 2px;
    padding-top: 20px;
}
.address-ftr {
    float: left;
}

.address-ftr ul {
    padding-left: 2px;
    padding-top: 20px;
}.inner-footer .fa {
    font-size: 18px;
    padding: 4px 0;
    width: 36px;
	color:#18345b;
}.address-ftr span {
    float: left;
    padding-left: 16%;
    width: 100%;
}

.fot-bottom {
    position: relative;
    top:64px;
}
.design {
	color:#ffffff;
	font-size:12px;
    float: left;
	  font-family: 'Lato', sans-serif;
}
.design a {
 color:#8db504;
}
.design a:hover{
    color: #ff7109;
}
.copy {
    color: #ffffff;
    float: right;
    font-size: 12px;
    text-align: right;
		  font-family: 'Lato', sans-serif;
}
.design > span {
	  color: #ffffff;
}
.copy a {
		  font-family: 'Lato', sans-serif;
    color: #ff7109;
	text-transform:uppercase;
}
.copy a:hover {
	 color:#8db504;
}
.contact-bar img {
    padding: 0 15px;
}

.entry-title {
		font-family: 'Bubblegum Sans', cursive;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    font-size: 25px;
    padding: 8px 0;
    text-transform: uppercase;
}
.entry-content {
    background-color: #ffffff;
    border-radius: 10px;
    height: auto;
    margin-bottom: 10%;
    min-height:550px;
  padding: 40px;
	  font-family: 'Lato', sans-serif;
}
.entry-content > p {
    font-family: "Lato",sans-serif;
    font-size: 13px;
	    color: #5c5c5c;
    font-weight: normal;
}
.entry-content li {
    font-size: 14px;
	    list-style-type: disc;
    font-size: 14px;
    color: #5c5c5c;
    list-style: inside;
	    color: #5c5c5c;
}
.entry-content strong {
	text-transform: uppercase;
    color: #91bb00;
font-family: 'Bubblegum Sans', cursive;
    font-size: 16px;
	
}

.bullet strong {
     color: #91bb00;
}
.cont-addres-page li {
    list-style-type: none !important;
}
.cont-addres-page .fa {
    padding: 4px 0;
    width: 28px;
	color:#F7941E;
}

.sub-button {
    background-color: #F7941E;
    border: medium none;
    border-radius: 4px;
    color: #ffffff;
  font-size: 20px;
    line-height: 30px;
    width: 100px;
	 font-family: 'Lato', sans-serif;
}
textarea.form-control {
    height: auto;
    resize: none;
}
.dynamic {
    display: none;
}
.page-id-11 .dynamic {
    display: block;
}
.bullet > li {
	background:url('images/sign.png');
	float: left;
    padding-left: 19px;
    width: 100%;
	background-repeat:no-repeat;
	color:#ffffff;
	background-position:0px 6px;
}
.page-id-12 .bullet > li {

   color: #5c5c5c !important;
  list-style-type:none !important;
}

.bullet > li a{
 font-family: 'Lato', sans-serif;
}

.btm-nav li {
	background:url('images/sign.png') !important;
	float: left;
    padding-left:23px !important;
    width: 100%;
	background-repeat:no-repeat !important;
	background-position:0px 6px !important;
}
.nav-top .li-spn {
    display: none;
}

.detail .fa.fa-mobile {
    color: orange;
    font-size: 22px;
    padding: 0 15px;
}
.res-slider{
	display:none;
}
.res-add-span{
	display:none;
}
.none-read {
    display: none;
}



@media screen and (max-width:320px)
{
	.inner-footer .col-xs-6 {
	width: 100%;
	}	

	.inner-footer .fa {
	    width: 8% !important;
	}
	.fot-bottom {
    position: relative;
    top: 39px !important;
    z-index: 999;
    background: gray !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
	margin-bottom:20px !important;
	}

.design {
    width: 100%;
    text-align: center;
   float: none !important;
}



.copy {
    width: 100%;
    text-align: center;
    float: none !important;
}



}


@media screen and (max-width:1024px)
{
	.darkblue .word4 {
	    padding-left: 0;
	}
}



@media screen and (max-width:554px)
{

.shiftnav-main-toggle-content.shiftnav-toggle-main-block,
.shiftnav-menu-title.shiftnav-site-title
{
display:none;
}

ul li a.shiftnav-target {
    font-family: "Lato",sans-serif;
    font-size: 13px;
}


}


@media screen and (max-width:1199px)
{
	.logo img {
   	 height: auto;
   	 max-width: 140% !important;
  	  min-height: 140% !important;
  	  width: auto;
   	margin-top: -110px !Important;
	}
}


@media screen and (max-width:767px)
{
	.logo img {
    height: auto;
    max-width: 100%;
    min-height: 100px;
    width: auto;
    margin: 0 !important;
	}
}