html, body, div, span, h1, h2, h3, h4, h5, h6, p, em,  strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;                               /* обнуляем отступы и убираем бордюры */
    vertical-align: baseline;          /* приводим все к одной базовой линии */
    background: transparent;      /* чтобы не проскакивали левые фоны, установленные по умолчанию */
    font-size: 100%;                     /* размер шрифта всем одинаковый */
}
a {                                      	     /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline:none;
}
table {						/* устраняем отступы между ячейками таблицы */
    border-collapse: collapse;
    border-spacing: 0;
}
td, td img {
    vertical-align: top;			/* возвращаем привычное вертикальное выравнивание */
}
input, select, button, textarea {
    margin: 0; 				/* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */
    font-size: 100%; 			/* делаем размер шрифтов везде одинаковым */
    outline: none;
}
input[type="text"], input[type="password"], textarea {
    padding: 0; 				/* убираем внутренние отступы для текстовых полей */
}
input[type="checkbox"] { 		/* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
    vertical-align: bottom;
}
input[type="radio"] {
    vertical-align: text-bottom;
}
sub {
    vertical-align: sub;
    font-size: smaller;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}
nav ul {
    list-style:none;
}
/* --------------- /reset.css --------------- */

/* --------------- базовые настройки ---------*/
html {
    min-height:100%; /* всегда показываем вертикальную полосу прокрутки  */
}
body {
    font-size: 1em; /* используем безопасные шрифтовые CSS стеки */
    min-height:100%;
}
img{
    max-width:100%;
}
.clr{
    clear:both;
}
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
body {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #0f1a22;
    font-size: 1.20em;
    font-weight: 300;
}
/* Custom Button Styles */
.btn-dark {
    border-radius: 30;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}
.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255,255,255,0.8);
}
/* Custom Horizontal Rule */
hr.small {
    max-width: 100px;
}
.navbar-custom {
    margin-bottom: 0;
    background-color: white;
    box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.08);

}
.navbar-custom .navbar-toggle {
    color: #333;
    background-color: rgba(255, 255, 255, 0.2);
    font-size: 12px;
}
.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:active {
    color: #FFF;
    background-color: #ffa400;

}
.navbar-custom .navbar-brand {
    font-weight: 600;
    font-size: 18px;
    color: #777;
    padding-top: 10px;
}
.navbar-custom .navbar-brand i {
    font-weight: 400;
    font-size: 20px;
    color: #ffcc11;
}

@media (max-width: 990px) {
    .navbar-custom .navbar-brand {
    font-size: 14px;
    color: #777;
    }

    .navbar-custom {
        outline: 1px solid #e0e0e7;
    }
}
.navbar-custom a {
    color: #333;
}
.navbar-custom .nav li a {
     font-weight: 700;
     font-size: 16px;
     padding: 25px 15px;
    /*-webkit-transition: background 0.3s ease-in-out;*/
    /*-moz-transition: background 0.3s ease-in-out;*/
     /*transition: background 0.3s ease-in-out;*/
}
.navbar-custom .nav li a:hover {
    background-color: #ffa400;
    color: #FFF;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    background-color: white;
    color: #333;
}
.navbar-custom .nav li.active a {
    background-color: #ffa400;
    color: #FFF;
}
.navbar-custom .nav li.active a:hover {
   background-color: #ffa400;
    color: white;
}

