*{
    outline: none;
}

input::-ms-clear {
    display: none;
}


body{
    background-color: #fff;
    font-size: 100%;
    color: #000;
    margin: 0;
    outline: none;

    position: relative;
}

body, p,td,input, div, textarea{
    font-family: 'Roboto', 'Open Sans', sans-serif;

}

.system-pagebreak{
    display: none;
}



img{
    border: none;
}

a{color: #DF0000;}


.clr{
    clear: both;
}

.clr2{
    clear: both;
    border-bottom: 2px solid #a7924d;
    padding-bottom: 10px;
}




.clearfix::after {
  content: "";
  display: table;
  clear: both;
}





.__loading{
    background-image:url("../images/loading.svg")!important;
    background-position: right!important;
    background-repeat: no-repeat!important;
}


.__loading_16_white{
    background-image: url(../images/loading-16-white.gif)!important;
    background-position: right!important;
    background-repeat: no-repeat!important;
}

._error_filed_field{
	border-color: red!important;
    background-color: rgba(255, 33, 7, 0.31)!important;
}













.wraper{
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 1160px;
    box-sizing: border-box;


}

.debug{
    background-color: rgba(151, 13, 255, 0.14);
    min-height: 100px;
    min-width: 100px;
}

.header{
    height: 130px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#logo{
    display: block;
    background-image: url("../images/logo.png");
    width: 255px;
    height: 90px;
    background-position: center;
    background-repeat: no-repeat;
    /*margin-left: 50px;*/
    background-size: contain;


}

#logo:hover{
    transform:  scale(1.01);
    transition: all 0.2s ease-in-out;
}







.languages{
    display: flex;
    align-items: end;
    align-self: start;
}

div.mod-languages{
    align-self: start;
    display: flex;
}

div.mod-languages ul{
    margin: 0;
    padding: 0;
    display: flex;
}

div.mod-languages ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-right: 20px;
    padding: 0;
}

div.mod-languages ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;

    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    width: 66px;
    height: 66px;
}

div.mod-languages ul li.lang-active a,
div.mod-languages ul li a:hover{
    background-color: rgba(59, 59, 57, 0.7);

}

div.mod-languages ul li a:hover{
    transform: translateY(5px);
    transition: all 0.5s ease-in-out;
}


.header ul.nav{
    margin: 0;
    padding: 0;
    display: flex;
    align-self: start;
}

.header ul.nav li{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.header ul.nav li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
}



.flying_telefons{
    padding: 40px;
    background-color: #fff;

    position: absolute;
    top: 0;
    right: 40px;
    z-index: 50;
    width: 200px;
    display: none;
    filter: drop-shadow(4px 4px 48px rgba(0, 0, 0, 0.25));
}

.flying_telefons a{
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    text-decoration: none;


    display: inherit!important;
    align-items: inherit!important;
    justify-content: inherit!important;
    width: auto!important;
    height: auto!important;

}

.flying_telefons br{
    display: none;
}

.flying_telefons p{
    padding: 0;
    margin: 0;
}

.flying_telefons_parent{
    position: relative;
}







/* главное меню справа  */

.main_menu_r_out{
    position: absolute;
    top: 1px;
    right: calc( ((100% - 1160px) / 2) - 100px);
    background-color: #000;
}

.main_menu_r{
    display: flex;
    position: absolute;
    top: 66px;
    background-color: #000;
    color: #fff;
    transform: rotate(90deg);
    transform-origin:right top;
    right: calc( ((100% - 1160px) / 2) - 100px);
    padding-left: 40px;
    padding-right: 30px;
    z-index: 50;
}

.main_menu_r ul.nav{
    padding: 0;
    margin: 0;
    align-items: center;
    height: 66px;
    display: flex;
}

.main_menu_r ul.nav li{
    padding: 0;
    margin: 0;
    display: flex;
}

.main_menu_r ul.nav li a{
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    margin-right: 25px;
    text-decoration: none;
}

