.wrapper{max-width:1280px; margin:0 auto; padding:0 15px;}
body{font-family: 'Open Sans', sans-serif; font-size: 14px; color:#797B7E;}
/*------------- fonts ------------*/
h2,h3,h4{color:#797B7E; font-weight: 600;}
h2{ font-size: 20px;}
h3{font-size:20px;}
h4{font-size:16px;}
p,ul li{font-size: 14px;}
.btn.btn-primary{padding:10px 15px; background:#9f9f9a; border-radius: 0; border:none;}
/*------------- main bg ----------*/
.mainbg{background:url('../img/mainbg.jpg') no-repeat; height: 100%; width:100%; background-position: center; min-height:250px;}
.mainbg{overflow: hidden;}
.mainbg.home{background:none; height:auto; }
/*------------- header ---------------*/
.navbar{margin-bottom:0; border-radius:0; background: #fff;}
.navbar-brand{padding: 10px;}
.navbar-brand img{height:30px; display: inline-block;}
.navbar-brand span{margin-left: 10px; vertical-align: middle;}
.top-header{display: none;}
.top-header{border-bottom:1px solid #ccc; }
.top-header ul{display: inline-block;}
.top-header .contact-list{margin-bottom: 0;}
.top-header .contact-list li{display: inline-block; border-right:1px solid #ccc;}
.top-header .contact-list li a{font-size: 16px; color:#797B7E;}
.top-header .contact-list li:first-child a{color: #EE3337}
.top-header .contact-list li a:hover{text-decoration:none; color:#444;}
.top-header .contact-list li a .fa{margin-right:20px;}
.top-header .social-network-list{margin-bottom: 0; }
.top-header .social-network-list li{display: inline-block; border-right:1px solid #ccc;}
.top-header .social-network-list li:last-child{border-right: none;}
.top-header .social-network-list li a{font-size:24px;}
.top-header .social-network-list li.fb{border-left:1px solid #ccc;}
.top-header .social-network-list li.fb a{color:#3b5998;}
.top-header .social-network-list li.twit a{color:#1da1f2;}
.top-header .social-network-list li.google a{color:#e53935;}
.top-header .social-network-list li.linkedin a{color:#0177b5;}
.navbar-nav{padding:0; margin:0 -15px;}
.navbar-nav > li > a{padding:11px 15px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  background-color: #EE3337;
  color: #fff;
  -webkit-transition: background-color 500ms ease-out 10ms;
    -moz-transition: background-color 500ms ease-out 10ms;
    -o-transition: background-color 500ms ease-out 10ms;
    transition: background-color 500ms ease-out 10ms;
}
.navbar {
  box-shadow: 1px 2px 4px #EE3237;
  border: none
}
.header{margin: 0 -15px;}
/*----------- Carousel -------------*/
.homecarousel .carousel-inner .item{min-height: 380px;}
.homecarousel .carousel-control.left,.homecarousel .carousel-control.right{background: none;}
.homecarousel .carousel-caption{bottom:15%;}
.homecarousel .carousel-caption h2{ font-size: 20px; margin-bottom: 20px; color:#fff; font-weight: 600;}
.homecarousel .carousel-caption p{ margin-bottom: 20px;}
.homecarousel .carousel-caption .btn{padding:10px 15px; background:#9f9f9a; border-radius: 0; border:none;}
.homecarousel .carousel-inner .item{min-height:350px; }
.homecarousel .carousel-inner .item img { position: absolute;height: 100%;width: auto;max-width: none;}
/*------------- block -content ---------------*/
.block-content{padding:30px 0 15px;}
.block-content h3{color:#7a7b7e; font-weight: 600; margin-bottom:30px; text-transform: uppercase;}
.block-content h3 span.red,.block-content h4 span.red{color:#ed3237;}
.block-content hr{width:15%; border-color: #ed3237; border-width: 2px; }
.block-content p{ margin:0 auto; color:#797B7E; margin-bottom:15px; line-height: normal;}
/*------------- iphone carousel --------------*/
.brick-features{display: none;}
.brick-features{text-align:center;}
.brick-features .col-sm-3{float:none; display: inline-block; vertical-align: middle;}
#carousel2 {padding: 62px 18px 0;}
.iphone {  background: rgba(0, 0, 0, 0) url("../img/iphone.png") no-repeat scroll center top; width:290px;}
.iphone-carousel .item {height: 474px;}
.iphone-carousel .carousel-control.left,.iphone-carousel .carousel-control.right{background: none; display:none;}
.feature-box {border: 1px solid #d6d7d8;border-radius: 50px;display: table;height: 70px; max-width: 220px;width: 100%;
overflow: hidden;}
.feature-box p {display: table-cell;margin: 0 auto;vertical-align: middle; background: #fff; font-size: 16px; padding:0 20px;}
.block-content .feature-box p{width:100%;}
.feature-box.middle{margin:50px 0;}
.right-features .feature-box{float: right;}
.feature-box::before {border: 1px solid #d6d7d8;content: ""; left:0; right:0; height: 1px;position: absolute;width: 100%; top:50%; z-index: -1;}
.feature-wrapper{position: relative}
/*--------------- News ---------------*/
.bg2{background: url('../img/bg2.jpg') repeat top center; }
.bg2 h3{color:#fff;}
.block-content.bg2 p,.block-content.bg2 ul li{color:#fff;text-align: left; width:100%;}
.margin-top20{margin-top:20px;}
/*------------ clients --------------*/
#carousel3 .item img{margin:0 auto;}
#carousel3 .carousel-caption{position: relative; left:auto; right: auto; text-align: center; margin-top: 20px; color:#444444; text-shadow: none;}
#carousel3 .carousel-control.left,#carousel3 .carousel-control.right{background: none; display: none;}
#carousel3 .title{font-size: 12px; margin-bottom: 15px;}
#carousel3 .desc{font-size: 14px;  margin: auto;}
#carousel3 .carousel-indicators{bottom:0;}
#carousel3 .carousel-indicators li{background: #7f7f7f; height:13px; width: 13px; border:none; margin:0 5px;}
#carousel3 .carousel-indicators .active{background: #95c850;  height:13px; width: 13px; border:none;}
/*-------------- partners ---------------------*/

/*-------------- footer ------------------*/
.top-footer{display: none;}
.top-footer{background: #4e4e4e;padding:50px 0; text-transform: uppercase;}
.top-footer h4{color:#fff; font-weight: 600; margin-bottom: 25px;}
.top-footer ul li a{color:rgba(225,225,225,0.5); font-size: 16px;}
.top-footer ul li a:hover{color:rgba(225,225,225,1);}
.top-footer ul li a img{margin-right:15px; }
/*--------------- quick-contact ----------------*/
.quick-contact .col-sm-6,.quick-contact .col-sm-12{padding:0 5px;}
.quick-contact .form-group{margin-bottom:10px;}
.quick-contact .form-group input,.quick-contact textarea{border-radius: 0; background: rgba(255,255,255,0.6); color:#fff;}
.quick-contact .form-group input::-webkit-input-placeholder,.quick-contact textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.quick-contact .form-group input::-moz-placeholder,.quick-contact textarea::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.quick-contact .form-group input:-ms-input-placeholder,.quick-contact textarea:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.quick-contact .form-group input:-moz-placeholder,.quick-contact textarea:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.quick-contact .btn{margin-top:10px;}
.bottom-footer{background: #272727; padding:10px 0;}
.bottom-footer p,.bottom-footer p a{margin-bottom: 0; color: #fff; font-size: 12px;}
.bottom-footer .rights{float:left;}
.bottom-footer .terms{float:right;}
/*-------------- Inner page ----------------*/
.main-container.innerpage .mainbg{padding:0;position: relative;background-position: center 12%; min-height: 300px;}
.main-container.innerpage .inner-header{padding:50px 0 20px;position: absolute;bottom: 0;}
.main-container.innerpage .inner-header h2,.main-container.innerpage .inner-header p{color:#fff;}
.main-container.innerpage .block-content p{width:100%;}
/*-------------- header -----------------*/
/*.main-container.innerpage  .navbar{box-shadow:none;}
.main-container.innerpage  .header{background: #fff; box-shadow: 1px 2px 4px #ee3237;}*/
.main-container.innerpage  .block-content {
    padding: 40px 0 15px;
}
#carousel4 .carousel-control.right,#carousel4 .carousel-control.left{background:none; }
#carousel4 .carousel-control{top:auto; bottom:35px; width: 6%; }
#carousel4 .carousel-control.left {left:auto; right:72px; }
#carousel4 .carousel-control .glyphicon-chevron-left,#carousel4 .carousel-control .glyphicon-chevron-right,
 #carousel4 .carousel-control .icon-prev,#carousel4  .carousel-control .icon-next{background:#9f9f9a; width:45px; height:45px; padding:13px; }
 .contactform .form-control{border-radius: 0; min-height:45px;}
 .contactform .map{margin-bottom: 25px;}
 .slick-slide img{text-align:center; margin:0 auto;}
 .slick-prev, .slick-next{display: none !important;}
 .slick-prev::before, .slick-next::before{color:#797B7E;}
 .slick-dots li{width: 10px;}
 .founder-pic{border: 1px solid #ccc; padding:25px;}
 .founder-pic img {margin-bottom: 20px;}
/*-------------- media queries ----------------*/
@media(min-width:768px)
{
	body{font-size: 16px;}
	
	/*------------- fonts ------------*/
	h2{ font-size: 24px;}
	h3{font-size: 24px;}
	h4{font-size:20px;}
	p,ul li{font-size: 16px;}
	/*------------- main bg ----------*/
	.mainbg{ padding: 0 0 40px 0;}
	/*------------- header ---------------*/
	.navbar-brand{height:auto; border-right:1px solid #ccc;padding: 15px 30px;background: #fff;}
	.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{background:#fff;}
	.navbar-brand img{height:77px; display: inline-block;}
	.navbar-brand span{display: none}
	.top-header{display: block; height:52px;}
	.top-header .contact-list li{padding: 14px 13px;}
	.top-header .social-network-list li{padding: 4px 7px;}
	.navbar-nav{padding:0; margin:0 ;}
	.navbar-nav > li > a{padding:22px 9px;}
	.collapse {padding:0;}
	.block-content hr{width:5%;}
	/*------------ Carousel ---------------*/
	.homecarousel .carousel-inner .item{min-height: 500px;}
	.homecarousel .carousel-caption{bottom:13%;}
	.homecarousel .carousel-caption h2{font-size: 30px; margin-bottom: 40px;}
	.homecarousel .carousel-caption p{ font-size: 22px; margin-bottom: 40px;}
	.homecarousel .carousel-caption .btn{padding:10px 30px; font-size: 16px;}
	/*------------- block -content ---------------*/
	.block-content{padding:50px 0 0;}
	.block-content p{width:70%;}
	.margin-top20{margin-top:0;}
	.partners li{}
	#carousel3 .title{font-size: 14px;}
	#carousel3 .desc{font-size: 16px;  max-width: 50%; }
	.top-footer{display: block;}
	#carousel4 .carousel-control .glyphicon-chevron-left,#carousel4 .carousel-control .glyphicon-chevron-right,
 #carousel4 .carousel-control .icon-prev,#carousel4  .carousel-control .icon-next{background:#9f9f9a; width:45px; height:45px; padding:7px; }
	 .contactform .map{margin-bottom: 0;}
}
@media(min-width: 1024px)
{
	body{font-size: 20px;}
	
	/*------------- fonts ------------*/
	
	/*------------- header ---------------*/
	.top-header .contact-list li{padding: 12px 40px;}
	.top-header .social-network-list li{padding: 9px 15px;}
	.navbar-brand img{height:auto;}
	.navbar-nav > li > a{padding:22px ;}
	.top-header .contact-list li{padding: 14px 20px;}	
	.header {position: absolute;top: 0;width: 100%;z-index: 999; margin:0;}
	/*------------ Carousel ---------------*/

	.homecarousel .carousel-inner .item{min-height:auto; }
.homecarousel .carousel-inner .item img { position: relative;height: auto;width: auto;max-width: 100%;}
	.homecarousel .carousel-caption h2{font-size: 40px;}
	.homecarousel .carousel-caption p{ font-size: 24px;}
	.homecarousel .carousel-caption .btn{font-size: 20px;}
	/*------------- block -content ---------------*/
	.block-content{padding:70px 0 0;}
	.brick-features{display: block;}
	#carousel4 .carousel-control{width: 3%; }
	#carousel3 .title{font-size: 14px;}
	#carousel3 .desc{font-size: 18px;  max-width: 50%; }
}
@media(min-width:1270px)
{
	.wrapper{padding:0;}
}