@import "../css/reset.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import "../css/touchTouch.css";
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);
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: 'PT Sans', sans-serif;font-size:14px; line-height:19px; color:#424242; min-width:1030px; background:#2c2c2c;-webkit-text-size-adjust: none;}

.main{width: 940px;margin: 0 auto; color: #1b1b1b;}

/*********************************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;}
.bg_none:after{display: none !important;}


/*==================================== Links ======================================================== */
a {color:#424242;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#4859fb; text-decoration:none;}

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

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

header {width: 100%;position: fixed; background: #3d3d3d;left: 0;top: 0;z-index: 10;box-shadow: 0 0 15px rgba(0,0,0,0.75)}
header .inner{padding: 16px 0 0 0;}
header h1{float: left;margin-left: 21px;}
header h1 a {display:block;width:185px;height:58px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}
.navbar-brand img{
  padding-top: 5px;
  width: 100px;
}

/*********************************content*************************************/
#content {padding:0 0px 0px;position: relative;z-index: 1;min-height: 2000px;}
.cont_pad{padding:0 0 0 0 !important;}

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

p {margin-bottom:19px}
.p2{ margin-bottom:22px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/marker1.png) 0 7px no-repeat; padding-left:20px;}
.list1 a{}

.list2{}
.list2 li{ background:url(../images/marker2.png) 0 7px no-repeat; padding-left:20px;}
.list2 a{}

.list3{}
.list3 li{ background:url(../images/marker3.png) 0 7px no-repeat; padding-left:20px;}
.list3 a{}

/*================================>> H <<========================================*/
h2,h3{ font-weight:normal;}
h2{font-size: 23px; line-height: 29px; color:#4e4e4e;margin-bottom: 10px;}
h2.h2{background: url('../images/stripe1.png') 0 bottom repeat-x;padding-bottom: 26px;}

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

h3, .h3{font-size: 28px; line-height: 34px; color:#4e4e4e;}

h4, h4 a{font-size: 24px; line-height: 29px; color: #4e4e4e;font-weight: bold;letter-spacing: 0px;}
h4 a:hover{color: #ff4800;}
h4.ind{margin-bottom: 22px;}
h4.ind1{margin-bottom: 20px;}
h4.ind2{margin-bottom: 19px;}

h5{font-size: 21px; line-height: 25px; text-transform: uppercase; color: #4e4e4e;margin-bottom: 1px;}
h5.ind{margin-bottom: 19px;}
.navbar{
  margin: 0 !important;
}
.navbar-nav{
  margin-top: 5px !important;
}
.navbar-nav li a{
  font-size: 15px;
  color: #fff !important;
  text-transform: uppercase;

}
/*================================>> hovers <<========================================*/
.port_box .port_col>a span, .port_box .port_col>a em{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.flex-direction-nav a, .social_box img, .sf-menu a, .offer_col>a, .offer_col span, .offer_col>a .description:before, .blog_nav a, #content a, .portfolio2 a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
/*********************************page_1*************************************/
.ext_list>li, .ext_box{ }
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}
.ext_box1>figure{display: block;}
/*================================>> Main Page<<========================================*/
#pages{position: relative;}
#pages>li{width: 100%;}



.button{background: #3d3d3d;font-weight: bold;border-radius: 4px;font-size: 24px;line-height: 29px;text-transform: uppercase;color: #fff;display: inline-block;padding: 23px 30px 20px;}

.flexslider .button:hover{color: #fff;background: #4859fb;}

.slide{
  position: relative;
}
.slider-text{
position: absolute;
left:50%;
top:50%;
transform: translate(-50%, -50%);
text-align: center;
}
.slider-text h2{
  color: #fff;
  font-size: 45px;
  font-weight: 700;
}
.slider-text a{
  background:#fff;
  padding: 14px 20px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 700;
  color: #1b1b1b;
  display: inline-block;
  margin-top: 15px;
  text-decoration: none;
}
.slider-text a:hover{
  background: #4859fb;
  color: #fff;
  text-decoration: none;
}
/*==============================>> Services Page <<======================================*/
.page-head{
  background: #f6f6f6;
  padding: 40px 15px;
  text-align: center;
  margin:57px 0 0;
  
}
.page-head .page-ttl{
  color: #222;
  font-size: 20px;
  text-transform: uppercase;
 
}
#pages>li{overflow: hidden;}
#pages #services{padding-top: 131px;}
#pages #portfolio{padding: 140px 0 209px;}
#pages #blog{padding-top: 133px;padding-bottom: 111px;}
#pages #our_team{padding-top: 140px;padding-bottom: 151px;}
#pages #contacts{padding-top: 130px;padding-bottom: 100px;}
#home{
    background: #F9F9F9;
}

.bg1{background: #f9f9f9;}
.bg2{background: #f0f0f0;}

.slogan{text-align: center;font-size: 27px;line-height: 35px;color: #45493e;letter-spacing: -1px;margin-top: 49px;}

.font1{font-style: italic;color: #4859fb;}

.offers{background: url('../images/stripe1.png') repeat-x;}
.offers>li{background: url('../images/stripe1.png') 0 bottom repeat-x;}

.offer_col{float: left;width: 309px;text-align: center;background: url('../images/stripe2.png') repeat-y;}
.offer_col.extra{width: 320px;}
.offer_col>a{display: block;padding: 49px 0 0;}
.offer_col .title{font-size: 24px;line-height: 29px;color: #45493e;font-weight: bold;background: url('../images/stripe1.png') 0 bottom repeat-x;padding-bottom: 45px;}
.offer_col .top{margin-bottom: 25px;overflow: hidden;}
.offer_col .description{padding: 26px 16px;font-size: 19px;line-height: 23px;color: #45493e;position: relative;}
.offer_col>a .description:before{
  display: block;position: absolute;top: -14px;left: 46%;width: 29px;height: 14px;background: url('../images/arrow.png') no-repeat;opacity: 0;content: "";
}
.bord_r{background: url('../images/stripe2.png') right 0 repeat-y;}
.offer_col span{display: block;}

.var1 .top{height: 97px;}
.var2 .top{height: 112px;}


.var1 a:hover img{margin-top: -97px;}
.var2 a:hover img{margin-top: -112px;}

.offer_col>a:hover .title{color: #4859fb;}
.offer_col>a:hover .description{background: #4859fb;color: #fff;}
.offer_col>a:hover .description:before{opacity: 1;}

/********************************* Portfolio Page *************************************/
.port_box{padding-bottom: 51px;}
.port_col{margin-left: 20px;width: 300px;float: left;}
.port_box .port_col:first-child{margin-left: 0;}
.port_box .port_col{font-size: 19px;line-height: 23px;color: #45493e;background: #fff;border-radius: 3px;box-shadow: 0 1px 1px #d1d1d1;}
.port_box .port_col div{padding: 26px 0px 21px;text-align: center;}
.port_box .port_col>a{display: block;position: relative;overflow: hidden;}
.port_box .port_col>a em{width: 100%;border-radius: 3px;height: 100%;opacity: 0;background: url('../images/fade_bg.png') repeat;display: block;position: absolute;left: 0;top: 0;}
.port_box .port_col>a:hover em{opacity: 1;}
.port_box .port_col>a span{display: block;width: 91px;height: 91px;top: -150%;position: absolute;left: 50%;margin:-46px 0 0 -46px;background: url('../images/zoom.png') no-repeat;}
.port_box .port_col>a:hover span{top: 50%;}

/*********************************Blog Page*************************************/

.col1, .col2{float: left;}
.col1{width: 680px;}
.col2{width: 220px;margin-left: 40px;}

.blog{padding-top: 7px;}
.blog>li{margin-bottom: 51px;}
.blog>li>div .text{padding: 26px 20px 20px 24px;}
.blog>li>div{font-size: 19px;line-height: 24px;color: #45493e;background: #fff;border-radius: 3px;box-shadow: 0 1px 1px #d1d1d1;}
.blog>li>figure{margin: 0 0 0 0;width: 79px;box-shadow: 0px 6px 10px #bdbdbd; text-align: center;color: #fff;}
.blog>li>figure time{display: block;background: #4859fb;font-size: 24px;padding: 8px 0 15px;line-height: 30px;text-transform: uppercase;border-radius: 3px 0 0 0;}
.blog>li>figure a{display: block;padding: 5px 0 5px;border-radius:  0 0 0 3px;color: #f9f9f9;background: #45493e;}
.blog>li>figure time strong{font-size: 42px;line-height: 52px;display: block;margin-bottom: -12px;}
.blog>li>figure a strong{font-size: 18px;line-height: 22px;color: #f9f9f9;display: block;margin-bottom: -6px;}
.blog>li>figure a:hover{background: #535451;}
.blog img{border-radius: 3px;}

.posts{margin-bottom: 58px;}
.posts>li{margin-bottom: 15px;overflow: hidden;}
.posts>li>div{font-size: 14px;line-height: 16px;}
.posts>li>div time{display: block;margin-bottom: 3px;}
.posts>li>figure{
	margin: 3px 10px 0 0;
}

.blog_nav_box{position: relative;padding-top: 51px;}
.nav_btn{display: block;width: 52px;height: 53px;position: absolute;border-left: 1px solid #eeeeee;}
.blog_prev{background: url('../images/blog_prev.png') 50% 50% no-repeat;right: 53px;}
.blog_next{background: url('../images/blog_next.png') 50% 50% no-repeat;right: 0;}
.blog_nav{overflow: hidden;background: #fff;width: 600px;float: right;border-radius: 3px;box-shadow: 0 1px 1px #d1d1d1;}
.nav_btn:hover{background-color: #f6f6f6;}
.blog_nav>li{float: left;width: 52px;border-right: 1px solid #eeeeee;}
.blog_nav a{display: block;text-align: center;font-weight: bold;border-top: 4px solid transparent;padding: 13px 0 17px;}
.blog_nav a:hover, .blog_nav .current a{border-color: #4859fb;background: #fcfcfc;color: #4859fb;}
.portfolio_nav{
    float: left;
    width: 940px;
}


.comments{line-height: 18px;margin-bottom: 45px;}
.comments li{margin-bottom: 10px;}

.banner{display: block;margin-bottom: 64px;}

.archive{font-weight: bold;}
.archive li{margin-bottom: 5px;}

/* ===============================>> Team Page <<========================*/
.team{float: left;width: 300px;margin-left: 20px;background: #fff;border-radius: 3px;box-shadow: 0 1px 1px #d1d1d1;}
.team_box .team:first-child{margin-left: 0;}

.team img{border-radius: 3px;}
.team .text{text-align: center;padding: 24px 0 25px;border-bottom: 1px solid #eeeeee;}
.team .stat{font-size: 19px;line-height: 24px;color: #a2a49e;}

/*================================>> Contact Page <<========================================*/

.col3{width: 600px;float: left;}
.col4{width: 300px;margin-left: 40px;float: left;}

/* Contact form */
#contact-form {padding:0px 0 0 0;margin: 45px 0 30px 0;}
#contact-form .success {width:100%;  padding:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:19px; border:none; border-radius: 3px; color:#45493e; padding:20px 20px 18px;outline:none; position:relative; background:#eeeeee;font-family: 'PT Sans', sans-serif;}
#contact-form input {width:100%;}
#contact-form textarea {overflow:auto; width:100%; height:128px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:82px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#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;}
#contact-form .buttons2 a{cursor:pointer;	margin-right:4px;	display: inline-block;text-align:center;font-size:24px;line-height:29px;color:#cacaca;background: #4e4e4e;border-radius: 3px;padding: 12px 30px 11px;}
#contact-form .buttons2 a:hover{background: #4859fb;color: #fff;}

#contact-form span{ display:block; margin: 0px 0 0 5px;}

.font2{font-size: 19px;line-height: 24px;}
.title1{margin-bottom: 35px;}
.carousel img{
  width: 100%;
}
.map_wrapper{
  display: block;
  margin-bottom: 72px;
  border-radius: 3px;box-shadow: 0 1px 1px #d1d1d1;
}
#map_canvas {
	 width:100%;
   height:519px;
}
.adress span{ display:inline-block; width:74px;}
.adress dt{ margin-bottom:14px;} 

.demo:hover{ text-decoration:underline;}
.out-team{
  margin: 40px 0 0 !important;
  padding: 40px 0;
}
.contact-us-pg{
  margin-bottom: 50px;
}
.content-wrapper .center-block {
  float: none;
  margin: 0 auto;
}
/****************************ASIDE************************/
aside{background: #3d3d3d;padding: 44px 0 15px;color: #f9f9f9;font-size: 19px;line-height: 23px;}
aside h4{color: #f9f9f9;margin-bottom: 20px;}
aside p{margin-bottom: 22px;}
.aside_col{width: 300px;float: left;margin-left: 20px;color:#fff;}
.aside_cols .aside_col:first-child{margin-left: 0;}

#twitter li{margin-bottom: 15px;}
#twitter a{color: #bababa;}
#twitter a:hover{color: #fff;}
#twitter .tweet_time{display: block;margin: 0 0 10px;}

.portfolio2{padding-top: 4px;}
.portfolio2>li{margin-bottom: 15px;}
.portfolio2 a{display: block;float: left;margin-left: 15px;border-radius: 3px;}
.portfolio2 li a:first-child{margin-left: 0;}
.portfolio2 a:hover{box-shadow: 0 0 6px #4859fb;}

/*================================>> Footer <<========================================*/
footer {padding:30px 0;font-size: 19px;color: #fff;}
.social{ overflow:hidden;text-align: center;padding: 13px 0;}
.social a{ display:inline-block;height:34px; overflow:hidden;margin: 0 9px;}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{ margin-top:-34px;}
.privacy{float: left;padding-top: 2px;}



header .navbar {
  border-radius: 0;
}
.intro-sec, .faq-block{
    padding: 80px 0;
}
.intro-text {
    padding-right: 40px;
}
.intro-text span{
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.intro-text .intro-title{
    color: #333;
    font-size: 30px;
    line-height: 37px;
    margin-top: 10px;
}
.services-wrapper{
  padding: 80px 0;
  background: #f6f6f6;
}
.services-wrapper .center-block{
  margin-bottom: 30px;
}
.services-wrapper .media{
  background: #fff;
  border-radius: 6px;
  padding: 25px 20px;
  text-align: center;
  margin-top: 30px !important;
}
.services-wrapper .media-body{
  padding-top: 20px;
}
.services-wrapper .media-body h3 {
    font-size: 18px;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-top: 0; 
}
.faq-block h2 {
    margin-bottom: 30px;
    text-align: center;
}
.accordion-wrap {
    margin-top: 20px;
}
.responsive-accordion{
  text-align: left;
}
.responsive-accordion .responsive-accordion-head{
  cursor: pointer;
}
.responsive-accordion-default.responsive-accordion .responsive-accordion-head {
  padding: 12px 15px;
  line-height: normal;
  position: relative;
  font-size: 20px;
  color: #26388e;
}
.responsive-accordion .responsive-accordion-head i {
  float: right;
  top: 50%;
  position: absolute;
  color: #26388e;
  transform: translateY(-50%);
  right: 10px;
}
.responsive-accordion-head{
  border-radius: 4px;
  border: 2px solid #26388e;
}
.responsive-accordion-panel{
  padding: 15px;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1024px) {
	body{min-width:960px;}
	nav{margin: 0 0px 0 0;}
}
@media only screen and (max-width: 995px) {
  body{min-width:920px;}
  .main{width: 900px;}
  #pages #services, #pages #our_team, #pages #blog, #pages #contacts, #pages #portfolio{padding: 120px 0;}
  .offer_col{width: 290px;}
  .port_col, .team, .aside_col{width: 286px;}
  .port_col img, .blog img, .team img, .portfolio2 img, .banner img{width: 100%;}
  .col1{width: 640px;}
  .col3{width: 560px;}
  .portfolio2 a{width: 80px;height: 80px;}
}

@media only screen and (max-width: 767px) {
  body{min-width:420px;}
  .main{width: 400px;}
  .slider-text h2{
    font-size: 14px;
  }
  .slider-text a{
    padding: 4px 7px;
    font-size: 10px;
    margin-top: 0;
  }
  .offer_col{position: relative;}
  .offer_col:after{display: block;position: absolute;width: 100%;height: 1px;bottom: 0;left: 0;background: url('../images/stripe1.png') 0 0 repeat-x;content: "";}
  .offer_col, .port_col, .team, .aside_col, .col1, .col2, .col3, .col4, .offer_col.extra{width: 100%;float: none;margin: 0;}
  .port_col, .col1, .team, .col3, .aside_col{margin-bottom: 30px;}
  .port_box{padding-bottom: 0;}
  .blog_nav{width: 100%;}
  .blog_nav > li{width: 38px;}
  .portfolio2 a{width: 120px;height: 120px;}
  #pages #services, #pages #our_team, #pages #blog, #pages #contacts, #pages #portfolio{padding: 60px 0;}
  .flex-direction-nav .flex-prev {background: url('../images/prev1.png') no-repeat;}
  .flex-direction-nav .flex-next {background: url('../images/next1.png') no-repeat;}
  .flex-direction-nav .flex-next{background-position: 90% 50%;}
  .flex-direction-nav .flex-prev{background-position: 10% 50%;}
  .intro-sec, .faq-block, .services-wrapper {
    padding: 50px 0;
    text-align: center;
  }
  .intro-text {
    padding-right: 0;
    margin-bottom: 25px;
  }
  .responsive-accordion-head span {
    display: inline-block;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .main{width: 280px;}

 .blog_nav > li{width: auto;margin: 0 5px;padding-left: 10px;border: none;}
 .blog_nav > li a{display: inline;}
 .blog_nav{background: none;}
 .blog_prev{right: 30px;}
 .blog_next{right: 10px;}
 .blog_prev, .blog_next{width: 9px;height: 14px;}
 .nav_btn{border: none;}
 #map_canvas{height: 250px;}
 .portfolio2 a{width: 80px;height: 80px;}
}