/*   
Theme Name: Компания
Theme URI: sitepenza.ru
Description: Тема для разработки сайтов.
Author: Wolf
Author URI: sitepenza.ru
Version: 1.0
.
Развёрнутое описание темы/Лицензия-если-нужно.
.
*/


@media (max-width:767px){
	.navbar-nav{margin: 0px!important;}
	.navbar-header{text-align: center;}
	.navbar-header .navbar-toggle{border: none;margin-right: 0px;float: none;}
	.navbar-header .navbar-toggle:hover{background-color: #24272c;}
	.navbar-header .navbar-toggle .icon-bar{background-color: white;}
	.navbar-collapse{padding: 0px;}
	.header{text-align: center;}
	.navbar-default{background: #262e68;margin-top: 10px;}
	#menu a{color: white!important;}
	
	h1,h2, .stitle, .dov .item{text-align: center;}
	h2{font-size: 30px!important;}
	
	.header .logo{text-align: center;}
	.header .logo img{display: inline-block;}
	.slider h1{font-size: 25px!important;padding-top: 50px!important;padding-bottom: 20px!important;margin-bottom: 20px!important;}
	.slider .st{font-size: 18px;padding-bottom: 30px;}
	.slider .button{margin-bottom: 50px;font-size: 18px;}
	.block{padding-top: 30px;padding-bottom: 30px;}
	.block h2{padding-bottom: 30px!important;}
	#usl .cat .item{margin-bottom: 10px;}
	#pred .pol, #pred2 .pol{font-size: 14px;padding-bottom: 20px;}
	#pred .forma, #pred2 .forma{padding: 20px;}
	#prem .item3{padding-bottom: 20px;}
	#about .title{font-size: 30px;}

	
	#contacts{background: url(images/map.jpg) no-repeat left center;background-size: cover;}
	.modal .fa-close{top: 12px;right: 12px;}
	
}

@media (min-width: 768px) {
	.navbar-nav>li {float: none;}
	.modal .modal-body{padding: 24px 60px 20px;}
	.modal .modal-header{padding: 30px 30px 45px 36px;}
	h2{font-size: 35px!important;}
	.navbar-default{background: transparent;padding-top: 28px;}	
	.header .button, .header .contacts .phone{float: left;padding-left: 20px;}
	.slider{height: 800px;}
	.slider h1{font-size: 50px!important;line-height: 60px!important;padding-top: 200px!important;padding-bottom: 40px!important;margin-bottom: 40px!important;}
	.slider .st{font-size: 21px;padding-bottom: 50px;}
	.slider .button{font-size: 21px;}
	.block{padding-top: 40px;padding-bottom: 40px;}
	.block h2{padding-bottom: 60px!important;}
	#pred .forma, #pred2 .forma{padding: 40px 60px;}
	#prem .title{padding-left: 68px;}
	#about .title{font-size: 35px;}
	

	
	.modal .fa-close{top: 32px;right: 32px;}
	
	#contacts{background: url(images/map.jpg) no-repeat center center;background-size: cover;}
	
	.flexslider:hover .flex-direction-nav .flex-next, .flex-direction-nav .flex-next{right: 5px!important;}
	.flexslider:hover .flex-direction-nav .flex-prev, .flex-direction-nav .flex-prev{left: 5px!important;}
}

@media (min-width: 992px) {
	.flexslider:hover .flex-direction-nav .flex-next, .flex-direction-nav .flex-next{right: 10px!important;}
	.flexslider:hover .flex-direction-nav .flex-prev, .flex-direction-nav .flex-prev{left: 10px!important;}
	
	#usl .item h2{height: 50px;}
}





html, body{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px!important;
	margin: 0px;
	padding: 0px; 
}
h1{margin-bottom: 0px!important;margin-top: 0px!important; padding-top: 10px!important;font-weight: 400!important;font-size: 35px!important;}
h2{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 20px!important;padding-top: 20px!important;font-weight: 700!important;}
.alignright{float: right;padding-left: 10px;padding-bottom: 10px;}
.thumb{padding: 5px!important;}


.box {overflow:hidden;}
.box img {
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.box img:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.btn-back-top {opacity: 0;background: #0096d6;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 15px;transition: .5s;z-index: 1030;}
.btn-back-top:hover{opacity: 1!important;}
.btn-back-top:before {border-radius: 4px;border-color: #fff;border-style: solid;border-width: 5px 0 0 5px;content: "";width: 17px;height: 17px;position: absolute;top: 17px;left: 15px;transform: rotate(45deg);}


.affix {top: 0;width: 100%;z-index:9999;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	}

.breadcrumbs{color: #777777;font-size: 13px;}
.breadcrumbs a{color: #777777;}

.header{padding-top: 15px;padding-bottom: 15px;}

.header .contacts{text-align: right;}
.header .contacts .phone a{color: black;font-weight: bold;}
.header .contacts .mail{font-size: 15px!important;font-weight: normal!important;}
.header .contacts .phone{padding-top: 10px;}
.header .contacts .phone .tel{font-size: 20px;}
.header .button{
	display: inline-block;
    vertical-align: middle;
	color: #007aa5  !important;
    border: 1px solid #007aa5 ;
	font-size: 15px;
	border-radius: 20px;
    padding: 8px 13px;
	margin-top: 22px;
}
.header .button:hover{
	color: #ffffff !important;
	border-color: #007aa5 ;
	background: #007aa5 ;
	text-decoration: none;
}

.navbar-collapse{padding: 0px!important;}
.navbar-default{
	margin-bottom: 0px!important;
	min-height: auto!important;
    border: 0px solid !important;
	border: none!important;
	z-index: 20;
}
.navbar-default a{
	color: black!important;
	white-space: nowrap;
	font-size: 14px;
	line-height: 20px;
	padding: 0px 7px!important;
	text-transform: uppercase;
    font-weight: 600;
	border-right: 1px solid #cacaca;
	letter-spacing: -0.4px;
}
.navbar-default li:last-child a{border:none;}

.navbar-default .active:nth-child(1) a{background-color: transparent!important;color: #c82212!important;font-weight: bold;}
.navbar-default .active:nth-child(2) a{background-color: transparent!important;color: #013877!important;font-weight: bold;}
.navbar-default .active:nth-child(3) a{background-color: transparent!important;color: #e38708!important;font-weight: bold;}
.navbar-default .active:nth-child(4) a{background-color: transparent!important;color: #1356bf!important;font-weight: bold;}



.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: rgba(0, 0, 0, 0.25)!important;border: none!important;}
.dropdown-menu{background-color: white!important;padding: 0px!important;border: none;border-radius: 0;}
.dropdown-menu a{    
	color: #444444!important;
    font-size: 13px;
    padding: 9px 25px 11px 13px !important;
    border-top: 1px solid rgba(0,0,0,0.1);
    line-height: 1.428571429;
	text-transform: none;
	}
.dropdown-menu a:hover{color: white!important; background-color: #007aa5 !important;}
.dropdown-menu .active a{color: white!important; background-color: #007aa5 !important;}

.button:hover, .btn:hover{transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease;-ms-transition: background-color 0.3s ease;-o-transition: background-color 0.3s ease;-webkit-transition: background-color 0.3s ease;}





.field .error-msg{
	font-size: 14px;
	display: block;
	height: 26px;
	color: #e23636;
	margin-top: 2px;
}

.field.error select{
	border: 1px solid #e23636;
}




.slider{
    background-size: cover;
	color: white;
	text-align: center;
}
.slider h1{border-bottom: 1px solid rgba(255, 255, 255, 0.17);}
.slider .button{border: 2px solid white;border-radius: 40px;padding: 20px 40px;color:black;background-color: #f0f4f5;display: inline-block;}
.slider .button:hover{background-color: white;color: black;text-decoration: none;}

.pagetitle{background-color: #f0f4f5;text-align: center;padding-top: 30px;padding-bottom: 30px;margin-bottom: 30px;}
.error{text-align: center;}

.block h2{padding-top: 0px!important;text-align: center;font-weight: 600!important;}

#usl, #kvar, #pod {background-image: url(images/bg2.jpg);}
#usl .item{position: relative;}
#usl .item h2{font-weight: bold!important;font-size: 22px!important;padding-top: 10px!important;font-weight: 500!important;}
#usl .item a{color: black;}

#gal {background-image: url(images/bg2.jpg);}

#kvar{text-align: center;}
#kvar .title{padding-top: 10px;color: black;font-size: 20px;}

.kvartal{text-align: center;}
.kvartal .item h2{font-weight: bold!important;font-size: 22px!important;padding-top: 10px!important;font-weight: 500!important;}
.kvartal .item a{color: black;}










#numbers .title{font-size: 20px;font-weight: 600;padding-bottom: 10px;}
#numbers .items{padding-top: 20px;}


#rew .item{background: #f5f8f9;padding: 20px;}
#rew .data{margin: 0 0 4px;color: #999;font-size: 14px;}
#rew .name{font-weight: bold;margin-bottom: 18px;}
#rew .text{font-weight: 300;font-size: 15px;height: 150px;overflow: hidden;}

#rew .button{color: black;
    padding: 10px 40px;
    border-radius: 5px;
    border: 1px solid black;
    display: inline-block;
	margin-top: 40px;}



#about{background-color: #f0f4f5;}
#about .info{font-weight: bold;font-style: italic;}
#about .cat a{color: black;}
#about .cat a:hover{text-decoration: none;}
#about .cat h2{
	font-size: 20px!important;
    padding-top: 10px!important;
    font-weight: 500!important;
    background-color: #007aa5;
    color: white;
    padding-bottom: 10px!important;
    margin-bottom: 20px!important;
}

#pred{background-color: #231f20;color: white;}
#pred .title{font-size: 21px;font-weight: bold;padding-top: 20px;padding-bottom: 20px;}
#pred .pol{padding-top: 20px;color: rgba(255, 255, 255, 0.6);}

#num a{color: black;}
#num .cat h2{font-size: 20px!important;padding-top: 10px!important;font-weight: 500!important;}

#about2{background-color: #f0f4f5;}

#usl2{background-color: #f0f4f5;}
#usl2 a{color: black;}
#usl2 .cat h2{font-size: 20px!important;padding-top: 10px!important;font-weight: 500!important;height: 70px;}




.cop{text-align: left;font-size: 13px;padding-top: 50px;}



#pred a{color: white;}

#news a{color: black;}
#news .title{padding-bottom: 5px;font-weight: 600;font-size: 18px;}


#inform{background-color: #e6e6e6;}
#inform a{color: white;}
#inform .item h2 {
    font-weight: bold!important;
    font-size: 18px!important;
    padding-bottom: 20px!important;
    padding-top: 20px!important;
    width: 100%;
    background-color: #007aa5;
    padding: 10px;
    height: 59px;
    overflow: hidden;
}

#contacts h2{text-align: left!important;padding-bottom: 20px!important;}

.footer .poly{font-size: 14px;}
.footer .buy{text-align: center;}
.footer .buy a{color: red;}


.modal {text-align: center;}
@media screen and (min-width: 768px) { .modal:before {display: inline-block;vertical-align: middle;content: " ";height: 100%;}}
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}

.modal .modal-content{border-radius: 0px;}
.modal .modal-header .text{padding-left: 74px;color: #fff;}
.modal .modal-header .mt{
	font-size: 24px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 5px;
    color: #fff;
}
.modal .modal-header .fa{
	width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
	color: #007aa5 ;
    float: left;
    font-size: 36px;
    border-radius: 2px;
    background: #fff;
}

.modal .fa-close{
	width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    opacity: 0.5;
    position: absolute; 
    font-size: 25px;
    cursor: pointer;
}

.modal .modal-header{
	background: #007aa5 !important;
}


.modal .modal-body label{color: #444444;font-weight: 300;}
.modal .modal-body label span{color: red;}
.modal .modal-body .form-control{border-radius: 0px;box-shadow: none;border: 1px solid #d7dee3;}
.modal .modal-body .acc{padding-top: 25px;padding-bottom: 10px;}
.modal .modal-body .acc a{color: #007aa5 ;}

.modal .mfooter{padding: 14px 0px 52px;display: block;}
.modal .mfooter .required{
	padding: 7px 0;
    color: #98a1a8;
    font-size: 12px;
}
.modal .mfooter .star{
	background: none repeat scroll 0 0 #7b8e9a;
    border-radius: 20px;
    color: #ffffff;
    display: inline-block;
    font-size: 22px;
    height: 20px;
    line-height: 24px;
    margin-right: 5px;
    padding-right: 0px;
    text-align: center;
    vertical-align: top;
    width: 20px;
}
.modal .mfooter .btn{
	background-color: #007aa5 ;
    color: #ffffff !important;
	text-transform: uppercase;
	font-size: 13px;
	padding: 10px 18px 9px;
	border: none;
	border-radius: 2px;
}
.modal .mfooter .ajax-loader{position: absolute;}




.flexslider{margin: 0px!important;}
/*.flexslider .slides img{width: auto!important;}
/* Пказываем сразу и убираем вперед и назад надписи */
.flexslider .flex-direction-nav a {
	border-radius: 50%;
	background-color: white;
	opacity: 0.7;
	font-size: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	
}
.flexslider .flex-direction-nav a:before {
    content: ""!important;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 14px;
    margin: -7px 0 0 -5px;
    background: url(images/Arrows.svg) -20px 0 no-repeat;
}
.flexslider .flex-direction-nav a:hover{background-color: #f71022;border-radius: 50%;}

/* Переворачиваем иконку стрелки справо */
.flexslider .flex-direction-nav .flex-nav-next a:before {background-position: -30px 0;margin-left: -3px;}

/* Рисуем белую стрелку при наведении */
.flexslider .flex-direction-nav .flex-nav-prev a:hover:before{background-position:0 0}
.flexslider .flex-direction-nav .flex-nav-next a:hover:before{background-position:-10px 0}

/* Точки внизу */
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
  box-shadow: none;
  background: #f71022 !important;
}

.flexslider .flex-control-nav li a {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    box-shadow: none;
    background: rgba(127,127,127,.35);
}
.flexslider .flex-control-nav li a.flex-active, .flexslider .flex-control-nav li a:hover {
    width: 10px;
    height: 10px;
    margin: -1px;
}