a:hover {
    text-decoration: none;
}


img {
    border:none;
}

body {
    background-color: #151b3c;
    font-family: 'OpenSans', sans-serif;
}

.MainBlock {
      background-image: url(../images/bg1.jpg);
      min-height: 100%;
      min-width: 100%;
      width: 100%;
      height: auto;
      background-size:cover;
}

.land {
    background-color: #151b3c;
}

.main {
    max-width:1200px;
    padding: 0;
}

.logo {
    margin: 85px 0 0 85px;
}

.TextOne {
    font-size: 18px;
    color: white;
    margin-left: 85px;
    font-weight: bold;
    margin-top: 120px;
}

.TextTwo {
    font-family: 'FuturaFuturisC', sans-serif;
    text-transform: uppercase;
    font-size: 36px;
    color: white;
    padding-left: 70px;
    padding-top: 35px;
}

.SecondBlock h2 {
    font-family: 'FuturaFuturisC-Bold', sans-serif;
    text-transform: uppercase;
    font-size: 46px;
    color: #023572;
    padding-top: 60px;
    padding-bottom: 50px;
    text-align: center;
}

.pyu {
    text-align: center;
}

.pyu p {
    font-family: 'OpenSans-Italic', sans-serif;
    font-size: 14px;
    color: #004292;
    padding: 35px 20px;
}

.TopText {
    font-family: 'FuturaFuturisC-Bold', sans-serif;
    text-transform: uppercase;
    font-size: 99px;
    color: white;
    line-height: 87px;
    padding-top: 85px;
}

.TopText span {
    padding-left: 100px;
}

.TextFour {
    padding-left: 70px;
    padding-top: 56px;
}

.Strings {
}

.Strings img {
    display: inline;
    vertical-align: top;
    padding-top: 5px;
}

.Strings {
    padding-bottom: 5px;
}

.Strings p {
    display: inline-block;
    color: #fff;
    font-family: 'OpenSans-Italic', sans-serif;
    font-size: 15px;
    line-height: 23px;
    padding-left: 10px;
}

.StrBlock {
    padding: 40px 40px 40px 60px;
}

.StrBlock1 {
    padding: 60px 60px 40px 60px;
}

.StrBlock2 {
    padding: 40px 60px 40px 60px;
}

.TextFive {
    font-family: 'FuturaFuturisC-Bold', sans-serif;
    text-transform: uppercase;
    color: #76ccff;
    font-size: 46px;
    padding-top: 40px;
    padding-left: 70px;
    line-height: 43px;
}

.TextFive span {
    text-transform: none;
}

.SecondBlock {
    background-color: #fff;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    background-size:cover;
}

.OilPlus {
    padding-bottom: 60px;
}

.OilPlus h4 {
    font-family: 'FuturaFuturisC-Bold', sans-serif;
    text-transform: uppercase;
    color: #112a5d;
    font-size: 20px;
    padding-top: 80px;
    line-height: 28px;
    max-width: 480px;
    padding-left: 20px;
    padding-bottom: 40px;
}

.OilPlusList {
    padding-left: 20px;
}

.OilPlusList img {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
}

.OilPlusList p {
    display: inline-block;
    color: #112a5d;
    font-family: 'OpenSans-Italic', sans-serif;
    font-size: 14px;
    max-width: 420px;
    padding-left: 10px;
}

.OilsLine {
    padding-top: 120px;
}

.AboutOil1 p {
    max-width: 240px;
    padding-top: 20px;
    font-size: 14px;
    line-height: 20px;
}

.AboutOil2 p {
    max-width: 240px;
    padding-top: 20px;
    font-size: 14px;
    line-height: 20px;
}

.AboutOil1 a {
    color: #112a5d; 
    text-decoration: underline;
}

.AboutOil1 a:hover {
    color: #5371ae; 
}

.AboutOil2 a {
    color: #112a5d; 
    text-decoration: underline;
}

.AboutOil2 a:hover {
    color: #5371ae; 
}

.AboutOil1 {
    margin: 0 auto;
    padding-left: 60px;
    text-align: center;
}

