@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import "../css/carousel.css";
@import "../css/ui.totop.css";
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);
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:13px; line-height:20px; color:#928b91; min-width:960px; background:url(../images/body3.jpg) 50% 0 no-repeat #000000; -webkit-text-size-adjust: none;}

/*********************************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}


.black-pink{background:url(../images/black-logo.png);border-radius: 10px 10px 10px 10px;border:dotted 1pt #fff; }


#map{height:275px;width:300px;overflow:auto;border:solid 1px #fff;margin-bottom:20px; }

#pink{color:#FF80C0;background-color:#000000;padding-left:12px; padding-top:15px;padding-bottom:10px; border-bottom:dotted 1px #FF80C0; border-radius: 10px 10px 0px 0px; }
.points{padding-bottom:15px;font-size:18px;margin-left:12px;padding-right:25px; }
.points span{font-size:14px; }
.points span a{color:#fff;  }
/*********************************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;}
.bd_none{border:none !important;}
.about{font-size:14px; }
/*==================================== Links ======================================================== */
a {color:#928b91;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#7770b4; text-decoration:none;}

.button{ display:inline-block; padding:10px 14px; margin: 25px 0 12px; font-size: 12px; line-height: 17px; color:#fff; font-weight:bold; text-transform:uppercase; border:1px solid #fff; background: url('../images/button.jpg') 0 0 repeat-y;box-shadow: 0 2px 10px #dbd7d9;}
.button:hover{ background-position:-110% 0;background-color:#fff;border-color:#c7beda;color:#9281b7;box-shadow:none;}

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

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

header {background: url('../images/header_bg.png') no-repeat;min-height:135px;margin-bottom:19px;}
header h1{position: absolute;left:50%;width:210px;height:139px;margin-left:-105px;z-index:99;top:0;}
header h1 a {display:block;width:210px;height:139px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:1px 0px 37px 0px;}
.cont_pad{padding:80px 0 37px 0 !important;}

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

p {margin-bottom:20px}
.p2{ margin-bottom:29px;color:#fff;}
.p3{ margin-bottom:18px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ border-bottom:1px solid #e6e3ed;background:url(../images/marker1.png) 0 17px no-repeat; padding-left:15px;padding-bottom:7px;margin-bottom:12px;line-height:40px;}
.list1 a:hover{color:#9281b7;text-decoration:underline;}

.list1b{}
.list1b li{ border-bottom:1px solid #e6e3ed;background:url(../images/marker1.png) 0 17px no-repeat; padding-left:15px;padding-bottom:7px;margin-bottom:12px;}
.list1b a:hover{color:#9281b7;text-decoration:underline;}




.list2{}
.list2 li{ border-bottom:0px solid #e6e3ed;background:url(../images/marker1.png) 0 8px no-repeat; padding-left:15px;padding-bottom:7px;margin-bottom:12px;}
.list2 a:hover{color:#9281b7;}



/*================================>> H <<========================================*/

h2{font-size: 30px; line-height: 36px; color:#6c6679;font-weight:bold;}
.serv-h2{color:#FFFFFF;text-decoration:none; }
.serv-h2:hover{color:#ABABD6;text-decoration:underline; }

h2.ind{ margin-bottom:18px;}
h2.ind1{ margin-bottom:24px;}

h3{font-size: 36px; line-height: 43px; color:#9281b7; font-weight:normal;}

h4{font-weight:bold;color:#9281b7;text-transform:uppercase;font-size:12px;line-height:20px;margin-bottom:20px;}
/*================================>> GOOGLE FONTS  <<========================================*/
.sf-menu>li>a, h2, .f_logo{font-family: 'PT Sans Narrow', sans-serif;}
h3, .why>figure{font-family: 'Great Vibes', cursive;}
/*================================>> hovers <<========================================*/
.sf-menu>li, .sf-menu>li>a, .sf-menu>li>span, .button, a.img_wrap{-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>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.offer{border:1px solid #fff;text-align:center;position: relative;padding: 29px 0 17px;background: url('../images/offer_bg.jpg') repeat-y;;
   -webkit-box-shadow: 5px 5px 8px #fff;
   -moz-box-shadow: 5px 5px 8px #fff;



}

.linka{color:#FFFFFF;font-size:14.5px;font-weight:bold; }





.offer h3{margin-bottom:12px;}
.offer .text{padding: 0 20px;}

.offer:before, .offer:after{width:220px;display:block;position: absolute;left:-1px;content:"";}

.offer:before{height:6px;background:#a294c1;top:-6px;}
.offer:after{background: url('../images/offer_after.png') repeat-x;height:25px;bottom:-28px;}

.m_bot1{margin-bottom:61px;}
.m_bot2{margin-bottom:56px;}
.m_bot3{margin-bottom:57px;}

.font_1, .service_list dd strong, .service_list dt{font-size: 12px; line-height: 20px; color: #9281b7;text-transform:uppercase;}


/*********************************page_2*************************************/

.about>figure{margin: 6px 20px 0 0;}

.img_wrap{border:5px solid #fff;display:inline-block;box-shadow: 0 6px 27px #e7e5e3;}
a.img_wrap:hover{border-color:#9281b7;}

.about_box{margin-bottom:56px;}

.m_left1{margin-left:40px;}

.why{width:330px;float: left;}
.why>figure{border:1px solid #c8bfdb;width:48px;height:45px;text-align:center;background:#fcfbfb;margin: 6px 20px 0 0px;padding-top:3px;font-size: 36px; line-height: 43px; color: #9281b7;}
.why_box{margin-bottom:29px;}

.awards>li{margin-bottom:29px;}
.awards>li>figure{margin: 6px 15px 0 -2px;}

.team_box .img_wrap{margin-bottom:14px;}
/*********************************page_3*************************************/
.service_box{}
.service_box .img_wrap{margin-bottom:14px;}

.service_box .price{font-weight:bold;color:#FFFFFF;}

.service_box h4 a, .link{color:#9281b7;font-weight:bold;}
.service_box h4 a:hover, .link:hover{color:#594163;}

.service_list{}
.service_list dt{font-weight:bold;color:#9281b7;margin-bottom:20px;}
.service_list dd{margin-bottom:10px;}


/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px; padding:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:13px; border:1px solid #c7beda; color:#928b91; padding:7px 8px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;width:202px;}
#contact-form textarea {overflow:auto; height:206px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:42px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {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; clear:both;}
#contact-form .buttons2 {overflow:hidden;position:relative; clear:both; padding-top:30px;}
#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:26px;}
#map_canvas {
   width:480px;
   height:407px;
}
.adress{margin-bottom:29px;width:300px;}
.adress span{ display:inline-block; width:71px;}
.adress dt{ margin-bottom:20px;}

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

.touch{}
.touch>div{}
.touch>figure{margin:6px 20px 0 0 ;}
/****************************footer************************/
footer {padding:26px 40px 26px;background: url('../images/footer_bg.jpg') 50% 0 repeat-y;color:#fff;font-size:12px;}
footer a{color:#fff;}
footer a:hover{text-decoration:underline;color:#ebcbef;}
.f_logo{font-size: 18px; line-height: 22px; color: #fff;display:inline-block;margin:-3px 0 0;min-width:50px;}
footer .privacy{float: left;}

footer .social{ overflow:hidden;float: right;margin-top:-7px;}
footer .social a{ display:block; float:left;width:30px;height:30px; overflow:hidden; margin-left:8px;}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{ margin-top:-30px;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .offer h3{font-size:32px;}
	 .offer:after, .offer:before{width:172px;}
	 .about>div{overflow: visible;}
	 .why.m_left1{margin-left:20px;}
	 .why{width:250px;}
	 .awards>li>div{overflow: visible;}
	 .img_wrap{display:block;}
	 .touch>figure{float: none;}
	 #map_canvas{width:100% !important;}
	 .adress{float: left;margin-right:20px;}
	 #contact-form textarea, #contact-form input {width:154px;}
	 #toTop{display:none !important;}
   .touch > figure{margin:0;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .offer:after, .offer:before{width:420px;}
 .about>figure{float: none;margin: 0 0 15px;}
 img{width:100%;}
 .why{width: auto; margin: 0 0 20px 0 !important;}
 .awards>li>div{overflow: hidden;}
 .m_bot2, .m_bot3{margin-bottom:30px;}
 #contact-form textarea, #contact-form input {width:402px;}
 header{padding:140px 0 10px;min-height:0;}
 .service_box .img_wrap{display:block;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 footer>div{float: none !important;}
 footer>div.social{margin:10px 0 0;}
 .offer:after, .offer:before{width:300px;}
 #map_canvas{height:200px;}
 .img_wrap{width:290px !important;}
 .adress{float: none;}
  #contact-form textarea, #contact-form input {width:282px;}
}