@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/carousel.css";
@import "../css/touchTouch.css";
@import "../css/ui.totop.css";

@import url(http://fonts.googleapis.com/css?family=Tinos);
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:Trebuchet MS1, Trebuchet MS, sans-serif;
	font-size:15px;
	line-height:19px;
	color:#666;
	min-width:960px;
	-webkit-text-size-adjust: none;
	background: url('../images/body_bg.jpg') 50% 0 repeat #f1f1f1;
}

.white_box{ background: #fff;padding-top:82px;}
/*********************************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:#666;outline:none; text-decoration:none; cursor:pointer;}
a:hover{
	color:#069;
	text-decoration:none;
	font-size: 100%;
	text-align: center;
}

.button{ display:inline-block; padding:0 0 0 0; margin: 0 0 0 0; font-size: px; line-height: px; color:#; background:;}
.button:hover{ background:;}

.link1{font-size: 9px; line-height: 13px; color: #373a3e;text-transform:uppercase;}
.link1:hover{color:#e64668;}

.link2{font-size: 20px; line-height: 24px; color: #e64668;margin-top:30px;display:inline-block;}
.link2:hover{color:#95989e;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/
#main_page header h1{margin-bottom:0;}

header {margin: 0px 0 0;}
header h1{width:567px;margin: 0 auto 127px;}
header h1 a {display:block;width:567px;height:166px;background:url(../images/logo.png) 0 0 no-repeat; background-size: contain; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:63px 0px 84px		;}
.cont_pad{padding:99px 0 84px !important;}

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

p {
	margin-bottom:19px;
	text-align: justify;
}
.p2{ margin-bottom:29px;}
.p3{
	margin-bottom:23px;
	text-align: justify;
}

/*================================>> LISTS <<========================================*/
.list1{
	color: #666;
}
.list1 li{margin-bottom:11px;}
.list1 a{color:#373a3e;background:url(../images/marker1.png) 3px -12px no-repeat; padding-left:15px;}
.list1 a:hover{
	color:#A5C2D2;
	background-position:3px 7px;
}

.list2{}
.list2 li{ border-bottom:1px solid #d5d5d6;margin: 0 0 5px;padding-bottom:5px;}
.list2 a{display:inline-block;background:url(../images/marker2.png) 1px 9px no-repeat; padding-left:13px;}
.list2 a:hover{background-position:1px -21px;}


/*================================>> H <<========================================*/
h2,h3,h4,h5{ font-weight:normal;font-family: 'Tinos', serif;}
h2{font-size: 32px; line-height: 36px; color:#373a3e;margin-bottom:13px;}

h2.ind{ margin-bottom:31px;}
h2.ind1{ margin-bottom:32px;}
h2.ind2{ margin-bottom:22px;}
h2.ind3{ margin-bottom:35px;}
h2.ind4{ margin-bottom:37px;}
h2.ind5{ margin-bottom:0px;}

h4{font-size: 18px; line-height: 22px; color: #666;text-transform:uppercase;margin-bottom:5px;}

h5{font-size: 20px; line-height: 24px; color: #373a3e;margin-bottom:2px;}
h5.ind{margin-bottom:7px;}
h5.ind1{margin-bottom:10px;}

h5 span{display:block;margin-top:-5px;}

/*================================>> GOOGLE FONTS  <<========================================*/

.tin, .link1, .link2, #menu-icon{font-family: 'Tinos', serif;}

/*================================>> hovers <<========================================*/
.light_box strong, .light_box span, .sf-menu a, .link2, .list1 a, .list2 a{-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, .ext_box1{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div, .ext_box1>div{overflow:hidden;}

.ext_box1>figure{float: right;}
.ext_box1>div{}


.light_box{position: relative;display:inline-block;border-radius:100%;}
.light_box strong{width:100%;height:100%;position: absolute;top:0;left:0;background:#fff;opacity: 0;}
.light_box:hover strong{opacity: 0.7;}
.light_box:hover span{opacity: 1;}
.light_box span{width:27px;height:28px;display:block;background: url('../images/loop.png') no-repeat;opacity: 0;position: absolute;left:43%;top:43%;}

.offer{padding-right:30px;}
.offer>div{
	padding-top:6px;
	color: #666;
}
.offer>figure{margin: 0 19px 0 1px;}
.offer .link2{margin-top:16px;}

.stripe{
	height:1px;
	background:#dbdcdc;
	margin-top: 77px;
	margin-right: 10px;
	margin-bottom: 36px;
	margin-left: 10px;
}
.stripe1{
	height:1px;
	background:#dbdcdc;
	margin-top: 27px;
	margin-right: 10px;
	margin-bottom: 26px;
	margin-left: 10px;
}

.news{}
.news>li{background: url('../images/news_marker.png') 1px 5px no-repeat;padding-left:34px;margin-bottom:18px;}
/*********************************page_2*************************************/
.about{
	border-bottom:1px solid #dbdcdc;
	padding-bottom:25px;
	margin-bottom:25px;
}
.about>div{}
.about>figure{margin: 13px 24px 0 1px;}

.team{margin-bottom:16px;}
.team>div{}
.team>figure{margin: 13px 15px 0 2px;}

.team blockquote, .team1 blockquote{color:#ababab;font-style:italic;padding: 0 10px 0 0;}

.team1{margin-bottom:11px;}
.team1>div{width:165px;float: left;}
.team1>figure{margin: 0 0 0 0;}

.banners{padding-top:25px;}
.banners a{display:inline-block;margin-left:25px;}
.banners a:first-child{margin-left:0;}
.last_b{margin-top:-21px;}
/*********************************page_3*************************************/


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

.overview>figure{margin: 10px 24px 0 1px;}

.m_bot1{margin-bottom:30px;}
/*********************************page_5*************************************/

.blog_list{}
.blog_list>li{padding-right:7px;margin-bottom:33px;}
.info{overflow: hidden;color:#e64668;margin-bottom:18px;}
.info>.posted{float: left;}
.info>.comments{float: right;}
.info a{color:#E64668;}
.info a:hover{color:#000}

.blog{}
.blog>div{}
.blog>figure{margin: 0 24px 0 0;}

#search{padding: 7px 0 68px;border-bottom:1px solid #dbdcdc;margin-bottom:64px;}
#search input{background:#fff;border:1px solid #dddddd;margin:0;width:279px;padding: 10px 10px 11px;font-family:Trebuchet MS1, Trebuchet MS, sans-serif;font-size:13px;color:#ababab;outline: none;}




/* Contact form */
#contact-form {padding:7px 0 0 0;}
#contact-form .success {width:246px;padding:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:13px; border:1px solid #dddddd; color:#ababab; padding:10px 18px 11px;outline:none; position:relative; font-family:Trebuchet MS1, Trebuchet MS, sans-serif;background:#fff;}
#contact-form input {width:263px;}
#contact-form textarea {overflow:auto; width:422px; height:197px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:61px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .link2 {margin-left:14px;}	
#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; clear:both;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:34px;}
#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:inline-block;margin-bottom:39px;width:100%;}
#map_canvas {
   width:339px;
   height:339px;
}
.adress{}
.adress span{ display:inline-block; width:74px;}
.adress dt{}

.demo{color:#e64668;text-decoration:underline;}
.demo:hover{ text-decoration:none;}
/*

<div class="social">
	<a href="#" title="RSS"><img src="images/soc1.png" width="32" height="64" alt=""></a>
	<a href="#" title="Twitter"><img src="images/soc2.png" width="32" height="64" alt=""></a>
	<a href="#" title="Facebook"><img src="images/soc3.png" width="32" height="64" alt=""></a>
	<a href="#" title="Google +"><img src="images/soc4.png" width="32" height="64" alt=""></a>
</div>
*/
/****************************footer************************/
footer {padding:49px 0 50px;}
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;}

.privacy_link{text-decoration:underline;}
.privacy_link:hover{text-decoration:none;}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .white_box{padding-top:50px;}
 .offer>figure{float: none;margin-bottom:10px;text-align:center;}
 .cont_pad, #content {padding: 40px 0 !important;}
 .stripe, .stripe1{margin: 40px 10px ;}
 footer{padding:30px 0 ;}
 header h1{margin-bottom:30px;}
 .team>figure, .team1>figure, .team>div{float: none;}
 .team>figure{margin-bottom:10px;}
 .about>div, .blog>div{overflow: visible;}
 .banners{text-align:center;}
 .banners a{margin-bottom:20px;}
 #search input{width:210px;}
 #contact-form textarea, #contact-form input{width:325px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .offer>figure{float: left;}
 .stripe, .stripe1{margin: 30px 10px ;}
 header h1{width:100%;}
 header h1 a{width:100%;}
 .banners{text-align:left;}
 .banners a{margin: 0 20px 10px 0;}
 .overview>div{overflow: visible;}
  #search input{width:390px;}
	#search{margin-bottom:30px;padding-bottom:30px;}
	#contact-form textarea, #contact-form input{width:380px;}
	#map_canvas{width:100%;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .banners{text-align:center;}
 .blog>figure, .overview>figure, .about >figure{float: none; margin-bottom:10px;text-align:center;}
 .info>div{float: none !important;}
 #contact-form textarea, #contact-form input{width:260px;}
 #search input{width:275px;}
}