.AboutOil2 {
    margin: 0 auto;
    text-align: center;
}

.ThirdBlock {
}

.aboutTT {
      background-image: url(../images/bg11.jpg);
      min-height: 100%;
      width: 100%;
      height: auto;
      background-size:cover;
}

.aboutTT1 {
    background-image: url(../images/bg12.jpg);
    min-height: 100%;
    width: 100%;
    height: auto;
    background-size:cover;
}

.aboutTT2 {
    background-image: url(../images/bg13.jpg);
    min-height: 100%;
    width: 100%;
    height: auto;
    background-size:cover;
}

.TTcenter {
    text-align: center;
}

.ThirdBlock h4 {
    font-size: 34px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 65px 0 44px 0;
    font-family: 'FuturaFuturisC-Bold', sans-serif;
}

.textTT {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding-top: 35px;
}

.PlusLine {
    padding: 55px 0 40px 70px;
}

.PlusLine2 {
    padding-top: 55px;
}

.StringsPlus img {
    display: inline;
    vertical-align: top;
    padding-top: 10px;
}

.StringsPlus p {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 37px;
    padding-left: 10px;

}

.StringsPlus2 img {
    display: inline;
    vertical-align: top;
    padding-top: 3px;
}

.StringsPlus2 p {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    padding-left: 10px;

}

.PlusList {
    list-style: circle;
    font-family: 'OpenSans-Italic', sans-serif;
    font-size: 14px;
    padding-left: 60px;
}

.PlusEl {
    color: #fff;
    padding-bottom: 20px;
}

.AboutNewGeneration {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    line-height: 29px;
    border: solid 1px #fff;
    border-radius: 5px;
    padding: 15px;
    text-align: center;
    max-width: 240px;
    margin: 0 auto;
    margin-bottom: 48px;
    cursor: pointer;
    margin-top: 135px;
}

.AboutNewGeneration:hover {
    background: rgba(0,0,0,.5);
    transition: 0.4ms;
}

.AboutNewGeneration2 {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    line-height: 29px;
    border: solid 1px #fff;
    border-radius: 5px;
    padding: 15px;
    text-align: center;
    max-width: 240px;
    margin: 0 auto;
    margin-bottom: 48px;
    cursor: pointer;
}

.AboutNewGeneration2:hover {
    background: rgba(0,0,0,.5);
    transition: 0.4ms;
}

.AboutNewGeneration3 {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    line-height: 29px;
    border: solid 1px #fff;
    border-radius: 5px;
    padding: 15px;
    text-align: center;
    max-width: 240px;
    margin: 0 auto;
    margin-bottom: 48px;
    cursor: pointer;
    margin-top: 45px;
}

.AboutNewGeneration3:hover {
    background: rgba(0,0,0,.5);
    transition: 0.4ms;
}

.FourthBlock {
    background-image: url(../images/bg4.png);
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    background-size:cover;
}

.wrapper {
    background-color: #162760;
}

.FourthBlock h4 {
    font-family: 'FuturaFuturisC-Bold', sans-serif;
    text-transform: uppercase;
    color: #113177;
    font-size: 46px;
    padding: 65px 0 40px 70px;
}

.FourthBlockLine {
    padding-bottom: 60px;
}

.PolnOils {
    text-transform: uppercase;
    font-weight: bold;
    color: #999999 ;
    font-size: 20px;
    line-height: 29px;
    padding-left: 70px;
    padding-top: 40px;
}

.PolnOil {
    text-align: center;
}

.PolnOil p {
    font-size: 14px;
    color: #163065;
    text-decoration: underline;
    font-weight: 500;
    padding-top: 20px;
}

.fifthblock {
    background-image: url(../images/bg5.png);
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    background-size:cover; 
}

.BestBrend {
padding-bottom: 20px;
}

.BestBrend h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    padding-top: 60px;
    padding-bottom: 25px;
    font-family: 'OpenSans', sans-serif;
}

.smlText1 {
    font-family: 'OpenSans', sans-serif;
    font-size: 16px;
    line-height: 27px;
    color: #555555;
    max-width: 480px;
}

