/*
Theme Name: Sobits
Theme URI: 
Author: miniSub
Author URI: 
Description: Template "Соббитс-АЙТИ 1С:Франчайзи"
Version: 1.0
License: GNU General Public License v2 or later
*/
@charset "utf-8";
/* CSS Document */
/* reset */

*{
	padding:0px;
	margin:0px;
	box-sizing:border-box;
}

img{
	border:0;
	max-width:100%;
	height:auto;
}

a{
	color:#ffdd03;
	text-decoration:none;
	transition-duration:0.2s;
}
a:hover, a:focus{
	text-decoration:underline;
	color: #ffdd03;
}

*:focus, * {
	outline: none;
}
	
body{
	font:16px Tahoma, Verdana, sans-serif;
	color:#777777;
	background:#fff;
}

h1, h2, h3, h4, p.title{
	margin-top: 0px;
    margin-bottom: 0.8em;
	font-weight:normal;
	color:#4e4e4e;
}

h1{
	font-size:36px;
	text-transform:uppercase;
	}

h2{

}

h3{
	font-size:36px;
	position:relative;
	text-transform:uppercase;
	padding-bottom:13px;
	display:inline-block;
	margin-bottom:60px;
}

p.title{
	font-size:30px;
	position:relative;
	text-transform:uppercase;
	padding-bottom:6px;
	display:inline-block;
	margin:25px 0 40px;
	}

	h3:before, h3:after, p.title:after{
		content:'';
		border-bottom:1px solid #ffdd03;
		width:75px;
		position:absolute;
		left:0;
		bottom:4px;
		}
		
		 h3:after{
			 left:12px;
			 bottom:0;
			 }

h4{
}

ul, ol{
	list-style-position:inside;
	margin-bottom:0.8em;
	}
	
	ol li{
		margin-bottom:0.8em;
		}
	
hr{
	border-color:#000000;
	}

/* table */
table{
	border-collapse:collapse;
	width:100%;
	}
	
table th{
	padding:20px 20px;
	}
	
table td{
	padding:14px 20px;
	}
	
/**/
form input[type=text], form input[type=tel], form input[type=email], textarea{
	margin-bottom:15px;
	border:1px solid #5e6061;	
	width:100%;
	height:50px;
	background:none;
	color:#90aebd;
	padding:0 15px;
	font:14px Tahoma, Verdana, sans-serif;
	}
	
textarea{
	padding:15px;
	height:180px;
	resize:none;
	}
	
form input[type=text]:focus, form input[type=tel]:focus, form input[type=email]:focus, textarea:focus{
	border-color:#90aebd;
	}
	
::-webkit-input-placeholder {color:#90aebd;}
::-moz-placeholder          {color:#90aebd;}
:-moz-placeholder           {color:#90aebd;}
:-ms-input-placeholder      {color:#90aebd;}
		
/* button */
.button{
	display:inline-block;
	color:#fff;
	background:#ffdd03;
	padding:0px 15px 0px;
	border:none;
	line-height:36px;
	font-size:16px;
	text-decoration:none;
	cursor:pointer;
	text-align:center;
	height:50px;
	transition-duration:0.2s;
	width:100%;
	text-transform:uppercase;
	border-radius:3px;
	margin-bottom:30px;
	}

	.button:hover, .button:focus{
		background:#dac438;
		color:#fff;
		text-decoration:none;
		}
		
.modal .button{
	margin-bottom:10px;
	}
		
input.wpcf7-not-valid, textarea.wpcf7-not-valid{
	border-color:#FF0000 !important;
	}
	
.wpcf7-not-valid-tip{
	display:none !important;
	}

div.wpcf7-response-output {
    margin:0em 0em 1em;
    padding: 0.2em 1em;
}

.ajax-loader{
	display:none !important;
	}
			
@media only screen and (max-width:768px) {

}
@media only screen and (max-width:480px) {
h3{
	font-size:22px;
	margin-bottom:20px;
}

p.title{
	font-size:20px;
	margin:25px 0 40px;
	}
}

/* HEADER */
#header{
	overflow:hidden;
	padding:25px 0 0px;
	background:#92918c;
	border-bottom:2px solid #fff;
	}
	
#header .container{
	position:relative;
	}

#header .logo{
	float:left;
	margin:0 15px 27px 0;
	}
	
/* Menu top */
.menu-top{
	position:absolute;
	right:-10px;
	bottom:0;	
	}
	
	body:not(.frontpage) .menu-top, body:not(.frontpage) .navbar-toggle{
		display:none !important; 
		}
	
.menu-top ul{
	list-style:none;
	margin:0;
	text-align:center;
	}
	
.menu-top ul li{
	float:left;
	margin:0 10px;
	}
	
.menu-top ul li a{
	display:block;
	text-decoration:none;
	font-size:13px;
	text-transform:uppercase;
	color:#b8b8b8;
	padding:15px 0px;
	position:relative;
	}

.menu-top ul li a:hover:after, .menu-top ul li.active a:after{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	border-bottom:2px solid #ffdd03;
	}
	
	.menu-top ul li a:hover,.menu-top ul li.active a{
		color:#ffdd03;
		}
		
@media only screen and (max-width: 1199px) {
#header .logo{
	width:200px;
	}
}
@media only screen and (max-width: 991px) {
#header .logo{
	margin-bottom:60px;
	}
}

