@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import "../css/ui.totop.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#828181; min-width:960px; background:#f0ecec; -webkit-text-size-adjust: none;}

.bg{width: 100%;position: relative;background: url('../images/body_bg.png') repeat-x #f6f4f4;}
.glow{background: url('../images/glow.png') 50% 0 no-repeat;}
/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#828181;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#404040; text-decoration:none;}

.button{ display:inline-block; letter-spacing: -1px; padding:4px 12px 5px; margin: 7px 0 0 0; font-size: 18px; line-height: 24px; color:#000; text-transform: uppercase; font-weight: 800; background: url('../images/button.png') repeat-x #f8f8f8; box-shadow: 0 1px 0 rgba(0,0,0,0.18); border-radius: 5px;}
.button.var1{color: #c705f9;}
.button.var2{color: #09c1e1;}
.button.var3{color: #7dd504;}

.button1{ display:inline-block; letter-spacing: -1px; padding:6px 12px 8px; margin: 15px 0 0 0; font-size: 16px; line-height: 19px; color:#fff; text-transform: uppercase; font-weight: 800; background: url('../images/buttona.png') repeat-x #000; box-shadow: 0 1px 0 rgba(0,0,0,0.18); border-radius: 5px;}
.button1.var1{background: url('../images/button1_var1.png') repeat-x #c805f9;}
.button1.var2{background: url('../images/button1_var2.png') repeat-x #039ccf;}
.button1.var3{background: url('../images/button1_var3.png') repeat-x #39be02;}
.button1.var4{background: url('../images/button1_var4.png') repeat-x #39be02;}

.button:hover{color:#494949;}
.button1:hover{color: #404040;}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {padding: 42px 0 14px;}
header h1{width: 220px;height: 138px;float: left;}
header h1 a {display:block;width:220px;height:132px;border-radius: 5px;box-shadow:0 3px 5px #d7d4d4 ; background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

.fol_link{width: 243px;display: block;margin-right: -4px;float: right;height: 43px;background: url('../images/follow.png') no-repeat;text-indent: -9999px;margin-bottom: 28px;}
.fol_link:hover{background-position: 0 -43px;}
/*********************************content*************************************/
#content {padding:0px 0px 39px;}
.cont_pad{padding:20px 0 39px !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:20px}
.p2{ margin-bottom:10px;}
.p3{ margin-bottom:16px;}
.p4{ margin-bottom:12px;}
.p5{ margin-bottom:8px;}
.sub{margin-top: -3px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ margin-bottom: 11px; background:url(../images/marker1.png) 0 7px no-repeat; padding-left:15px;}
.list1 a{color: #c85ad9;font-weight: bold;}
.list1 a:hover{color: #404040;}

/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 37px; line-height: 45px;font-weight: 700;text-transform: uppercase;letter-spacing: -2px;margin-bottom: 5px;margin-left: -3px;}
h2 span{display: block;margin-top: -10px;}

h2.col1{color: #c85ad9;}
h2.col2{color: #0acbe6;}
h2.col3{color: #76d404;}
h2.col4{color: #fe6d02;}

h2.ind{ margin-bottom:12px;}

/*================================>> th <<========================================*/
.tokusyo_01{
 border-collapse: collapse;
 }
 .tokusyo_01 th{
 padding: 6px;
 text-align: left;
 vertical-align: top;
 color: #333;
 background-color: #eee;
 border: 1px solid #b9b9b9;
 }
 
 .tokusyo_01 th.error {
	background:#D63333;
	border:#D63333 1px solid;
	color:#FFFFFF;
	border-right:none;
}
 

 .tokusyo_01 td{
 padding: 6px;
 background-color: #fff;
 border: 1px solid #b9b9b9;
 }
 
 .tokusyo_01 td.error {
	border:#D63333 2px solid;
	border-left:none;
}
 
 
 
 .tokusyo_01 td.att {
	color:#CC0000;
	border-right:none;
	font-weight:bold;
	width:5%;
}
 
/*================================>> btn <<========================================*/

.btn {
	text-align:center;
}

.btn li {
	display:inline;
	padding:0 10px;
}

.btnYes {
	padding:0 20px;
	font-weight:bold;
	color:#000000;
	height:30px;
}

.btnNo {
	padding:0 20px;
	font-weight:bold;
	color:#000000;
	height:30px;
}

.btnAtt {
	padding:0 20px;
	font-weight:bold;
	color:#000000;
	height:30px;
}


/*================================>> GOOGLE FONTS  <<========================================*/
.banner .title1, .banner .title2, .button, h2, .button1, .work_list>li>figure, .sf-menu>li>a{font-family: 'Open Sans', sans-serif;}

/*================================>> hovers <<========================================*/
.button, .button1{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.banner{border-radius: 7px;box-shadow:0 3px 5px #d7d4d4;padding: 9px 30px 21px 17px;color: #fff;}
.banner .title1{
	font-size: 20px;
	line-height: 45px;
	color: #fff;
	letter-spacing: -2px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,0.23);
}
.banner .title2{
	font-size: 40px;
	line-height: 57px;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	margin-top: -18px;
	letter-spacing: -2px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.23);
}
.banner .text{padding: 0 0 0 3px;margin-top: -5px;}
.banner1{background: url('../images/banner1.png') repeat-x #a502f5;}
.banner2{background: url('../images/banner2.png') repeat-x #0398cd;}
.banner3{background: url('../images/banner3.png') repeat-x #29b901;}

.box{background: url('../images/box_bg.png') repeat-x #f7f6f6;border-radius: 7px;box-shadow:0 3px 5px #d7d4d4;padding: 9px 27px 21px 20px;}
.box1{background: url('../images/box_bg.png') repeat-x #f7f6f6;border-radius: 7px;box-shadow:0 3px 5px #d7d4d4;padding: 9px 20px 16px 20px;}
.box2{background: url('../images/box_bg.png') repeat-x #f7f6f6;border-radius: 7px;box-shadow:0 3px 5px #d7d4d4;padding: 9px 10px 19px 20px;}
.box3{background: url('../images/box_bg.png') repeat-x #f7f6f6;border-radius: 7px;box-shadow:0 3px 5px #d7d4d4;padding: 9px 20px 21px 20px;}

.color1{color: #c85ad9;}
.color2{color: #0acbe6;}
.color3{color: #76d404;}
.color4{color: #fe6d02;}

.img{border-radius: 4px;}

.events{padding-bottom: 6px;}
.events dt{padding: 0 0 0 25px;margin-bottom: 8px;background: url('../images/marker.png') no-repeat;color: #76d404;font-weight: bold;}
.events dd{margin-bottom: 15px;}

#head #info {
	position: absolute;
	right: 25px;
	font-size: 12px;
	color: #666666;
	bottom: 37px;
	line-height: 26px;
	text-align: right;
}
/*********************************page_2*************************************/
.choose{}
.choose>div{}
.choose>figure{margin: 5px 20px 0 0;}

.m_bot1{margin-bottom: 20px;}

.work_list>li{width: 265px;position: relative;float: left;margin-left: 52px;overflow: visible;}
.work_list>li:first-child{margin-left: 0;}
.work_list>li:after{width: 27px;height: 36px;top: 18px;right: -42px;display: block;position: absolute;background: url('../images/arrow.png') no-repeat;content: "";}
.work_list>li>div{}
.work_list>li>figure{margin: 6px 20px 0 0;width: 60px;text-align: center;font-size: 37px; line-height: 45px; color: #fff;border-radius: 500px;font-weight: bold;padding: 5px 0 10px;box-shadow: 0 1px 0 rgba(0,0,0,0.23);}
.work_list>li.last_work:after{display: none;}

.work_list>li>figure.bg1{background: url('../images/bg_1.jpg') repeat-x #039ccf;}
.work_list>li>figure.bg2{background: url('../images/bg_2.jpg') repeat-x #c805f9;}
.work_list>li>figure.bg3{background: url('../images/bg_3.jpg') repeat-x #39be02;}

.success{overflow: hidden;padding-bottom: 2px;}
.success>li{float: left;width: 220px;margin-left: 10px;}
.success>li:first-child{margin-left: 0;}
/*********************************page_3*************************************/
#search{padding: 4px 0 0;}
#search label{display: block;min-height: 49px;}
#search span{display: inline-block;width: 181px;padding: 7px 0 0;}
#search input{margin: 0;outline: none;background: #fff;width: 367px;border: 1px solid #d7d7d7;border-radius: 3px;font-family:Arial, Helvetica, sans-serif; font-size:12px;padding: 8px 15px 9px;color: #828181;}
.but_wrap{text-align: right;margin-top: -6px;}

.babysitters>li{margin-bottom: 25px;}
.babysitters>li>div{}
.babysitters .button1{margin-right: 10px;}
.babysitters>li>figure{margin: 5px 20px 0 0;}
.p_qualities{
	width: 300px;
	float: left;
	overflow: hidden;
}
.p_qualities span{color: #0acbe6;}

.theme_list{float: left;width: 300px;}

.faq_list{overflow: hidden;}
.faq_list dt{padding: 0 0 0 25px;margin-bottom: 9px;background: url('../images/marker_1.png') 0 1px no-repeat;color: #c85ad9;font-weight: bold;}
.faq_list dd{margin-bottom: 15px;}

/*********************************page_4*************************************/


/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:5px 0 0 0;position: relative;}
#contact-form fieldset{position: relative;z-index: 1;}
#contact-form .success {position: absolute;width: 263px;padding: 20px 0;text-align: center;top: 0;left: 0;border: 1px solid #d7d7d7;background: #fff;z-index: 99;}
#contact-form textarea, #contact-form input {margin:0;background: #fff;width: 245px;border: 1px solid #d7d7d7;border-radius: 3px;font-family:Arial, Helvetica, sans-serif; font-size:12px;padding: 8px 9px 9px;color: #828181;outline: none;}
#contact-form textarea {overflow:auto;height:215px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:44px; overflow:hidden;position: relative;}
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button1 {margin-right:8px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px;position: absolute;right: 10px;top: 5px;}
#contact-form .buttons2 {overflow:hidden;position:relative; clear:both; padding-top:22px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;display:block;}
#map_canvas {
   width:400px;
   height:426px;
}
.adress{margin-bottom: 20px;}
.adress span{ display:inline-block; width:68px;}
.adress dt{ margin-bottom:10px;}
.contact{}
.contact>div{}
.contact>figure{margin: 0 20px 0 0;}

.demo{color: #c85ad9;text-decoration:underline;}
.demo:hover{ text-decoration:none;}

/****************************footer************************/
footer {}
footer, footer a{color: #7d7d7d;}
footer a:hover{color: #000;}
footer .social{ overflow:hidden;}
footer .social a{ display:block; float:left;width:32px;height:32px; overflow:hidden; margin-left:8px;}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{ margin-top:-32px;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .sf-menu>li{width: auto;}
 .sf-menu>li>a{padding-left: 10px;padding-right: 10px;}
 .flexslider{height: 331px;}
 .banner .title2{font-size: 36px;margin-top: -10px;}
 .box{padding-right: 20px;}
 .question>div, .work_list>li>div, .choose>div{overflow: visible;}
 .work_list>li{width: 200px;}
 .success>li{width: 170px;}
 #search input{width: 420px;}
 .contact>figure{float: none;margin:0 10px 15px 0;}
 #map_canvas{width: 100%;}
 #contact-form textarea, #contact-form input{width: 175px;}
 #contact-form .success{width: 94%;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .flexslider{height: 186px;}
 header h1{margin-bottom: 25px;}
 nav{float: none;clear: both;}
 .img, .choose img{width: 100%;}
 .choose figure, .theme_list{float: none;margin: 0 0 15px;}
 .work_list>li, .success>li, .theme_list{width: auto;margin: 0 0 15px;}
 .work_list>li:after{display: none;}
 .work_list>li.last_work{margin-bottom: 0;}
 #search input{width: 350px;}
 .babysitters>li>div{clear: both;padding-top: 15px;}
 .p_qualities{padding-top: 35px;}
 #contact-form textarea, #contact-form input{width: 360px;}
 .fol_link{width: 60px;float: left;margin: 30px 0 0 40px;}
 #contact-form .success{width: 97%;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .flexslider{height: 133px;}
 #search input{width: 230px;}
 .p_qualities{padding-top: 15px;}
 .babysitters img{width: 100%;}
 .babysitters>li>figure, .work_list .p_qualities{float: none;margin: 0;}
 #contact-form textarea, #contact-form input{width: 240px;}
 .fol_link{margin: 40px 0 0 20px;}
}