@import url("fontawesome-4.4.0.min.css");
@import "animate.css";


/*========================================================
                    Main layout styles
=========================================================*/
@font-face {
	 font-family: 'Marvel';
	src: url(../fonts/RobotoRegular.otf);
	 src: local('O'), url(../fonts/RobotoRegular.eot) format('eot'), url(../fonts/RobotoRegular.otf) format('otf'),url(../fonts/RobotoRegular.woff) format('woff'), url(../fonts/RobotoRegular.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	 font-family: 'Open Sans';
	src: url(../fonts/opensans/open-sans.otf);
	 src: local('O'), url(../fonts/opensans/OpenSans.eot) format('eot'), url(../fonts/opensans/open-sans.otf) format('otf'),url(../fonts/opensans/OpenSans.woff) format('woff'), url(../fonts/opensans/OpenSans.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}
body {
  background: #456888;
  color: #363535;
  font: 300 16px/22px 'Open Sans', sans-serif;
}



/*------------------------------------------------------------------
	5. Pricing Styles Стили для таблицы тарифов
-------------------------------------------------------------------*/
.pagination {

margin-top: 34px!important;;
font: bold 18px/40px 'Open Sans', sans-serif!important;;
}
.pagination a {
color: #456888;
padding: 0 15px;
border-radius: 20px;
display: inline-block; 
text-decoration:none;font-weight:bold;
text-align: center; 
background: #ffdb58;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffdb58), to(#f5c000));
   background: -webkit-linear-gradient( top , #ffdb58, #f5c000);
  background:  -moz-linear-gradient( top , #ffdb58, #f5c000);
   background: -ms-linear-gradient( top , #ffdb58, #f5c000);
   background: -o-linear-gradient( top , #ffdb58, #f5c000);
   background-image: -ms-linear-gradient(top, #ffdb58 0%, #f5c000 100%);
}

.pagination a:hover {
color: #ffdb58;
	text-decoration:none;font-weight:bold;
	background: #457388;
	background: -webkit-gradient(linear, left top, left bottom, from(#456888), to(#457388));
   background: -webkit-linear-gradient( top , #456888, #457388);
  background:  -moz-linear-gradient( top , #456888, #457388);
   background: -ms-linear-gradient( top , #456888, #457388);
   background: -o-linear-gradient( top , #456888, #457388);
   background-image: -ms-linear-gradient(top, #456888 0%, #457388 100%);
}

.pagination .active a{

color: #FFF;
 
text-align: center; 
background: #457388;
	background: -webkit-gradient(linear, left top, left bottom, from(#456888), to(#457388));
   background: -webkit-linear-gradient( top , #456888, #457388);
  background:  -moz-linear-gradient( top , #456888, #457388);
   background: -ms-linear-gradient( top , #456888, #457388);
   background: -o-linear-gradient( top , #456888, #457388);
   background-image: -ms-linear-gradient(top, #456888 0%, #457388 100%);
}
 
.pagination  .disabled{
display:none}

.pagination li {
display: inline-block;
margin: 0px 5px; 
}



#pricing{
	background-color:#f3f3f3;
	background-image:url(../images/bg-light-4862.png);
	/*height:535px;*/
}

#pricing .price-table{
	/*background-color:#ededed;*/
	text-align:center;
	-webkit-transform:scale(1);
	transform:scale(1);
	    padding-bottom: 20px;
		   /*border: 1px solid rgba(6, 102, 170, 0.55);*/
			margin-bottom:30px;
			box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.25);
}

#pricing .price-table:hover{
	/*-webkit-transform:scale(1.05);
	transform:scale(1.05);
	    transition: all 0.3s ease 0s;*/ box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
}

/*#pricing .price-table:hover .diamond{
-webkit-transform:scale(1);
	transform:scale(1);
}*/
#pricing .price-table .sp{
	border-bottom:1px solid #c2c2c2;
	margin-right:18px;
	margin-left:18px;
	margin-top:4px;
	margin-bottom:4px;
}
#pricing .price-table .price-top-bar{
	
	height:12px;
}
#pricing .price-table .price-top-bar:before{
content: '';
height: 10px;
width: 120px;
position:absolute;
vertical-align: top;
	display: block;
border-radius: 0 0 10px 10px;
background:#3A5874;
left: 60%;
	margin-left:-60px;
}
#pricing .price-table .price-top-bar .pbar{
	width:100%;
	height:12px;
	/*opacity:0.85;*/
}
#pricing .price-table .diamond{
	position:absolute;
	top:-20px;
	left:50%;
	margin-left:-18px;
	-webkit-transform:scale(0);
	transform:scale(0);
}
#pricing .price-table .diamond .diamond-back{
	width:37px;
	height:21px;
	background-color:#000000;
}
#pricing .price-table .diamond .diamond-back div{
	width:100%;
	height:100%;
	opacity:0.9;
}
#pricing .price-table .diamond .diamond-top{
	width:27px;
	height:27px;
	background-color:#000000;
	-webkit-transform:scale(1,0.56) rotate(45deg);
	transform:scale(1,0.56) rotate(45deg);
	position:absolute;
	top:-14px;
	left:5px;
}
#pricing .price-table .diamond .diamond-top div{
	width:100%;
	height:100%;
	opacity:0.8;
}
#pricing .price-table .diamond .diamond-bottom{
	width:27px;
	height:27px;
	background-color:#000000;
	-webkit-transform:scale(1,0.56) rotate(45deg);
	transform:scale(1,0.56) rotate(45deg);
	position:absolute;
	top:7px;
	left:5px;
}
#pricing .price-table .diamond .diamond-bottom div{
	width:100%;
	height:100%;
}

#pricing .price-table .price-title{ 
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	font-size: 18px;
	padding-top:16px;
	padding-bottom:16px;	
	    font-weight: 600;
    font-stretch: normal;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
}
#pricing .price-table .price{
	margin-top:30px;
}
#pricing .price-table .price .currency{
	position:absolute;
	margin-left:-10px;
}
#pricing .price-table .price .monthly-num{
	font-size:32px; /*размер шрифта цена*/
	padding-bottom:0;
}
#pricing .price-table .duration{
	margin-bottom:30px;
}
#pricing .price-table .duration .monthly-obj{
	position:absolute;
	margin-left:-35px;
	/*margin-top:-8px;*/
}
#pricing .price-table .price-btn{
	outline:0; color:#FFFFFF; font-weight:bold;  display: inline-block;
}
#pricing .price-table .price-btn .signup-button{
	border:0px !important;
	width:140px;
	height:30px;
	border-radius:15px;
	font-size:14px;
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:0px;
	padding-left:0px;
	margin-top:10px;
	margin-bottom:30px;
}
#pricing .price-table .price-btn .signup-button:hover{
	opacity:0.8;
}
/*стили для слайдера тарифов*/
.slide-wrap{ width: 1000000px; overflow:hidden; position:relative;}
.navy{position: absolute; top: 50%; width: 82px; height: 82px; color: #ccc; text-align: center; cursor: pointer; transition: color 0.3s ease 0s; z-index: 10; opacity: 0.6; font: 400 72px/42px 'FontAwesome'; margin-top: -25px;}
.navy:hover{color: #232222;}
.next-slide{right:0px;}
.prev-slide:before {
  content: '\f104';
}
.next-slide:before {
  content: '\f105';
}

@media only screen and (max-width: 767px) {
.slide-wrap{width:auto;  }
 .price-table{
	height:530px;
}
.slide-wrap{max-height:530px; }
}
@media (max-width: 479px) {

}
@media (min-width: 768px) and (max-width: 979px) {
  .slider {margin-right: 10px; height:680px;}
  .slide-wrap{}
}
 @media (min-width: 980px) and (max-width: 1199px) {
 .slide-wrap{ }
 .price-table{
	height:560px;
}
  .slider {margin-right: 10px; }
}
/*Цвета фона*/
.color1-bg{
	background-color:#456888;
}
.color-bg{
	background-color:#ffdb58;
}

.ic {
  border:0;
  float:right;
  background:#fff;
  color:#f00;
  width:50%;
  line-height:10px;
  font-size:10px;
  margin:-220% 0 0 0;
  overflow:hidden;
  padding:0
} 
a {
  font: inherit;
  color: #456888
  ;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  text-decoration: underline;
}
a:active {
  background: transparent;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}
* {
  -webkit-text-size-adjust: none;
}

.text_1 {
  font: 300 60px/68px 'Open Sans', sans-serif;
}
.text_2 {
  font: 600 20px/30px 'Open Sans', sans-serif;
}
.text_3 {
  font: 300 14px/24px 'Open Sans', sans-serif;
}
.text_4 {
  font: 400 14px/16px 'Open Sans', sans-serif;
}
.text_5 {
  font: 300 16px/22px 'Open Sans', sans-serif;
}
.text_5 h3 {
font: 600 20px/30px 'Open Sans', sans-serif;
}

.text_5 li {
	list-style-type: disc;
	margin-left: 40px;
}
.text_5 p {padding: 5px 8px 5px 0;}

.text_5 table {margin: 0 20px 0 20px ; border:2px solid #456888; background-color: #fff; }
.text_5 td {border-color: #456888; border:2px solid #456888; padding: 10px;}
.text_5 img {margin: 0 20px 0 20px;}
.text_5 strong {font-weight:bold;}
.text_5 em { font-style:italic}

.text_6 {
  font: 400 16px/22px 'Open Sans', sans-serif;
}
.text_7 {
  font: 400 16px/19px 'Open Sans', sans-serif; /*категориии новостей на главной*/
}
.text_8 {
  font: 400 14px/20px 'Open Sans', sans-serif;
}
/*============  Colors  =============*/
.color_1 {
  color: #ffffff;
}
.color_1 a {
  color: inherit;
}
.color_2 {
  color: #363535;
}
.color_2 a {
  color: inherit;
}
.color_3 {
  color: #456888
  ;
}
.color_3 a {
  color: inherit;
}
.color_4 {
  color: #ffdb58
  ;
}
.color_4 a {
  color: inherit;
}
.color_5 {
  color: #413d3d;
}
.color_5 a {
  color: inherit;
}
.color_6 {
  color: #4a4a4a;
}
.color_6 a {
  color: inherit;
}
/*============  Backgrounds  =============*/
.bg_1 {
  background: #fff;
}
.bg_2 {
  background: #fdfdfc;
    background-image:url(../images/fon.png);

-webkit-box-shadow: inset 0px 0px 100px 100px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 100px 100px rgba(255,255,255,1);
box-shadow: inset 0px 0px 100px 100px rgba(255,255,255,1);
}

.bg_3{
background-color:#f3f3f3;
	background-image:url(../images/bg-light-4862.png)
}
.bg_4{
background-color: #f3f3f3;
	background-image: url(../images/index.png);
	background-repeat: repeat-x;
	}
	.bg_5{
background-color: #456888;
	
	}
	.bg_6{
background-color: rgba(60, 60, 60, 0.5);
	
	}
/*========Border=====================*/
.brd_1,  .brd_2, .brd_3 {
 border: 4px solid #456888;
}
.brd_1:before{
content: '';
height: 10px;
width: 120px;
position:absolute;
vertical-align: top;
	display: block;
border-radius: 0 0 10px 10px;
background:#456888;
left: 70%;
	margin-left:-60px;
}
.brd_1:after{
	content: '';
	height: 10px;
	width: 200px;
	position:absolute;
	border-radius: 10px 10px 0 0;
	background:#456888;
	left: 50%;
	margin-left:-100px;
	vertical-align: bottom;
	display: block;
	margin-top:-9px;
}

.brd_2:before{
content: '';
height: 120px;
width: 10px;
position:absolute;
display: block;
border-radius: 0 10px 10px 0 ;
background:#3A5874;
top: 70%;
	margin-top:-60px;
}
.brd_2:after{
	content: '';
	height: 200px;
	width: 10px;
	position:absolute;
	border-radius: 10px 0 0 10px;
	background:#3A5874;
	bottom: 50%;
	margin-bottom:-100px;
	display: block;
	right: 0px;
}
/*============  Floats  =============*/
.put-left {
  float: left;
}
.put-right {
  float: right;
}
/*============  Page  =============*/
.page {
  background: #ffffff;
}
/*========================================================
                    HEADER styles
=========================================================*/
#header {
  position: relative;
  background: #fff;
}
@media (max-width: 1199px) {
  #header {
    text-align: center;
  }
}
.brand {
  text-align: center;
}
.brand h1 {
  display: inline-block;
  text-align: left;
}
@media (max-width: 979px) {
  .brand {
    float: none;
  }
}
.nav {
  text-align: right;
}
@media (max-width: 979px) {
  .nav {
    text-align: center;
    float: none;
  }
}
/* Main menu styles
========================================================*/
.sf-menu {
  display: inline-block;
  margin-right: -10px;
}
.sf-menu > li {
  position: relative;
  float: left;
  font: 400 20px/22px 'Marvel', sans-serif; /*размер шрифта и отступы меню*/
 /* font-weight: bold;*/
  text-align: center;
  text-transform: capitalize;
  letter-spacing: 1.1px;
}
.sf-menu > li > a {
  position: relative;
  display: inline-block;
  padding: 19px 10px 18px;
  color: #456888
  ;
}
.sf-menu > li.sfHover > a,
.sf-menu > li.current > a,
.sf-menu > li > a:hover {
  background: #edecec;
  color: #456888;
  text-decoration: none;
}
.sf-menu > li.sfHover > a:after,
.sf-menu > li.current > a:after,
.sf-menu > li > a:hover:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #456888;
}
.sf-menu > li + li {
  margin-left: 23px;
}
.sf-menu ul {
  position: absolute;
  display: none;
  width: 220px;
  padding: 10px 0;
  text-align: left;
  background: #ffffff;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.sf-menu ul li {
  display: block;
  position: relative;
  text-transform: none;
}
.sf-menu ul li.sfHover > a,
.sf-menu ul li.current > a,
.sf-menu ul li a:hover {
  background: #456888
  ;
  color: #ffffff;
  text-decoration: none;
}
.sf-menu ul li + li {
  margin-top: 5px; /*расстояния между пунктами выпадающего меню*/
}
.sf-menu ul li a {
  display: block;
  padding: 4px 20px; /*отступы выпадающего меню*/
  color: #456888
  ;
}
/* First level sub-menu styles
========================================================*/
.sf-menu > li > ul {
  top: 120%;
  left: 50%;
  margin-left: -110px;
}
/* Second level sub-menu styles
========================================================*/
.sf-menu > li > ul > li > ul {
  top: 0px;
  right: 110%;
}

@media only screen and (max-width: 767px) {
  nav {
    padding-bottom: 0;
  }
  .sf-menu {
    display: none;
  }
  .select-menu {
    margin: 30px 0 20px;
    display: block;
    position: relative;
    padding: 0;
    width: 100%;
    height: 40px;
    border: 1px solid #dddddd;
    background: #edecec url(../images/select.png) 99% center no-repeat;
    color: #000000;
    border-radius: 0;
    -webkit-appearance: none;
    outline: none;
    font: normal 14px 'Open Sans', sans-serif;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (max-width: 479px) {
  nav.put-right {
    padding-bottom: 0px;
  }
}
/* Stuck menu styles
========================================================*/
.isStuck {
  background: #ffffff;
  z-index: 999;
  border-bottom: 1px solid #456888
  ;
}
@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important;
  }
}
/*========================================================
                    CONTENT styles
=========================================================*/
#content {
	overflow: hidden;
}
/*============  Headers  =============*/
.header_1 {
  text-align: center;
  font: 600 32px/32px 'Open Sans', sans-serif;
}
.header_1.indent_1 {
  padding-bottom: 56px;
}
.header_1.indent_2 {
  padding-bottom: 30px;
}
@media (min-width: 980px) and (max-width: 1199px) {
  .header_1 {
    font-size: 28px;
    line-height: 45px;
  }
}
@media (max-width: 767px) {
  .header_1 {
    font-size: 26px;
    line-height: 42px;
  }
}
.header_2 {
  font: 600 30px/30px 'Open Sans', sans-serif;
}
.header_2.indent_1 {
  padding-bottom: 30px;
}
.header_2.indent_2 {
  padding-bottom: 32px;
}
.header_2.indent_3 {
  padding-bottom: 51px;
}
.header_2.indent_4 {
  padding-bottom: 43px;
}
.header_2.indent_5 {
  padding-bottom: 41px;
}
/*============  Wraps  =============*/
.wrap_1 {
  padding-top: 80px; /*отступ сверху "услуги главная", */
}
.wrap_2 {
  padding-top: 50px; /*отступ сверху "тарифы главная", "верхний ряд информация на главной" */
}
.wrap_3 {
  padding-bottom: 34px;
}
.wrap_4 {
  padding-bottom: 53px;
}
.wrap_5 {
  padding-bottom: 50px; /*отступ снизу "услуги главная", "нижний ряд информация на главной"  */
}
.wrap_6 {
  padding-bottom: 60px; /*отступ снизу "объявления главная", */
}
.wrap_7 {
  padding-top: 21px; /*отступ сверху  "нижний ряд информация на главной" */
}
.wrap_8 {
  padding-bottom: 48px;
}
.wrap_9 {
  padding-top: 60px; /*отступ сверху "иконки соцсетей"*/
}
.wrap_10 {
  padding-bottom: 44px;
}
.wrap_11 {
  padding-top: 68px; /*отступ внутренних страниц*/
}
.wrap_12 {
  padding-bottom: 51px;/*нижний отступ информация о компании*/
}
.wrap_13 {
  padding-top: 42px;
}
.wrap_14 {
  padding-top: 70px;
}
.wrap_15 {
  padding-bottom: 80px; /*отступ на странице о компании "Почемы мы"*/
}
.wrap_16 {
  padding-top: 32px;
}
.wrap_17 {
  padding-top: 50px;
}
.wrap_18 {
  padding-top: 80px; /*оступ от карты "контакты"*/
}
.wrap_19 {
  padding-bottom: 50px; /*отступ контактной информации "контакты"*/
}
.wrap_20 {
  padding-bottom: 46px;
}
.wrap_21 {
  padding-bottom: 6px;
}
@media (max-width: 767px) {
  .wrap_11,
  .wrap_14,
  .wrap_9,
  .wrap_1,
  .wrap_18 {
    padding-top: 50px;
  }
  .wrap_12,
  .wrap_15,
  .wrap_5,
  .wrap_19 {
    padding-bottom: 50px;
  }
}
@media (max-width: 1199px) {
  .img-wrap {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .img-wrap {
    margin-top: 30px;
  }
}
/*============  Butttons  =============*/

.btn {
border: none;
cursor:pointer;
  display: inline-block;
  padding: 4px 20px 3px;
  font: 400 24px/30px 'Marvel', sans-serif;
  color: #456888;
  background: #ffdb58;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffdb58), to(#f5c000));
   background: -webkit-linear-gradient( top , #ffdb58, #f5c000);
  background:  -moz-linear-gradient( top , #ffdb58, #f5c000);
   background: -ms-linear-gradient( top , #ffdb58, #f5c000);
   background: -o-linear-gradient( top , #ffdb58, #f5c000);
   background-image: -ms-linear-gradient(top, #ffdb58 0%, #f5c000 100%);
  border-radius: 18px;
  margin:20px;
}
.btn:hover {
  color: #ffdb58;
  background: #456888;
  text-decoration: none;
    background: #457388;
	background: -webkit-gradient(linear, left top, left bottom, from(#456888), to(#457388));
   background: -webkit-linear-gradient( top , #456888, #457388);
  background:  -moz-linear-gradient( top , #456888, #457388);
   background: -ms-linear-gradient( top , #456888, #457388);
   background: -o-linear-gradient( top , #456888, #457388);
   background-image: -ms-linear-gradient(top, #456888 0%, #457388 100%);
}



.btn_1 {
  display: inline-block;
  font: 400 25px/30px 'Marvel', sans-serif;
  padding: 15px 51px 16px;
  letter-spacing: 1.5px;
  color: #456888;
  background: #ffdb58;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffdb58), to(#f5c000));
   background: -webkit-linear-gradient( top , #ffdb58, #f5c000);
  background:  -moz-linear-gradient( top , #ffdb58, #f5c000);
   background: -ms-linear-gradient( top , #ffdb58, #f5c000);
   background: -o-linear-gradient( top , #ffdb58, #f5c000);
   background-image: -ms-linear-gradient(top, #ffdb58 0%, #f5c000 100%);
  border-radius: 28px;
}
.btn_1:hover {
  color: #ffdb58;

  text-decoration: none;
  background: #457388;
	background: -webkit-gradient(linear, left top, left bottom, from(#456888), to(#457388));
   background: -webkit-linear-gradient( top , #456888, #457388);
  background:  -moz-linear-gradient( top , #456888, #457388);
   background: -ms-linear-gradient( top , #456888, #457388);
   background: -o-linear-gradient( top , #456888, #457388);
   background-image: -ms-linear-gradient(top, #456888 0%, #457388 100%);
}
.btn_2 {
border: none;
cursor:pointer;
  display: inline-block;
  padding: 4px 20px 3px;
  font: 400 20px/30px 'Marvel', sans-serif;
  color: #456888;
  background: #ffdb58;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffdb58), to(#f5c000));
   background: -webkit-linear-gradient( top , #ffdb58, #f5c000);
  background:  -moz-linear-gradient( top , #ffdb58, #f5c000);
   background: -ms-linear-gradient( top , #ffdb58, #f5c000);
   background: -o-linear-gradient( top , #ffdb58, #f5c000);
   background-image: -ms-linear-gradient(top, #ffdb58 0%, #f5c000 100%);
  border-radius: 18px;
}
.btn_2:hover, .btn_2:active {
  color: #ffdb58;
  background: #456888;
  text-decoration: none;
    background: #457388;
	background: -webkit-gradient(linear, left top, left bottom, from(#456888), to(#457388));
   background: -webkit-linear-gradient( top , #456888, #457388);
  background:  -moz-linear-gradient( top , #456888, #457388);
   background: -ms-linear-gradient( top , #456888, #457388);
   background: -o-linear-gradient( top , #456888, #457388);
   background-image: -ms-linear-gradient(top, #456888 0%, #457388 100%);
}
.btn_3 {
  display: inline-block;
  padding: 4px 34px 3px 33px;
  font: 400 20px/30px 'Marvel', sans-serif;
  color: #456888;
  background: #ffdb58;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffdb58), to(#f5c000));
   background: -webkit-linear-gradient( top , #ffdb58, #f5c000);
  background:  -moz-linear-gradient( top , #ffdb58, #f5c000);
   background: -ms-linear-gradient( top , #ffdb58, #f5c000);
   background: -o-linear-gradient( top , #ffdb58, #f5c000);
   background-image: -ms-linear-gradient(top, #ffdb58 0%, #f5c000 100%);
  border-radius: 20px;
}
.btn_3:hover {
  color: #ffdb58;
 
  text-decoration: none;
  background: #457388;
	background: -webkit-gradient(linear, left top, left bottom, from(#456888), to(#457388));
   background: -webkit-linear-gradient( top , #456888, #457388);
  background:  -moz-linear-gradient( top , #456888, #457388);
   background: -ms-linear-gradient( top , #456888, #457388);
   background: -o-linear-gradient( top , #456888, #457388);
   background-image: -ms-linear-gradient(top, #456888 0%, #457388 100%);
}
/*============  Images  =============*/
.img_1 {
  margin: 3px 0 9px 0;
  float: left;
}
.img_1 + .img_1 {
  margin-left: 29px;
}
@media (max-width: 1199px) {
  .img_1 {
   width: 184px;
  }
  .img_1 + .img_1 {
    margin-left: 6px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .img_1 {
  float:none;
    width: 220px;
  }
  .img_1 + .img_1 {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .img_1 {
     float:none;
    width: 220px;
  }
  .img_1 + .img_1 {
    margin-left: 0;
  }
}
.img_2 {
  margin: 3px 0 9px 0;
  float: left;
  cursor:pointer;
}
.img_2 + .img_2 {
  margin-left: 30px;
}
.img_2:first-child + .img_2 + .img_2 + .img_2 {
  margin-left: 0;
}
@media (min-width: 980px) and (max-width: 1199px) {
  .img_2 {
    width: 140px;
  }
  .img_2 + .img_2 {
    margin-left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .img_2 {
    width: 108px;
  }
  .img_2 + .img_2 {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .img_2 {
    float: none;
  }
  .img_2 + .img_2 {
    margin-left: 0;
  }
}
/*============  Boxes  =============*/
.box_1 {
  text-align: center;
  padding-bottom: 30px;
}

.box_1 [class^='icon_'] {
  display: inline-block;
  width: 117px;
  height: 117px;
  color: #456888;
  border-top:2px solid #456888;
  border-right: 3px solid #456888;
  border-bottom: 4px solid #456888;
  border-leaft: 5px solid #456888;
  text-align: center;
  border-radius: 100px;
  line-height: 117px;
}
.box_1 [class^='icon_']:hover {
  color: #fff;
  background-color: #456888;
  transition: all 0.3s ease 0s;
}
.box_1 .icon_1:before {
  content: '%';
  font: bold 48px/117px 'Arial', sans-serif;
}
.box_1 .icon_2:before {
  content: '\f012';
  font: 700 48px/117px 'FontAwesome';
}
.box_1 .icon_3:before {
  content: '\f007';
  font: 700 48px/117px 'FontAwesome';
}
.box_1 .icon_4:before {
  content: '\f0ad';
  font: 700 48px/117px 'FontAwesome';
}
.box_1 [class^='icon_'] + .text_2 {
  padding-top: 22px;
}
.box_1 [class^='icon_'] + .text_2 + .text_3 {
  padding-top: 16px;
}
.box_1 [class^='icon_'] + .text_2 + .text_3 + .btn_2 {
  margin-top: 26px; /*отступ кнопки*/
}
.box_2 {
  padding: 36px 15px 42px 62px;
  border: 4px solid #456888;
}
.box_2 .put-left {
  margin: 63px 77px 57px 0px;
}
.box_2 .text_2 + .text_3 {
  padding-top: 13px;
}
.box_2 .text_3 + .btn_2 {
  margin-top: 41px;
}

/*стили иконки в box_2*/
.box_2 [class^='icon_'] {
  display: inline-block;
  width: 117px;
  height: 117px;
  color: #fff;
  border-top:2px solid #456888;
  border-right: 3px solid #456888;
  border-bottom: 4px solid #456888;
  border-leaft: 5px solid #456888;
  text-align: center;
  border-radius: 100px;
  line-height: 117px;
   background-color: #456888
  ;
}
.box_2 [class^='icon_']:hover {
  color: #456888;
 background: none;
  transition: all 0.3s ease 0s;
}

@media (min-width: 980px) and (max-width: 1199px) {
  .box_2 {
    padding: 26px 5px 32px 52px;
  }
  .box_2 .put-left {
    margin: 53px 67px 47px 0;
  }
}
@media (max-width: 979px) {
  .box_2 {
    padding: 20px 40px 40px;
    text-align: center;
  }
  .box_2 .put-left {
    float: none;
    text-align: center;
    margin: 0 0 30px;
  }
}
.box_3 {
  text-align: center;
}
.box_4 .text_5 + .btn_2 {
  margin-top: 40px;
}
.box_4 .text_5 + .row {
  padding-top: 31px;
}
.box_4 .row + .btn_3 {
  margin-top: 46px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .box_4 .grid_2 {
    width: 170px;
  }
}
.box_5 {
  position: relative;
  padding-top: 8px;
  padding-left: 65px;
}
.box_5:before {
  content: attr(data-index);
  position: absolute;
  top: 1px;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  text-align: center;
  color: #ffffff;
  background: #456888
  ;
  font: 700 36px/48px 'Open Sans', sans-serif;
}
.box_5 .text_2 + .text_3 {
  padding-top: 24px;
}
.box_6 .put-left {
 /* margin-top: 6px;*/
  margin: 0 30px 10px 0;
}
.box_6 .put-left .caption {
  position: relative;
  display: inline-block;
}
.box_6 .put-left .text_2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.43);
  padding: 8px 0 14px;
}
.box_6 .caption .text_2 + .text_3 {
  padding-top: 24px;
}
.box_6 .caption .text_3 + .btn_2 {
  margin-top: 25px;
}
.box_6 + .box_6 {
  margin-top: 66px; /*отступы в вертикальных списках*/
}
@media (max-width: 979px){
  .box_6 .put-left {
    float: none;
    margin: 0 0 20px;
    text-align: center;
  }
}
@media (max-width: 479px) {
  .box_6 .put-left img {
    width: 100%;
  }
}
.box_7 {
  padding-bottom: 60px;
}
.box_7 .img-wrap {
  text-align: center;
}
.box_7 .caption {
  padding-top: 35px;
}
.box_7 .caption .text_2 + .text_3 {
  padding-top: 24px;
}
.box_7 .caption .text_3 + .btn_2 {
  margin-top: 25px; /*отступ кнопки */
}



@media (max-width: 767px) {
  .box_7 {
    padding-bottom: 50px;
  }
}
/*============  Lists  =============*/
.list_1 {
  display: inline-block;
}
.list_1 li {
  float: left;
}
.list_1 li + li {
  margin-left: 17px;
}
.list_1 li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  color: #ffffff;
  background-color: rgba(117, 117, 117, 0.5);
  text-align: center;
  border-radius: 25px;
}
.list_1 li a:hover {
  background: #456888
  ;
  text-decoration: none;
}

.list_1 li a.fa-vk {
  font-size: 25px;
  line-height: 56px;
}
.list_1 li a.fa-vk:before {
  padding-left: 1px;
}

.list_1 li a.fa-odnoklassniki {
  font-size: 25px;
  line-height: 56px;
}
.list_1 li a.fa-odnoklassniki:before {
  padding-left: 1px;
}
.list_1 li a.fa-twitter {
  font-size: 25px;
  line-height: 56px;
}
.list_1 li a.fa-twitter:before {
  padding-left: 1px;
}
.list_1 li a.fa-facebook {
  font-size: 25px;
  line-height: 52px;
}
.list_1 li a.fa-facebook:before {
  padding-left: 2px;
}
.list_1 li a.fa-google-plus {
  font-size: 25px;
  line-height: 52px;
}
.list_1 li a.fa-google-plus:before {
  padding-left: 6px;
}
.list_1 li a.fa-pinterest {
  line-height: 50px;
  font-size: 30px;
}
.list_1 li a.fa-pinterest:before {
  padding-left: 1px;
}
.list_2 li {
  position: relative;
  padding-left: 31px;
}
.list_2 li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 10px;
  height: 10px;
  background: #456888
  ;
  border-radius: 5px;
}
.list_3 li {
  float: left;
}
.list_3 li img {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.list_3 li a:hover img {
  opacity: 0.5;
}
.list_3 li + li {
  margin-left: 26px;
}
@media (min-width: 980px) and (max-width: 1199px) {
  .list_3 img {
    width: 120px;
  }
  .list_3 li + li {
    margin-left: 12px;
  }
}
@media (max-width: 979px) {
  .list_3 {
    text-align: center;
  }
  .list_3 li {
    float: none;
    margin-bottom: 9px;
    display: inline-block;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .list_3 li:first-child + li + li + li {
    margin-left: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .list_3 li:first-child + li + li {
    margin-left: 0;
  }
  .list_3 li:first-child + li + li + li + li {
    margin-left: 0;
  }
}
@media (max-width: 479px) {
  .list_3 li + li {
    margin-left: 0;
  }
}
/*============  Map =============*/
.map {
  width: 100%;
  height: 399px;
}
@media (max-width: 767px) {
  .map {
    height: 250px;
  }
}
@media (max-width: 479px) {
  .map {
    height: 150px;
  }
}
/*============  Address =============*/
address .text_7 + .text_8 {
  padding-top: 22px;
}
/*============  Terms List =============*/
.terms-list {
  text-align: center;
}
.terms-list dt + dd {
  padding-top: 14px;
}
.terms-list dd + dt {
  padding-top: 19px;
}
.terms-list p + p {
  padding-top: 12px;
}
/*============  LightBox =============*/
a[data-type='lightbox'] {
  display: block;
  background: url('../images/magnify.png') no-repeat center center;
}
a[data-type='lightbox'] img {
  width: 100%;
  height: auto;
}
a[data-type='lightbox']:hover img {
  opacity: 0.2;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media (max-width: 767px) {
  a[data-type='lightbox'].last-row {
    margin-bottom: 8px;
  }
}
/*========================================================
                    FOOTER styles
=========================================================*/
@media (max-width: 767px) {
  #footer {
    text-align: center;
  }
}
/*============  Info  =============*/
.info {
  padding: 23px 0 24px;
}
/*========================================================
                    Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  overflow: hidden;
  border: none;
  color: #363535;
  width: 40px;
  height: 43px;
  font-size: 43px;
  line-height: 38px;
  z-index: 20;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#toTop:hover {
  outline: none;
  text-decoration: none;
  color: #456888
  ;
}
#toTop:active {
  background: transparent;
}
@media only screen and (max-width: 1199px) {
  #toTop {
    display: none !important;
  }
}
/*Core variables and mixins*/

.fullscreen-bg {
    overflow: hidden;
   /* z-index: -100;*/
    position: relative;
    height: 100%;
    width: 100%;
    padding-top:33.6666%;

}
.fullscreen-bkg {
    
       top: 0px;
    height: 100%;
    width: 100%;
   position: absolute;
   z-index:1;
	border-top: 7px solid #3a5873;
    border-bottom: 6px solid #3a5873;
	
	background-image: url('../images/dot.png');
}

.fullscreen-title {
    
       top: 20%;
    height: 100%;
    width: 100%;
   position: absolute;
   z-index:1;
}
.fullscreen-bkg::before {
  
    content: '';
    position: absolute;
    left: 50%;
	    margin-left: -32px;
    top: -10px;
    border: 30px solid transparent;
    border-top: 30px solid #fff;
	z-index: 1;
}
.fullscreen-bkg::after {
     content: '';
    position: absolute;
    left: 50%;
	    margin-left: -30px;
    top: 0px;
    border: 30px solid transparent;
    border-top: 30px solid #3a5873;
	  
  
}
.fullscreen-bg__video {
    position: absolute;
    top: -32.666%;
    left: 0;
    width: 100%;
	opacity: 0.9;
}
 

 

.flexslider_overlayer .slider-info .inner{
    width: 300px;
    height: 520px;
    z-index: 10;
    padding: 40px;
    padding-top: 70px;
    color: #FDFDFD;
    background: rgba(25, 26, 26, 0.77);
    opacity: 1;
    line-height: 1.8em;
}
.fullscreen-bg .flexslider_overlayer {
    z-index: 10;
}



.bonus {
    list-style: none;
   
    padding-bottom: 40px;
	position:relative;
	z-index:3;
}

.bonus div {
    display: inline-block;
       text-align: center;
    width: calc(100% * 1/4 - 4px);
    padding: 40px 20px 20px;
  
    text-transform: uppercase;
   
}

@media (max-width: 1199px) and (min-width: 980px)
 {
.fullscreen-bg {
    padding-top:36.6666%;
}
.fullscreen-bg__video {
    top: -26.666%;
}
}
@media (max-width: 979px) and (min-width: 768px)
{
 .fullscreen-bg {
    padding-top:38.6666%;
}
 .fullscreen-bg .text_1{
font-size: 48px;
    line-height: 40px;
	}
	.fullscreen-bg__video {
    top: -9.666%;
}
}
@media (max-width: 767px)
{
 .fullscreen-bg {
    padding-top:40.6666%;
}
	.fullscreen-bg__video {
    top: -0px;
}
}
@media (max-width: 767px){
.fullscreen-title {
    display: none!important;
}
.bonus {
    padding-bottom: 12px;
	 font-size: 10px;
}
}
/*вывод даты в списках*/
.date-box{	width: 80px;
position: relative;
text-align: center;
border: solid 3px #456888;
float: left;
margin: 10px;
}
.date-box .day {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.25em;
	font-weight: 700;
text-transform: uppercase;
    color: #456888;
    display: block;
    padding: 12px 0 12px 0;
}
.date-box .month {
   
    display: block;
    color: #fff;
    background: #456888;
	font-size: 11pt;
}
/*вопрос-ответ*/
.ticket-comment {
    list-style-type: none !important;
    border: 2px solid #3A5873;
    padding: 10px;
}
.ticket-rating.active .vote.plus:hover, .ticket-rating.inactive .vote.plus.voted, .ticket-rating .rating.positive, .ticket-comment-rating.active .vote.plus:hover, .ticket-comment-rating.inactive .vote.plus.voted, .ticket-comment-rating .rating.positive {color:#f5c000!important}