html, body
{
    font-size: 14px;
    min-width: 990px;
    letter-spacing: 1px;
}

.border
{
    border: 1px solid red;
}
a
{
    color:#50a4c8;
    text-decoration: underline;
}

a:hover
{
    color:#50a4c8;
    text-decoration: none;
}

.container
{
    min-width: 990px;
    max-width: 1920px;
    text-align: center;
    margin: 0px auto;
    overflow: hidden;
}

.header
{
    height: 961px;
    position: relative;
    background: url('/img/header_fon.jpg') top center no-repeat;
}

.timer
{
    margin-top: -70px;
    padding-top: 70px;
    background: url('/img/timer_fon.jpg') top center no-repeat;    
}
.counter figure 
{
    width: 130px!important;
    max-width: 130px!important;
    height: 107px;
    text-align: left;
    background: url('/img/counter_fon.png') no-repeat top left;
    margin: 0px 10px 0px 0px!important;
    padding: 15px 0px 0px 3px;
}

.timeTo.timeTo-black div 
{
    width: 46px!important;
    /*height: 80px!important;*/
    border: none;
    background: none!important;
}

.timeTo.timeTo-black div ul
{
    border: 0px solid red;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative; 
    //left: 3px!important;
    float: left;
}
.timeTo figcaption 
{
    width: 105px;
    font-size: 18px!important; 
    font-weight: normal;
    color: #fff!important;
    padding: 0px!important;
}

.logo
{
    padding: 15px 0px 0px 0px;    
}
.menu_top
{
    padding: 40px 0px 0px 0px;
}

.btn_top
{
    padding: 30px 0px 0px 0px;
}

.menu_top li
{
    display: inline-block;
    padding: 0px 10px 0px 17px;
    background: url('/img/menu_dot.png') left center no-repeat;
}

.menu_top li:first-child
{
    background: none;
}

.menu_top li a
{
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px dotted rgba(255,255,255,0.3);    
    /*font-family: Roboto-Light;*/
}

.menu_top li a:hover
{
    border-bottom: 0px dotted #fff;    
}

