/*
Theme Name: Twinkle Star English Nursery
Theme URI: #
Author: Sanjoy Kayal
Version: 1.0
*/

@charset "utf-8";
/* CSS Document */

/*
----------------------------------
01. DEFAULT ELEMENTS
----------------------------------
*/

body{margin:0px;padding:0px;}
*{border:none;outline:none;text-decoration:none;}
.clear{clear:both;}
p,h1,h2,h3,h4,h5{margin:0;padding:0px;}

img{vertical-align:top;}

.left{ float:left;}
.right{ float:right;}


@font-face {
	font-family:'CenturyGothic-Regular';
	src: url('css/CenturyGothic_latin+latin-ext_gdi.eot');
	src: url('css/CenturyGothic_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),
		url('css/CenturyGothic_latin+latin-ext_gdi.woff') format('woff'),
		url('css/CenturyGothic_latin+latin-ext_gdi.ttf') format('truetype'),
		url('css/CenturyGothic_latin+latin-ext_gdi.otf') format('opentype'),
		url('css/CenturyGothic_latin+latin-ext_gdi.svg#CenturyGothic-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-F005;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('css/opensans-regular-webfont.eot');
    src: url('css/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/opensans-regular-webfont.woff') format('woff'),
         url('css/opensans-regular-webfont.ttf') format('truetype'),
         url('css/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('css/opensans-light-webfont.eot');
    src: url('css/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/opensans-light-webfont.woff') format('woff'),
         url('css/opensans-light-webfont.ttf') format('truetype'),
         url('css/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family:'incognita-Regular';
	src: url('css/incognita_gdi.eot');
	src: url('css/incognita_gdi.eot?#iefix') format('embedded-opentype'),
		url('css/incognita_gdi.woff') format('woff'),
		url('css/incognita_gdi.ttf') format('truetype'),
		url('css/incognita_gdi.otf') format('opentype'),
		url('css/incognita_gdi.svg#incognita-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2666;
}

@font-face {
	font-family:'ComicSansMS-Regular';
	src: url('css/ComicSansMS_gdi.eot');
	src: url('css/ComicSansMS_gdi.eot?#iefix') format('embedded-opentype'),
		url('css/ComicSansMS_gdi.woff') format('woff'),
		url('css/ComicSansMS_gdi.ttf') format('truetype'),
		url('css/ComicSansMS_gdi.otf') format('opentype'),
		url('css/ComicSansMS_gdi.svg#ComicSansMS-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('css/opensans-semibold.eot');
    src: url('css/opensans-semibold.eot') format('embedded-opentype'),
         url('css/opensans-semibold.woff') format('woff'),
         url('css/opensans-semibold.ttf') format('truetype'),
         url('css/opensans-semibold.svg#OpenSansSemibold') format('svg');
}

/*
----------------------------------
02. CONTAINER, WRAPPER
----------------------------------
*/

#container{width:100%;}
#wrapper{width:100%;}
.main{max-width:1206px;margin:0 auto;}
@media(max-width:1025px){
.main{padding:0% 2%;}	
}
img {
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

/*
----------------------------------
03. HEADER
----------------------------------
*/
#header{width:100%;}
.header_left{ width:/*232px*/19.33%; float:left;  padding:0;}
.header_right{ float:right; text-align:left; position:relative; padding:30px 0 0; margin:0 5% 0 0;}
.banner_sec{ position:relative;}
.header_top{ position:absolute;width:100%; z-index:999;}

#navigation ul li.current, #navigation ul li:hover{ background:#ed1d24;}
#navigation ul li.current-menu-item{ background:#ed1d24;}
.banner_sec img{ width:100%;}

/*
-----------------------------------
04. CONTENT 
-----------------------------------
*/
#content{width:100%;}
.wel_inner{width:/*976px*/81.33%; margin:0 auto; text-align:center; padding:80px 0 100px;}
.wel_inner p{ font:normal 14px 'open_sansregular'; color:#000; margin:10px 0 20px}
.wel_inner a{ background:#ed1d24; font:normal 12px 'open_sanslight'; padding:10px 37px; display:inline-block; color:#fff;}

.gallery_sec{ background:url(images/gallery_bg.jpg) no-repeat; background-size:cover; padding:48px 0 40px;}
.gallery_box{ width:/*300px*/25%; float:left; position:relative; margin:0 0 0 -1px;}
.gallery_inner{ background:url(images/gallery_bg.png); position:absolute; bottom:0; cursor:pointer; width:100%;height:100%; display:none;}
.gallery_box:hover .gallery_inner{ display:block;}
.gallery_sec h2{font:normal 45px 'incognita-Regular'; color:#ec1d23; text-align:center; margin:0 0 16px;}


.content_inner{ padding:22px 0 18px;}
.content_inner  h2{ font:normal 45px 'incognita-Regular'; color:#ec1d23; margin:0 0 20px;}
.content_inner p{ font:normal 14px 'open_sansregular'; color:#5f5f5f; margin:0 0 26px;}

.gallery{ padding:0 0 47px;}

.map img{ width:100%;}


.contact_right{ width:/*820px*/68.33%; float:right;}

.contact_box{ width:48%;}
.frm_txt{ width:94%; font:normal 12px 'CenturyGothic-Regular'; padding:0 0 0 15px; height:39px; line-height:39px; background:none; border-radius:2px; border:1px solid #BCBCBC; margin:0 0 10px;}
.frm_txtarea{ width:97%; font:normal 12px 'CenturyGothic-Regular'; padding:0 0 0 15px; height:89px; line-height:39px; background:none; border-radius:2px; border:1px solid #BCBCBC;resize:none; margin:0 0 10px;}
.frm_sub{width:100%; font:normal 20px 'CenturyGothic-Regular'; color:#fff;  height:39px; background:#ed1d24; cursor:pointer;}


.frm_txt::-webkit-input-placeholder {color: #616161; opacity: 1;}
.frm_txt::-moz-placeholder { /* Firefox 18- */color: #616161;  opacity: 1;}
.frm_txt::-moz-placeholder {  /* Firefox 19+ */ color: #616161;  opacity: 1;}
.frm_txt::-ms-input-placeholder { color: #616161; opacity: 1;}

.frm_txtarea::-webkit-input-placeholder {color: #616161; opacity: 1;}
.frm_txtarea::-moz-placeholder { /* Firefox 18- */color: #616161;  opacity: 1;}
.frm_txtarea::-moz-placeholder {  /* Firefox 19+ */ color: #616161;  opacity: 1;}
.frm_txtarea::-ms-input-placeholder { color: #616161; opacity: 1;}

.loca1{ background:url(images/loca2.jpg) no-repeat 0 2px; padding:0 0 0 25px;}
.tel1{ background:url(images/phone2.jpg) no-repeat 0 2px ; padding:0 0 0 25px;}
.mail1{ background:url(images/mail2.jpg) no-repeat 0 2px; padding:0 0 0 25px;}

.contact_left{ width:/*343px*/28.58%; float:left; margin:0 1% 0 0;}
.contact_left ul{ padding:0; margin:0; list-style:none;}
.contact_left ul li{ margin:0 0 10px; font:normal 15px 'CenturyGothic-Regular'; color:#606060;}
.contact_left ul li a{ font:normal 15px 'CenturyGothic-Regular'; color:#606060;}


.calendar_sec p{font:normal 15px 'OpenSansSemibold'; color:#181818; margin:0 0 14px;}
.calendar_sec p span{color:#ec1d23; display:inline-block; margin:0 0 16px;}

ul.calendar{ padding:0; margin:0; list-style:none;}
ul.calendar li{ font:normal 15px 'OpenSansSemibold'; color:#5b5b5b; background:url(images/li_bg.png) no-repeat 0 16px; padding:10px 0 10px 30px; border-top:1px solid #B8B8B8;}
ul.calendar li label{width:/*218px*/20%; float:left; margin:0 8% 0 0; vertical-align:top;}
ul.calendar li span{ font:normal 14px 'open_sanslight'; float:left; color:#5b5b5b;}
ul.calendar li:first-child{border:none;}

.calendar_bottom{ background:#f3f3f3; padding:30px; margin:40px 0 38px;}
.calendar_bottom p{font:normal 14px 'open_sanslight'; color:#585858; margin:0 0 20px;}
.calendar_bottom p span{ font:normal 14px 'open_sansregular'; color:#ec1d23;}


.nursery_sec p{ font:normal 14px 'open_sanslight'; color:#171717; margin:0 0 15px;}
.nursery_sec p span{ font:normal 14px 'OpenSansSemibold';}
.nursery_sec p span span{ color:red;}

ul.nursery{ padding:0; margin:0 0 30px; list-style:none;}
ul.nursery li{ font:normal 15px 'OpenSansSemibold'; color:#5b5b5b; background:url(images/li_bg1.png) no-repeat 0 16px; padding:10px 0 10px 10px;}
ul.nursery li label{width:20%; display:inline-block; margin:0 1% 0 0; vertical-align:top;}
ul.nursery li span{ font:normal 14px 'open_sanslight'; color:#5b5b5b;}
ul.nursery li:first-child{border:none;}

.popup:hover .overlay {
    background: rgba(0, 0, 0, 0) url("images/gallery_bg.png") repeat scroll 0 0 !important;
    visibility: visible;   
}
.popup .overlay{opacity: 0.7 !important;}
.image-gallery li{padding:0 !important;width: 24.9%; line-height:1px;margin: -5px 0 0 0 !important;}
.wpcf7-not-valid-tip{font: 12px/20px "CenturyGothic-Regular" !important;margin-top: -8px;}
.wpcf7-response-output{margin:0 !important; font: 12px/20px "CenturyGothic-Regular" !important;}
.foot_box3 .wpcf7-response-output{font: 12px/20px "CenturyGothic-Regular" !important; color:#fff !important;}
.map iframe{vertical-align:top; width:100%;}

/*
------------------------------------
05. FOOTER 
------------------------------------
*/
#footer{width:100%; background:url(images/footer_bg.jpg) no-repeat; background-size:cover; padding:65px 0 25px;}
#footer h2{ font:normal 30px 'ComicSansMS-Regular'; color:#fff; margin:0 0 12px;}
.foot_box{ width:/*200px*/16.66%; float:left; margin:0 1% 0 0;}
.foot_box ul{ padding:0; list-style:none; margin:0;}
.foot_box ul li{ margin:0 0 10px;}
.foot_box ul li a{ font:normal 15px 'CenturyGothic-Regular'; color:#fff;text-transform: uppercase;}

.foot_box1{ width:/*320px*/26.66%;float:left; margin:0 1% 0 0}
.foot_box1 ul{ padding:0; margin:0; list-style:none;}
.foot_box1 ul li{ margin:0 0 10px; font:normal 15px 'CenturyGothic-Regular'; color:#fff;}
.foot_box1 ul li a{ font:normal 15px 'CenturyGothic-Regular'; color:#fff;}




.loca{ background:url(images/loca.png) no-repeat 0 2px; padding:0 0 0 25px;}
.tel{ background:url(images/phone.png) no-repeat 0 2px ; padding:0 0 0 25px;}
.mail{ background:url(images/mail.png) no-repeat 0 2px; padding:0 0 0 25px;}

.foot_box2{ width:/*200px*/16.66%; float:left; margin:0 1% 0 0}

.foot_box3{width:/*415px*/34.58%; float:left; margin:0}
.form_left{ width:/*200px**/48.19%; float:left;margin:0 1% 0 0}
.form_right{ width:/*200px*/48.19%; float:right;}


.frm_text{ height:36px; font:normal 12px 'CenturyGothic-Regular'; color:#fff; line-height:36px; width:92%; padding:0 0 0 12px; background:none; border:1px solid #fff; margin:0 0 10px;}
.frm_textarea{ height:133px; font:normal 12px 'CenturyGothic-Regular'; color:#fff; line-height:36px; width:92%; padding:0 0 0 12px; background:none; border:1px solid #fff; margin:0 0 10px; resize:none;}
.sub_frm{ width:100%;  font:normal 21px 'CenturyGothic-Regular'; color:#000; text-transform:uppercase; padding:10px 0; background:#fff; cursor:pointer;}


.frm_text::-webkit-input-placeholder {color: #fff; opacity: 1;}
.frm_text::-moz-placeholder { /* Firefox 18- */color: #fff;  opacity: 1;}
.frm_text::-moz-placeholder {  /* Firefox 19+ */ color: #fff;  opacity: 1;}
.frm_text::-ms-input-placeholder { color: #fff; opacity: 1;}

.frm_textarea::-webkit-input-placeholder {color: #fff; opacity: 1;}
.frm_textarea::-moz-placeholder { /* Firefox 18- */color: #fff;  opacity: 1;}
.frm_textarea::-moz-placeholder {  /* Firefox 19+ */ color: #fff;  opacity: 1;}
.frm_textarea::-ms-input-placeholder { color: #fff; opacity: 1;}

.footer_bottom{ width:/*770px*/64.16%; padding:41px 0 0;}
.foot_bt_left{ width:/*236px*/28%; float:left;}
.foot_bt_right{ width:/*500px*/72%;float:right; text-align:right; padding:38px 0 0;}
.foot_bt_right p{font:normal 13px 'CenturyGothic-Regular'; color:#fff;}


/*
-------------------------------------
06. RESPONSIVE
-------------------------------------
*/

@media(min-width:768px){
}


@media(max-width:999px){
	
.contact_left {
    float: none;
    margin: 0 0 40px;
    width: 100%;
}


.contact_right {
    float: none;
    width: 100%;
}


.frm_textarea {
    width: 96%;
}


.frm_text {
    width: 96%;
}


.sub_frm {
    width: 99%;
}

}


@media(max-width:1023px){
	
.foot_box {
    width: 100%;
	margin:0 0 20px;
	float:none;
}


.foot_box1 {
    width: 100%;
	margin:0 0 20px;
	float:none;
}

.foot_box2 {
    width: 100%;
	margin:0 0 20px;
	float:none;
}

.foot_box3 {
    width: 100%;
	margin:0 0 20px;
	float:none;
}

}

@media(max-width:767px){
	
.header_top{ position:relative}	
		
.header_left {
    float: none;
    padding: 0;
    text-align: center;
    width: 100%;
}

.header_right {
    float: none;
    margin: 0 ;
    padding:0;
    position: relative;
}


.gallery_box {
    width: 33.4%;
}
.image-gallery li{width: 33.3%;}

.foot_bt_left{ width:100%; float:none;}
.foot_bt_right{ width:100%;float:none;}


.contact_box {
    width: 100%;
}

.left{ float:none;}
.frm_txt{ width:97%}


ul.calendar li label {
    display: block;
    margin: 0 0 10px;
    vertical-align: top;
    width: 100%;
}

ul.nursery li label {
    display: block;
    margin: 0 0 10px;
    vertical-align: top;
    width: 100%;
}


}

@media(max-width:479px){
	
.gallery_box {
    float: left;
    margin: 0 0 0 -1px;
    position: relative;
    width: 50%;
}
.image-gallery li{width: 50%;}

.form_left {
    float: none;
    margin: 0;
    width: 100%;
}


.form_right {
    float: none;
    width: 100%;
}


.footer_bottom {
    text-align: center;
    width: 100%;
}

.foot_bt_right{text-align:center;}


.frm_txt {
    width: 95%;
}

.frm_txtarea {
    width: 95%;
}


}

@media(max-width:319px){
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}