.smlText2 {
    font-family: 'OpenSans-Italic', sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #555555;
    max-width: 480px;
}

.row_d {
    background-color: #fff;
}

.buy {
    display: inline-block;
    font-family: 'FuturaFuturisC-Bold', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 46px;
    padding-top: 55px;
}

.buttons {
    display: inline-block;
    padding-left: 120px;
}

.btn_red {
    background-color: #113177;
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    margin-top: -20px;
    padding: 15px 30px;
    border-color: #fff;
}

.btn_red:hover {
    color: #fff;
    background: rgba(0,0,0,.5);
    transition: 0.4ms;
}

.rt {
    text-align: center;
}

FOOTER  { overflow:hidden; }
FOOTER .wrapper { background:#162760; border-top:1px solid rgba(255, 255, 255, .15); padding:30px 2.8% 30px 2.8%; }
FOOTER .wrapper .logo   { display:inline-block; width:72px; height:52px; margin-right:10px; }
FOOTER .wrapper .text   { display:inline-block; vertical-align:top; color:rgba(111, 151, 192, .56); padding-left: 20px; }
FOOTER .wrapper .left_block { margin-bottom:35px;margin-top:35px; }
FOOTER .wrapper .copyright  { color:rgba(255, 255, 255, .82); text-align:left; line-height:138%;margin-bottom:35px;margin-top:35px;padding-left: 75px; }
FOOTER .wrapper .right_block    { text-align:left; float:right;margin-bottom:35px;margin-top:35px;padding-left: 55px; }
FOOTER .wrapper .right_block .soc_text  { display:block; vertical-align:top; color:rgba(255, 255, 255, .82); padding-bottom: 10px;}
FOOTER .wrapper .right_block .soc   { display:inline-block; width:30px; height:30px; border-radius:50%; background:#103d80; position:relative; transition:background .3s; cursor:pointer; margin:0 3px; }
FOOTER .wrapper .right_block .soc:last-of-type  { margin-right:0 ;}
FOOTER .wrapper .right_block .soc:hover { background:#0B54A0; }
FOOTER .wrapper .right_block .soc .soc_svg  { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; }
FOOTER .wrapper .right_block .soc_ok #svg_ok    { width:11px; height:17px; }
FOOTER .wrapper .right_block .soc_fb #svg_fb    { width:9px; height:17px; }
FOOTER .wrapper .right_block .soc_vk #svg_vk    { width:17px; height:10px; }
FOOTER .wrapper .right_block .soc_in #svg_in    { width:17px; height:17px; }

.map_input { width: 100%; padding-top: 10px; padding-bottom: 10px; }
.map_input div { display: inline-block; /*margin-right: 10px;*/ vertical-align: middle; }
.map_input input {
    width: 100%;
    height: 40px;
    border: 1px #7a7a7a solid;
    font-size: 16px;
    color: #555555;
}
.map_input input[type="text"] {
    padding-left: 10px;
}
#d_input {
    width: 40%;
    max-width: 285px;
    margin-right: 20px;
}
.m_btn {
    height: 40px;
    width: 90px;
    background: #0563ba; /* Old browsers */
    background: -moz-linear-gradient(top,  #0563ba 0%, #00529e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0563ba 0%,#00529e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0563ba 0%,#00529e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0563ba', endColorstr='#00529e',GradientType=0 ); /* IE6-9 */
    border: 1px solid #6e7c9d;
    text-align: center;
    line-height: 40px;
    color: #FFFFFF;
}
.m_btn a {
    text-decoration: none;
}
.ch_box_item {
    width: 12px;
    height: 12px;
    text-align: center;
    background: #005aab;
    line-height: 14px;
}
#ch_parent {
    margin-left: 5px;
    font-size: 12px;
}
.ch_box {
    display: block;
    margin-right: 0 !important;
    float: left;
}
.type_f {
    background: #0e4779;
}
.type_r {
    background: #ed4543;
}
.type_o {
    background: #1bad03;
}
.type_i {
    background: #595959;
}
.type_d {
    background: #b51eff;
}
.type_a {
    background: #82cdff;
}
.type_fl {
    background: url(flagship_off.png);
}
.banner { 
    width: 375px;
    height: 400px;      
    display: inline-block;
    float: right;
    margin-top: 35px;
}
.points {
    width: 100%;
    height: 295px;  
    display: inline-block;
    border: 1px solid #09307E;
    float: right;
    margin-top: 45px;
    overflow-y: auto;
    background: linear-gradient(228.97deg, #010133 19.85%, #040F68 50%, #09307E 77.66%);
}

.map_area {
    margin-top: 35px;
    width: 100%;
    max-width: 100%;
    display: inline-block;
    border: 1px solid #C0C0C0;
    margin-bottom: 1px;
}
#map_label {
    margin-left: 10px;
    margin-right:10px;
}
#map {
    min-height: 450px;
}
.items_map_info {
    margin-bottom: 5px;
}
.items_t td {
    padding: 0;
    margin: 0;
    vertical-align: top;
}
.i_icon {
    width: 30px;
    text-align: center;
}
.i_icon div {
    display:inline-block;
    margin-top: 5px;
}
.i_name {
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px dashed #000000;
    display: inline;
}
.i_addr {
    margin-top: 5px;
}
.i_addr, .i_phone, .i_site, .i_email {
    font-size: 12px;
}
.i_name_a, .filter_a {
    text-decoration: none;
}
.flagman
    {
    width: 100%;
}
#flagman, label {
    cursor: pointer;
}
#ch_parent .ch:nth-child(even)
    {
    border-left: 1px lightgray solid;
    padding-left: 16px;
    margin-left: 16px;
    }