.btn
{
    display: block;
    border-radius: 5px;
    /*font-family: Roboto-Bold;*/
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.btn_red
{
    width: 207px;
    background: #d45d5d;
    box-shadow: 0px 3px 0px 0px #bd5353;
    text-decoration: none;
    padding-top: 9px;
}

.btn_red:hover
{
    background: #ec6666;
    color: #fff;
}

.btn_yellow
{
    width: 450px;
    height: 85px;
    font-size: 22px;
    /* font-family: Font-Awesome; */
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #4c3900!important;
    background: #ffdb31;
    padding-top: 25px;
    margin: 25px auto 0px auto;
    letter-spacing: 0px;
    box-shadow: 0px 0px 0px 0px #d99300;


    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdb32', endColorstr='#ffd303'); /* для IE6-9 */
    background: -webkit-linear-gradient(top, #ffdb32, #ffd303); /* для webkit-браузеров */
    background: -moz-linear-gradient(top,  #ffdb32,  #ffd303); /* для firefox 3.6+ */ 
    background: -o-linear-gradient(top,  #ffdb32,  #ffd303); /* для Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffdb32,  #ffd303); /* для IE10+ */
}


.btn_yellow:hover
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee058', endColorstr='#fed931'); /* для IE6-9 */
    background: -webkit-linear-gradient(top, #fee058, #fed931); /* для webkit-браузеров */
    background: -moz-linear-gradient(top,  #fee058,  #fed931); /* для firefox 3.6+ */ 
    background: -o-linear-gradient(top,  #fee058,  #fed931); /* для Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fee058,  #fed931); /* для IE10+ */
}

.btn_30
{
    /*font-family: Roboto-Bold;*/
    font-weight: bold;
    width: 520px;
    height: 90px;
    font-size: 24px;
    background: #05c1ca;
    box-shadow: 0px 0px 0px 0px #01888f;
    text-decoration: none;
    padding-top: 27px;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03c3ca', endColorstr='#0db7c8'); /* для IE6-9 */
    background: -webkit-linear-gradient(top, #03c3ca, #0db7c8); /* для webkit-браузеров */
    background: -moz-linear-gradient(top,  #03c3ca,  #0db7c8); /* для firefox 3.6+ */ 
    background: -o-linear-gradient(top,  #03c3ca,  #0db7c8); /* для Opera 11.10+ */
    background: -ms-linear-gradient(top,  #03c3ca,  #0db7c8); /* для IE10+ */
}

.btn_30:hover
{
    color: #fff;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08ced5', endColorstr='#12c1d2'); /* для IE6-9 */
    background: -webkit-linear-gradient(top, #08ced5, #12c1d2); /* для webkit-браузеров */
    background: -moz-linear-gradient(top,  #08ced5,  #12c1d2); /* для firefox 3.6+ */ 
    background: -o-linear-gradient(top,  #08ced5,  #12c1d2); /* для Opera 11.10+ */
    background: -ms-linear-gradient(top,  #08ced5,  #12c1d2); /* для IE10+ */
}

.btn_30 span, .btn_yellow span
{
    display: inline-block;
    position: relative;
    border: none;
    text-decoration: none;
    padding: 0px;
}

.btn_30 img, .btn_yellow img
{
    vertical-align: inherit;
    position: relative;
    top: 2px;
    left:3px;
}

.online_chat span, .online_chat span
{
    display: inline-block;
    position: relative;
    border: none;
    text-decoration: none;
    padding: 0px;
}

.online_chat img, .online_chat img
{
    vertical-align: inherit;
    position: relative;
    top: 2px;
    left: -5px;
}



.to_end
{
    font-size: 35px;
    font-weight: bold;

    margin-bottom: 20px;
    color: #261c38;
}

.title_44
{
    font-size: 44px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.title_35w
{
    font-size: 35px;
    color:#fff;
    padding-top: 120px;
    text-transform: uppercase;
}

@media all and (-ms-high-contrast:none)
{
    .ie { padding-top: 20px; } /* IE10 */
    *::-ms-backdrop, .ie { padding-top: 20px; } /* IE11 */
}

.title_80
{
    /*font-family: Roboto-Bold;*/
    font-size: 80px;
    line-height: 95px;
    color: #261c38;
}
.pre_footer_top .title_80
{
    color:#2a2a2a;
}

.joomla
{
    background: url('/img/joomla.png') left center no-repeat;
    padding-left: 40px;
}

.title_38
{
    font-size: 38px;
    color: #fff;
    letter-spacing: 3px;
}

.title_35
{
    font-size: 40px;
    font-weight: bold;
    color: #261c38;
    line-height: 42px;
}

.title_24
{  
    font-size: 24px;  color: #fff;  text-transform: uppercase;

    letter-spacing: 3px;
}

.line_block
{
    padding-top: 50px;
    padding-bottom: 45px;
    margin-bottom: 45px;
    background: url('/img/line.png') bottom center no-repeat;
}

.pad-t45
{
    padding-top: 45px;
}

.cats_img img
{
    width: 100%;
    max-width: 240px;
    text-align: center;
}

.cat_title
{
    font-size: 25px;
    font-weight: bold;
    color: white;
    margin-bottom: 10px;
}

.cat_text
{
    /*font-family: Roboto-Regular;*/
    font-size: 14px;
    color: #faf5fe;    
}

.counter_title
{
    text-align: left;
    margin-bottom: 20px;
}

.counter_text
{    
    font-size: 24px;
    text-align: left;
    color: #261c38;
    margin-bottom: 15px;
}

.counter
{
    height: 210px;
    text-align: left;
}

.counter_btn
{
    text-align: left;
}

.b1
{
    background:url('/img/line_2.png') bottom center no-repeat;
    padding: 50px 0px 35px 0px;
    margin-bottom: 35px;
    letter-spacing: 0px;
}

.block_img
{
    text-align: left;
    padding-top: 30px;
}

.block_title
{
    /*font-family: Roboto-Medium;*/
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 18px;
    letter-spacing: 0px;
    color: #2a2a2a;
}

.block_text
{
    font-family: OpenSans-Light;
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
}
.blocks
{
    height:275px;
}
.dark
{
    background: rgba(246,246,246,0.8);
}

.dark2
{
    background: rgba(225,232,237,0.8);
    height: 350px;
}

.dark3
{
    background: rgba(234,241,245,0.8);
    height: 350px;
}


.blocks_bg
{
    background: #f0f5f9;
}

.section
{
    height: 480px;
    background: url('/img/section_fon.png') bottom center no-repeat;
    position: relative;
    margin-top: -70px;
}

.title_18
{
    font-size: 18px;
    padding-top: 30px;
    color: #fff;
}

.orange
{
    color: #ffdb31;
    padding-bottom: 1px;
    border-bottom: 1px solid rgba(255,219,49,0.3);
    text-decoration: none;
}

.orange:hover
{
    color: #ffdb31;
    text-decoration: none;
    border: 0px;
}

.partners
{
    background: #ebf2f6;
    padding-bottom: 40px;
}

.partners img
{
    width: 100%;
    max-width: 305px;
}

.partners .b1
{
    margin-bottom: 30px;
}

.pre_footer
{
    height: 950px;
    padding-top: 80px;
    background: url('/img/pre_footer_fon.png') bottom center no-repeat;
}
.footer
{
    height: 130px;
    background: #ebf2f6;
    padding-top: 50px;
}

.copyright 
{
    font-size: 14px;
    color: #2a2a2a;
    text-align: left;
}

.copyright a
{
    color: #50a4c8;
    padding-bottom: 1px;
    border-bottom: 1px solid rgba(80,164,200,0.3);
    text-decoration: none;
}

.copyright a:hover
{
    border-bottom: 0px solid #50a4c8;
}

.copyright span 
{
    display: block;
    padding-left: 20px;
    margin-left: -35px;
}

.adress
{
    background: url('/img/map.png') left top no-repeat;
    padding-left: 50px;
    text-align: left;
    height: 50px;
    padding-top: 5px;
}

.online_chat
{
    width: 150px;
    background: #0cb9c8;
    box-shadow: 0px 4px 0px 0px #01888f;
    float: right;
    text-decoration: none;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03c3ca', endColorstr='#0db7c8'); /* для IE6-9 */
    background: -webkit-linear-gradient(top, #03c3ca, #0db7c8); /* для webkit-браузеров */
    background: -moz-linear-gradient(top,  #03c3ca,  #0db7c8); /* для firefox 3.6+ */ 
    background: -o-linear-gradient(top,  #03c3ca,  #0db7c8); /* для Opera 11.10+ */
    background: -ms-linear-gradient(top,  #03c3ca,  #0db7c8); /* для IE10+ */
}

.online_chat:hover
{
    color: #fff;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08ced5', endColorstr='#12c1d2'); /* для IE6-9 */
    background: -webkit-linear-gradient(top, #08ced5, #12c1d2); /* для webkit-браузеров */
    background: -moz-linear-gradient(top,  #08ced5,  #12c1d2); /* для firefox 3.6+ */ 
    background: -o-linear-gradient(top,  #08ced5,  #12c1d2); /* для Opera 11.10+ */
    background: -ms-linear-gradient(top,  #08ced5,  #12c1d2); /* для IE10+ */
}


.pre_footer_img
{
    width: 150px;

    float: left;
}

.pre_footer_text
{
    width: 330px;
    float: left;
}

.pre_footer_text2
{
    width: 400px;
    float: left;
}
.wrap_block
{
    width: 600px;
    text-align: left;
    margin: 0px auto;
}

.title_24b
{
    /*font-family: Roboto-Bold;*/
    font-weight: bold;
    font-size: 24px;
}

.title_18b
{
    /*font-family: Roboto-Light;*/
    font-size: 18px;
    color: #484848;
    margin-top: 20px;
}

.pre_footer_top
{
    height: 420px;
}

.super_cat
{
    width: 936px;
    height: 519px;
    background: url('/img/super_cat.png') bottom left no-repeat;
    margin: 0px auto;
    position: relative;
}

.cat_block
{
    position: absolute;
    left: 0px;
    top: 0px;
}

.c1
{
    left: 130px;
    top: 80px;    
}

.c2
{
    left: 155px;
    top: 315px;    
}

.c3
{
    left: 760px;
    top: 115px;    
}

.c4
{
    left: 750px;
    top: 340px;    
}


.cat_block_title
{
    /*font-family: Roboto-Bold;*/
    font-size: 35px;
    color: #ffffff;
    line-height: 29px;
    text-align: left;
}

.cat_block_title img
{
    vertical-align: top;
}

.cat_block_text
{
    width: 120px;
    /* font-family: Roboto-Light; */
    font-size: 18px;
    color: #fff;
    text-align: left;
    line-height: 18px;
    margin-top: 12px;
}

.money
{
    background:url('/img/super_cat_fon.jpg') top center no-repeat;
    margin-top: -7px;
}

.block_demo
{
    text-align: center;
}

.errore_name
{
    display: none;
    color:red;
}

.btn_submit
{
    width:290px;
    height: 35px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin: 0px auto;
}

.form_demo table
{
    width: 100%;
    text-align: center;
}

.form_demo input
{
    width:290px;
    height: 35px;
    padding: 0px 0px 0px 0px;
    font-size: 20px;
    text-align: left;
    color: #fff;
    margin: 0px auto;
    display: block;
    border: 1px solid #000000;
    color: black;
}

.block_demo .b1
{
    margin-bottom: 20px;
    padding-top: 15px;
}

.title_14
{
    width:380px;
    color:#808080;
    padding: 20px 0px 20px 0px;
    margin: 0px auto;
    font-size: 14px;
    font-family: Roboto-Light;
}

.block_demo lable
{
    display: block;
    font-family: Roboto-Light;

    font-size: 24px;
    padding-bottom: 20px;
    margin: 0px auto;
}

.box-modal_close 
{
    right: -30px;
    top: -25px;
}
.box-modal 
{
    width: 425px;
    box-shadow: none; 
}

.timeTo ul li 
{
    /*font-family: Roboto-Bold;*/
}

@media (max-width: 990px)
{
    .title_24
    {
        font-size: 23px;
    }

}