.burger{
    display: block;
    background-image: url("../images/burger.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 66px;
    height: 66px;
}

.main_menu_r_in{
    display: flex;
}

.arrow_down{
    background-image: url("../images/arrow11.png");
    background-position: center;
    background-repeat: no-repeat;
    width:151px;
    height: 66px;
    display: block;
}

/* ****** главное меню справа */





/* главное меню слева */
.main_menu_l_out{
    position: absolute;
    bottom: 0;
    left: 0;
    left: calc( ((100% - 1160px) / 2) - 260px);
    background-color: rgba(223, 0, 0, 0.73);
}

.main_menu_l{
    display: flex;
    position: absolute;
    bottom: 0px;
    background-color: rgba(223, 0, 0, 0.73);
    color: #fff;
    transform: rotate(-90deg);
    transform-origin:left top;
    /*left: -700px;*/
    left: calc( ((100% - 1160px) / 2) - 260px);
    padding-left: 40px;
    padding-right: 30px;
    z-index: 20;
}

.main_menu_l ul.nav{
    padding: 0;
    margin: 0;
    align-items: center;
    height: 66px;
    display: flex;
}

.main_menu_l ul.nav li{
    padding: 0;
    margin: 0;
    display: flex;
}

.main_menu_l ul.nav li a{
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    margin-right: 25px;
    text-decoration: none;
}


.main_menu_l_in{
    display: flex;
}

.main_menu_l .arrow_down{
    background-image: url("../images/arrow11.png");
    background-position: center;
    background-repeat: no-repeat;
    width:151px;
    height: 66px;
    display: block;
}


/* **** главное меню слева */






.flying_slogan_arrow{
    background-color: #000;
    color: #fff;
    height: 66px;
    position: absolute;
    top: 450px;
    left: 5%;
    left: calc( ((100% - 1160px) / 2) - 200px);
    padding-left: 20px;
    padding-right: 20px;
    z-index: 10;
    transform: rotate(-90deg);
    transform-origin:left top;
}

.flying_slogan{
    top: 450px;
    left: 5%;
    left: calc( ((100% - 1160px) / 2) - 200px);
    background-color: #000;
    color: #fff;
    height: 66px;
    position: absolute;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 10;
    transform: rotate(-90deg);
    transform-origin:left top;
    display: flex;
    align-items: center;
}

.flying_slogan .custom{
    display: flex;
    align-items: center;
}

.flying_slogan .custom p{
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    word-spacing: 30px;
}










.slogan{
    height: 240px;
    background: linear-gradient(180deg, #DF0000 0%, #AD0000 100%, rgba(223, 0, 0, 0) 100%, #DF0000 100%);
}

.slogan .wraper{
    height: 100%;
}

.slogan_in{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    position: relative;
}


.slogan_in .custom{
    width: 65%;
    margin-right: 2%;
}

.slogan_in .custom h2{
    font-style: normal;
    font-weight: 900;
    font-size: 48px;
    line-height: 159.19%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    position: relative;
    z-index: 2;
}

.slogan_in .custom a{
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    background-image: url("../images/arrow5.png");
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 90px;
}


.slogan_in ul.nav{
    padding: 0;
    margin: 0;
    display: block;
    width: 225px;
    height: 100%;
    position: relative;
}

.slogan_in ul.nav li{
    display: block;
}

.slogan_in ul.nav li a{
    position: absolute;
    width: 66px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;

    background-position: center;
    background-repeat: no-repeat;
}

.slogan_in ul.nav li a:hover,
.footer_right ul.menu li a:hover
{
    transform:  scale(1.01);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    transition: all 0.2s ease-in-out;
}

.slogan_in ul.nav li a img,
.footer_right ul.nav li a img
{
    display: none;
}

.footer_right ul.menu li a{
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}


.slogan_in ul.nav li a._soc1{
    left: 0;
    top: 0;
}

.slogan_in ul.nav li a._soc2{
    top: 0;
    right: 0;
}

.slogan_in ul.nav li a._soc3{
    right: 66px;
    bottom: 66px;
}

.slogan_in ul.nav li a._soc4{
    bottom: 0;
    right: 0;
}

.slogan_in ul.nav li a._soc5{
    bottom: 0;
    left: 0;
	
}

/*.slogan_in ul.nav li a.xing{background-image: url("../images/icon-xi2.png");}*/

a.instagram{background-image: url("../images/icon-in.png");}
a.instagram:hover{background-image: url("../images/icon-in1.png");}

a.facebook{background-image: url("../images/icon-fb.png");}
a.facebook:hover{background-image: url("../images/icon-fb1.png");}

a.twitter{background-image: url("../images/icon-tw.png");}
a.twitter:hover{background-image: url("../images/icon-tw1.png");}

a.linkedin{background-image: url("../images/icon-lk.png");}
a.linkedin:hover{background-image: url("../images/icon-lk1.png");}

a.xing{background-image: url("../images/icon-xi2.png");}
a.xing:hover{background-image: url("../images/icon-xi1.png");}



.footer_right ul.menu li a.instagram{background-image: url("../images/icon-in2.png");}
.footer_right ul.menu li a.instagram:hover{background-image: url("../images/icon-in.png");}

.footer_right ul.menu li a.facebook{background-image: url("../images/icon-fb2.png");}
.footer_right ul.menu li a.facebook:hover{background-image: url("../images/icon-fb.png");}

.footer_right ul.menu li a.twitter{background-image: url("../images/icon-tw2.png");}
.footer_right ul.menu li a.twitter:hover{background-image: url("../images/icon-tw.png");}

.footer_right ul.menu li a.linkedin{background-image: url("../images/icon-lk2.png");}
.footer_right ul.menu li a.linkedin:hover{background-image: url("../images/icon-lk.png");}

.footer_right ul.menu li a.xing{background-image: url("../images/icon-xi2.png");}
.footer_right ul.menu li a.xing:hover{background-image: url("../images/icon-xi.png");}

.footer_right ul.menu li a.youtube{background-image: url("../images/icon-you2.png");}
.footer_right ul.menu li a.youtube:hover{background-image: url("../images/icon-you.png");}

.blanks{
    position: absolute;
    width: 66px;
    height: 66px;
    background-color: #fff;
    animation: pulse 3s ease infinite alternate, nudge 9s linear infinite alternate;
    animation-delay: 5s;
    z-index: 0;
}

.blanks_n_0{animation: pulse 3s ease infinite alternate, nudge00 9s linear infinite alternate;animation-delay: 3s;}
.blanks_n_1{animation: pulse 3s ease infinite alternate, nudge01 9s linear infinite alternate;animation-delay: 4s;}
.blanks_n_2{animation: pulse 3s ease infinite alternate, nudge02 9s linear infinite alternate;animation-delay: 5s;}
.blanks_n_3{animation: pulse 3s ease infinite alternate, nudge03 9s linear infinite alternate;animation-delay: 6s;}
.blanks_n_4{animation: pulse 3s ease infinite alternate, nudge04 9s linear infinite alternate;animation-delay: 7s;}
.blanks_n_5{animation: pulse 3s ease infinite alternate, nudge05 9s linear infinite alternate;animation-delay: 8s;}
.blanks_n_6{animation: pulse 3s ease infinite alternate, nudge06 9s linear infinite alternate;animation-delay: 9s;}
.blanks_n_7{animation: pulse 3s ease infinite alternate, nudge07 9s linear infinite alternate;animation-delay: 10s;}
.blanks_n_8{animation: pulse 3s ease infinite alternate, nudge08 9s linear infinite alternate;animation-delay: 11s;}
.blanks_n_9{animation: pulse 3s ease infinite alternate, nudge09 9s linear infinite alternate;animation-delay: 12s;}
.blanks_n_10{animation: pulse 3s ease infinite alternate, nudge10 9s linear infinite alternate;animation-delay: 13s;}
.blanks_n_11{animation: pulse 3s ease infinite alternate, nudge11 9s linear infinite alternate;animation-delay: 14s;}
.blanks_n_12{animation: pulse 3s ease infinite alternate, nudge12 9s linear infinite alternate;animation-delay: 15s;}
.blanks_n_13{animation: pulse 3s ease infinite alternate, nudge13 9s linear infinite alternate;animation-delay: 16s;}


@keyframes nudge00 {0%{transform:translate(0,0);}50%{transform:translate(60px,0)    ;}80%{transform:translate(-90px, 0)     ;}100%{transform:translate(0, 0);}}
@keyframes nudge01 {0%{transform:translate(0,0);}50%{transform:translate(-50px,20px) ;}80%{transform:translate(-30px, 20px)  ;}100%{transform:translate(0, -20px);}}
@keyframes nudge02 {0%{transform:translate(0,0);}50%{transform:translate(50px,10px) ;}80%{transform:translate(-50px, 70px)  ;}100%{transform:translate(0, 30px);}}
@keyframes nudge03 {0%{transform:translate(0,0);}50%{transform:translate(45px,20px) ;}80%{transform:translate(-25px, -80px)  ;}100%{transform:translate(0, -40px);}}
@keyframes nudge04 {0%{transform:translate(0,0);}50%{transform:translate(85px,30px);}80%{transform:translate(-25px, 70px) ;}100%{transform:translate(0, -50px);}}
@keyframes nudge05 {0%{transform:translate(0,0);}50%{transform:translate(90px,35px);}80%{transform:translate(-50px, 60px)  ;}100%{transform:translate(0, 60px);}}
@keyframes nudge06 {0%{transform:translate(0,0);}50%{transform:translate(75px,40px);}80%{transform:translate(-65px, -50px)  ;}100%{transform:translate(0, -70px);}}
@keyframes nudge07 {0%{transform:translate(0,0);}50%{transform:translate(-80px,45px) ;}80%{transform:translate(-30px, 40px)  ;}100%{transform:translate(0, -80px);}}
@keyframes nudge08 {0%{transform:translate(0,0);}50%{transform:translate(60px,50px) ;}80%{transform:translate(-30px, 30px)  ;}100%{transform:translate(0, -90px);}}
@keyframes nudge09 {0%{transform:translate(0,0);}50%{transform:translate(20px,60px) ;}80%{transform:translate(-60px, -20px)  ;}100%{transform:translate(0, -40px);}}
@keyframes nudge10 {0%{transform:translate(0,0);}50%{transform:translate(-75px,70px) ;}80%{transform:translate(-50px, 10px)  ;}100%{transform:translate(0, 50px);}}
@keyframes nudge11 {0%{transform:translate(0,0);}50%{transform:translate(58px,75px) ;}80%{transform:translate(-12px, 40px)  ;}100%{transform:translate(0, -60px);}}
@keyframes nudge12 {0%{transform:translate(0,0);}50%{transform:translate(-60px,80px) ;}80%{transform:translate(-78px, -50px) ;}100%{transform:translate(0, -70px);}}
@keyframes nudge13 {0%{transform:translate(0,0);}50%{transform:translate(66px,50px);}80%{transform:translate(-70px, 60px)  ;}100%{transform:translate(0, -80px);}}




@keyframes pulse {
    25%{
        background-color: #fff;
    }
    50% {
        background-color: #DF0000;
    }
    75% {
        background-color: #C4C4C4;
    }
    100% {
        background-color: #000;
    }
}


.blanks__red{
    background-color: #DF0000;
}

.blanks__grey{
    background-color: #C4C4C4;
}

.blanks__rred{
    background-color: #fbfafa;
}

.blanks_01{
    right: 292px;
    top: 0;
}


.slogan_in div.blanks_02{
    right: 226px;
    top: 66px;
}


.slogan_in div.blanks_03{
    right: 400px;
    bottom: 0;
}

.slogan_in div.blanks_04{
    right: 650px;
    bottom: 0;
}

.slogan_in div.blanks_05{
    left: -100px;
    top: 0;
}


.blanks_11{right: 484px;top: 50px;}
.blanks_12{right: 0px;top: 50px;}
.blanks_13{left: 230px;top: 200px;}
.blanks_14{right: 100px;top: 170px;}
.blanks_15{left: 50px;top: 250px;}
.blanks_16{right: 484px;top: 380px;}
.blanks_17{right: 0px;top: 360px;}

.blanks_20{right: -70px;top: -36px;}
.blanks_21{right: -70px;top: -101px;background-image: url("../images/arrow141.png"); background-position: center; background-repeat: no-repeat; background-color: #000; display: block;}
.blanks_22{right: -4px;top: -166px; z-index: 15;}

.blanks_30{right: 25%;top: -20px; z-index: 3}
.blanks_31{right: -66px;top: -66px; z-index: 3}
.blanks_32{left: -66px;top: -66px; z-index: 3}
.blanks_33{right: -132px;top: -132px; z-index: 3}

.blanks_41{left: -15%; top: 20%;}
.blanks_42{left: 15%; top: -11%; z-index: 2; width: 126px; height: 126px;}
.blanks_43{right: 15%; top: -8%; }
.blanks_44{left: -5%; bottom: 15%; z-index: 2; width: 85px; height: 85px;}
.blanks_45{left: 35%; bottom: -15%; z-index: 2; width: 102px; height: 102px;}
.blanks_46{right: -5%; bottom: 15%; z-index: 2; width: 126px; height: 126px;}
.blanks_47{left: 10%; bottom: -25%; z-index: 2; }










.main h1{
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.main h1 span{
    width: 66px;
    height: 66px;
    min-width: 66px;
    background-color: #E5E5E5;
    background-image: url("../images/arrow1.svg");
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 30px;
    display: block;
}

.main .cat_content h1 a{
    width: 66px;
    height: 66px;
    min-width: 66px;
    background-color: #E5E5E5;
    background-image: url("../images/arrow1.svg");
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 30px;
    display: block;

    animation: radial-pulse 1s infinite;
}

@keyframes radial-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(223, 0, 0, 0.5);
        /*width: 66px;
        margin-right: 30px;*/
        background-size: 70%;
    }

    100% {
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
        /*width: 76px;
        margin-right: 20px;*/
        background-size: 80%;
    }
}



.portfolio_tabs ul.tabs_capts{
    display: flex;
    margin: 0;
    padding: 0;
    margin-bottom: 55px;
    justify-content: space-between;
}

.portfolio_tabs ul.tabs_capts li{
    display: block;
    width: 48%;
    margin-right: 2%;

}

.portfolio_tabs ul.tabs_capts li:last-child{
    margin: 0;
}

.portfolio_tabs ul.tabs_capts li:last-child a{
    background-position: right 10px center;
    justify-content: start;
}

.portfolio_tabs ul.tabs_capts li a{
    background-color: #C4C4C4;
    background-position: 10px;
    background-repeat: no-repeat;
    height: 66px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    box-sizing: border-box;
    padding-right: 25px;
    padding-left: 25px;
}

.portfolio_tabs ul.tabs_capts li.ui-state-hover a,
.portfolio_tabs ul.tabs_capts li.ui-state-active a
{
    background-color: #DF0000;
}

.portfolio_tabs ul.tabs_capts li.ui-state-hover a{
    transform:  scale(1.03);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    transition: all 0.2s ease-in-out;
}


.portfolio_tabs .portfolio_tab_c_cats{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}

.portfolio_tabs .portfolio_tab_c_cats .item{
    width: 160px;
    height: 160px;
    background-color: #C4C4C4;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    /*position: absolute;*/
    position: relative;
    margin: 15px;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
}

.portfolio_tabs .portfolio_tab_c_cats .item span{

}

.portfolio_tabs .portfolio_tab_c_cats .active,
.portfolio_tabs .portfolio_tab_c_cats a:hover{
    background-color: #DF0000;
}

.portfolio_tabs .portfolio_tab_c_cats a:hover{
    transform:  scale(1.05);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    transition: all 0.2s ease-in-out;
}


.portfolio_tabs .portfolio_tab_c_cats .item_666{
    /*margin-top: 30px;*/
    top: 30px;
}

/*
.portfolio_tabs .portfolio_tab_c_cats .item_01{margin-top: -20px;}
.portfolio_tabs .portfolio_tab_c_cats .item_02{margin-top: 40px;}
.portfolio_tabs .portfolio_tab_c_cats .item_03{margin-top: 160px;}
.portfolio_tabs .portfolio_tab_c_cats .item_04{margin-top: 30px;}
.portfolio_tabs .portfolio_tab_c_cats .item_11{margin-left: 150px;}
.portfolio_tabs .portfolio_tab_c_cats .item_12{margin-top: -50px;}
.portfolio_tabs .portfolio_tab_c_cats .item_13{margin-left: 290px;}
*/

.portfolio_tabs .portfolio_tab_c_cats .item__1{margin-top: -20px;}
.portfolio_tabs .portfolio_tab_c_cats .item__2{margin-top: 40px;}
.portfolio_tabs .portfolio_tab_c_cats .item__3{margin-top: 160px;}
.portfolio_tabs .portfolio_tab_c_cats .item__4{margin-top: 30px;}
.portfolio_tabs .portfolio_tab_c_cats .item__5{margin-left: 150px;}
.portfolio_tabs .portfolio_tab_c_cats .item__6{margin-top: -50px;}
.portfolio_tabs .portfolio_tab_c_cats .item__7{margin-left: 290px;}

.portfolio_tabs .portfolio_tab_c_cats .item__8{margin-left: 100px;margin-top: 50px;}
.portfolio_tabs .portfolio_tab_c_cats .item__9{margin-left: 50px;margin-top: -50px;}
.portfolio_tabs .portfolio_tab_c_cats .item__10{margin-left: 100px;margin-top: 50px;}
.portfolio_tabs .portfolio_tab_c_cats .item__11{margin-left: 60px;margin-top: 60px;}
.portfolio_tabs .portfolio_tab_c_cats .item__12{margin-top: 80px;}
.portfolio_tabs .portfolio_tab_c_cats .item__13{margin-top: -20px;}
.portfolio_tabs .portfolio_tab_c_cats .item__14{}
.portfolio_tabs .portfolio_tab_c_cats .item__15{}
.portfolio_tabs .portfolio_tab_c_cats .item__16{}
.portfolio_tabs .portfolio_tab_c_cats .item__17{}
.portfolio_tabs .portfolio_tab_c_cats .item__18{}
.portfolio_tabs .portfolio_tab_c_cats .item__19{}
.portfolio_tabs .portfolio_tab_c_cats .item__20{}
.portfolio_tabs .portfolio_tab_c_cats .item__21{}
.portfolio_tabs .portfolio_tab_c_cats .item__22{}
.portfolio_tabs .portfolio_tab_c_cats .item__23{}
.portfolio_tabs .portfolio_tab_c_cats .item__24{}
.portfolio_tabs .portfolio_tab_c_cats .item__25{}
.portfolio_tabs .portfolio_tab_c_cats .item__26{}
.portfolio_tabs .portfolio_tab_c_cats .item__27{}
.portfolio_tabs .portfolio_tab_c_cats .item__28{}
.portfolio_tabs .portfolio_tab_c_cats .item__29{}
.portfolio_tabs .portfolio_tab_c_cats .item__30{}







.slick-prev, .slick-next {
    width: 66px;
    height: 66px;
    background-color: #DF0000;
    background-repeat: no-repeat;
    z-index: 100;
}

.slick-next{
    background-image: url("../images/arrow14.png");
    background-position: right top;
}

.slick-next:hover{
    background-position: right bottom!important;
    background-color: #DF0000;
}

.slick-prev{
    background-image: url("../images/arrow14.png");
    background-position: left top!important;
}

.slick-prev:hover{
    background-position: left bottom!important;
    background-color: #DF0000;
}

.slick-prev::before, .slick-next::before {
    display: none;
}

.slick_slider2{
    margin-bottom: 20px;
}

.slick_slider2 div{
    padding-left: 5px;
    padding-right: 5px;
}

.slick_slider2 .itemdiv{
    width: 250px;
    height: 360px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding: 0;
    position: relative;

    filter: grayscale(99%);
    opacity: 0.85;
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.85);
}

.slick_slider2 .itemdiv_cat2{
    background-size: 85%;
    background-position: center;
}

.slick_slider2 .itemdiv:hover{
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.85);

    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    filter: grayscale(0);
    opacity: 1;
    transform: translateY(-5px);
    transition: all 0.5s ease-in-out;
}