.ch .ch_box:nth-child(even)
    {
    clear: both;
    }

#ch_parent
    {
    margin-left: 0 !important;
    }

.ch
    {
    margin-left: 15px;
    }

.points_lmshop {
    width: 100%;
    height: 110px;
    display: inline-block;
    border: 1px solid #09307E;
    float: right;
    overflow-y: none;
    background: linear-gradient(228.97deg, #010133 19.85%, #040F68 50%, #09307E 77.66%);
}

.lmshop-button {
    width:150px;
    margin-left: 35px;
    line-height: 35px;
    display:inline-block;
    vertical-align:middle;
    height: 35px;
    font-weight: bold;
}

.lmshop-button a {
    display:block;
    height:100%;
    width:100%;
    color:#fff !important;
    vertical-align:middle;
}

.lmshop-i_site {
    margin-top:5px;
}

@media screen and (max-width: 1260px)
    {
    .banner {
        display: block; 
        float: none;    
        width: 100%; 
        margin-top: 10px;
    }
    .ch .ch_box:nth-child(even)
        {
        clear:none;
        }
    .ch_box
        {
        margin-right: 15px !important;
        }
    .ch
        {
        border-left: none;
        padding-left: auto;
        margin-left: auto;
        width: 100%;
        }
    #ch_parent .ch:nth-child(even)
        {
        border-left: none;
        padding-left: 0;
        margin-left: 0;
        }
    #ch_parent
        {
        text-align: left;
        padding-left: 25px;
        padding-right: 25px;
        margin-left:0;
        margin-top: 15px !important;
        }
    #ch_parent .ch:not(:last-child)
        {
        padding-bottom: 10px;
        border-bottom: 1px solid lightgray;
        margin-bottom: 10px;
        }
    .map_input div
        {
        vertical-align: baseline;
        }
    }

@media screen and (max-width: 641px)
    {
    .points_lmshop {
        height:125px;
    }
    #map_label
        {
        display: block;
        }
    #d_input
        {
        display: block;
        margin: 10px auto 0 auto;
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
        box-sizing: border-box;
        max-width: none;
        min-width: 375px;
        }
    #address
        {
        width: 100%;
        box-sizing: border-box;
        }
    }

@media screen and (max-width: 410px)  {
    #d_input{
        min-width: 0;
    }
}

@media screen and (min-width: 411px) {
    #d_input{
        min-width: 250px;
    }
}