.header {
    position: relative;
    width: 100%;
    min-height: 800px;
    background: url('../images/holod3.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.gradient{
    background-image: linear-gradient(to top right, #15151a, rgba(0, 0, 0, 0.2));
    opacity: 1;
    min-height: 800px;
}
.text-header{
    padding-top: 220px;
    text-align: center;
    padding-bottom: 150px;
    color: white;
    font-size: 1.5em;
}
.text-header h1 {
    margin: 0;
    padding: 0;
    font-size: 2.3em;
    font-weight: 800;
}
@media (max-width: 470px) {
    .text-header h1 {
        font-size: 1.3em;

    }
}
.text-header h1 span {
    display: block;
    padding-top: 50px;
    padding-bottom: 20px;
    font-weight: 400;
    font-size: 0.5em;
}
.text-header a{
    color: white;
    font-weight: bold;
    padding: 15px 30px;
    border-radius: 3px;
    font-size: 0.5em;
    text-transform: uppercase;
    background: #ffa400;
    border: 2px solid transparent;
    margin: 40px 0 0 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;


}
.text-header a:hover{
    text-decoration: none;
    background-color: rgba(255, 164, 0, 0.6);
}
#about{
    background-color: #f7f6ff;
}
.about{
    padding-top: 50px;
    padding-bottom: 30px;
}
.about p{
    text-align: center;
    vertical-align: top;
}
.about img{
   padding-top: 50px;
}
.mainblocks h3{
    padding-top: 50px;
    padding-bottom: 15px;
    font-size: 1.75em;
    font-weight: 900;
    text-align: left;


}
.about ul{
    padding-left: 25px;
}
.about li{
    padding-bottom: 5px;
}
.main-text p {
    padding-top: 40px;
    text-align: left;
}
.main-text p:last-child {
    padding-top: 0;
}
/*----*/
.my-text p {
    padding-top: 40px;
    
}
/*----*/
.mainblocks {
    padding-top: 0;
}
.mainblocks img{
    padding-top: 70px;
}
.proem {
    background-color: #f7f6ff;
}
.services {
    background-color: #f7f6ff;
    padding-bottom: 15px;
    text-align: center;
}
.ourservices h2 {
    font-size: 1.75em;
    padding-top: 70px;
    padding-bottom: 30px;
    font-weight: 900;

}
.service-item {
    text-align: center;
    vertical-align: top;
    padding-top: 30px;
    min-height: 345px;
    min-width: 200px;
    margin-left: 30px;
}
.services .fa {
    background: #ffa400;
    border-radius: 50%;
    color: #FFF;
    font-size: 40px;
    width: 140px;
    height: 140px;
    line-height: 140px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;

}
.services .fa:hover
{
    background: #303030;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.service-item p{
    padding-top: 20px;
}
.advantages{
    background-image: linear-gradient(to bottom left, #ebebeb, rgba(249, 247, 255, 0.4));
    padding-bottom: 30px;
    text-align: center;
}
.ouradvantages h4 {
    font-size: 1.75em;
    padding-top: 70px;
    padding-bottom: 30px;
    font-weight: 700;
/*----*/

}
.advantage-item{
    text-align: center;
    vertical-align: top;
    padding-top: 30px;
    min-height: 200px;
    width: 220px;
    margin: 0 auto;
}
.advantage-item i{
    width: 140px;
    height: 140px;
    border-radius: 30px;
    background-color: rgba(204, 204, 211, 0.8);
    padding-top: 20%;
    color: #202020;
}

/*-------*/

.advantages2{
/*  background-image: linear-gradient(to bottom left, #ebebeb, rgba(249, 247, 255, 0.4)); */
    padding-bottom: 30px;
    text-align: center;
}
.ouradvantages2 h4 {
    font-size: 1.75em;
    padding-top: 70px;
    padding-bottom: 30px;
    font-weight: 700;
/*----*/

}
.advantage-item2{
    background-image: linear-gradient(to bottom left, #ebebeb, rgba(249, 247, 255, 0.4));
	text-align: center;
    vertical-align: top;
    padding-top: 30px;
    min-height: 300px;
    width: 310;
    margin: 0 auto;
	/**/
		
	}
.advantage-item2 i{
    width: 140px;
    height: 140px;
    border-radius: 30px;
    background-color: rgba(204, 204, 211, 0.8);
    padding-top: 20%;
    color: #202020;
	
}

.advantage-item2 i:hover{

    background-color: #ffa400;
    color: whitesmoke;
}
.advantage-item2 p{
    padding-top: 20px;
}

.advantage-item2:hover {
           border: 2px solid red;
           box-shadow: 10px 10px 10px #ffa400;
          } 

.divadv2 p{
    padding-top: 20px;
}

.divadv2:hover {
           border: 2px solid red;
           box-shadow: 10px 10px 10px red;
          }

/*-------*/

.advantage-item i:hover{

    background-color: #ffa400;
    color: whitesmoke;
}
.advantage-item p{
    padding-top: 20px;
}
.testimonials {
    padding-top: 70px;
    padding-bottom: 60px;
}
.testimonials h4 {
    font-size: 1.75em;
    padding-bottom: 30px;
    text-align: center;
    font-weight: 700;
/*----*/

}
.testimonial-grids{
    margin: 30px 0;
}
.testimonial-grd{
    box-shadow:1px 0 30px #cccbcb;
    padding:3em 2em;
    margin: 30px 0;
    position:relative;
}
.testimonial-grd p{
    font-size:14px;
    margin:0;
    line-height:1.8em;
    position:relative;
    font-weight: 300;
    font-style:italic;
}
.testimonial-grd p i{
    display:block;
    margin:1em 0 0;
    font-size:1em;
    font-style:normal;
}
.testimonial-grd:hover{
    box-shadow:2px 0 30px #ffa400;
}
.contact{
    background-color: #202020;
    color: white;
    padding-top: 60px;
    padding-bottom: 50px;
}
.ourcontact h4 {
    margin-bottom: 15px;
    font-size: 1.5em;
    font-weight: 400;
    text-align: center;
}
.contact p{
    text-align: center;
    padding-bottom: 10px;
}
.contact i{
    color: #ffcc11;
}
.contact a{
    color: #ffcc11;
    padding-bottom: 10px;
}
.contact a:hover{
    text-decoration: none;
}
.developer{
    font-size: 0.75em;
}
.wraperr{
    overflow-x: hidden !important;
}
.go-top
{
    background-color: #ffa400;
    border-radius: 50%;
    bottom: 2em;
    right: 2em;
    color: #FFF;
    display: none;
    position: fixed;
    text-decoration: none;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.go-top:hover {	color: #F9F9F9; }


@media (min-width: 1920px) {
    .container {
        width: 1890px;
    }
    .proem img {
        margin-left: 150px;
    }
    .main-text p {
        padding-right: 250px;
        padding-left: 100px;
    }
    .text-header h1 {
        padding-top: 80px;
        font-size: 2.5em;
    }
    .firstmainblock {
        padding-left: 200px;
    }
.firstmainblock_my {
        padding-left: 100px;
    }
    .firstrigthpic {
        padding-right: 200px;

    }
    .secondleftpic {
        padding-left: 200px;
    }
    .secontmaintext {
        padding-left: 600px;
    }
    .threemaintext {
        padding-left: 200px;
    }
    .rightpic {
        padding-right: 200px;
    }
    .header {
        min-height: 1100px;
    }
    .gradient {
        min-height: 1100px;
    }
    .text-header {
        padding-top: 350px;
    }

div.container6 {
  height: 10em;
  display: flex;
  align-items: center;
  justify-content: center }
div.container6 p {
  margin: 0 }

}



#menu-holder{margin:80px auto;width:850px;}
.column-clear{clear:both;}


/***** PRICING TABLE *****/
.price_table {width: 100%;
	height: 100%;
	font-size: 13px;
	font-family: arial, sans-serif;
	font-weight: normal;
	color: #444444;
	}
.price_table a{color: #444444;}
.price_table .align_center{text-align: center;}

.price_table .pack-title{font-family: 'Viga', arial, sans-serif;
	font-size: 30px;
	color: #CC8706;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    margin-top:10px;} 

.price_table .price{
font-family: 'Viga', arial, sans-serif;
	font-size: 50px;
color: #CC8706;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1) ;
	margin:30px 0px 20px 0px;
	}
.price_table .time{font-size: 14px;color: #CC8706;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);}	
	
/* --- header row 1 ---  */
.price_table .column_1 .header_row_1{
	height: 45px;
	width: 100%;
	text-align:  center;
/*	padding: 5px 0px 0px 0px; */
	border-bottom: 1px solid #BA7C09;
	background: #FFA400;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFA400), to(#F5A105));
	background: -moz-linear-gradient(top, #FFA400,  #F5A105);
	background: linear-gradient(#FFA400, #F5A105);
	}

/* --- header row 2 ---  */
.price_table .column_1 .header_row_2{
	height: 100px;
	width: 100%;
/*	padding: 5px 0px; */
    text-align:  center;
	border-top: 1px solid #BA7C09;
	background: #FCB93C;
	background: -webkit-gradient(linear, left top, left bottom, from(#FCB93C), to(#FFA400));
	background: -moz-linear-gradient(top, #FCB93C,  #FFA400);
	background: linear-gradient(#FCB93C, #FFA400);
	}
	
.price_table .column_1{height: 100%;
	float: left;
	width:270px;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
	}	

/**** COLUMN HOVERS ****/
.price_table .column_1:hover{
	position: relative;
	z-index: 100;
	box-shadow: 5px 0px 25px rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 0px 25px rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 0px 25px rgba(0,0,0,0.1);
	-webkit-transform: translate(-5px,-15px);
   -moz-transform: translate(-5px,-15px);
   -o-transform: translate(-5px,-15px);
   -ms-transform: translate(-5px,-15px);
   transform: translate(-5px,-15px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
	}

.price_table .column_1:hover .header_row_1,	
.price_table .column_1:hover .header_row_2,
.price_table .column_1:hover .row_style_1,
.price_table .column_1:hover .row_style_2,
.price_table .column_1:hover .row_style_footer_1,
.price_table .column_1:hover .row_style_footer_2
{	padding-left: 5px;
	padding-right: 5px;
	}

	
/**** DATA ROWS  ****/
.price_table .row_style_1,
.price_table .row_style_2,
.price_table .row_style_footer_1,
.price_table .row_style_footer_2
	{width: 100%;
	height: 40px;
	padding-top: 9px;
	float: left;
	}
.price_table .row_style_footer_1, .price_table .row_style_footer_2{padding: 10px 0px;}
	
.price_table .row_style_1, .price_table .row_style_footer_1{background-color: #F9F8F0;}
.price_table .row_style_2, .price_table .row_style_footer_2{background-color: #F0EED9;}

.price_table .row_style_1 span, .price_table .row_style_2 span{position:relative;font-size:14px;}
.price_table .row_style_1 span:before, .price_table .row_style_2 span:before{
background: url("../images/icon-yes.gif") no-repeat 0 0;
	width: 24px;
    height: 24px;
	left: -30px;
    position: absolute;
    top: -3px;
	content: "";
    }
.price_table .no-option span:before{
background: url("../images/icon-no.gif") no-repeat 0 0;
	width: 24px;
    height: 24px;
	left: -30px;
    position: absolute;
    top: -3px;
	content: "";
    }


	ul, li {margin: 0px;padding: 0px;}
a{color:#fb7c03;}
div { position:relative }