.slick-list {
    padding-top: 15px;
    padding-bottom: 15px;
}


.slick_slider2 .itemdiv a.itemlink2{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    border: 10px solid transparent;
    box-sizing: border-box;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.slick_slider2 .itemdiv{
    position: relative;
}

.slick_slider2 .itemdiv_cat2 a.itemlink2{
    display: flex;
    align-items: flex-end;
    text-decoration: none;
    position: relative;
    z-index: 5;
}

.slick_slider2 .itemdiv_cat2 span{
    text-align: center;
    display: block;
    width: 100%;

    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    height: 100px;
    position: absolute;
    z-index: 0;
    bottom: 0px;



}



.slick_slider2 .itemdiv a.itemlink2:hover{
    border: 10px solid rgba(223, 0, 0, 0.52);
    background-image: url("../images/readmore-bg2.png");

}

.slick-dots li.slick-active button::before {

    color: #DF0000;
}

.slick-dots li button::before {

    font-size: 12px;

}

.slick-dots {

    text-align: right;
}





.mp_about{
    background-color: #fff;
    position: relative;
    z-index: 10;
    margin-bottom: 80px;
}

.mp_about .line{
    height: 1px;
    padding-top: 55px;
    background-color: #fff;
    position: relative;
    z-index: 10;
    margin-bottom: 55px;
    border-bottom: 1px dashed #000;
}

.mp_about .items{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.mp_about .items .item{
    width: 30%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    display: flex;
    flex-direction: column;
    min-width: 300px;
}

.mp_about .items .item .readmore{
    margin-top: auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #fff;
    text-decoration: none;
    height: 60px;
    max-width: 250px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a50000+0,df0000+100 */
    background: rgb(165,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(165,0,0,1) 0%, rgba(223,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(165,0,0,1) 0%,rgba(223,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(165,0,0,1) 0%,rgba(223,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50000', endColorstr='#df0000',GradientType=0 ); /* IE6-9 */
    border-radius: 4px;
}

.mp_about .items .item .readmore:hover{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#df0000+0,a50000+100 */
    background: rgb(223,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(223,0,0,1) 0%, rgba(165,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(223,0,0,1) 0%,rgba(165,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(223,0,0,1) 0%,rgba(165,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df0000', endColorstr='#a50000',GradientType=0 ); /* IE6-9 */
}

.mp_about .items .item .readmore:hover{
    transform:  scale(1.03);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    transition: all 0.2s ease-in-out;
}


.mp_about .items .item .readmore span{
    background-image: url("../images/arrow16.svg");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 70px;
    height: 8px;
}

.mp_about .items .item .intro h3{
    margin-bottom: auto;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
    color: #DF0000;
    display: flex;
    align-items: center;
    justify-content:start;
    margin-bottom: 20px;
}

.mp_about .items .item .intro h3 a{
    text-decoration: none;
}

.mp_about .items .item .intro h3 a:hover{
    text-decoration: underline;
}

.mp_about .items .item .intro h3 img{
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

.mp_about .items .item .intro p{
    font-size: 20px;
    line-height: 150%;
}



footer{
    background-color: #000;
    color: #fff;
    padding-top: 35px;
    padding-bottom: 35px;
}

footer .wraper{
    position: relative;
}

.footer_out{
    display: flex;
    justify-content: space-between;
    align-content: stretch;
    min-height: 200px;
}

#footer_logo{
    display: block;
    background-image: url("../images/logo-footer.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 256px;
    width: 256px;
    height: 76px;
}

#footer_logo:hover{
    transform:  scale(1.03);
    transition: all 0.2s ease-in-out;
}

.footer_left{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    width: 360px;
}

.footer_left .custom{
    width: 100%;
}

.footer_left p{
    font-size: 13px;
    line-height: 194.69%;
    color: #C4C4C4;
}

.footer_menus{
    display: flex;
    justify-content: space-between;
    width: 70%;
}

.footer_center{
    width: 70%;
}

.footer_center ul.menu{
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.footer_center ul.menu > li{
    display: block;
    width: 30%;
    margin-left: 1.5%;
    margin-right: 1.5%;
}

.footer_center ul.menu li a{
    font-weight: bold;
    font-size: 16px;
    line-height: 194.69%;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
}

.footer_center ul.menu li a:hover{
    text-decoration: underline;
}

.footer_center ul.menu li a:hover{
    transform:  scale(1.19);
    transition: all 0.2s ease-in-out;
}

footer ul.menu li a:hover img{
    transform:  scale(1.19);
    transition: all 0.2s ease-in-out;
}

.footer_center ul.menu li ul{
    padding: 0;
    margin: 0;
    display: block;
}

.footer_center ul.menu li ul li{
    padding: 0;
    margin: 0;
    display: block;
}

.footer_center ul.menu li ul li a{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 27px;
    text-transform: uppercase;
    color: #DADADA;
    display: block;
}

.footer_right .custom p{
    font-size: 14px;
    line-height: 27px;
    text-align: right;
    color: #DADADA;
    margin-top: 0;
    margin-bottom: 0;

}

.footer_right .custom p a{
    text-decoration: none;

}

.footer_right .custom p a:hover{
    text-decoration: underline;
}

.footer_right ul.menu{
    display: flex;
    padding: 0;
    margin: 0;
    margin-top: 30px;
}

.footer_right ul.menu li{
    display: block;
    margin: 0;
    padding: 0;
    margin-left: 20px;
}









.order_project{
    display: flex;
    height: 66px;
    background-color: #DF0000;
    padding-left: 30px;
    padding-right: 100px;
    align-items: stretch;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    /*width: 450px;*/
    box-sizing: border-box;
    background-image: url("../images/arrow17.png");
    background-position: bottom right 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: 1000px;
    right: 0;
    right: calc( ((100% - 1160px) / 2) - 100px);
    transform: rotate(90deg);
    transform-origin:right top;
    z-index: 11;
}

.order_project:hover{
    background-position: top right 20px;
}

.order_project span{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
    border-left: 2px dashed #fff;
}







.form_out{
    width: 600px;
    box-sizing: border-box;
    padding: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    display: none;
}

.form_out .title{
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.form_out .text{
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.4px;
    margin-bottom: 30px;
}

.form_out .form_fields{
    width: 90%;
    margin: 0 auto;
}

.form_out .form_fields .capt{
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.4px;
    margin-bottom: 10px;
}

.form_out .form_fields .capt span{
    position: relative;
}

.form_out .form_fields .capt span:after{
    content: "*";
    color: #DF0000;
    position: absolute;
    right: -9px;
    top: -1px;
}

.form_out .form_fields input[type="text"],
.form_out .form_fields input[type="file"]
{
    width: 100%;
    display: block;
    border: none;
    background-color: #C4C4C4;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    padding-right: 15px;

    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.4px;
    color: #000000;
    margin-bottom: 10px;
}

.form_out .form_fields select{
    width: 100%;
    display: block;
    border: none;
    background-color: #C4C4C4;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    padding-right: 15px;

    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.4px;
    color: #000000;
    margin-bottom: 10px;

    background-image: url("../images/select.png");
    background-position: right;
    background-repeat: no-repeat;
    background-size: 55px;

    -webkit-appearance: none;
    -moz-appearance: none;

}


.form_out .form_fields input[type="file"]{
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("../images/upload.svg");
    background-position: right;
    background-repeat: no-repeat;
}


.form_out .form_fields textarea{
    width: 100%;
    display: block;
    border: none;
    background-color: #C4C4C4;
    box-sizing: border-box;
    height: 140px;
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;

    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.4px;
    color: #000000;
    margin-bottom: 10px;
}


#rulez{
    max-width: 50%;
    display: none;
}


#rulez h4{
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.form_out .form_send{
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #FFFFFF;
    text-decoration: none;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a50000+0,df0000+100 */
    background: rgb(165,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(165,0,0,1) 0%, rgba(223,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(165,0,0,1) 0%,rgba(223,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(165,0,0,1) 0%,rgba(223,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50000', endColorstr='#df0000',GradientType=0 ); /* IE6-9 */
    border-radius: 4px;
    margin-top: 20px;
}

.form_out .form_send:hover{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#df0000+0,a50000+100 */
    background: rgb(223,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(223,0,0,1) 0%, rgba(165,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(223,0,0,1) 0%,rgba(165,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(223,0,0,1) 0%,rgba(165,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df0000', endColorstr='#a50000',GradientType=0 ); /* IE6-9 */
}


.form_out .form_fields label{
    display: flex;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.4px;
    width: 90%;
}
.form_out .form_fields input[type="checkbox"]{
    appearance: none;
    display: inline-block;
    width: 40px;
    height: 35px;
    margin-right: 10px;
    background-image: url("../images/uncheck.svg");
    background-position: center left 8px;
    background-repeat: no-repeat;
}

.form_out .form_fields input[type="checkbox"]:checked{
    background-image: url("../images/check.svg");
}











.def_content{
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px dashed #000;
}

.def_content .item_im{
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}

.def_content .def_content_text{
    width: 80%;
    box-sizing: border-box;
    margin: 0 auto;
    background-color: #fff;
    padding: 60px;
    padding-top: 20px;

    position: relative;
    z-index: 2;


}

.def_content .def_content_text_im{
    margin-top: -50px;
}


.def_content .def_content_text h4, .def_content .def_content_text h3{
    font-weight: 300;
    font-size: 36px;
    line-height: 159.19%;
    margin-top: 10px;
}

.def_content .def_content_text{
    font-weight: normal;
    font-size: 20px;
    line-height: 159.19%;
    position: relative;
}

.def_content .item_im_out{
    position: relative;
}


.after_content{
    padding-bottom: 200px;
}

.after_content ._table3links{
     display: block;
 }

.after_content ._table3links tbody{
    display: block;
}

.after_content ._table3links tbody tr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.after_content ._table3links tbody tr td{
    width: 30%;
    display: flex;
    flex-direction: column;
    min-width: 330px;
}



.after_content ._table2links{
    display: block;
}

.after_content ._table2links tbody{
    display: block;
}

.after_content ._table2links tbody tr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.after_content ._table2links tbody tr td{
    width: 49%;
    display: flex;
    flex-direction: column;
}

.after_content ._table2links tbody tr td h3{
    text-align: left;
    color: #000;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
}



.after_content h3{
    margin-bottom: auto;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
    color: #DF0000;
    display: flex;
    align-items: center;
    justify-content:start;
    margin-bottom: 20px;
    margin-top: 10px;
}

.after_content h3 a{
    text-decoration: none;
}

.after_content h3 a:hover{
    text-decoration: underline;
}

.after_content h3 img{
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

.after_content p{
    font-size: 20px;
    line-height: 150%;
}

.swiss_made_software{
    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 900;
    font-size: 28px;
    line-height: 35px;
    letter-spacing: -0.4px;
    text-decoration: none;
}

.swiss_made_software img{
    margin-right: 10px;
}







.contacts{
    display: flex;
    border-bottom: 1px dashed #000;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.contacts ul.contacts_ul{
    display: flex;
    padding: 0;
    margin: 0;
    flex-direction: column;
    width: 15%;
    padding-top: 20px;
}

.contacts ul.contacts_ul li{
    display: block;
    margin: 0;
    padding: 0;
}

.contacts ul.contacts_ul li a{
    display: flex;
    width: 66px;
    height: 66px;
    align-items: center;
    justify-content: center;
    background-color: #C4C4C4;

    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    margin-bottom: 30px;

}

.contacts ul.contacts_ul li a:hover,
.contacts ul.contacts_ul li.ui-tabs-active a
{
    background-color: #DF0000;
}

.contacts ul.contacts_ul li a:hover{
    transform:  scale(1.03);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    transition: all 0.2s ease-in-out;
}

.contacts .contacts_tabs_texts{
    width: 85%;
}

.contacts .contacts_tabs_texts .c_tab_text{
    display: flex;
}

.contacts .contacts_tabs_texts .c_tab_text .text{
    width: 39%;
}

.contacts .contacts_tabs_texts .c_tab_text .text img{
    margin-right: 20px;
}

.contacts .contacts_tabs_texts .c_tab_text .intro_map{
    width: 60%;
}

.contacts .contacts_tabs_texts .c_tab_text .intro_map iframe{
    width: 100%;
}

.contacts .contacts_tabs_texts .c_tab_text .intro_map .intro{
    font-weight: 300;
    font-size: 22px;
    text-transform: uppercase;
    color: #000000;
    text-align: right;

}

.contacts .contacts_tabs_texts .c_tab_text .intro_map .intro strong{

    font-size: 30px;


}

.contacts .contacts_tabs_texts .c_tab_text .text{
    font-size: 20px;
    line-height: 23px;
}


.contcts_form .title{
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 50px;
    margin-top: 50px;
}


.contcts_form .text{
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.4px;
    margin-bottom: 30px;
}

.contcts_form .duble{
    display: flex;
    justify-content: space-between;
}

.contcts_form .duble .duble_in{
    width: 49%;
}

.contcts_form .form_fields .capt{
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.4px;
    margin-bottom: 10px;
}

.contcts_form .form_fields .capt span{
    position: relative;
}

.contcts_form .form_fields .capt span:after{
    content: "*";
    color: #DF0000;
    position: absolute;
    right: -9px;
    top: -1px;
}

.contcts_form .form_fields input[type="text"],
.contcts_form .form_fields input[type="file"]
{
    width: 100%;
    display: block;
    background: rgba(229, 229, 229, 0.3);
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    padding-right: 15px;

    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.4px;
    color: #000000;
    margin-bottom: 10px;
}

.contcts_form .form_fields textarea{
    width: 100%;
    display: block;
    background: rgba(229, 229, 229, 0.3);
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    height: 140px;
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;

    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.4px;
    color: #000000;
    margin-bottom: 10px;
}


.contcts_form .form_send{
    max-width: 350px;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #FFFFFF;
    text-decoration: none;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a50000+0,df0000+100 */
    background: rgb(165,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(165,0,0,1) 0%, rgba(223,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(165,0,0,1) 0%,rgba(223,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(165,0,0,1) 0%,rgba(223,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50000', endColorstr='#df0000',GradientType=0 ); /* IE6-9 */
    border-radius: 4px;
    margin-top: 20px;
    float: right;
    box-sizing: border-box;
    width: 100%;
}

.contcts_form .form_send:hover{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#df0000+0,a50000+100 */
    background: rgb(223,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(223,0,0,1) 0%, rgba(165,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(223,0,0,1) 0%,rgba(165,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(223,0,0,1) 0%,rgba(165,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df0000', endColorstr='#a50000',GradientType=0 ); /* IE6-9 */
}

.contcts_form .form_send:hover{
    transform:  scale(1.03);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    transition: all 0.2s ease-in-out;
}


.contcts_form .form_fields label{
    display: flex;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.4px;
    width: 90%;
}

.contcts_form .form_fields label span{
    display: flex;
    align-items: center;
}

.contcts_form .form_fields label span a{
    margin-left: 5px;
    margin-right: 5px;
}
.contcts_form .form_fields input[type="checkbox"]{
    appearance: none;
    display: inline-block;
    width: 40px;
    height: 30px;
    margin-right: 10px;
    background-image: url("../images/uncheck-contacts.svg");
    background-position: left 8px center;
    /*background-position: center left 8px;*/
    background-repeat: no-repeat;

}

.contcts_form .form_fields input[type="checkbox"]:checked{
    background-image: url("../images/check-contacts.svg");
}







.cat_content{

}


.cat_content h3{
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
}

.cat_content h5{
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;

    color: #C4C4C4;
}

.cat_content .cat_content_text{
    display: flex;
    justify-content: space-between;
}

.cat_content2 .cat_content_text{
    justify-content: flex-start;
}

.cat_content .cat_content_text .text{
    min-width: 50%;
    box-sizing: border-box;
    padding-right: 10%;
}

.cat_content2 .cat_content_text .text{
    min-width: inherit;
    padding-left: 10%;
    padding-right: 0;
}


.cat_content2 .cat_content_text .text ul[style="list-style-type: square;"]{

}

.cat_content2 .cat_content_text .text ul[style="list-style-type: square;"] li{
    font-size: 18px;
    line-height: 35px;
    padding-left: 10px;
}

.cat_content2 .cat_content_text .text ul[style="list-style-type: disc;"]{
    display: flex;
    flex-wrap: wrap;

}

.cat_content2 .cat_content_text .text ul[style="list-style-type: disc;"] li{
    list-style-image: url("../images/list-im002.svg");
}



.cat_content2 .cat_content_text .text ul[style="list-style-type: disc;"] li{
    font-size: 18px;
    line-height: 35px;
    padding-left: 10px;
    width: 45%;
}

.cat_content2 .cat_content_text .text ul[style="list-style-type: square;"] li::marker{
    color: #DF0000;
}

.cat_content2 .cat_content_text .text hr{
    margin-bottom: 40px;
    padding-bottom: 20px;
    border: none;
    border-bottom: 1px dashed #000;
}


.cat_content .cat_content_text .rewiew{
    width: 30%;
    min-width: 350px;
}

.cat_content2 .cat_content_text .rewiew{
    max-width: 160px;
    min-width: 160px;
    height: 160px;
    align-items: center;
    justify-content: center;
    display: flex;
    border: 1px solid #DADADA;
}

.cat_content .cat_content_text .rewiew a{
    display: block;
    box-sizing: border-box;
}

.cat_content .cat_content_text .rewiew a:hover{
    transform:  scale(1.03);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    transition: all 0.2s ease-in-out;
}

.cat_content2 .cat_content_text .rewiew a:hover{
    transform:  none;
    box-shadow:none;
    transition: none;
}

.cat_content .cat_content_text .rewiew a img{
    display: block;
    width: 99%;
    border: 1px solid #000;
    box-sizing: border-box;
}

.cat_content2 .cat_content_text .rewiew a img{
    border: none;
    width: 90%;
    margin: 0 auto;
}

.cat_content .cat_content_text .text .zuruk{
    display: block;
    background-image: url("../images/arrow_20.svg");
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 190px;
    font-size: 16px;
    line-height: 19px;
    text-decoration-line: underline;
    margin-top: 50px;

}

.cat_content_modul{
    border: 1px solid #DF0000;
    box-sizing: border-box;
    padding: 30px;
    padding-top: 50px;
    padding-bottom: 100px;
    margin-top: 100px;
    margin-bottom: 200px;
    position: relative;
}





.cat_content_modul .order_form{
    max-width: 400px;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #FFFFFF;
    text-decoration: none;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a50000+0,df0000+100 */
    background: rgb(165,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(165,0,0,1) 0%, rgba(223,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(165,0,0,1) 0%,rgba(223,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(165,0,0,1) 0%,rgba(223,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50000', endColorstr='#df0000',GradientType=0 ); /* IE6-9 */
    border-radius: 4px;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    right: 100px;
    bottom: -30px;

}

.cat_content_modul .order_form:hover{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#df0000+0,a50000+100 */
    background: rgb(223,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(223,0,0,1) 0%, rgba(165,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(223,0,0,1) 0%,rgba(165,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(223,0,0,1) 0%,rgba(165,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df0000', endColorstr='#a50000',GradientType=0 ); /* IE6-9 */
}

.cat_content_modul .order_form:hover{
    transform:  scale(1.03);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    transition: all 0.2s ease-in-out;
}


.cat_content_modul ._table2links td{
    width: 49%;
}

.cat_content_modul ._table2links td p{
    font-size: 24px;
    line-height: 28px;
}

.cat_content_tags{

}

.cat_content_tags h3{
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}


.cat_content_tags .titems{
    display: flex;
    flex-wrap: wrap;
}

.cat_content_tags .titems .titem{
    font-weight: 900;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    height: 58px;
    background-color: #C4C4C4;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cat_content_tags .titems .titem:hover,
.cat_content_tags .titems .active
{
    background-color: #DF0000;
}


.cat_content_tags .titems .titem:hover{
    transform:  scale(1.03);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    transition: all 0.2s ease-in-out;
}


.cat_content_tags .slick-prev, .cat_content_tags .slick-next {
    background-color: transparent;
    width: 50px;

}

.cat_content_tags .slick-next {
    right: -50px;
}

.cat_content_tags .slick-prev {
    left: -50px;
}

.cat_content_tags .slick-next{background-image: url("../images/arrow1401.png");background-color: transparent;}
.cat_content_tags .slick-prev{background-image: url("../images/arrow1401.png");background-color: transparent;}



.cat_content_links{
    display: flex;
    justify-content: space-between;
}

.cat_content_links .p_mod_cats_items{
    display: flex;
    padding-left: 30px;
}

.cat_content_links .p_mod_cats_items .p_mod_cats_item{
    display: flex;
    align-items: center;
    position: relative;

}

.cat_content_links .p_mod_cats_items .p_mod_cats_item .p_mod_cats_item_c_img{
    display: block;
    width: 66px;
    height: 66px;
    margin: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #C4C4C4;
}

.cat_content_links .p_mod_cats_items .p_mod_cats_item:hover .p_mod_cats_item_c_img{
    background-color: #DF0000;
}

.cat_content_links .p_mod_cats_items .p_mod_cats_children{
    display: none;
    position: absolute;
    right: 0;
    top: 100px;
    padding: 20px;
    background-color: #fff;
    filter: drop-shadow(4px 4px 48px rgba(0, 0, 0, 0.25));
    z-index: 160;
    min-width: 300px;
    box-sizing: border-box;
}

.cat_content_links .p_mod_cats_items .p_mod_cats_children a{
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
}

.cat_content_links .p_mod_cats_items .p_mod_cats_children a:hover{
    color: #DF0000;
}

.cat_content_links .p_mod_cats_items .p_mod_cats_children a.parent{
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
}


.hidden_show_more_js{
    display: none;
}















.popup_one{
    display: none;
    max-width: 1000px;
    position: relative;
}

.popup_one .slick-prev::before,
.popup_one .slick-next::before {
    color: black;
}

.fancybox-button {
    height: 66px;
    width: 66px;
}

.popup_one .slick-dots {
    text-align: center;
}

.popup_one .slick-slide li{
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 140%;
}

.popup_one .squarezz{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.popup_one h3{
    font-weight: bold;
    font-size: 225.00%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;

}

.popup_one .swiss{
    text-align: center;
    font-weight: 900;
    font-size: 187.50%;
    line-height: 66px;
    color: #DF0000;
    display: flex;
    justify-content: center;
}

.popup_one .swiss span{
    background-image: url("../images/swiss.svg");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 61px;
    padding-left: 70px;
    line-height: 66px;
    min-height: 66px;
    display: block;
}

.popup_one h5{
    font-size: 225.00%;
    text-align: center;
    font-weight: normal;
}

.popup_one .popup_one_btns{
    display: flex;
    justify-content: space-between;
}

.popup_one .popup_one_btns .red_btn{
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 70px;
    background-image: url("../images/tell-popup.svg"), linear-gradient(180deg, #A50000 0%, #DF0000 100%);
    height: auto;
    padding-top: 25px;
    padding-bottom: 25px;
    box-sizing: border-box;
    width: 48%;
    justify-content: flex-end;
    max-width: 400px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 150%!important;
    font-weight: bold;
}


.popup_one .popup_one_btns .black_btn{
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 70px;
    padding-left: 20px;
    background-image: url("../images/email-popup.png"), linear-gradient(180deg, #000000 0%, rgba(59, 59, 57, 0.7) 100%);
    height: auto;
    padding-top: 25px;
    padding-bottom: 25px;
    box-sizing: border-box;
    width: 48%;
    justify-content: flex-start;
    max-width: 400px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 150%!important;
    font-weight: bold;
}

.blanks_110{top:0px;  left: 0px; background-color: #DF0000!important;}
.blanks_111{top:66px;  left: 66px; background-color: #DF0000!important;}
.blanks_112{top:0px;  right: 0px; background-color: #d4d0cc !important;}
.blanks_113{top:66px;  right: 66px; background-color: #000000 !important;}

#gtx-trans 
{display:none;}