@media only screen and (max-width: 767px) {
#header .logo{
	width:auto;
	margin-bottom:27px;
	}
	
.menu-top{
	position:relative;
	right:0;
	}
	
.navbar-toggle{
    position: absolute;
	right:15px;
	top:15px;
    padding:9px 10px;
    margin:5px 0 5px 15px;
    background-color: transparent;
    background-image: none;
    border:0px solid transparent;
    border-radius: 4px;
}

.navbar-collapse{
	padding:0;
	border:none;
	border-bottom:1px solid #fff;
	}
	
.navbar-toggle .icon-bar{
	background:none;
	height:5px;
	width:28px;
	border:1px solid #dadadb;
	transition-duration:0.2s;
	}
	.navbar-toggle:hover .icon-bar{
		opacity:0.8;
		}
		
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 3px;
}
	
.menu-top ul li{
	float:left;
	clear:both;
	width:100%;
	margin:0;
}
	
.menu-top ul li a{
	margin:0;	
	border-bottom:1px solid #b8b8b8;
	padding:16px 15px 16px;
	text-align:right;
	}

.menu-top ul li a:hover, .menu-top ul li.active a{
	border-color:#ffdd03;
	}	

.menu-top ul li a:hover:after, .menu-top ul li.active a:after{
	display:none;
	}

}
@media only screen and (max-width: 450px) {
#header .logo{
	width:200px;
	}
.navbar-toggle{
	top:5px;
}
}

/* main */
main{
	padding:40px 0;
	}

/* ROW-1 */
section.row-1 .box{
	background:#1c2a33;
	border-top:7px solid #ffdd03;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	height:375px;
	padding-top:87px;	
	}
	
	section.row-1 .box:nth-child(even){
		background:#f6f7f7;
		border-color:#fff;
		color:#b8b8b8;
		}
		
section.row-1 .box img{
	margin-bottom:30px;
	}
	
@media only screen and (max-width: 1199px) {
section.row-1 .box{
	font-size:13px;
	height:280px;
	padding-top:50px;	
	}	
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
section.row-1 .box:nth-child(even){
	background:#1c2a33;
	border-color:#ffdd03;
	color:#fff;
	}
section.row-1 .box:nth-child(2), section.row-1 .box:nth-child(3){
	background:#f6f7f7;
	border-color:#fff;
	color:#b8b8b8;
	}
}

/* row-2 */
section.row-2{
	padding:90px 0 60px;
	}
	
section.row-2 .box{
	margin-bottom:35px;
	}
	
section.row-2 h4{
	color:#8c8c8c;
	font-size:16px;
	margin-bottom:20px;
	}
	
	section.row-2 h4 img{
		margin:0 5px 0 0;
		max-width:42px;
		float:left;
		}
		
section.row-2 p:not(.title){
	font-size:14px;
	}
		
@media only screen and (max-width: 991px) and (min-width: 768px) {
section.row-2 .box:nth-child(2n+3){
	clear:both;
	}
}

@media only screen and (max-width: 767px){
section.row-2 .box{
	text-align:center;
	}

}
		
@media only screen and (max-width: 480px) {
section.row-2{
	padding:30px 0 20px;
	}
}

/* row-3 */
section.row-3{
	background:#1c2a33;
	padding:90px 0 60px;
	color:#bebebe;
	position:relative;
	overflow:hidden;
	}
	
	section.row-3 h3{
		color:#fff;
		margin-bottom:85px;
		}
		
section.row-3 .nav-tabs{
	border:none;
	margin-bottom:50px;
	list-style:none;
	float:left;
	width:100%;
	}
	
section.row-3 .nav-tabs li{
	float:left;
	margin:0 18px 0 0;
	}
	
section.row-3 .nav-tabs li a{
	color:#fff;
	font-size:22px;
	text-transform:uppercase;
	padding:8px;
	position:relative;
	border:none;
	margin:0;
	border-radius:0;
	}
	
section.row-3 .nav-tabs li a:hover{
	background:none;
	border:none;
	text-decoration:none;
	}
	
section.row-3 .nav-tabs li.active a{
	color:#ffdd03;
	background:none;
	border:none;
	text-decoration:none;
	border-top:2px solid #ffdd03;
	}
	
section.row-3 .tab-content{
	clear:both;
	min-height:370px;
	overflow:hidden;
	}
	
section.row-3 p{
	line-height:1.8em;
	}
	
section.row-3 .tab-content ul{
	margin:60px 0 20px;
	}
	
section.row-3 .tab-content li{
	list-style:none;
	padding-left:40px;
	position:relative;
	margin-bottom:18px;
	}
	
section.row-3 .tab-content li:before{
	content:"\e013";
	font-family: 'Glyphicons Halflings';
	font-size:14px;
    font-style: normal;
    font-weight: 400;
    line-height:23px;
	text-align:center;
	background:#ffdd03;
	border-radius:50%;
	color:#1c2a33;
	display:block;
	width:23px;
	height:23px;
	position:absolute;
	left:0;
	top:-1px;
	}
	
