body{
    font-family: 'open sans condensed', sans-serif;
}
header {

    /*z-index: 1008;*/
    height: ыусешщт;
    -pie-box-shadow: 0px 8px 8px #C1C1C1;
    box-shadow: 0px 8px 8px rgba(0,0,0,0.24);
    background-color: #0071BC;
    /*position: fixed;*/
    top: 0px;
}
.header{
    text-decoration: none;
    list-style: none;
    /*display: inline-block;*/
    padding-left: 10px;
    text-align: left;
}
.header a:hover{
    color: #fff;
}
.header a:active{
    color: #fff;
}
.header a:focus{
color: #fff;
}
.menu-1{
    margin-left: 15px;
}
.text-logo {
    background-color: transparent;
    line-height: 26px;
    color: #FFFFFF;
    font-size: 24px;
    text-align: center;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 700;
    /*position: fixed;*/
    margin-top: 8px;
    /*left: 50%;*/
}
.header-nav{
    background-color: transparent;
    line-height: 29px;
    color: #FFFFFF;
    font-size: 22px;
    text-align: left;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 300;
    /*position: fixed;*/
    /*margin-left: 10px; */
    margin-top: 4px;
    display: inline-block;
    /*left: 50%;*/
}
.title2-3{
    font-weight: 400!important;
        font-size: 23px!important;
}
.tel{
/*        z-index: 1021;
    width: 237px;
*/    min-height: 25px;
    background-color: transparent;
    line-height: 29px;
    color: #FFFFFF;
    font-size: 24px;
    text-align: center;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 700;
    /*position: fixed;*/
    margin-top: 7px;
    /*left: 50%;*/
    /*margin-left: 311px;*/
}
section.header .title {
   background-color: transparent;
    color: #000000;
    font-size: 30px;
    /* line-height: 65px; */
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 800;
    position: relative;
    margin-bottom: 1px;
}
.pod-logo{
    color: #1B3161;
    font-size: 10px;
    text-align: center;
    font-family: open-sans, sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
}
section.header .title2{
        font-size: 18px;
    line-height: 25px;
    background-color: transparent;
    color: #000000;
    text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    position: relative;
}
section.header img{
    margin-top: 20px;
    /*margin-bottom: 20px;*/
}
section.two{
    /*background-image: url(../img/maxresdefault.jpg);*/
    height: 455px;
    background-size: cover;
}
section.two header{

   height: 104px;
    background-color: rgba(255, 255, 255, 0.53);
    /*opacity: 0.9;*/
    -pie-box-shadow: 0px 8px 8px #C1C1C1;
    box-shadow: 20px 20px 10px rgb(0, 0, 0);
    /* position: fixed; */
    top: 0px;
}
section.two .title{
    font-size: 45px;
    color:black;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 700;
}
section.two .title2{
    font-size: 25px;
    font-weight: 700;
    color:black;
        font-family: 'open sans condensed', sans-serif;
}
input {color: #000;}
section.two footer{
    height: 120px;
    background-color: rgba(255, 255, 255, 0.73);
    /*opacity: 0.8;*/
    -pie-box-shadow: 0px 8px 8px #C1C1C1;
    box-shadow: 0px 8px 8px rgba(0,0,0,0.24);
    /*position: fixed;*/
        margin-top: 280px;
}
section.two .title3{
    font-size: 25px;
    color:black;
    font-weight: 600;
        font-family: 'open sans condensed', sans-serif;
}
.color-buttom{
    background: linear-gradient(to bottom,#FCEE21 ,#FBB03B 100%)!important;
}
.new-form-buttom{
    background: linear-gradient(to bottom,#FCEE21 ,#FBB03B 100%)!important;
    color: #000;
    border: none;
    font-size: 20px;
    text-shadow: none;
}
.new-form-buttom:hover{
    color: black;
    transition: all ease 1s;
    font-weight: 600;
}
.input-first-form{
    display: inline-block;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    color: #000;
    background: #000;
    margin-left: 30px;
        
    margin-top: 10px;
    border-radius: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
}
input::-moz-placeholder { color: #fff; }
input::-webkit-input-placeholder { color: #fff; }
section.three .title {
line-height: 101px;
    color: #FFFFFF;
    font-size: 84px;
    text-align: center;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 700;
    padding-top: 25px;
    padding-bottom: 25px;
}
section.three{
    background: #202020;
}
section.four span{
    display: block;
    margin-top: 0px;
    font-size: 18px;
    line-height: 24px;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 800;
}
section.four p{
    display: inline-block;
        font-size: 20px;
    line-height: 24px;
        font-family: 'open sans condensed', sans-serif;
    font-weight: 300;
}
section.four .first{
  background-color: #cfe4f2;
       /*opacity: 0.19;*/
}
section.four .col-md-2{
    background-image: url(../img/1.png);
    background-size: cover;
   width: 163px;
    height: 163px;
}
section.four .col-twisti{
    background: url(../img/3.jpg);
    width: 163px;
    height: 163px;

}
section.four .col-foto{
    background: url(../img/4.jpg);
    height: 163px;
    width: 163px;

}
section.four .country{
    color: #000;
    font-size: 26px;
    margin-top: 42px;
    display: block;
    /* margin-top: 10px; */
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}
section.four .price {
        color: #000;
    font-size: 26px;
    margin-top: 42px;
    display: block;
    /* margin-top: 10px; */
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}
section.four .top{
    margin-top: 50px;
}
section.four .col-second{
    background: url(../img/2.jpg);
    background-size: cover;
width: 163px;
    height: 163px;
}
section.four ul{
    text-decoration: none;
    list-style: none;
     font-size: 24px;
    line-height: 29px;
        font-family: "'open sans condensed'", sans-serif;
    font-weight: 800;
}
section.five a{
    /*z-index: 792;*/
    width: 338px;
    min-height: 42px;
    -pie-box-shadow: 6px 6px 8px #BFBFBF;
    box-shadow: 6px 6px 8px rgba(0,0,0,0.25);
    background: #FBB03B url(../images/u3683-grad.png) repeat-x left top;
    background: -webkit-gradient(linear, center top, center bottom, from(#FCEE21),color-stop(100%, #FBB03B));
    background: -webkit-linear-gradient(top,#FCEE21 ,#FBB03B 100%);
    background: linear-gradient(to bottom,#FCEE21 ,#FBB03B 100%);
    border-radius: 5px;
    font-size: 25px;
    text-align: center;
    line-height: 50px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000;
    }
    section.five .knopka{
        margin-top: 40px;
        margin-bottom: 40px;
    }
section.six .title{
      line-height: 101px;
    color: #202020;
    font-size: 52px;
    text-align: center;
    font-family: 'Open sans condensed', sans-serif;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 40px
}
section.six .text-block{
    margin-top: 20px;
    background-color: transparent;
    line-height: 22px;
    color: #202020;
    font-size: 21px;
    text-align: center;
    font-family:'open sans condensed', sans-serif;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
}
section.seven .title{
    line-height: 101px;
    color: #202020;
    font-size: 52px;
    text-align: center;
    font-family: 'Open sans condensed', sans-serif;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 40px;
}
section.seven .steps {
    background-color: transparent;
    line-height: 30px;
    color: #000000;
    font-size: 25px;
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    position: relative;
}
section.seven a{
    /*z-index: 792;*/
    /*width: 338px;*/
    /*min-height: 42px;*/
    -pie-box-shadow: 6px 6px 8px #BFBFBF;
    box-shadow: 6px 6px 8px rgba(0,0,0,0.25);
    background: #FBB03B url(../images/u3683-grad.png) repeat-x left top;
    background: -webkit-gradient(linear, center top, center bottom, from(#FCEE21),color-stop(100%, #FBB03B));
    background: -webkit-linear-gradient(top,#FCEE21 ,#FBB03B 100%);
    background: linear-gradient(to bottom,#FCEE21 ,#FBB03B 100%);
    border-radius: 5px;
    font-size: 25px;
    text-align: center;
    /*line-height: 50px;*/
    /*padding-left: 40px;*/
    /*padding-right: 40px;*/
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    color: #000;
    }
    section.seven .knopka{
        margin-top: 40px;
        margin-bottom: 40px;
    }
     section.eight img{
    -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 overflow:hidden;
 width: 60%;
 height:100%;
    }
     section.eight img:hover{
       -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
     }
    section.eight .title{
        color: #0071BC;
        line-height: 42px;
/*    color: #202020;
*/    font-size: 35px;
    text-align: center;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
    }
section.eight .first{
        line-height: 34px;
        text-align: center;
        list-style: none;
        text-decoration: none;
        margin-top: 20px;
        margin-bottom: 20px;
    color: #202020;
    font-size: 28px;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 300;
}
section.eight .second{
    line-height: 34px;
    text-align: center;
    list-style: none;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #202020;
    font-size: 28px;
        font-family: 'open sans condensed', sans-serif;
    font-weight: 700;
}
section.nine .title{
     line-height: 101px;
    color: #202020;
    font-size: 84px;
    text-align: center;
    font-family: 'Open sans condensed', sans-serif;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 40px;
}
section.nine .title3{
          line-height: 101px;
    color: #202020;
    font-size: 37px;
    color: #0071BC;
    text-align: center;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 700;
}
section.nine .первый{
     margin-top: 20px;
    background-color: transparent;
    line-height: 22px;
    color: #202020;
    font-size: 21px;
    text-align: left;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    /* line-height: 34px!important;
        text-align: left!important;
        list-style: none!important;
        text-decoration: none!important;
        margin-top: 10px!important;
        margin-bottom: 10px!important;
    color: #202020!important;
    font-size: 20px!important;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 300!important;*/
}
section.nine .title2{
/*line-height: 34px!important;
        text-align: left!important;
        list-style: none!important;
        text-decoration: none!important;
        margin-top: 10px!important;
        margin-bottom: 10px!important;
    color: #202020!important;
    font-size: 20px!important;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 300!important;*/
        /*margin-top: 6px;*/
    background-color: transparent;
    /*line-height: 22px;*/
    color: #202020;
    font-size: 21px;
    text-align: left;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 700;
    position: relative;
    /*margin-bottom: 20px;*/
}
section.ten {
    background: #000;
        margin-top: 20px;
}
section.ten img {
width: 224px;
    height: 224px;
    border-radius: 500px;
    position: relative;
    margin-bottom: 40px;
}
section.ten .title {
        line-height: 122px;
    color: #FFFFFF;
    font-size: 47px;
    text-align: center;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 700;
}
.body_slides{
    list-style:none;
    margin:0;
    padding:0;
    z-index:-2; 
    background:#000;}
.body_slides,
.body_slides:after{
    /*position: fixed;*/
    width:100%;
    height:455px;
    /*top:0px;*/
    left:0px;}
.body_slides:after { 
    content: '';
    background: transparent url(http://gnatkovsky.com.ua/files/bg_slider/images/pattern.png) repeat top left;}
 .Fon-black{}
 
.body_slides li{
    width:100%;
    height:504px;
    position:absolute;
    /*top:0;*/
    left:0;
    background-size:cover;
    background-repeat:none;
    opacity:0;
    -webkit-animation: anim_slides 15s linear infinite 0s;
    -moz-animation: anim_slides 15s linear infinite 0s;
    -o-animation: anim_slides 15s linear infinite 0s;
    -ms-animation: anim_slides 15s linear infinite 0s;
    animation: anim_slides 15s linear infinite 0s;
}
.body_slides li:nth-child(1){
background-image: url(../img/sliderts/1.jpg);
}
.body_slides li:nth-child(2){
-webkit-animation-delay: 3.0s;
-moz-animation-delay: 3.0s;
background-image: url(../img/sliderts/2.jpg);

}
.body_slides li:nth-child(3){
-webkit-animation-delay: 6.0s;
-moz-animation-delay: 6.0s;
background-image: url(../img/sliderts/3.jpg);
}
.body_slides li:nth-child(4){
-webkit-animation-delay: 9.0s;
-moz-animation-delay: 9.0s;
background-image: url(../img/sliderts/4.jpeg);
}
.body_slides li:nth-child(5){
-webkit-animation-delay: 12.0s;
-moz-animation-delay: 12.0s;
background-image: url(../img/sliderts/5.jpg);
}
@-webkit-keyframes anim_slides {
0% {opacity:0;}
6% {opacity:1;}
24% {opacity:1;}
30% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes anim_slides {
0% {opacity:0;}
6% {opacity:1;}
24% {opacity:1;}
30% {opacity:0;}
100% {opacity:0;}
}
section.ten .kontaktiki{
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 300;
    text-decoration: none;
    list-style: none;
}
section.ten ul{
    margin-top: 30px;
}

@media (min-width:768px) and (max-width: 1200px){
.body_slides li:nth-child(1){background-size: cover;background-repeat: no-repeat;}

.body_slides li:nth-child(2){background-size: cover;background-repeat: no-repeat;}

.body_slides li:nth-child(3){background-size: cover;background-repeat: no-repeat;}

.body_slides li:nth-child(4){background-size: cover;background-repeat: no-repeat;}
.body_slides li:nth-child(5){background-size: cover;background-repeat: no-repeat;}


    section.two header{box-shadow: none;text-shadow: none;}
    section.nine .title span {
        font-size: 38px;
    }
    section.nine .title2{
        font-size: 17px!important;
    }
    section.plus .title33{
        font-size: 17px;
    }
    section.last .title{
        font-size: 31px;
    }
    .new-four img{
        width: 148px;
    }
    .razmer{    font-size: 14px;
    font-weight: 600;}
    .name-project{font-size: 19px;    font-weight: 700;}
    .shrift{
        font-family:'open sans condensed', sans-serif;
        font-size: 17px;
    }
    .shrift span{font-weight: 500;}
    .flagi{margin: 30px;
    width: 42px!important;
    height: 29px;
    border: 1px solid;}
    /*.kolonki{padding-top: 20px}*/
    .strokai{background: #cfe4f2;margin-top: 20px; margin-bottom: 20px;}

    .tel{
        font-size: 19px;
    }
    .header-nav{
            font-size: 16px;
    }
    .text-logo{
            font-size: 18px;
    }
    section.two .title {
        font-size: 41px;
    }
    .input-first-form{
        font-size: 16px;
    }
    section.eight img{
        width: 100%
    }
}
@media (min-width:368px) and (max-width: 768px){
    section.partneri img{width: 50%; text-align: center;}
    section.partneri .col-md-3{text-align: center;}
.body_slides li:nth-child(1){background-size: contain;background-repeat: no-repeat;}

.body_slides li:nth-child(2){background-size: contain;background-repeat: no-repeat;}

.body_slides li:nth-child(3){background-size: contain;background-repeat: no-repeat;}

.body_slides li:nth-child(4){background-size: contain;background-repeat: no-repeat;}
section.two footer{margin-top: 245px;}
section.two{    height: 469px;
    
}
    section.four ul{
        font-size: 13px;
    }
    section.four span{
        font-size: 11px;
        margin-top: 0px;
    }
    section.four .country{
        font-size: 11px;
    }
    section.four .price{
            margin-top: 10px;
        font-size: 11px;
    }
    section.four p{font-size: 13px;}
    section.nine .title2{
        font-size: 14px;
    }
    /*section.nine img{margin: 0 auto; width: 100%}*/
    section.eight img{
        width: 100%
    }
    .tel{font-size: 17px;}
    
    .header-nav{
            font-size: 18px;
    }
    .text-logo{
            font-size: 17px;
            margin-top: 7px;
            line-height: 0px;
    }
    section.header {margin-bottom: 30px;margin-top: 30px;}
    section.two .title {
        font-size: 20px;
    }
    header .title{margin-top: 5px;}
    section.two .title2{
        font-size: 20px;
    }
    section.four .country {text-align: left;}

    section.four .price {text-align: left;}


    .input-first-form{
        font-size: 13px;
        display: none;
    }
    section.three .title{
        font-size: 40px;
    }
    section.six .title{
        font-size: 40px;
    }
    section.seven .title{
        font-size: 40px;
    }
    section.nine .title{
        font-size: 40px;
    }
    section.two .title3 {
        margin-top: 30px;
    }
}
@media (min-width:200px) and (max-width:389px){
    section.two .title {font-size: 20px;}
    section.two .title2 {font-size: 18px}
    section.header .title2  {margin-bottom: 30px}
    section.partneri img{width: 50%}
    section.two {height: 192px;
    background-size: contain;}
    section.two footer {    display: none; }
    section.three .title{font-size: 24px}
    section.four .country {text-align: left;}
    section.four .price {text-align: left;}
    section.five a {font-size:14px;}
    section.six .title{font-size: 24px}
    section.seven .title {font-size: 24px;}
    section.seven a {font-size:16px;}
    section.nine .title {font-size: 34px;line-height: 30px;}
    section.eight .title {font-size: 24px;}
    .tel{color: black}
}
.zatemnenie {-webkit-transition: all 0.9s ease;;
  -moz-transition: all 0.9s ease;;
  -o-transition: all 0.9s ease;;
  transition: all 0.9s ease;}
.zatemnenie:hover {
    /*display: none;*/
    /*border: 3px solid #0071bc;*/
    background: rgba(207, 228, 242, 0.41);
    color: #000;
    box-shadow: rgb(0, 113, 188) 2px 2px 52px;
    margin-bottom: 37px;
    margin-top: 37px;

    -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  transition: all 0.9s ease;
}
/*.zatemnenie:hover .col-md-2{
    background-image:  url(../img/232.jpg);
    width: 100%;
}*/
.zatemnenie:hover .flagi{
    display: none;
}
.oioi1{display: none;}
.zatemnenie:hover .oioi1{
display: block;
margin-top: 20px;
}

.oioi{display: none;
    /*font-size: 10px;*/
    -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  transition: all 0.9s ease;}
.zatemnenie:hover .oioi{
    display: block;
    margin-top: 42px;
    /*font-size: 19px;*/
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;

}

section.seven1 .title{
   line-height: 101px;
    color: #202020;
    font-size: 52px;
    text-align: center;
    font-family: 'Open sans condensed', sans-serif;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 40px
}
section.seven1 .steps {
    background-color: transparent;
    line-height: 30px;
    color: #000000;
    font-size: 25px;
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    position: relative;
}
/*570px*/
@media (min-width: 176px) and (max-width: 570px){
.text-logo{font-size: 2em;}
.tel img{display: none;}
.tel{font-size: 0.9em;}
.logo img{width: 100%;}
section.header .title{ font-size: 1.5em;}
section.header .title2{font-size: 1.3em!important;}
section.two {display: none;}
.title{font-size: 1.5em!important;}
.new-four img{display: none;}
.col-xs-8{width: 100%;}
.name-project{font-size: 1.3em;}
.shrift{font-size: 1.2em;}
section.six {display: none;}
.title123321{font-size: 1.5em;}
.title333{font-size: 1.3em;}
section.blackk{height: 100%;}
.opisanie-finansirovanie{font-size:0.9em;}
.zagolovochek{font-size: 1.5em;}
section.kredit-prom{display: none;}
section.seven{display: none;}
section.seven1{display: none;}
section.sliders{display: none;}
section.ten img{width: 100%;}
}
/*@media (min-width: 240px) and (max-width: 570px){
section.two{display: none;}
.title{}
}*/

.section.seven .col-md-2{width: 14.27%!important;}
@media (min-width: 648px) and (max-width: 992px){
    .name-project {font-size: 19px}
    .shrift{font-size: 17px}
    .title123321{font-size:30px;}
}
@media (min-width: 992px) and (max-width: 1200px){
section.header .title{font-size: 24px;}
section.header .title2-3{font-size:19px!important;}
section.nine img {
    width: 145px;
    height: 156px;
}
section.seven1 a{
    /*z-index: 792;*/
    width: 338px;
    min-height: 42px;
    -pie-box-shadow: 6px 6px 8px #BFBFBF;
    box-shadow: 6px 6px 8px rgba(0,0,0,0.25);
    background: #FBB03B url(../images/u3683-grad.png) repeat-x left top;
    background: -webkit-gradient(linear, center top, center bottom, from(#FCEE21),color-stop(100%, #FBB03B));
    background: -webkit-linear-gradient(top,#FCEE21 ,#FBB03B 100%);
    background: linear-gradient(to bottom,#FCEE21 ,#FBB03B 100%);
    border-radius: 5px;
    font-size: 25px;
    text-align: center;
    line-height: 50px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000;
    }
    section.seven1 .knopka{
        margin-top: 40px;
        margin-bottom: 40px;
    }

@media (min-width: 280px){
    .title123321{font-size: 48px;}
}