@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import url('ui.totop.css');
@import url('twitter.css');
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700);
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-size:14px;
	line-height:18px;
	color:#83868a;
	min-width:960px;
	background:#dde1e2;
	-webkit-text-size-adjust: none;
}

.main{width: 1010px;margin: 0 auto 50px;background: #fff;}
/*********************************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:#83868a;outline:none; text-decoration:none; cursor:pointer;}
a:hover, .list1 a:hover{
	color:#D51D56;
	text-decoration:none;
}

.button{ display:inline-block; padding:11px 15px 12px; margin: 20px 0 0; font-size: 18px; line-height: 22px; text-transform: uppercase; color:#fff; font-weight: bold;background: #373a3f;}
.button:hover{ background:#d51d56; color:#fff;}

.button1{ display:inline-block; padding:9px 15px 9px; margin: 28px 0 0; font-size: 12px; line-height: 16px; text-transform: uppercase; color:#fff;background: #231f20;}
.button1:hover{
	background:#d51d56;
	color:#fff;
	font-family: "Archivo Narrow", sans-serif;
}

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

/*********************************header*************************************/
#main_page header{padding-bottom: 10px;}

header {padding: 28px 0 21px;overflow: hidden;}
header h1{overflow: hidden;float: left;}
header h1 a{display:block;margin-top: 0px;width:660px;height:60px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;float: left;}
header h1>span{display: block;border-left: 1px solid #c5c5c5;float: left;text-transform: uppercase;color: #d1d2d3;font-size: 21px;line-height: 26px;font-weight: normal;margin-left: 13px;padding: 14px 0 15px 13px;}
header h1>span span{display: block;margin-top: -8px;}

/*================================>> Search <<========================================*/
#search{float: right;padding-top: 31px;overflow: hidden;}
#search input{margin: 0;outline: none;float: left;border: none;border: 1px solid #ececec;font-size: 13px; color: #9c9fa3; font-family: Arial, Helvetica, sans-serif;padding:  4px 10px 6px;width: 154px;height: 16px;}
#search a{display:block;float: left;background: #d51d56;color: #fff;padding: 4px 13px 6px 12px;margin-left: 2px;}
#search a:hover{
	background: #231f20;
	font-family: "Archivo Narrow", sans-serif;
}
/*********************************content*************************************/
#content {padding:40px 0px 50px;}
.cont_pad{padding:16px 0 11px !important;}

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

p {margin-bottom:18px}
.p2{ margin-bottom:18px;}
.p3{ margin-bottom:22px;}
.p4{ margin-bottom:21px;}
.p5{ margin-bottom:23px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{
	background:url(../images/marker1.png) 1px 0px no-repeat;
	padding-left:26px;
	margin-bottom: 6px;
	font-family: "Archivo Narrow", sans-serif;
	color: #000000;
}
.list1 a{color: #231f20;font-size: 12px;}


/*================================>> H <<========================================*/
h2{font-size: 30px; line-height: 36px; color:#231f20;text-transform: uppercase;margin-bottom: 20px;}

h2.ind{ margin-bottom:40px;}
h2.ind1{ margin-bottom:24px;}
h2.ind2{ margin-bottom:18px;}
h2.ind3{ margin-bottom:25px;}
h2.ind4{
	margin-bottom:21px;
	color: #D51D56;
}

h3, h4{font-size: 18px; line-height: 22px; color:#231f20;text-transform: uppercase;}
h3 a, h4 a{color:#d51d56;}
h3 a:hover, h4 a:hover{
	color: #231f20;
	font-family: "Archivo Narrow", sans-serif;
}
h4{font-size: 14px;line-height: 19px;}
h3.ind{ margin-bottom:17px;}
h3.ind1{ margin-bottom:19px;}
/*================================>> GOOGLE FONTS  <<========================================*/
header h1, .sf-menu>li>a, .flexslider .banner .inner, .box1 .title1, .box1 .title2, .button, .welcome .title, h2, h3, .offers>li>figure, footer .privacy span{font-family: 'Archivo Narrow', sans-serif;}


/*================================>> hovers <<========================================*/
.sf-menu a, .sf-menu li, .sf-menu em, .sf-menu span, .button, .button1, h3 a, #search 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{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.flexslider .banner{width: 50%;position: absolute;left: 0;top: 0;}
.flexslider .banner .inner{padding: 179px 0 0 41px;text-transform: uppercase;font-size: 30px;line-height: 36px;color: #231f20;}
.flexslider .banner .title{
	font-size: 48px;
	line-height: 58px;
	font-weight: bold;
	color: #FFFFFF;
}
.flexslider .banner .text{
	margin-top: -10px;
	color: #FFFFFF;
	font-family: "Archivo Narrow", sans-serif;
}

.flexslider .banner .titles2{
	font-size: 48px;
	line-height: 58px;
	font-weight: bold;
	color: #d51d52;
}
.flexslider .banner .texts2{
	margin-top: -10px;
	color: #373a3f;
}





.box1{
	background: url('../images/stripe1.png') right 0 repeat-y;
	padding: 22px 20px 30px 0;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-family: "Archivo Narrow", sans-serif;
	font-size: 14px;
}
.box1 .title1{
	font-size: 22px;
	line-height: 26px;
	color: #d51d56;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Archivo Narrow", sans-serif;
}
.box1 .title2{font-size: 30px; line-height: 36px; color: #231f20; font-weight: bold; text-transform: uppercase;margin-top: -4px;margin-bottom: 17px;}

.box2{padding-top: 22px;}

.v_stripe1{background: url('../images/stripe1.png') 629px 0 repeat-y;}


.img{border: 1px solid #e8e8e8;display: inline-block;}
.img2{box-shadow: 1px 1px 4px #e8e8e8;display: inline-block;margin: 0 0 4px 2px;}

.box1 figure{margin-bottom: 19px;}

.stripe1{background: url('../images/stripe2.png') 50% 0 repeat-x;margin: 21px 10px 76px;height: 1px;}
.stripe2{background: url('../images/stripe2.png') 50% 0 repeat-x;margin: 65px 10px 29px;height: 1px;}

.welcome{}
.welcome>div{padding-top: 19px;}
.welcome>figure{margin: 0 29px 0 0;}
.welcome .title{font-size: 33px;line-height: 40px;text-transform: uppercase;color: #231f20;font-weight: bold;margin-bottom: 16px;}
.black{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	font-family: "Archivo Narrow", sans-serif;
}
.phone{
	color: #000;
	font-size: 9px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	position: fixed;
}





.offers_box{margin-bottom: 11px;}
.offers{}
.offers>li{margin-bottom: 38px;}
.offers>li>div{}
.offers>li>figure{margin: 4px 13px 0 1px;width: 36px;border-radius: 500px; background: #d51d56;font-size: 24px; line-height: 29px; color: #fff;text-align: center;padding: 4px 0 3px;font-weight: bold;position: relative;}

.offers_box>div{width: 50%;}
/*********************************page_2*************************************/
.about{margin-bottom: 50px;}
.about>div{}
.about>figure{margin: 4px 26px 0 0;}

.work_box{margin-bottom: 19px;}
.work_box .work{float: left;width: 261px;}
.work_box .work:first-child{margin-right: 18px;}
.work_box .work .img2{margin-bottom: 17px;}

.work_box1{overflow: hidden;}
.work_box1>div{float: left;width: 180px;}
.work_box1 h3{margin-bottom: 9px;}
.work_box1 .col1{width: 180px;padding-right: 20px;background: url('../images/plus.png') right 61px no-repeat;}
.work_box1 .col2{margin-left: 23px;padding-right: 25px;background: url('../images/end.png') right 65px no-repeat;}
.work_box1 .col3{width: 85px;margin-left: 22px;padding-top: 30px;}

.newsroom{margin-bottom: 55px;}
.newsroom>li{margin-bottom: 31px;}
.newsroom h3{margin-bottom: 6px;}
.newsroom>li>figure{margin: 4px 19px 0 0;}
.newsroom>li>figure time{margin: 0 0 0 0;display: block;width: 62px;}
.newsroom>li>figure time span{display: block;text-align: center;font-size: 38px; line-height: 46px; color: #fff;font-weight: bold;padding: 3px 0 1px;background: url('../images/time.png') no-repeat #4cb9dc;}
.newsroom>li>figure time strong{display: block;border: 1px solid #efeee5;text-align: center;font-size: 18px; line-height: 22px; color: #231f20;font-weight: normal;padding: 5px 0 6px;}

.testimonials>li{margin-bottom: 21px;}
.testimonials blockquote{background: url('../images/testimonials.png') repeat-x #34373b;font-size: 15px; line-height: 20px; color: #fff;font-style: italic;border-radius: 5px;position: relative;margin-bottom: 31px;padding: 31px 20px 21px 54px;}
.testimonials blockquote a{color: #fff;}
.testimonials blockquote a:hover{color: #d51d56;}
.testimonials blockquote:before{display: block;top: 16px;left: 23px;position: absolute;width: 48px;height: 39px;z-index: 10;background: url('../images/quotes.png') no-repeat;content: "";}
.testimonials blockquote:after{display: block;position: absolute;width: 51px;height: 21px;bottom: -21px;left: 163px;background: url('../images/blockquote_after.png') no-repeat;content: "";}
.testimonials .author{text-align: right;}
/*********************************page_3*************************************/
.program{}
.program>div{}
.program>figure{margin: 4px 24px 0 0;}

.m_bot1{margin-bottom: 50px;}
.m_bot2{margin-bottom: 31px;}

.clients{}
.clients .client:first-child{margin-left: 0;}
.clients .client{width: 169px;float: left;margin-left: 17px;}
.clients .client a:first-child{display: block;margin-bottom: 18px;}

.link1{color: #d51d56;font-weight: bold;}
.link1:hover{color: #000;}
/*********************************page_4*************************************/
.solutions>li{margin-bottom: 34px;}
.solution>div{
	font-family: "Archivo Narrow", sans-serif;
	color: #000000;
}
.solution>figure{margin: 6px 25px 0 0;}
.solution h3{margin-bottom: 7px;}

.p_top1{padding-top: 4px;}

.blog time{display: block;margin-bottom: 17px;}
.blog>li{}
.blog>li>div{}
.blog>li>figure{margin: 5px 26px 0 0;}
.blog_links{padding-top: 10px;}
.blog_links a{margin: 0 10px 0 0;}
.comment{display: inline-block;padding: 8px 18px 8px;position: relative;background: #d51d56;color: #fff;box-shadow: 0 1px #f9f9f9;margin-bottom: 12px;}
.comment:hover{color: #000;}
.comment:after{display: block;position: absolute;width:14px;height: 11px;background: url('../images/comment_after.png') no-repeat;bottom: -11px;left: 10px;content: "";}
.blog>li>div{padding-bottom: 16px;}
.blog>li{margin-bottom: 31px;}
/*********************************page_5*************************************/

/* 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 #eaeaea; color:#83868a; padding:10px 9px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;width: 280px;}
#contact-form textarea {overflow:auto; height:388px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:50px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left: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;text-align:right; position:relative; clear:both; padding-top:20px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
	font-family: "Archivo Narrow", sans-serif;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;display:block;border: 1px solid #e8e8e8;margin-bottom:21px;}
#map_canvas {
   width:100%;
   height:393px;
}
.adress{}
.adress span{
	display:inline-block;
	width:74px;
	font-family: "Archivo Narrow", sans-serif;
	color: #000000;
}
.adress dt{ margin-bottom:18px;}

.demo{color: #231f20;text-decoration:underline;}
.demo:hover{ text-decoration:none;}
/****************************footer************************/
footer {padding:41px 0 50px;background: url('../images/stripe3.png') 50% 0 no-repeat;font-size: 12px;}
footer, footer a{text-transform: uppercase;color: #555454;}

footer .privacy span{
	display: inline-block;
	color: #4e4e4e;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: "Archivo Narrow", sans-serif;
}
footer .privacy{
	line-height: 40px;
	float: left;
	font-family: "Archivo Narrow", sans-serif;
	font-weight: bold;
}

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


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .main{width: 768px;}
 .flexslider {height: 357px;}
 .work_box .work img, .img img, .client img{width: 100%;}
 .welcome>div, .blog>li>div{overflow: visible;}
 .welcome>figure, .blog>li>figure{margin-bottom: 15px;}
 .flexslider .banner{width: 100%;}
.flexslider .banner .inner{padding: 179px 0 0 21px;text-transform: uppercase;font-size: 30px;line-height: 36px;}
.work_box .work{width: 200px;}
.work_box1>div{width: 115px !important;margin: 0 0 0 12px !important;}
.clients .client{width: 145px;}
#contact-form textarea, #contact-form input{width: 215px;}
.v_stripe1{background-position: 489px 0;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
.main{width: 420px;}
.flexslider {height: 200px;border: none;}
.pad_box{padding: 0 15px;}
header{padding-left: 15px;padding-right: 15px;padding-bottom: 30px;}
header h1, header #search, .about>figure{float: none;}
header h1 span{display:none;}
#search input{width: 300px;}
.flexslider .banner .title{font-size: 30px;line-height: 36px;margin-bottom: 10px;}
.flexslider .banner .inner{padding: 90px 0 0 15px;text-transform: uppercase;font-size: 20px;line-height: 24px;}
.box1, .box3, .v_stripe1{background: none;padding-right: 0;}
.work_box .work img, .box1 img, .about img, .program, .solution img, .blog img{width: 100%;}
.img{display: block;}
.welcome>figure, .about>figure, .program figure, .solution figure, .blog>li>figure{float: none;margin: 0 0 15px;}
footer .privacy, footer .social{float: none;}
.work_box .work, .work_box .work:first-child{float: none;width: 100%;margin: 0 0 30px;}
.work_box .work figure{display: inline-block;width: 98%;margin: 0px 0 0 3px;}
.work_box1>div{width: 100% !important;padding-top: 0 !important;margin: 0 0 30px !important;}
.work_box1 .last{margin-bottom: 0 !important;}
.clients .client{margin: 0 0 30px;width: 100%;}
.clients.m_bot2{margin-bottom: 0;}
#contact-form textarea, #contact-form input{width: 370px;}
 #contact-form textarea{height: 150px;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .main{width: 300px;}
 .flexslider {height: 143px;}
.offers_box>div{float: none;width: 100%;}
.offers_box .col1{margin-bottom: 30px;}
 #search input{width: 181px;}
 .flexslider .banner .inner{padding: 50px 0 0 15px;color: #000;}
 #contact-form textarea, #contact-form input{width: 250px;}
}
.packagetext {
	color: #000;
	font-weight: bold;
	font-family: "Archivo Narrow", sans-serif;
	font-size: 16px;
}
.bbold {
	font-weight: bold;
	color: #000000;
	font-family: "Archivo Narrow", sans-serif;
}
.bushead {
}
.bheadb {
	color: #FF0000;
}
.bhbhbh {
	color: #D51D56;
}
.bbbbb {
	font-weight: bold;
}
.ghg {
	color: #D51D56;
	font-weight: bold;
	font-family: "Archivo Narrow", sans-serif;
}
.footfont {
}
.ffg {
}
.ftt {
}

.tancrule {
}
.tttt {
	font-size: small;
}
.uuiu {
	font-size: x-small;
}
.Busbbtext {
	color: #000000;
}