section.row-3 img.about{
	position:absolute;
	left:0;
	bottom:0;
	width:48%;
	}
	
/* row-4 (news) */
section.row-4{
	padding:90px 0 0px;
	}
	
section.row-4 .box{
	border:1px solid #ececec;
	background:#f8fcfe;
	margin-bottom:45px;
	}
	
section.row-4 .box .image{
	position:relative;
	margin-bottom:10px;
	}
	
section.row-4 .box .image img{
	width:100%;
	}
	
section.row-4 .box .image .date{
	position:absolute;
	top:0;
	right:0;
	background:#dac438;
	color:#fff;
	text-align:center;
	font-size:16px;
	width:67px;
	height:67px;
	line-height:1.5em;
	padding:8px 0 0;
	transition-duration:0.2s;
	}
	
	section.row-4 .box:hover .image .date{
		background:#ffdd03;
		}

section.row-4 .box h4{
	font-size:14px;
	display:inline-block;
	min-height:60px;
	padding:0 15px;
	}
	
section.row-4 .box h4 a{
	color:#717171;	
	}
	
section.row-4 .box:hover h4 a{
	color:#18cfab;
	}
	
@media only screen and (max-width: 1200px) and (min-width: 992px){
section.row-4 .box h4{
	font-size:14px;
	}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
section.row-4 .row > div:nth-child(2n+3){
	clear:both;
	}
}

@media only screen and (max-width: 767px){
section.row-4 .box{
	max-width:400px;
	margin:0 auto 25px;
	}
}
	
/* row-5 */
section.row-5{
	padding:90px 0 60px;
	}
	
section.row-5 .box{
	background:#f8fcfe;
	border:1px solid #e1e1e1;
	border-radius:5px;
	text-align:center;
	padding:0;
	position:relative;
	}
	
section.row-5 .box p.name{
	font-size:24px;
	color:#717171;
	line-height:60px;
	text-transform:uppercase;
	padding:0 15px;
	margin:0;
	}
	
section.row-5 .box p.price{
	background:#1c2a33;
	color:#fff;
	font-size:38px;
	padding:27px 15px;
	margin:0;
	}
	
	section.row-5 .box p.price small{
		font-size:14px;
		}
		
section.row-5 .box .text{
	min-height:360px;
	padding:5px 0 20px;
	}
	
section.row-5 .box .text ul{
	margin:0;
	padding:0;
	border-top:1px solid #e1e1e1;
	}
	
section.row-5 .box .text li{
	border-bottom:1px solid #e1e1e1;
	margin:0;
	padding:15px;
	list-style:none;
	font-size:13px;
	}
		
.buy, .buy:focus{
	background:#1c2a33;
	min-width:170px;
	text-align:center;
	display:inline-block;
	text-transform:uppercase;
	color:#fff;
	padding:18px 15px;
	border-radius:4px;
	margin-bottom:25px;
	transition-duration:0.2s;
	text-decoration:none;
	outline:none;
	}
	
	.buy:hover{
		background:#ffdd03;
		color:#fff;
		text-decoration:none;
		}
		
/* vip */
section.row-5 .box.vip{
	background:#fff;
	border:1px solid #e1e1e1;
	box-shadow:0 0 10px rgba(0,0,0,0.30);
	z-index:10;
	}
	
	section.row-5 .box.vip:after{
		content:'';
		position:absolute;
		right:-1px;
		top:-1px;
		width:62px;
		height:61px;
		background:url(./images/vip.png) center center no-repeat;
		}
	
section.row-5 .box.vip p.name{
	color:#c4161c;
	}
	
section.row-5 .box.vip p.price{
	background:#ffdd03;
	color:#c4161c;
	}
		
.vip .buy, .vip .buy:focus{
	background:#ffdd03;
	}
	
	.vip .buy:hover{
		background:#1c2a33;
		color:#fff;
		}	

@media only screen and (max-width: 1199px){
section.row-5 .box p.price{
	font-size:32px;
	}
}

@media only screen and (max-width: 991px){
section.row-5 .box p.name{
	font-size:20px;
	}
	
section.row-5 .box p.price{
	font-size:24px;
	}
}

@media only screen and (max-width: 767px){
section.row-5 .box{
	max-width:280px;
	margin:0 auto 25px;
	}	
}

/* row-6 (contacts) */
section.row-6{
	padding:90px 0 60px;
	background:#1c2a33;
	color:#c0c0c0;
	}
	
section.row-6 h3{
	color:#fff;
	}
	
section.row-6 p{
	font-size:22px;
	}
	
section.row-6 p.name{
	color:#fff;
	font-size:40px;
	font-weight:bold;
	}
	
@media only screen and (max-width: 1199px){
section.row-6 p{
	font-size:18px;
	}	
}

/* FOOTER */
#footer{
	background:#92918c;
	text-align:center;
	padding:40px 0;
	color:#aeaeae;
	font-size:14px;
	}
	
	#footer p{
		margin:0;
		}