@import "template_pre.css";

.header{
    min-height: 140px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


#logo{
    display: block;
    background-image: url("../images/logo.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 255px;
    height: 90px;
}

.header .top_menu{

}

.header .top_menu ul.menu{
    display: flex;
    margin: 0;
    padding: 0;
}

.header .top_menu ul.menu li{
    display: block;

}

.header .top_menu ul.menu li>a{
    text-decoration: none;
    display: block;
    padding: 25px;
    padding-bottom: 10px;
    color: #fff;
    font-style: normal;
    font-weight: bold;
    font-size: 150.00%;
    text-transform: uppercase;
}

.header .top_menu ul.menu li a._intranet{
    background-color: var(--main-red);
}

.header .top_menu ul.menu li a._extranet{
    background-color: var(--main-black);
}

.header .top_menu ul.menu li a._project{
    background-color: var(--main-gray);
}

.header .top_menu ul.menu li a._phone{
    height: 70px;
    width: 70px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.flying_telefons{
    position: absolute;
    right: 0px;
    top: 50px;
    width: 250px;
    display: none;
    z-index: 100;
}

.flying_telefons .custom{
    box-shadow:0 0 5px 0 rgba(50,50,50,0.75);
    padding: 20px;
    background-color: #fff;
}

.flying_telefons .custom p{
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.flying_telefons .custom p a{
    color: #000;
    text-decoration: none;
    font-size: 100%;
}

.flying_telefons .custom p a.email_link{
    margin-top: 20px;
    color: var(--main-red);
    display: block;
}






.slogan{

}

.slogan .wraper{
    position: relative;
}

.slogan_in{
    height: 470px;
    position: relative;

    display: flex;
    justify-content: space-between;
}

.slogan_in .custom{
    width: 300px;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
    position: relative;
    padding-top: 30px;
    color: #fff;
}

.slogan_in .custom h2{
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: 900;
    font-size: 300.00%;
    line-height: 159.19%;
    text-transform: uppercase;
}

.slogan_in .custom a{
    font-weight: 500;
    font-size: 112.50%;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    float: left;
    padding-right: 100px;
    background-image: url("../images/arrow-5.svg");
    background-position: right;
    background-repeat: no-repeat;
}

.slogan_bg{
    position: absolute;
    height: 100%;
    width: 500px;
    left: -120px;
    top: 0;
    background: linear-gradient(180deg, #DF0000 0%, #AD0000 100%, rgba(223, 0, 0, 0) 100%, #DF0000 100%);
    z-index: 0;
}



.slogan_in .mod-languages{
    height: 100%;
    margin-left: auto;
}

.slogan_in .mod-languages ul{
    display: flex;
    margin: 0;
    padding: 0;
    align-content: space-between;
    flex-wrap: wrap;
    height: 100%;
    width: var(--main-wh);
}

.slogan_in .mod-languages ul li{
    padding: 0;
    margin: 0;
    width: var(--main-wh);
    height: var(--main-wh);

    display: flex;
    align-items: center;
    justify-content: center;
}

.slogan_in .mod-languages ul li a{
    background-color: var(--main-black);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--main-wh);
    height: var(--main-wh);
    font-weight: bold;
    font-size: 150.00%;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
}

.slogan_in .mod-languages ul li a:hover,
.slogan_in .mod-languages ul li.lang-active a
{
    background-color: var(--main-dark-gray);
}






.slogan_in .mod-languages{
    height: 100%;
    margin-left: auto;
}

.slogan_in .mod-languages ul{
    display: flex;
    margin: 0;
    padding: 0;
    align-content: space-between;
    flex-wrap: wrap;
    height: 100%;
    width: var(--main-wh);
}

.slogan_in .mod-languages ul li{
    padding: 0;
    margin: 0;
    width: var(--main-wh);
    height: var(--main-wh);

    display: flex;
    align-items: center;
    justify-content: center;
}

.slogan_in .mod-languages ul li a{
    background-color: var(--main-black);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--main-wh);
    height: var(--main-wh);
    font-weight: bold;
    font-size: 150.00%;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
}

.slogan_in .mod-languages ul li a:hover,
.slogan_in .mod-languages ul li.lang-active a
{
    background-color: var(--main-dark-gray);
}






.slogan_in .squares{
    width: calc(100% - 490px);
    margin-left: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    padding: 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.squares_txt{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.squares_txt p{
    font-size: 150.00%;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    margin-left: 180px;
}


.slogan_in .squares .square_out{
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    width: 66px;
    height: 100%;
}

.slogan_in .squares .square_out .square{
    width: 66px;
    height: 66px;
    background-color: var(--main-red);

    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
}

.slogan_in .squares .square_out .square_hidden{
    background-color: transparent;
}

.slogan_in .squares .square_out .square__gray{
    background-color: var(--main-gray);
}

.slogan_in .squares .square_out .square__dark_red{
    background-color: var(--main-dark-red);
}

.slogan_in .slogan__div{
    background-position: right 170px;
    background-repeat: no-repeat;
    width: 350px;
    padding-right: 60px;
    box-sizing: border-box;
}


/* ГЛАВНАЯ  */
.square_line_2 div:nth-child(1){}
.square_line_2 div:nth-child(2){}
.square_line_2 div:nth-child(3){background-image: url("../images/slogan-icons/mp-2-3.svg")}
.square_line_2 div:nth-child(4){}
.square_line_2 div:nth-child(5){}

.square_line_3 div:nth-child(1){background-image: url("../images/slogan-icons/mp-3-1.svg")}
.square_line_3 div:nth-child(2){background-image: url("../images/slogan-icons/mp-3-2.svg")}
.square_line_3 div:nth-child(3){}
.square_line_3 div:nth-child(4){background-image: url("../images/slogan-icons/mp-3-4.svg")}
.square_line_3 div:nth-child(5){background-image: url("../images/slogan-icons/mp-3-5.svg")}

.square_line_4 div:nth-child(1){background-image: url("../images/slogan-icons/mp-4-1.svg")}
.square_line_4 div:nth-child(2){background-image: url("../images/slogan-icons/mp-4-2.svg")}
.square_line_4 div:nth-child(3){}
.square_line_4 div:nth-child(4){background-image: url("../images/slogan-icons/mp-4-4.svg")}
.square_line_4 div:nth-child(5){}

.square_line_5 div:nth-child(1){background-image: url("../images/slogan-icons/mp-5-1.svg")}
.square_line_5 div:nth-child(2){}
.square_line_5 div:nth-child(3){}
.square_line_5 div:nth-child(4){}
.square_line_5 div:nth-child(5){background-image: url("../images/slogan-icons/mp-5-5.svg")}

.square_line_6 div:nth-child(1){}
.square_line_6 div:nth-child(2){background-image: url("../images/slogan-icons/mp-6-2.svg")}
.square_line_6 div:nth-child(3){}
.square_line_6 div:nth-child(4){background-image: url("../images/slogan-icons/mp-6-4.svg")}
.square_line_6 div:nth-child(5){}

.square_line_7 div:nth-child(1){}
.square_line_7 div:nth-child(2){background-image: url("../images/slogan-icons/mp-7-2.svg")}
.square_line_7 div:nth-child(3){}
.square_line_7 div:nth-child(4){background-image: url("../images/slogan-icons/mp-7-4.svg")}
.square_line_7 div:nth-child(5){background-image: url("../images/slogan-icons/mp-7-5.svg")}

/* ГЛАВНАЯ  */



/* about  */
.squares_about .square_line_2 div:nth-child(1){background-image: none;}
.squares_about .square_line_2 div:nth-child(2){background-image: none;}
.squares_about .square_line_2 div:nth-child(3){background-image: url("../images/slogan-icons/mp-2-3.svg")}
.squares_about .square_line_2 div:nth-child(4){background-image: none;}
.squares_about .square_line_2 div:nth-child(5){background-image: none;}

.squares_about .square_line_3 div:nth-child(1){background-image: url("../images/slogan-icons/mp-3-1.svg")}
.squares_about .square_line_3 div:nth-child(2){background-image: url("../images/slogan-icons/mp-3-2.svg")}
.squares_about .square_line_3 div:nth-child(3){background-image: url("../images/slogan-icons/mp-3-4.svg")}
.squares_about .square_line_3 div:nth-child(4){background-image: none;}
.squares_about .square_line_3 div:nth-child(5){background-image: url("../images/slogan-icons/mp-3-5.svg")}

.squares_about .square_line_4 div:nth-child(1){background-image: url("../images/slogan-icons/mp-4-1.svg")}
.squares_about .square_line_4 div:nth-child(2){background-image: url("../images/slogan-icons/mp-4-4.svg")}
.squares_about .square_line_4 div:nth-child(3){background-image: none;}
.squares_about .square_line_4 div:nth-child(4){background-image: url("../images/slogan-icons/about-4-4.svg")}
.squares_about .square_line_4 div:nth-child(5){background-image: none;}

.squares_about .square_line_5 div:nth-child(1){background-image: url("../images/slogan-icons/mp-5-1.svg")}
.squares_about .square_line_5 div:nth-child(2){background-image: none;}
.squares_about .square_line_5 div:nth-child(3){background-image: none;}
.squares_about .square_line_5 div:nth-child(4){background-image: none;}
.squares_about .square_line_5 div:nth-child(5){background-image: none;}

.squares_about .square_line_6 div:nth-child(1){background-image: none;}
.squares_about .square_line_6 div:nth-child(2){background-image: url("../images/slogan-icons/mp-6-2.svg")}
.squares_about .square_line_6 div:nth-child(3){background-image: none;}
.squares_about .square_line_6 div:nth-child(4){background-image: url("../images/slogan-icons/mp-6-4.svg")}
.squares_about .square_line_6 div:nth-child(5){background-image: none;}

.squares_about .square_line_7 div:nth-child(1){background-image: url("../images/slogan-icons/mp-7-2.svg")}
.squares_about .square_line_7 div:nth-child(2){background-image: none;}
.squares_about .square_line_7 div:nth-child(3){background-image: url("../images/slogan-icons/mp-7-4.svg")}
.squares_about .square_line_7 div:nth-child(4){background-image: none;}
.squares_about .square_line_7 div:nth-child(5){background-image: url("../images/slogan-icons/mp-7-5.svg")}
/* about  */






/* services  */

.squares_services .square_line_1 div:nth-child(3){background-image: url("../images/slogan-icons/serv-1-3.svg")}

.squares_services .square_line_2 div:nth-child(2){background-image: url("../images/slogan-icons/serv-2-2.svg");}
.squares_services .square_line_2 div:nth-child(3){background-image: url("../images/slogan-icons/serv-2-3.svg")}
.squares_services .square_line_2 div:nth-child(4){background-image: url("../images/slogan-icons/serv-2-4.svg");}

.squares_services .square_line_3 div:nth-child(4){background-image: url("../images/slogan-icons/serv-3-4.svg");}
.squares_services .square_line_3 div:nth-child(5){background-image: url("../images/slogan-icons/serv-3-5.svg")}


.squares_services .square_line_4 div:nth-child(2){background-image: url("../images/slogan-icons/serv-4-2.svg");}
.squares_services .square_line_4 div:nth-child(4){background-image: url("../images/slogan-icons/serv-4-4.svg");}
.squares_services .square_line_4 div:nth-child(5){background-image: url("../images/slogan-icons/serv-4-5.svg");;}

.squares_services .square_line_5 div:nth-child(1){background-image: url("../images/slogan-icons/serv-5-1.svg")}
.squares_services .square_line_5 div:nth-child(5){background-image: url("../images/slogan-icons/serv-5-5.svg"); background-size: 25px!important;}

.squares_services .square_line_6 div:nth-child(1){background-image: url("../images/slogan-icons/serv-6-1.svg");;}
.squares_services .square_line_6 div:nth-child(5){background-image: url("../images/slogan-icons/serv-6-5.svg");;}


.squares_services .square_line_7 div:nth-child(2){background-image: url("../images/slogan-icons/serv-7-2.svg");;}
.squares_services .square_line_7 div:nth-child(4){background-image: url("../images/slogan-icons/serv-7-4.svg");;}
.squares_services .square_line_7 div:nth-child(5){background-image: url("../images/slogan-icons/mp-7-5.svg")}
/* services  */




/* products  */
.squares_products .square_line_2 div:nth-child(2){background-image: url("../images/slogan-icons/mp-3-4.svg")}
.squares_products .square_line_3 div:nth-child(4){background-image: none}
.squares_products .square_line_4 div:nth-child(2){background-image: url("../images/slogan-icons/mp-4-4.svg")}
.squares_products .square_line_4 div:nth-child(4){background-image: none}
.squares_products .square_line_5 div:nth-child(5){background-image: none}
.squares_products .square_line_7 div:nth-child(1){background-image: url("../images/slogan-icons/mp-7-2.svg")}
.squares_products .square_line_7 div:nth-child(2){background-image: none}
/* products  */




/* Service information  */
.squares_service_information .square_line_2 div:nth-child(1){background-image: none;}
.squares_service_information .square_line_2 div:nth-child(2){background-image: none;}
.squares_service_information .square_line_2 div:nth-child(3){background-image: none;}
.squares_service_information .square_line_2 div:nth-child(4){background-image: none;}
.squares_service_information .square_line_2 div:nth-child(5){background-image: none;}

.squares_service_information .square_line_3 div:nth-child(1){background-image: none;}
.squares_service_information .square_line_3 div:nth-child(2){background-image: url("../images/slogan-icons/si-3-2.svg");}
.squares_service_information .square_line_3 div:nth-child(3){background-image: url("../images/slogan-icons/si-3-3.svg");}
.squares_service_information .square_line_3 div:nth-child(4){background-image: url("../images/slogan-icons/si-3-4.svg");}
.squares_service_information .square_line_3 div:nth-child(5){background-image: none;}

.squares_service_information .square_line_4 div:nth-child(1){background-image: url("../images/slogan-icons/si-4-1.svg");}
.squares_service_information .square_line_4 div:nth-child(2){background-image: url("../images/slogan-icons/si-4-2.svg");}
.squares_service_information .square_line_4 div:nth-child(3){background-image: none;}
.squares_service_information .square_line_4 div:nth-child(4){background-image: url("../images/slogan-icons/si-4-4.svg");}
.squares_service_information .square_line_4 div:nth-child(5){background-image: url("../images/slogan-icons/si-4-5.svg");}

.squares_service_information .square_line_5 div:nth-child(1){background-image: url("../images/slogan-icons/si-5-1.svg");}
.squares_service_information .square_line_5 div:nth-child(2){background-image: none;}
.squares_service_information .square_line_5 div:nth-child(3){background-image: none;}
.squares_service_information .square_line_5 div:nth-child(4){background-image: none;}
.squares_service_information .square_line_5 div:nth-child(5){background-image: none;}

.squares_service_information .square_line_6 div:nth-child(1){background-image: url("../images/slogan-icons/si-6-1.svg");}
.squares_service_information .square_line_6 div:nth-child(2){background-image: url("../images/slogan-icons/si-6-2.svg");}
.squares_service_information .square_line_6 div:nth-child(3){background-image: none;}
.squares_service_information .square_line_6 div:nth-child(4){background-image: url("../images/slogan-icons/si-6-4.svg"); background-size: 25px!important;}
.squares_service_information .square_line_6 div:nth-child(5){background-image: none;}

.squares_service_information .square_line_7 div:nth-child(1){background-image: none;}
.squares_service_information .square_line_7 div:nth-child(2){background-image: url("../images/slogan-icons/si-7-2.svg"); background-size: 62px!important;}
.squares_service_information .square_line_7 div:nth-child(3){background-image: url("../images/slogan-icons/si-7-3.svg");}
.squares_service_information .square_line_7 div:nth-child(4){background-image: url("../images/slogan-icons/si-7-4.svg"); background-size: 62px!important;}
.squares_service_information .square_line_7 div:nth-child(5){background-image: none;}
/* Service information  */




/* reviews  */
.squares_reviews .square_line_1 div:nth-child(1){}
.squares_reviews .square_line_1 div:nth-child(2){}
.squares_reviews .square_line_1 div:nth-child(3){background-image: url("../images/slogan-icons/rev-1-3.svg");}
.squares_reviews .square_line_1 div:nth-child(4){}
.squares_reviews .square_line_1 div:nth-child(5){}

.squares_reviews .square_line_2 div:nth-child(1){}
.squares_reviews .square_line_2 div:nth-child(2){}
.squares_reviews .square_line_2 div:nth-child(3){background-image: url("../images/slogan-icons/rev-2-3.svg");}
.squares_reviews .square_line_2 div:nth-child(4){background-image: url("../images/slogan-icons/rev-2-4.svg");}
.squares_reviews .square_line_2 div:nth-child(5){}

.squares_reviews .square_line_3 div:nth-child(1){}
.squares_reviews .square_line_3 div:nth-child(2){}
.squares_reviews .square_line_3 div:nth-child(3){}
.squares_reviews .square_line_3 div:nth-child(4){}
.squares_reviews .square_line_3 div:nth-child(5){background-image: url("../images/slogan-icons/rev-3-5.svg");}

.squares_reviews .square_line_4 div:nth-child(1){}
.squares_reviews .square_line_4 div:nth-child(2){background-image: url("../images/slogan-icons/rev-4-2.svg");}
.squares_reviews .square_line_4 div:nth-child(3){}
.squares_reviews .square_line_4 div:nth-child(4){}
.squares_reviews .square_line_4 div:nth-child(5){background-image: url("../images/slogan-icons/rev-4-5.svg");}

.squares_reviews .square_line_5 div:nth-child(1){background-image: url("../images/slogan-icons/rev-5-1.svg");}
.squares_reviews .square_line_5 div:nth-child(2){}
.squares_reviews .square_line_5 div:nth-child(3){}
.squares_reviews .square_line_5 div:nth-child(4){}
.squares_reviews .square_line_5 div:nth-child(5){background-image: url("../images/slogan-icons/rev-5-5.svg"); background-size: 29px!important;}

.squares_reviews .square_line_6 div:nth-child(1){background-image: url("../images/slogan-icons/rev-6-1.svg");}
.squares_reviews .square_line_6 div:nth-child(2){}
.squares_reviews .square_line_6 div:nth-child(3){}
.squares_reviews .square_line_6 div:nth-child(4){}
.squares_reviews .square_line_6 div:nth-child(5){background-image: url("../images/slogan-icons/rev-6-5.svg");}

.squares_reviews .square_line_7 div:nth-child(1){background-image: url("../images/slogan-icons/rev-7-1.svg");}
.squares_reviews .square_line_7 div:nth-child(2){background-image: url("../images/slogan-icons/rev-7-2.svg");}
.squares_reviews .square_line_7 div:nth-child(3){}
.squares_reviews .square_line_7 div:nth-child(4){}
.squares_reviews .square_line_7 div:nth-child(5){background-image: url("../images/slogan-icons/rev-7-5.svg");}
/* reviews  */





/* clients  */
.squares_clients .square_line_1 div:nth-child(1){}
.squares_clients .square_line_1 div:nth-child(2){}
.squares_clients .square_line_1 div:nth-child(3){}
.squares_clients .square_line_1 div:nth-child(4){}
.squares_clients .square_line_1 div:nth-child(5){}

.squares_clients .square_line_2 div:nth-child(1){}
.squares_clients .square_line_2 div:nth-child(2){background-image: url("../images/slogan-icons/oc-2-2.svg");}
.squares_clients .square_line_2 div:nth-child(3){}
.squares_clients .square_line_2 div:nth-child(4){}
.squares_clients .square_line_2 div:nth-child(5){}

.squares_clients .square_line_3 div:nth-child(1){}
.squares_clients .square_line_3 div:nth-child(2){}
.squares_clients .square_line_3 div:nth-child(3){background-image: url("../images/slogan-icons/oc-3-3.svg");}
.squares_clients .square_line_3 div:nth-child(4){background-image: url("../images/slogan-icons/oc-3-4.svg");}
.squares_clients .square_line_3 div:nth-child(5){background-image: url("../images/slogan-icons/oc-3-5.svg");}

.squares_clients .square_line_4 div:nth-child(1){}
.squares_clients .square_line_4 div:nth-child(2){}
.squares_clients .square_line_4 div:nth-child(3){}
.squares_clients .square_line_4 div:nth-child(4){background-image: url("../images/slogan-icons/oc-4-4.svg");}
.squares_clients .square_line_4 div:nth-child(5){}

.squares_clients .square_line_5 div:nth-child(1){}
.squares_clients .square_line_5 div:nth-child(2){}
.squares_clients .square_line_5 div:nth-child(3){}
.squares_clients .square_line_5 div:nth-child(4){}
.squares_clients .square_line_5 div:nth-child(5){}

.squares_clients .square_line_6 div:nth-child(1){}
.squares_clients .square_line_6 div:nth-child(2){}
.squares_clients .square_line_6 div:nth-child(3){}
.squares_clients .square_line_6 div:nth-child(4){}
.squares_clients .square_line_6 div:nth-child(5){}

.squares_clients .square_line_7 div:nth-child(1){}
.squares_clients .square_line_7 div:nth-child(2){}
.squares_clients .square_line_7 div:nth-child(3){background-image: url("../images/slogan-icons/oc-7-3.svg");}
.squares_clients .square_line_7 div:nth-child(4){background-image: url("../images/slogan-icons/oc-7-4.svg");}
.squares_clients .square_line_7 div:nth-child(5){}
/* clients  */












/* web design  */
.squares_web_design .square_line_2 div:nth-child(1){background-image: none;}
.squares_web_design .square_line_2 div:nth-child(2){background-image: none;}
.squares_web_design .square_line_2 div:nth-child(3){background-image: none;}
.squares_web_design .square_line_2 div:nth-child(4){background-image: none;}
.squares_web_design .square_line_2 div:nth-child(5){background-image: none;}

.squares_web_design .square_line_3 div:nth-child(1){background-image: none;}
.squares_web_design .square_line_3 div:nth-child(2){background-image: url("../images/slogan-icons/wd-3-2.svg"); background-size: 30px!important;}
.squares_web_design .square_line_3 div:nth-child(3){background-image: url("../images/slogan-icons/wd-3-3.svg");}
.squares_web_design .square_line_3 div:nth-child(4){background-image: none;}
.squares_web_design .square_line_3 div:nth-child(5){background-image: none;}

.squares_web_design .square_line_4 div:nth-child(1){background-image: url("../images/slogan-icons/wd-4-1.svg");}
.squares_web_design .square_line_4 div:nth-child(2){background-image: url("../images/slogan-icons/wd-4-2.svg");}
.squares_web_design .square_line_4 div:nth-child(3){background-image: none;}
.squares_web_design .square_line_4 div:nth-child(4){background-image: url("../images/slogan-icons/wd-4-4.svg");}
.squares_web_design .square_line_4 div:nth-child(5){background-image: none;}

.squares_web_design .square_line_5 div:nth-child(1){background-image: url("../images/slogan-icons/wd-5-1.svg");}
.squares_web_design .square_line_5 div:nth-child(2){background-image: none;}
.squares_web_design .square_line_5 div:nth-child(3){background-image: none;}
.squares_web_design .square_line_5 div:nth-child(4){background-image: none;}
.squares_web_design .square_line_5 div:nth-child(5){background-image: none;}

.squares_web_design .square_line_6 div:nth-child(1){background-image: url("../images/slogan-icons/wd-6-1.svg");}
.squares_web_design .square_line_6 div:nth-child(2){background-image: url("../images/slogan-icons/wd-6-2.svg");}
.squares_web_design .square_line_6 div:nth-child(3){background-image: none;}
.squares_web_design .square_line_6 div:nth-child(4){background-image: url("../images/slogan-icons/wd-6-4.svg");}
.squares_web_design .square_line_6 div:nth-child(5){background-image: none;}

.squares_web_design .square_line_7 div:nth-child(1){background-image: none;}
.squares_web_design .square_line_7 div:nth-child(2){background-image: url("../images/slogan-icons/wd-7-2.svg");}
.squares_web_design .square_line_7 div:nth-child(3){background-image: url("../images/slogan-icons/wd-7-3.svg");}
.squares_web_design .square_line_7 div:nth-child(4){background-image: url("../images/slogan-icons/wd-7-4.svg");}
.squares_web_design .square_line_7 div:nth-child(5){background-image: none;}
/* web design  */





/* web design  */
.squares_frame_works .square_line_2 div:nth-child(1){background-image: none;}
.squares_frame_works .square_line_2 div:nth-child(2){background-image: none;}
.squares_frame_works .square_line_2 div:nth-child(3){background-image: none;}
.squares_frame_works .square_line_2 div:nth-child(4){background-image: none;}
.squares_frame_works .square_line_2 div:nth-child(5){background-image: none;}

.squares_frame_works .square_line_3 div:nth-child(1){background-image: none;}
.squares_frame_works .square_line_3 div:nth-child(2){background-image: url("../images/slogan-icons/wf-3-2.svg");}
.squares_frame_works .square_line_3 div:nth-child(3){background-image: none;}
.squares_frame_works .square_line_3 div:nth-child(4){background-image: none;}
.squares_frame_works .square_line_3 div:nth-child(5){background-image: none;}

.squares_frame_works .square_line_4 div:nth-child(1){background-image: url("../images/slogan-icons/wf-4-1.svg");}
.squares_frame_works .square_line_4 div:nth-child(2){background-image: url("../images/slogan-icons/wf-4-2.svg");}
.squares_frame_works .square_line_4 div:nth-child(3){background-image: none;}
.squares_frame_works .square_line_4 div:nth-child(4){background-image: url("../images/slogan-icons/wf-4-4.svg");}
.squares_frame_works .square_line_4 div:nth-child(5){background-image: none;}

.squares_frame_works .square_line_5 div:nth-child(1){background-image: url("../images/slogan-icons/wf-5-1.svg");}
.squares_frame_works .square_line_5 div:nth-child(2){background-image: none;}
.squares_frame_works .square_line_5 div:nth-child(3){background-image: none;}
.squares_frame_works .square_line_5 div:nth-child(4){background-image: none;}
.squares_frame_works .square_line_5 div:nth-child(5){background-image: none;}

.squares_frame_works .square_line_6 div:nth-child(1){background-image: url("../images/slogan-icons/wf-6-1.svg");}
.squares_frame_works .square_line_6 div:nth-child(2){background-image: none;}
.squares_frame_works .square_line_6 div:nth-child(3){background-image: none;}
.squares_frame_works .square_line_6 div:nth-child(4){background-image: none;}
.squares_frame_works .square_line_6 div:nth-child(5){background-image: none;}

.squares_frame_works .square_line_7 div:nth-child(1){background-image: none;}
.squares_frame_works .square_line_7 div:nth-child(2){background-image: url("../images/slogan-icons/wf-7-2.svg");}
.squares_frame_works .square_line_7 div:nth-child(3){background-image: none;}
.squares_frame_works .square_line_7 div:nth-child(4){background-image: url("../images/slogan-icons/wf-7-4.svg");}
.squares_frame_works .square_line_7 div:nth-child(5){background-image: none;}
/* web design  */



/* creative  */
.squares_creative .square_line_2 div:nth-child(1){background-image: none;}
.squares_creative .square_line_2 div:nth-child(2){background-image: none;}
.squares_creative .square_line_2 div:nth-child(3){background-image: none;}
.squares_creative .square_line_2 div:nth-child(4){background-image: none;}
.squares_creative .square_line_2 div:nth-child(5){background-image: none;}

.squares_creative .square_line_3 div:nth-child(1){background-image: none;}
.squares_creative .square_line_3 div:nth-child(2){background-image: url("../images/slogan-icons/cr-3-2.svg"); background-size: 30px!important;}
.squares_creative .square_line_3 div:nth-child(3){background-image: url("../images/slogan-icons/cr-3-3.svg");}
.squares_creative .square_line_3 div:nth-child(4){background-image: none;}
.squares_creative .square_line_3 div:nth-child(5){background-image: none;}

.squares_creative .square_line_4 div:nth-child(1){background-image: url("../images/slogan-icons/cr-4-1.svg");}
.squares_creative .square_line_4 div:nth-child(2){background-image: url("../images/slogan-icons/cr-4-2.svg");}
.squares_creative .square_line_4 div:nth-child(3){background-image: none;}
.squares_creative .square_line_4 div:nth-child(4){background-image: url("../images/slogan-icons/cr-4-4.svg");}
.squares_creative .square_line_4 div:nth-child(5){background-image: none;}

.squares_creative .square_line_5 div:nth-child(1){background-image: url("../images/slogan-icons/cr-5-1.svg");}
.squares_creative .square_line_5 div:nth-child(2){background-image: none;}
.squares_creative .square_line_5 div:nth-child(3){background-image: none;}
.squares_creative .square_line_5 div:nth-child(4){background-image: none;}
.squares_creative .square_line_5 div:nth-child(5){background-image: none;}

.squares_creative .square_line_6 div:nth-child(1){background-image: url("../images/slogan-icons/cr-6-1.svg");}
.squares_creative .square_line_6 div:nth-child(2){background-image: url("../images/slogan-icons/cr-6-2.svg");}
.squares_creative .square_line_6 div:nth-child(3){background-image: none;}
.squares_creative .square_line_6 div:nth-child(4){background-image: none;}
.squares_creative .square_line_6 div:nth-child(5){background-image: none;}

.squares_creative .square_line_7 div:nth-child(1){background-image: none;}
.squares_creative .square_line_7 div:nth-child(2){background-image: url("../images/slogan-icons/cr-7-2.svg");}
.squares_creative .square_line_7 div:nth-child(3){background-image: none;}
.squares_creative .square_line_7 div:nth-child(4){background-image: none;}
.squares_creative .square_line_7 div:nth-child(5){background-image: none;}
/* creative  */










.main{
    margin-bottom: 160px;
}

.mp_content{
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}


.mp_mod_portfolio{
    width: 48%;
    position: relative;
}

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



.mp_mod_portfolio h3 span{
    width: 66px;
    height: 66px;
    margin-right: 20px;
    background-color: var(--main-light-gray);
    background-image: url("../images/arrow-h3.svg");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.mp_mod_portfolio .items{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.mp_mod_portfolio .items .item{
    width: 160px;
    height: 160px;
    margin-bottom: 20px;
    overflow: hidden;

    filter: grayscale(99%);
    opacity: 0.85;

    box-sizing: border-box;
    transition: all 0.5s ease-in-out;
}

.mp_mod_portfolio .items .item a{
    display: block;
    width: 100%;
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.mp_mod_portfolio .items .item:hover{
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.85);
    filter: grayscale(0);
    opacity: 1;
    transform:scale(1.1,1.1);
    transition: all 0.5s ease-in-out;
}

.mp_mod_portfolio .items .item_c{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    word-break: break-word;
    background-color: var(--main-dark-red);
    filter: grayscale(0);
    opacity: 1;
}

.mp_mod_portfolio .items .item_c:hover{
    background-color: var(--main-red);
}

.mp_mod_portfolio .items .item_c a{
    font-weight: bold;
    font-size: 112.50%;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.mp_mod_portfolio .items .item img{
    width: 100%;
}











.mp_mod_our_clients{
    width: 48%;
    margin-left: auto;
    flex-direction: column;
    margin-bottom: 50px;
}

.who_we_work_with{
    width: 100%;
    margin-left: 0;
    margin-bottom: 50px;
}

.mp_mod_our_clients .clients{
    margin-top: 175px;
    position: relative;
    overflow: hidden;
}

.mp_mod_our_clients .clients .title{
    width: 350px;
    height: 350px;
    background-color: var(--main-light-gray);
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 300;
    font-size: 225.00%;
    text-align: center;
    text-transform: uppercase;
    position: relative;

    text-decoration: none;
    color: #000;
}

.mp_mod_our_clients .clients .title::after{
    content: "";
    width: 101px;
    height: 8px;
    background-image: url("../images/arrow-our-clients.svg");
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    right: -60px;
    z-index: 5;
}

.mp_mod_our_clients .clients .items{
    position: absolute;
    left: 390px;
    top: 0;
    min-height: 200px;
    display: flex;
    width: 1050px;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    transition:all .5s ease-in-out;
}

.mp_mod_our_clients .clients .items_visible{
    box-shadow:0 0 5px 0 rgba(50,50,50,0.75);
    left: -105%;
    z-index: 10;
    transition:all .2s ease-in-out
}

.who_we_work_with .clients .items_visible{
    left: 10px;
}

.mp_mod_our_clients .clients_visible{
    overflow: inherit;
    transition:all .5s ease-in-out;
}

.mp_mod_our_clients .clients .items .goback{
    display: block;
    width: 101px;
    height: 30px;
    background-image: url("../images/arrow-our-clients.svg");
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    right: -60px;
    top: 50%;
    z-index: 11;
}

.mp_mod_our_clients .clients .items .item{
    margin: 10px;
}

.mp_mod_our_clients .clients .items .item img{
    display: block;
}

.mp_mod_our_clients .reviews{
    margin-top: 60px;
    display: flex;
    justify-content: flex-end;
}

.mp_mod_our_clients .reviews .title{
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;

    color: #FFFFFF;
    text-decoration: none;

    width: 250px;
    height: 250px;
    padding: 10px;
    box-sizing: border-box;

    background-color: var(--main-red);
    position: relative;
}

.mp_mod_our_clients .reviews .title::after{
    content: "";
    width: 101px;
    height: 8px;
    background-image: url("../images/arrow-our-clients.svg");
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    left: -60px;
    z-index: 5;
    transform: rotate(180deg);
}








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

    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;

    color: #FFFFFF;
    text-decoration: none;

    width: 250px;
    height: 250px;
    padding: 10px;
    box-sizing: border-box;

    background-color: var(--main-red);
    position: relative;

    float: right;
    margin-left: 200px;
    margin-bottom: 50px;

}

.goto_reviews::after{
    content: "";
    width: 101px;
    height: 8px;
    background-image: url("../images/arrow-our-clients.svg");
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    left: -60px;
    z-index: 5;
    transform: rotate(180deg);
}








.mp_our_services_list{
    margin-bottom: 100px;
    margin-top: 50px;
    width: 100%;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mp_our_services_list h3{
    position: relative;
    width: 100%;
}

.mp_our_services_list h3::after{
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    width: 60%;
    height: 10px;
    background-color: #000;
}


.mp_our_services_list p{
    width: 23%;
    margin-bottom: 15px;
    display: block;
    padding: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-top: 0;
}

.main_features p{
    width: 30%;
    margin-bottom: 30px;
    display: block;
    padding-right: 0;
    padding-left: 0;
}

.main_features p strong{
    text-transform: uppercase;
}

.mp_our_services_list p a{
    font-size: 112.50%;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
}

.mp_our_services_list p a:hover{
    color: var(--main-red);
    text-decoration: underline;
}

.main_features p a{
    text-transform: none;
}

.work_with{
    padding-left: 200px;
}

.work_with h3::after {
    width: 40%;
}

.order_btn2{
    width: 250px;
}

.are_you_still_thinking{
    position: relative;
    padding: 40px;
    background-color: #DADADA;

    background-repeat: no-repeat;
    background-position: top right 50px;
}

.are_you_still_thinking h3{
    width: 660px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 400.00%;
    letter-spacing: -0.4px;
    text-transform: none;
}

.are_you_still_thinking > p{
    width: 660px;
    font-size: 150.00%;
}

.are_you_still_thinking .order_btn2{
    position: absolute;
    right: 40px;
    bottom: 40px;
    font-size: 100%;
}














.mp_reviews_images{
    width: 100%;
    margin-bottom: 50px;
}

.mp_reviews_images .items{
    width: 150%;
    margin-left: -25%;

}

.mp_reviews_images .items .item{
    padding: 15px;
    box-sizing: border-box;
}

.mp_reviews_images .items .item a{
    border: 1px solid #000;
    display: block;
    width: 99%;
    margin: 0 auto;
}
.mp_reviews_images .items .item a img{
    display: block;
    width: 100%;
}

.mp_reviews_images h3{
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    height: 80px;
}

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

.mp_reviews_images .title a[href="#prew"]{
    background-image: url("../images/arrow-prew-1.png");
    background-position: left;
    background-repeat: no-repeat;
    width: 150px;
    height: 80px;
    display: block;
}

.mp_reviews_images .title a[href="#prew"]:hover{
    background-image: url("../images/arrow-prew-2.png");
}

.mp_reviews_images .title a[href="#next"]{
    background-image: url("../images/arrow-next-1.png");
    background-position: right;
    background-repeat: no-repeat;
    width: 150px;
    height: 80px;
    display: block;
}

.mp_reviews_images .title a[href="#next"]:hover{
    background-image: url("../images/arrow-next-2.png");
}

.slick-dots {
    text-align: right;
}

.slick-dots li button::before {
    font-size: 40px;
    content: '\25A0';
    text-align: center;
    color: var(--main-gray);
}

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

    color: var(--main-red);
}









.mp_our_product{
    margin-bottom: 100px;
    width: 100%;
}

.mp_our_product h3{
    margin-bottom: 0;
    text-align: center;
    display: block;
}

.mp_our_product .items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
}

.mp_our_product .items .item{
    width: 30%;
    height: 30%;
}

.mp_our_product .items .item a{
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    height: 340px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    transition:all .2s ease-in-out;
}



.mp_our_product .title{
    margin: 0 auto;
    width: 350px;
    margin-top: 50px;
}












.mp_videos{
    width: 100%;
    margin-bottom: 50px;
}

.mp_videos .items{
    width: 120%;
    margin-left: -10%;

}

.mp_videos .items .item{
    padding: 15px;
    box-sizing: border-box;
}

.mp_videos .items .item a{
    display: block;
    width: 99%;
    margin: 0 auto;
    position: relative;
    transition:all .2s ease-in-out;
}

.mp_videos .items .item a span{
    display: block;
    background-image: url("../images/youtube-play.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 38%;
    top: 33%;
    width: 100px;
    height: 80px;
}

.mp_videos .items .item a img{
    display: block;
    width: 100%;
}

.mp_videos .items .item a div{
    width: 320px;
    height: 80px;
    background: rgba(59, 59, 57, 0.9);
    font-size: 150.00%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 70px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    left: -38%;
    top: 30%;
    box-shadow:0 0 5px 0 rgba(50,50,50,0.75);
    background-image: url("../images/arrow-9.svg");
    background-position: left 20px center;
    background-repeat: no-repeat;
}

.mp_videos .items .item a:hover div{
    background-color: var(--main-red);
}

.mp_videos h3{
    justify-content: flex-end;
    position: relative;
}

.mp_videos h3::before{
    content: "";
    width: 60%;
    height: 10px;
    position: absolute;
    left: 0;
    top: 10px;
    background-color: #000;
}

.mp_videos .title{
    width: 450px;
    margin-top: 50px;
}






.ans_your_quest{
    min-height: 66px;
    padding-left: 30px;
    box-sizing: border-box;
    background-color: #000;
    color: #fff;

    display: flex;
    align-items: center;

    background-image: url("../images/arrow-13.svg");
    background-position: right 30px center;
    background-repeat: no-repeat;
    padding-right: 200px;

    width: 85%;
    margin-left: auto;

    font-weight: bold;
    font-size: 150.00%;
    margin-top: 20px;
}

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

.ans_your_quest p a{
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 20px;
}






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: 356px;
    width: 356px;
    height: 100px;
}

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

.footer_left{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    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%;
    display: flex;
    align-items: center;
}

.footer_center ul.menu{
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    margin-left: 30px;
    margin-right: 30px;
}

.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,1.19);
    transition: all 0.2s ease-in-out;
}

footer ul.menu li a:hover img{
    transform:  scale(1.19,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 .separator{
    display: none;
}

.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;
}

.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;
}


.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-xi.png");}
.footer_right ul.menu li a.xing:hover{background-image: url("../images/icon-xi2.png");}

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


.def_content{
    position: relative;
}

.def_content p{
    font-size: 112.50%;
}

.def_content .blanks{
    z-index: 0;
}

.def_content .def_content_in{
    position: relative;
    z-index: 1;
}




.def_content .item_im{
    display: block;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    width: 350px;
}

.def_content h4{
    font-weight: 300;
    font-size: 225.00%;
    text-transform: uppercase;
    padding-top: 100px;
    margin-bottom: 50px;
    margin-top: 0;
    clear: both;
    position: relative;
    padding-left: 90px;
}

.def_content h4::before{
    content: "";
    width: 66px;
    height: 66px;
    position: absolute;
    top: 90px;
    left: 0;
    background-color: var(--main-gray);
    background-image: url("../images/arrow-h4-up.svg");
    background-position: center;
    background-repeat: no-repeat;
}


.def_content h5{
    font-weight: 300;
    font-size: 187.50%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 20px;
}

.def_content hr{
    border: none;
    clear: both;
}




.proud_about{
    margin-top: 70px;
    margin-bottom: 70px;

    background-position: right;
    background-repeat: no-repeat;

    box-sizing: border-box;
    padding-right: 100px;

    display: flex;
    justify-content: space-between;

    flex-wrap: wrap;
}



.proud_about h3{
    width: 100%;
    min-height: 66px;
    font-weight: 300;
    font-size: 225.00%;
    text-transform: uppercase;

    display: flex;
    align-items: center;


}

.proud_about h3:before{
    content: "";
    width: 66px;
    height: 66px;
    margin-right: 35px;
    background-image: url("../images/arrow-h1.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--main-red);
}

.proud_about p{
    width: 48%;

}

.proud_about p a{
    font-size: 112.50%;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
}

.proud_about p a:hover{
    text-decoration: underline;
    color: var(--main-red);
}









.team{
    margin-top: 100px;
    margin-bottom: 100px;

    display: flex;
    justify-content: space-between;

    position: relative;
}

.team .items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.team .items .item{
    width: 350px;
    margin-bottom: 50px;
    position: relative;
}

.team .items .item:nth-child(2n){
    margin-top: 180px;
}

.team .items .item:nth-child(3){
    margin-left: 70px;
    margin-top: -150px;
}

.team .items .item:nth-child(2) .image2{
    left: inherit;
    right: -33px;
}

.team .items .item:nth-child(3) .image2{
    top: 70%;
}


.team .items .item .image{

    position: relative;
}

.team .items .item .image img{
    width: 100%;
    display: block;

    filter: grayscale(99%);
    opacity: 0.85;
    transition: all 0.5s ease-in-out;
}

.team .items .item .image img:hover{
    filter: none;
    opacity: 1;
    transform:  scale(1.05,1.05);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.85);
    transition: all 0.5s ease-in-out;
}

.team .items .item .title{
    font-size: 150.00%;
    text-align: center;
    text-transform: uppercase;
    margin-top: 15px;
}

.team .items .item .intro p{
    text-transform: uppercase;
    color: rgba(59, 59, 57, 0.7);
    margin: 0;
    text-align: center;
}

.team .items .item .image2{
    position: absolute;
    top: 45%;
    left: -33px;
    width: 66px;
    height: 66px;
    background-color: var(--main-red);
    background-position: center;
    background-repeat: no-repeat;
}


.team .links{
    width: 250px;
    margin-left: 50px;
}

.team .links .all{
    width: 250px;
    height: 250px;
    background-color: var(--main-red);
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 150.00%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;

    text-decoration: none;
    margin-bottom: 200px;
    margin-left: 100px;
    transition: all 0.5s ease-in-out;

    position: relative;
}

.team .links .all::before{
    content: "";
    width: 129px;
    height: 8px;
    background-image: url("../images/arrow-all-team1.svg");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 49%;
    left: -30%;
}

.team .links .all:hover,
.team .links .contacts:hover
{
    transform:  scale(1.01,1.01);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.85);
    transition: all 0.5s ease-in-out;
}

.team .links .contacts{
    width: 250px;
    height: 250px;
    background-color: var(--main-light-gray);
    display: flex;
    justify-content: center;
    align-items: center;

    font-weight: 300;
    font-size: 225.00%;
    text-align: center;
    text-transform: uppercase;
    color: #000000;

    text-decoration: none;

    transition: all 0.5s ease-in-out;

    position: relative;

}

.team .links .contacts::before{
    content: "";
    width: 101px;
    height: 8px;
    background-image: url("../images/arrow-contact-us1.svg");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 49%;
    right: -45%;
}

.team .items .item .team_order{
    position: absolute;
    left: 0;
    top: 0;
    width: 440px;
}




.our_work_with_you_about{

}

.our_work_with_you_about H3{
    justify-content: center;
}


.our_work_with_you_about H4{
    font-size: 150%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.our_work_with_you_about H5{
    font-weight: 300;
    font-size: 150.00%;

}

.our_work_with_you_about p{
    margin-top: 30px;
}

.our_work_with_you_about .red_btn{
    margin: 0 auto;
    margin-top: 80px;
    max-width: 350px;
}









.portfolio{

}


.portfolio .subcats{
    margin-bottom: 80px;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.portfolio .subcats .subcats_show{
    background-image: url("../images/arrow-portf-subcats.svg");
    background-position: left;
    background-repeat: no-repeat;
    width: 130px;
    flex-basis: 130px;
    margin-right: 50px;
    margin-left: 200px;
    height: 160px;
    display: block;
    box-sizing: border-box;
    transition:all .2s ease-in-out;

}


.portfolio .subcatsact{
    overflow: inherit;
    transition:all .2s ease-in-out;
}

.portfolio .subcatsact .in{
    margin-left: 0;
    height: auto!important;
    transition:all .2s ease-in-out;
    justify-content: center!important;
}

.portfolio .subcats .in{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: 160px;
}

.portfolio .subcats .in .item{

    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    margin: 10px;
    background-color: var(--main-dark-red);

    font-weight: bold;
    font-size: 112.50%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;

    box-sizing: border-box;
    padding: 20px;

    transition:all .2s ease-in-out;

}

.portfolio .subcats .in .item:hover,
.portfolio .subcats .in .active{
    background-color: var(--main-red);
}

.portfolio .items{

}

.portfolio .items .item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
}

.portfolio .items .item .image{
    width: 47%;
    height: 540px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;

    filter: grayscale(99%);
    opacity: 0.85;
    transition: all 0.2s ease-in-out;
}

.portfolio .items .item .image:hover{
    filter: grayscale(0);
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

.portfolio .items .item .texts{
    width: 50%;
    position: relative;
}

.portfolio .items .item .texts .intro{
    font-size: 112.50%;
}

.portfolio .items .item .texts .item_cat{
    position: absolute;
    top: 30%;
    left: -100px;
    width: 250px;
    height: 250px;
    background: rgba(59, 59, 57, 0.7);
    font-size: 150.00%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 5;
}

.portfolio .items .item .texts .item_cat::after{
    content: "";
    background-image: url("../images/arrow-contact-us1.svg");
    background-position: right;
    background-repeat: no-repeat;
    width: 101px;
    height: 8px;
    top: 45%;
    right: -30%;
    position: absolute;
}


.portfolio .items .item:nth-child(2n) .image{
    order: 1000;
}

.portfolio .items .item:nth-child(2n) .texts .item_cat{
    left: inherit;
    right: -100px;
    background: rgba(188, 188, 188, 0.7);
}

.portfolio .items .item:nth-child(2n) .texts .item_cat::after{
    background-image: url("../images/arrow-portf-subcats.svg");
    background-position: left;
    background-repeat: no-repeat;
    left: -30%;
    right: inherit;
}

.portfolio .items .item:nth-child(3n) .texts .item_cat{
    background: rgba(223, 0, 0, 0.7);
}



.portfolio .items h3 a{
    text-decoration: none;
}

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

.portfolio .show_more{
    display: block;
    width: 66px;
    height: 66px;
    background-color: var(--main-gray);
    background-image: url("../images/arrow-show-more.svg");
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px;
}


.portfolio .k2Pagination{
    display: none;
}

#hidden_portff_div{
    display: none;
}








.portfolio_item{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 50px;
}

.portfolio_item .gallery{
    width: 45%;
}

.portfolio_item2 .gallery{
    width: 200px;
    margin-right: 20px;
}

.portfolio_item .gallery .portfolio_gal1_out,
.portfolio_item .gallery .portfolio_gal2_out
{
    position: relative;
}


.portfolio_item .gallery .portfolio_gal1_out a.pf_gal1_prew{
    position: absolute;
    width: 66px;
    height: 66px;
    top: 45%;
    right: -33px;
    background-color: var(--main-light-gray);
    background-image: url("../images/arrow_prew.png");
    background-position: top;
    background-repeat: no-repeat;
    z-index: 5;
    transition: all 0.2s ease-in-out;
}

.portfolio_item .gallery .portfolio_gal2_out a.pf_gal2_prew{
    position: absolute;
    width: 66px;
    height: 66px;
    top: 50px;
    left: -33px;
    background-color: var(--main-light-gray);
    background-image: url("../images/arrow_next.png");
    background-position: top;
    background-repeat: no-repeat;
    z-index: 5;
    transition: all 0.2s ease-in-out;
}

.portfolio_item .gallery .portfolio_gal1_out a.pf_gal1_prew:hover,
.portfolio_item .gallery .portfolio_gal2_out a.pf_gal2_prew:hover{
    background-color: var(--main-red);
    transition: all 0.2s ease-in-out;
}

.portfolio_item .texts{
    width: 35%;
}

.portfolio_item2 .texts{
    width: 65%;
}

.portfolio_item .rewiev{
    width: 10%;
}

.portfolio_item .gallery .portfolio_gal1{
    margin-bottom: 20px;
}

.portfolio_item .gallery .portfolio_gal1 a{
    display: block;
    width: 100%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    height: 540px;
}

.portfolio_item2 .gallery .portfolio_gal1 a{
    display: block;
    width: 100%;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
}

.portfolio_item .gallery .portfolio_gal2 .gitemdiv{
    padding: 3px;
}

.portfolio_item .gallery .portfolio_gal2 a{
    display: block;
    width: 160px;
    background-position: top;
    background-size: cover;
    height: 160px;
}


.portfolio_item h1{
    margin-top: -7px;
}


.portfolio_item .rewiev .item_price{
    font-size: 112.50%;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--main-light-gray);
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 40px;
    width: 250px;
}


.portfolio_item .texts .teh{
    margin-top: 50px;
}

.portfolio_item .texts .teh h5{
    font-size: 100%;
    text-transform: uppercase;
    font-weight: normal;
}

.portfolio_item .texts .teh .items{
    display: flex;
    flex-wrap: wrap;

}

.portfolio_item .texts .teh .items div{
    width: 66px;
    height: 66px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: var(--main-light-gray);
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: 40px;*/
}

.portfolio_item .texts .teh .items div.__wp{background-image:               url("../images/tech/wp.svg");}
.portfolio_item .texts .teh .items div.__sql{background-image:              url("../images/tech/sol.svg");}
.portfolio_item .texts .teh .items div.__java{background-image:             url("../images/tech/java.svg");}
.portfolio_item .texts .teh .items div.__html{background-image:             url("../images/tech/html.svg");}
.portfolio_item .texts .teh .items div.__php{background-image:              url("../images/tech/php.svg");}
.portfolio_item .texts .teh .items div.__figma{background-image:            url("../images/tech/figma.svg");}
.portfolio_item .texts .teh .items div.__js{background-image:               url("../images/tech/js.svg");}
.portfolio_item .texts .teh .items div.__ios{background-image:              url("../images/tech/ios.svg");}
.portfolio_item .texts .teh .items div.__prestashop{background-image:       url("../images/tech/prestashop.svg");}
.portfolio_item .texts .teh .items div.__photoshop{background-image:        url("../images/tech/photoshop.svg");}
.portfolio_item .texts .teh .items div.__android{background-image:          url("../images/tech/android.svg");}
.portfolio_item .texts .teh .items div.__joomla{background-image:           url("../images/tech/joomla.svg");}
.portfolio_item .texts .teh .items div.__mysql{background-image:            url("../images/tech/mysql.svg");}
.portfolio_item .texts .teh .items div.__drupal{background-image:           url("../images/tech/drupal.svg");}
.portfolio_item .texts .teh .items div.__magento{background-image:          url("../images/tech/magento.svg");}
.portfolio_item .texts .teh .items div.__ruby-on-rails{background-image:    url("../images/tech/ruby on rails.svg");}
.portfolio_item .texts .teh .items div.__flash{background-image:            url("../images/tech/flash.svg");}
.portfolio_item .texts .teh .items div.__ecommerce{background-image:        url("../images/tech/ecommerce.svg");}
.portfolio_item .texts .teh .items div.__laravel{background-image:          url("../images/tech/laravel.svg");}
.portfolio_item .texts .teh .items div.__dle{background-image:              url("../images/tech/dle.svg");}
.portfolio_item .texts .teh .items div.__oracle{background-image:           url("../images/tech/oracle.svg");}
.portfolio_item .texts .teh .items div.__vba{background-image:              url("../images/tech/vba.svg");}
.portfolio_item .texts .teh .items div.__delphi{background-image:           url("../images/tech/delphi.svg");}
.portfolio_item .texts .teh .items div.__access{background-image:           url("../images/tech/access.svg");}
.portfolio_item .texts .teh .items div.__t-sql{background-image:            url("../images/tech/t-sql.svg");}
.portfolio_item .texts .teh .items div.__excel{background-image:            url("../images/tech/excel.svg");}
.portfolio_item .texts .teh .items div.__world{background-image:            url("../images/tech/world.svg");}
.portfolio_item .texts .teh .items div.__cj{background-image:               url("../images/tech/cj.svg");}
.portfolio_item .texts .teh .items div.__net{background-image:              url("../images/tech/net.svg");}
.portfolio_item .texts .teh .items div.__Helix{background-image:            url("../images/tech/helix.svg");}
.portfolio_item .texts .teh .items div.__PostgreSQL{background-image:       url("../images/tech/postgresql.svg");}
.portfolio_item .texts .teh .items div.__PSI{background-image:              url("../images/tech/psi.svg");}
.portfolio_item .texts .teh .items div.__WCF{background-image:              url("../images/tech/wcf.svg");}
.portfolio_item .texts .teh .items div.__PowerPoint{background-image:       url("../images/tech/powerpoint.svg");}
.portfolio_item .texts .teh .items div.__Outlook{background-image:          url("../images/tech/outlook.svg");}
.portfolio_item .texts .teh .items div.__Sugar{background-image:            url("../images/tech/sugar.svg");}
.portfolio_item .texts .teh .items div.__Crystal-Reports{background-image:  url("../images/tech/crystal-reports.svg");}
.portfolio_item .texts .teh .items div.__DAO{background-image:              url("../images/tech/dao.svg");}
.portfolio_item .texts .teh .items div.__ADA{background-image:              url("../images/tech/ada.svg");}
.portfolio_item .texts .teh .items div.__Sybase{background-image:           url("../images/tech/sybase.svg");}
.portfolio_item .texts .teh .items div.__managing{background-image:         url("../images/tech/managing.svg");}
.portfolio_item .texts .teh .items div.__Jira{background-image:             url("../images/tech/jira.svg");}
.portfolio_item .texts .teh .items div.__SAP{background-image:              url("../images/tech/sap.svg");}
.portfolio_item .texts .teh .items div.__Alterix{background-image:          url("../images/tech/alterix.svg");}
.portfolio_item .texts .teh .items div.__DWH{background-image:              url("../images/tech/dwh.svg");}
.portfolio_item .texts .teh .items div.__ERWIN{background-image:            url("../images/tech/erwin.svg");}
.portfolio_item .texts .teh .items div.__VSAN-VLAN{background-image:        url("../images/tech/vsan-vlan.svg");}
.portfolio_item .texts .teh .items div.__MPLS{background-image:             url("../images/tech/mpls.svg");}
.portfolio_item .texts .teh .items div.__RAD{background-image:              url("../images/tech/rad.svg");}
.portfolio_item .texts .teh .items div.__CNC-machines{background-image:     url("../images/tech/cnc.svg");}
.portfolio_item .texts .teh .items div.__CSS{background-image:              url("../images/tech/css.svg");}
.portfolio_item .texts .teh .items div.__Bitrix{background-image:           url("../images/tech/bitrix.svg");}
.portfolio_item .texts .teh .items div.__Publisher{background-image:        url("../images/tech/publisher.svg");}






.portfolio_item .rewiev .rew_in{
    width: 100%;
    /*overflow: hidden;*/
}

.portfolio_item .rewiev .rew_in .rew_lnk{
    display: flex;
    width: 250px;
    height: 250px;
    justify-content: center;
    align-items: center;

    font-size: 150.00%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    background-color: var(--main-red);
    position: relative;
    z-index: 5;
}

.portfolio_item .rewiev .rew_in .rew_lnk::before{
    content: "";
    background-image: url("../images/arrow-all-team1.svg");
    background-position: left;
    background-repeat: no-repeat;
    width: 129px;
    height: 10px;
    display: block;
    position: absolute;
    left: -100px;
    top: 120px;
}

.portfolio_item .rewiev .rew_in .rew_img{
    position: relative;
}

.portfolio_item .rewiev .rew_in .rew_img img{
    display: block;
    width: 350px;
    border: 1px solid #000;
    margin-top: -80px;
    margin-left: -29%;
}

.portfolio_item .texts .order_btn{
    margin: 0 auto;
    margin-top: 50px;
    width: 80%;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;

}










.servises_cat{

}

.servises_cat .tabs{
    margin-bottom: 50px;
}

.servises_cat .tabs ul.tabsu{
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.servises_cat .tabs ul.tabsu li{
    display: block;
}

.servises_cat .tabs ul.tabsu li a{
    width: 250px;
    height: 250px;
    margin-bottom: 20px;
    background-color: var(--main-gray);
    display: flex;
    align-items: flex-start;
    padding: 25px;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 160%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    background-position: bottom 40px center;
    background-repeat: no-repeat;
    word-spacing: 9999999px;
    word-break: break-word;
}

.servises_cat .tabs ul.tabsu li a:hover,
.servises_cat .tabs ul.tabsu li.active a
{
    background-color: var(--main-red);
}

.servises_cat .tabs ul.tabsu li:nth-child(4) a{
    align-items: flex-end;
    background-position: top 40px center;
}

.servises_cat .tabs .tabtext h2{
    font-size: 225.00%;
    text-transform: uppercase;
}

.servises_cat .tabs .tabtext p{
    font-size: 112.50%;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 5px;
}



.servises_cat .tabs .reed_more{
    width: 450px;
    margin-top: 50px;
}

.servises_cat .tabs .tabtext{


}

.servises_cat .tabs .tabtext .services_mod {
    margin-bottom: 100px;
    margin-top: 100px;
    width: 100%;
    display: block;
}

.servises_cat .tabs .tabtext .services_mod h3{
    margin-bottom: 300px;
}

.servises_cat .tabs .tabtext .services_mod h4{
    margin: 0 auto;
    width: 60%;

    font-size: 150.00%;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 30px;

}

.servises_cat .tabs .tabtext .services_mod p {
    padding: 0;
    margin: 0 auto;
    width: 60%;
    margin-bottom: 10px;
    text-transform: inherit;
}

.servises_cat .tabs .tabtext .services_mod p a.reed_more_mod{
    display: block;
    clear: both;
    color: var(--main-red);
    margin-top: 30px;
    font-size: 87.50%;
    padding-right: 80px;
    background-image: url("../images/arrow-read-more-serv.svg");
    background-position: right;
    background-repeat: no-repeat;
    width: 210px;
}


.servises_cat .tabs .tabtext .services_mod{
    position: relative;
    margin-bottom: 500px;
}

.services_mod_ws_dev p,
.services_mod_web_des p,
.services_mod_web_shp p,
.services_mod_web_frw p,
.services_mod_ws_dev h4,
.services_mod_web_des h4,
.services_mod_web_shp h4,
.services_mod_web_frw h4
{position: relative;z-index: 1;}

.services_mod_ws_dev .blanks,
.services_mod_web_des .blanks,
.services_mod_web_shp .blanks,
.services_mod_web_frw .blanks
{background-size: inherit; z-index: 0;}

.services_mod_ws_dev .blanks_51{top:160px; left: 0; width: 160px; height: 160px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/1-1.png");}
.services_mod_ws_dev .blanks_52{top:100px; left: 360px; width: 160px; height: 160px; background-color: var(--main-red); background-image: url("../images/serv-mod-icons/1-2.png");}
.services_mod_ws_dev .blanks_53{top:90px; right: 200px; width: 200px; height: 200px; background-color: var(--main-red); background-image: url("../images/serv-mod-icons/1-3.png");}
.services_mod_ws_dev .blanks_54{top:400px; left: -30px; width: 168px; height: 168px; background-color: var(--main-red); background-image: url("../images/serv-mod-icons/1-4.png");}
.services_mod_ws_dev .blanks_55{top:460px; right: 0px; width: 155px; height: 155px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/1-5.png");}
.services_mod_ws_dev .blanks_56{bottom:-180px; left: 200px; width: 140px; height: 140px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/1-6.png");}
.services_mod_ws_dev .blanks_57{bottom:-200px; left: 500px; width: 125px; height: 125px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/1-7.png");}
.services_mod_ws_dev .blanks_58{bottom:-180px; right: 0px; width: 160px; height: 160px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/1-8.png");}
.services_mod_ws_dev .blanks_59{bottom:-380px; left: 400px; width: 110px; height: 110px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/1-9.png");}
.services_mod_ws_dev .blanks_60{bottom:-330px; right: 250px; width: 160px; height: 160px; background-color: var(--main-red); background-image: url("../images/serv-mod-icons/1-10.png");}

.services_mod_ws_dev .blanks_61{display: none;}
.services_mod_ws_dev .blanks_62{display: none;}
.services_mod_ws_dev .blanks_63{display: none;}
.services_mod_ws_dev .blanks_64{display: none;}



.services_mod_web_des .blanks_51{top:80px; left: 0; width: 206px; height: 206px; background-color: var(--main-red); background-image: url("../images/serv-mod-icons/2-1.png");}
.services_mod_web_des .blanks_52{top:190px; left: 490px; width: 170px; height: 170px; background-color: var(--main-red); background-image: url("../images/serv-mod-icons/2-2.png");}
.services_mod_web_des .blanks_53{top:90px; right: 100px; width: 140px; height: 140px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/2-3.png");}
.services_mod_web_des .blanks_54{bottom:-200px; left: 100px; width: 140px; height: 140px; background-color: var(--main-dark-red); background-image: url("../images/serv-mod-icons/2-4.png");}
.services_mod_web_des .blanks_55{bottom:-200px; right: 100px; width: 140px; height: 140px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/2-5.png");}

.services_mod_web_des .blanks_56{display: none;}
.services_mod_web_des .blanks_57{display: none;}
.services_mod_web_des .blanks_58{display: none;}
.services_mod_web_des .blanks_59{display: none;}
.services_mod_web_des .blanks_60{display: none;}
.services_mod_web_des .blanks_61{display: none;}
.services_mod_web_des .blanks_62{display: none;}
.services_mod_web_des .blanks_63{display: none;}
.services_mod_web_des .blanks_64{display: none;}

.servises_cat .tabs .tabtext .services_mod_web_des p,.servises_cat .tabs .tabtext .services_mod_web_des h4{width: 100%;}




.services_mod_web_shp .blanks_51{top:110px;  left: 0;        width: 220px; height: 220px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/3-1.png");}
.services_mod_web_shp .blanks_52{top:60px;  left: 300px;    width: 160px; height: 160px; background-color: var(--main-light-gray);  background-image: url("../images/serv-mod-icons/3-2.png");}
.services_mod_web_shp .blanks_53{top:90px;  left: 490px;    width: 160px; height: 160px; background-color: var(--main-red);         background-image: url("../images/serv-mod-icons/3-3.png");}
.services_mod_web_shp .blanks_54{top:80px;  right: 200px;   width: 200px; height: 200px; background-color: var(--main-red);         background-image: url("../images/serv-mod-icons/3-4.png");}
.services_mod_web_shp .blanks_55{top:150px;  right: 0px;     width: 100px; height: 100px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/3-5.png");}
.services_mod_web_shp .blanks_56{top:400px;  left: 0px;     width: 168px; height: 168px; background-color: var(--main-red);        background-image: url("../images/serv-mod-icons/3-6.png");}
.services_mod_web_shp .blanks_57{top:420px;  right: 5px;     width: 155px; height: 155px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/3-7.png");}
.services_mod_web_shp .blanks_58{bottom:-200px;  left: 150px;     width: 140px; height: 140px; background-color: var(--main-red); background-image: url("../images/serv-mod-icons/3-8.png");}
.services_mod_web_shp .blanks_59{bottom:-210px;  left: 390px;     width: 160px; height: 160px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/3-9.png");}
.services_mod_web_shp .blanks_60{bottom:-250px;  right: 290px;     width: 160px; height: 160px; background-color: var(--main-red); background-image: url("../images/serv-mod-icons/3-10.png");}
.services_mod_web_shp .blanks_61{bottom:-210px;  right: 5px;     width: 160px; height: 160px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/3-11.png");}
.services_mod_web_shp .blanks_62{bottom:-410px;  left: 55px;     width: 140px; height: 140px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/3-12.png");}
.services_mod_web_shp .blanks_63{bottom:-410px;  left: 355px;     width: 177px; height: 177px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/3-13.png");}
.services_mod_web_shp .blanks_64{bottom:-410px;  right: 95px;     width: 177px; height: 177px; background-color: var(--main-light-gray); background-image: url("../images/serv-mod-icons/3-14.png");}





.services_mod_web_frw .blanks_51{top:80px;      left: 80px;     width: 160px; height: 160px; background-color: var(--main-light-gray);  background-image: url("../images/serv-mod-icons/4-1.png");}
.services_mod_web_frw .blanks_52{top:110px;     left: 490px;    width: 213px; height: 213px; background-color: var(--main-red);         background-image: url("../images/serv-mod-icons/4-2.png");}
.services_mod_web_frw .blanks_53{top:160px;      right: 0px;   width: 200px; height: 200px; background-color: var(--main-light-gray);  background-image: url("../images/serv-mod-icons/4-3.png");}
.services_mod_web_frw .blanks_54{top:400px; left: 20px;    width: 168px; height: 168px; background-color: var(--main-light-gray);  background-image: url("../images/serv-mod-icons/4-4.png");}
.services_mod_web_frw .blanks_55{top:450px; right: -20px;   width: 200px; height: 200px; background-color: var(--main-light-gray);  background-image: url("../images/serv-mod-icons/4-5.png");}

.services_mod_web_frw .blanks_56{bottom:-300px; left: 50px;     width: 246px; height: 246px; background-color: var(--main-light-gray);  background-image: url("../images/serv-mod-icons/4-6.png");}
.services_mod_web_frw .blanks_57{bottom:-350px; left: 390px;    width: 159px; height: 169px; background-color: var(--main-red);         background-image: url("../images/serv-mod-icons/4-7.png");}
.services_mod_web_frw .blanks_58{bottom:-290px; right: 220px;    width: 184px; height: 184px; background-color: var(--main-red);         background-image: url("../images/serv-mod-icons/4-8.png");}

.services_mod_web_frw .blanks_59{display: none;}
.services_mod_web_frw .blanks_60{display: none;}
.services_mod_web_frw .blanks_61{display: none;}
.services_mod_web_frw .blanks_62{display: none;}
.services_mod_web_frw .blanks_63{display: none;}
.services_mod_web_frw .blanks_64{display: none;}






.products{

}

.products .subcats{
    position: relative;
}


.products .subcats .subcats_slider{
    margin-bottom: 30px;
}

.products .subcats .subcats_slider .item{
    width: 250px;
    height: 270px;
    padding: 10px;
    box-sizing: border-box;
}

.products .subcats .subcats_slider .item a{
    display: flex;
    padding: 20px;
    background-color: var(--main-gray);
    background-position: center 40px;
    background-repeat: no-repeat;

    align-items: flex-end;

    font-weight: bold;
    font-size: 225.00%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

.products .subcats .subcats_slider .item a:hover,
.products .subcats .subcats_slider .item a.active,
.products .subcats .subcats_slider .ui-tabs-active a

{
    background-color: var(--main-red);
    transition: all 0.2s ease-in-out;
}

.products .subcats a[href="#next"]{
    background-image: url("../images/arrow-contact-us1.svg");
    background-position: right;
    background-repeat: no-repeat;
    width: 100px;
    height: 20px;
    position: absolute;
    display: block;
    right: -50px;
    top: 120px;
    z-index: 5;
}

.products .subcats a[href="#prev"]{
    background-image: url("../images/arrow-all-team1.svg");
    background-position: left;
    background-repeat: no-repeat;
    width: 100px;
    height: 20px;
    position: absolute;
    display: block;
    left: -50px;
    top: 120px;
    z-index: 5;
}

.products .subcats  ul.menuproducts_submenu{
    display: flex;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.products .subcats ul.menuproducts_submenu li{
    width: 66px;
    height: 66px;
    margin-right: 20px;
    margin-bottom:20px;
    display: flex;
}

.products .subcats ul.menuproducts_submenu li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;

    background-color: var(--main-light-gray);
    transition: all 0.2s ease-in-out;
}

.products .subcats ul.menuproducts_submenu li a:hover{
    background-color: var(--main-red);
    transition: all 0.2s ease-in-out;
}


.products .subcat_desc ul.menuproducts_submenu2{
    display: flex;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.products .subcat_desc ul.menuproducts_submenu2 li{
    display: flex;
    padding: 0;
    margin: 0;
    margin-right: 20px;
    margin-bottom: 20px;
}

.products .desc_part2_readmore{
    width: 260px;
}

.products .desc_part2_readmore_invis{
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}

.products .desc_part2{
    display: none;
}

.products .desc_part2_vis{
    display: block;
    margin-top: 20px;
    transition: all 0.2s ease-in-out;
}


.products .items{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.products .items .item{
    width: 340px;
    height: 340px;
    border: 1px solid #000000;
    box-sizing: border-box;
    /*margin-right: 20px;*/
    margin-bottom: 20px;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    position: relative;
}

.products .items .item img{
    display: block;
    width: 100%;

    filter: grayscale(99%);
    opacity: 0.85;
    transition: all 0.2s ease-in-out;
}

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

.products .items .item:hover img{
    width: 103%;
    filter: grayscale(0);
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

.products .items .item .link{
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(223, 0, 0, 0.72);
    text-decoration: none;
    box-sizing: border-box;
    padding: 20px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.products .items .item .link:hover{
    opacity: 1;
    transition: all 0.5s ease-in-out;
}

.products .items .item .link .title{
    font-weight: bold;
    font-size: 225.00%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.products .items .item .link .price{
    font-weight: bold;
    font-size: 225.00%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: auto;
    clear: both;
    margin-bottom: 20px;
}

.products .items .item .link .live_demo{
    font-weight: bold;
    font-size: 112.50%;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%;
    padding-bottom: 10px;
    background-image: url("../images/arrow11.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.products .items .item .link .more_info{
    font-weight: bold;
    font-size: 112.50%;
    text-transform: uppercase;
    color: #000;
    width: 100%;
    padding-bottom: 10px;
    background-image: url("../images/arrow-contact-us1.svg");
    background-position: left bottom;
    background-repeat: no-repeat;
}





.products .subcats2{
    margin-top: 30px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

.products .subcats2 a{
    display: block;
    width: 66px;
    height: 66px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: var(--main-gray);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
}

.products .subcats2 a.active,
.products .subcats2 a:hover{
    background-color: var(--main-red);
}


.product_item{

}

.product_item h1{
    text-transform: none;
}

.product_item h1 i{
    font-style: normal;
    color: var(--main-red);
}

.product_item .descr{
    padding-left: 102px;
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 112.50%;
}

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

.product_item .pre .img,
.product_item .pre .text
{
    width: 48%;
}

.product_item .pre .img img{
    width: 100%;
    display: block;
    border: 1px solid #000000;
}

.product_item .pre .text .price{
    font-size: 225.00%;
    text-transform: uppercase;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product_item .pre .text .price in{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-right: 20px;
}

.product_item .pre .text .price .order_btn{
    font-size: 60%;
    width: 100%;
    max-width: 350px;
    background: none;
    background-color: var(--main-gray);
    color: black!important;
    font-weight: normal!important;
    background-image: url("../images/cod.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 25px;
    padding: 20px;
    padding-right: 50px;
    box-sizing: border-box;
    text-transform: none;
}

.div_prod_add_prices{
    display: none;
    position: relative;
    padding-bottom: 150px;
}

.div_prod_add_prices table{
    width: 100%;
}

.div_prod_add_prices table tr td{
    padding-top: 5px;
    padding-bottom: 5px;
}

.div_prod_add_prices table tr td:nth-child(2){
    font-weight: bold;
    width: 10%;
}

.div_prod_add_prices table tr td:nth-child(3){
    font-weight: bold;
    width: 10%;
    text-align: right;
}


.product_item .pre .text .links{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.product_item .pre .text .links a{
    width: 48%;
}

.product_item .gall{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 40px;
}

.product_item .gall a{
    display: block;
    width: 250px;
    height: 250px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #000000;
    margin-bottom: 20px;
}

.product_item .fulltext{
    font-size: 112.50%;
}

.product_item .fulltext p{margin-bottom: 30px;}






.prod_after_content_table{
margin-top: 50px;
    margin-bottom: 50px;
}

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

.prod_after_content_table tr td{
    width: 25%;
    padding: 20px;
    box-sizing: border-box;
    padding-bottom: 0;
    padding-top: 0;

    font-weight: bold;
    font-size: 187.50%;
    text-align: center;
}





.cat_content_tags{

}

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


.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;
    margin-bottom: 10px;
}

.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/arrow_next.png");background-color: transparent;}
.cat_content_tags .slick-prev{background-image: url("../images/arrow_prew.png");background-color: transparent;}







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


.cat_content_tags .slick-next{
    width: 66px;
    height: 66px;
    background-image: url("../images/arrow_next.png");
    background-position: top;
    background-repeat: no-repeat;
}

.cat_content_tags .slick-prev{
    width: 66px;
    height: 66px;
    background-image: url("../images/arrow_prew.png");
    background-position: top;
    background-repeat: no-repeat;
    z-index: 5;
}



.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);
    transition: all 0.5s ease-in-out;
}

.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_cat2 a.itemlink2{
    display: flex;
    align-items: flex-end;
    text-decoration: none;
}

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

    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    height: 100px;

}



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

}





.k2Pagination{

}


.k2Pagination .pagination{
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
    margin-top: 50px;

}

.k2Pagination .pagination li{
    display: flex;
    width: 33px;
    height: 33px;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    margin-right: 5px;
    margin-left: 5px;
}

.k2Pagination .pagination li.pag_first,
.k2Pagination .pagination li.pag_last
{
    border: none;
    width: auto;
}

.k2Pagination .pagination li a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.k2Pagination .pagination li.pag_current
{
    border-color: var(--main-red);
    background-color: var(--main-red);
    color: #fff;
}


.buyashop .title{
    margin-bottom: auto;
}

.mod_buyashop{

}

.mod_buyashop .descr{
    font-size: 150.00%;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 30px;
}

.mod_buyashop .buyitems{

}

.mod_buyashop .buyitems .item{
    width: 180px;
    height: 180px;
}
/*
.mod_buyashop .buyitems .item:first-child{
    width: 170px;
}

.mod_buyashop .buyitems .item:first-child a{
    margin: 0;
}
*/
.mod_buyashop .buyitems .item a{
    margin: 0 auto;
    width: 160px;
    height: 160px;
    background-color: var(--main-light-gray);

    background-position: center 30px;
    background-repeat: no-repeat;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    font-size: 150.00%;
    letter-spacing: -0.4px;
    font-variant: small-caps;
    color: #FFFFFF;
    text-decoration: none;

    box-sizing: border-box;
    padding: 20px;
    transition: all 0.5s ease-in-out;
}

.mod_buyashop .buyitems .item a:hover,
.mod_buyashop .buyitems .item a.active_itemid
{
    background-color: var(--main-red);
    transition: all 0.5s ease-in-out;
}



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


.mod_buyashop .slick-next{
    width: 66px;
    height: 66px;
    background-image: url("../images/arrow_next.png");
    background-position: top;
    background-repeat: no-repeat;
}

.mod_buyashop .slick-prev{
    width: 66px;
    height: 66px;
    background-image: url("../images/arrow_prew.png");
    background-position: top;
    background-repeat: no-repeat;
    z-index: 5;
}


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


.cat_content_tags .slick-next{
    width: 66px;
    height: 66px;
    background-image: url("../images/arrow_next.png");
    background-position: top;
    background-repeat: no-repeat;
}

.cat_content_tags .slick-prev{
    width: 66px;
    height: 66px;
    background-image: url("../images/arrow_prew.png");
    background-position: top;
    background-repeat: no-repeat;
    z-index: 5;
}




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

.buyashop_item .before,
.buyashop_item .after
{
    width: 48%;
}

.buyashop_item .capt{
    font-weight: 300;
    font-size: 225.00%;
    letter-spacing: -0.4px;
    font-variant: small-caps;
    margin-bottom: 30px;
    text-align: center;
}

.buyashop_item .img{
    display: block;
    height: 700px;
    border: 1px solid #C4C4C4;
    margin-bottom: 50px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.buyashop_item .text{
    padding-left: 10px;
    padding-right: 10px;
}

.buyashop_item .text h4{
    font-weight: bold;
    font-size: 225.00%;
    color: #C4C4C4;
    margin-top: 30px;
}

.buyashop_item .black_btn{
    width: 255px;
    margin: 0 auto;
    margin-top: 30px;
}





/*
.out_thank_you{
    height: calc(100% - 140px );
    align-items: center;
    display: flex;
}

*/

.out_thank_you .red_btn{
    width: 250px;
    margin: 0 auto;
    margin-top: 30px;
}

.out_thank_you h1{
    font-weight: 500;
    font-size: 600.00%;
    text-align: center;
    margin-bottom: 2px;
}

.out_thank_you p{
    font-size: 150.00%;
}








.service_information hr{
    border: none;
    clear: both;
}
/*
.service_information ul[style="list-style-type: square;"] li{
    font-weight: 300;
    margin-bottom: 10px;
}

.service_information ul[style="list-style-type: square;"] li::marker{
    color: var(--main-red);
}
*/
ul[style="list-style-type: square;"] li{
    font-weight: 300;
    margin-bottom: 10px;
}

ul[style="list-style-type: square;"] li::marker{
    color: var(--main-red);
}








.rewievs_itemlist{
    margin-bottom: 50px;
}



.rewievs_itemlist .items{
    margin-top: 50px;
    margin-bottom: 50px;
}

.rewievs_itemlist .items .item{
    margin-bottom: 40px;
    background-color: var(--main-light2-gray);
    padding: 30px;
    padding-left: 105px;
    box-sizing: border-box;
    position: relative;
    font-size: 112.50%;
}

.rewievs_itemlist .items .item::before{
    content: "";
    width: 29px;
    height: 23px;
    background-image: url("../images/rew-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    top: -10px;
}

.rewievs_itemlist .items .item .title{
    font-weight: bold;
    padding-bottom: 15px;
}

.rewievs_itemlist .items .item .title span{
    font-weight: normal;
    font-size: 85%;
}

.rewievs_itemlist .items .item .intro{
    font-weight: 300;
    font-style: italic;
}

.rewievs_itemlist .leave_review{
    width: 350px;
    margin: 0 auto;
    margin-top: 20px;
}



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

.clients_items div{
    margin: 20px;

}

.clients_item .become_our_client{
    margin: 0 auto;
    margin-top: 50px;
    width: 350px;
}



.after_content{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}








.talktowebdis{
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.talktowebdis .talk_to_wdiss{
    width: 450px;
}

.talktowebdis .cantt{
    display: flex;
}

.talktowebdis .cantt .txt{
    background-image: url("../images/arrow-contact-us1.svg");
    background-position: right;
    background-repeat: no-repeat;

    font-size: 150.00%;
    padding-right: 120px;
    margin-right: 20px;
    align-items: center;
    display: flex;
}


.talktowebdis .cantt .mess{
    background-color: var(--main-red);
    padding: 20px;
    padding-left: 100px;
    width: 330px;
    box-sizing: border-box;
    background-image: url("../images/writeamess.svg");
    background-position: 20px;
    background-repeat: no-repeat;

    font-size: 150.00%;
    text-align: right;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: underline;
}






.stages_web_diz{
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
}

.stages_web_diz h3{
    font-weight: 900;
    font-size: 150.00%;
    text-transform: uppercase;
    color: var(--main-red);
    justify-content: center;
    margin-bottom: 50px;
}

.stages_web_diz .pretext{
    border: 1px solid var(--main-red);
    padding: 40px;
    box-sizing: border-box;
    font-size: 112.50%;
}

.stages_web_diz .items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.stages_web_diz .items .item{
    width: 250px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.stages_web_diz .items .item .top{
    height: 250px;
    background-color: var(--main-red);
    padding: 25px;
    box-sizing: border-box;
    color: #fff;
    margin-top: 20px;
}

.stages_web_diz .items .item:nth-child(1) .top{
    background-color: var(--main-red);
}

.stages_web_diz .items .item:nth-child(2) .top{
    background-color: var(--main-gray);
    margin-top: 99px;
}

.stages_web_diz .items .item:nth-child(3) .top{
    background-color: var(--main-gray);
    margin-top: 30px;
}

.stages_web_diz .items .item:nth-child(4) .top{
    background-color: var(--main-dark-red);
    margin-top: 40px;
}

.stages_web_diz .items .item .top .num{
    font-weight: 900;
    font-size: 600.00%;
    text-transform: uppercase;
}

.stages_web_diz .items .item .top .title{
    font-weight: 900;
    font-size: 150.00%;
    text-transform: uppercase;
}

.stages_web_diz .items .item .intro{
    font-size: 112.5%;
    text-transform: uppercase;
}

.stages_web_diz .items .item .attachments a{
    display: flex;
    background-image: url("../images/fillthebref.svg");
    background-position: left;
    background-repeat: no-repeat;
    height: 66px;
    padding-left: 90px;
    align-items: center;
    font-weight: 900;
    font-size: 112.5%;
    text-decoration: underline;
    text-transform: uppercase;
    margin-top: 40px;
    visibility: hidden;
}

.stages_web_diz .items .item:nth-child(4) .attachments{
    order: -5;
}

.stages_web_diz .items .item:nth-child(4) .attachments a{
    margin-top: 0;
}




.dev_p_1{
    width: 45%;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

.dev_p_1_1{
    padding-left: 50px;
    background-image: url("../images/webdev-arrow.png");
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 120px;

}

.dev_p_1_2{
    padding-left: 30px;
}


.dev_p_1_2::after{
    content: "";
    background-image: url("../images/webdev/1.png");
    width: 187px;
    height: 189px;
    background-position: right;
    background-repeat: no-repeat;

    position: absolute;
    top: -60px;
    right: -180px;
}

.dev_p_1_2::before{
    content: "";
    background-image: url("../images/webdev-arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 8px;
    width: 103px;

    position: absolute;

    transform: rotate(90deg);

    bottom: -60px;
    left: 30%;

}


.dev_p_1_3{
    margin-top: 50px;
    margin-bottom: 130px;
}

.dev_p_1_3::after{
    content: "";
    background-image: url("../images/webdev/2.png");
    width: 145px;
    height: 145px;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    top: 60px;
    left: -160px;
}

.dev_p_1_3::before{
    content: "";
    background-image: url("../images/webdev-arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 8px;
    width: 103px;

    position: absolute;

    transform: rotate(90deg);

    bottom: -60px;
    left: 30%;

}




.dev_p_1_4{
    padding-left: 140px;
    padding-right: 50px;
}


.dev_p_1_4::after{
    content: "";
    background-image: url("../images/webdev/3.png");
    width: 195px;
    height: 208px;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    top: 25px;
    right: -180px;
}

.dev_p_1_4::before{
    content: "";
    background-image: url("../images/webdev-arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 8px;
    width: 103px;

    position: absolute;

    transform: rotate(180deg);

    top: 10px;
    left: 10px;

}


.dev_p_1_5{

    padding-right: 120px;
}


.dev_p_1_5::after{
    content: "";
    background-image: url("../images/webdev/4.png");
    width: 137px;
    height: 134px;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    top: -40px;
    right: -40px;
}

.dev_p_1_5::before{
    content: "";
    background-image: url("../images/webdev-arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 8px;
    width: 103px;

    position: absolute;

    transform: rotate(0deg);

    top: 100px;
    right: 0px;

}


.dev_p_1_6{

    padding-left: 50px;
    margin-bottom: 120px;
}


.dev_p_1_6::before{
    content: "";
    background-image: url("../images/webdev-arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 8px;
    width: 103px;

    position: absolute;

    transform: rotate(90deg);

    bottom: -60px;
    left: 60px;

}


.dev_p_1_7{
    padding: 50PX;
    padding-top: 100px;
    background-image: url("../images/webdev/5.png");
    background-position: top;
    background-repeat: no-repeat;

}

.dev_p_1_7 .red_btn{
    width: 90%;
}


.dev_p_1_8{


}


.dev_p_1_8::after{
    content: "";
    background-image: url("../images/webdev/6.png");
    width: 144px;
    height: 149px;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    bottom: -170px;
    left: 170px;
}



.web_s_p_1{
    width: 45%;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}




.web_s_p_1_2{
    padding-left: 50px;
    padding-right: 50px;

}

.web_s_p_1_2, .web_s_p_1_4, .web_s_p_1_6{
    margin-left: 4%;
}


.web_s_p_1_2::after{
    content: "";
    background-image: url("../images/webshop/4.png");
    width: 196px;
    height: 195px;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    top: -115px;
    right: -150px;
}



.web_s_p_1_3::before{
    content: "";
    background-image: url("../images/webdev-arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 8px;
    width: 103px;

    position: absolute;

    transform: rotate(0deg);

    top: 10px;
    right: 20px;

}

.web_s_p_1_3::after{
    content: "";
    background-image: url("../images/webshop/1.png");
    width: 223px;
    height: 209px;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    top: 0px;
    left: -250px;
}



.web_s_p_1_4{
    margin-bottom: 50px;
}


.web_s_p_1_4::before{
    content: "";
    background-image: url("../images/webdev-arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 8px;
    width: 103px;

    position: absolute;

    transform: rotate(90deg);

    bottom: -50px;
    left: 35%;

}

.web_s_p_1_4::after{
    content: "";
    background-image: url("../images/webshop/1.png");
    width: 223px;
    height: 209px;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    bottom: -150px;
    right: -250px;
}



.web_s_p_1_5{
    margin-bottom: 150px;
    padding-right: 100px;
}
.web_s_p_1_5::before{
    content: "";
    background-image: url("../images/webdev-arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 8px;
    width: 103px;

    position: absolute;

    transform: rotate(90deg);

    bottom: -70px;
    left: 35%;

}


.web_s_p_1_6::after{
    content: "";
    background-image: url("../images/webshop/3.png");
    width: 223px;
    height: 209px;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    bottom: -150px;
    right: 50px;
}



.web_s_p_1_6::before{
    content: "";
    background-image: url("../images/webdev-arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 8px;
    width: 103px;

    position: absolute;

    transform: rotate(180deg);

    top: 50px;
    left: -110px;
}

.web_s_p_1_7::before{
    content: "";
    background-image: url("../images/webshop/2.png");
    width: 194px;
    height: 193px;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    top: -180px;
    right: 290px;
}






.creative_icon_01{
    padding-right: 300px;
    position: relative;
}
.creative_icon_01::before{
    content: "";
    background-image: url("../images/creative/1.png");
    width: 553px;
    height: 358px;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    top: -150px;
    right: -300px;
}

.creative_icon_01::after{
    content: "";
    background-image: url("../images/creative/2.png");
    width: 474px;
    height: 312px;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    bottom: -330px;
    left: -200px;
}


.creative_icon_02{
    padding-left: 300px;
}


.creative_icon{
    width: 350px;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    display: flex;
    padding: 40px;
    align-items: flex-end;
    color: #fff;
    text-transform: uppercase;
    justify-content: center;
    background-color: var(--main-red);
    float: left;
    margin-right: 30px;
    margin-bottom: 80px;
    text-align: center;
}

.creative_icon_1{background-image: url("../images/creative/3.png");}
.creative_icon_2{
    background-image: url("../images/creative/4.png");
    float: right;
    margin-right: 0;
    margin-left: 30px;
}
.creative_icon_3{background-image: url("../images/creative/5.png");}



.creative_link{
    display: inline-block;
    margin-top: 30px;
    text-decoration: underline;
    background-image: url("../images/arrow-next-2.png");
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 160px;
}








.creative_slill_thinking{
    min-width: 140%;
    background-position: bottom right;
    background-size: cover;
    min-height: 440px;
    box-sizing: border-box;
    padding-top: 55px;
    margin-left: -20%;
    padding-left: 20%;
    padding-right: 20%;
    margin-bottom: 30px;
    margin-top: 50px;
    position: relative;
}

.creative_slill_thinking h3{
    font-weight: 900;
    font-size: 600.00%;
    color: #FFFFFF;
    text-transform: none;
    margin-bottom: 10px;
}

.creative_slill_thinking h4{
    font-weight: 900;
    font-size: 300.00%;
    color: var(--main-red);
    margin-top: 10px;
    margin-bottom: 30px;

}

.creative_slill_thinking .red_btn{
    position: relative;
    width: 366px;
    padding-right: 75px;
}

.creative_slill_thinking .red_btn::after{
    content: "";
    background-image: url("../images/arrow-5.svg");
    background-position: center;
    background-repeat: no-repeat;

    width: 75px;
    height: 66px;
    position: absolute;
    top: 0;
    right: 10px;
}



.creative_djobs{
    background-color: var(--main-gray);
    background-image: url("../images/djobs.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    min-height: 335px;
    width: 110%;
    box-sizing: border-box;
    padding-top: 40px;
    margin-left: -10%;
    padding-left: 10%;
    margin-bottom: 60px;
    margin-top: 30px;
    position: relative;
    padding-right: 450px;
}


.creative_djobs h4{


    font-style: italic;
    font-weight: normal;
    font-size: 150.00%;


    background-image: url("../images/djobs-kav.png");
    background-position: top left;
    background-repeat: no-repeat;
    margin-top: 0;
    padding-left: 50px;
    padding-top: 20px;

}

.creative_djobs h5{
    font-style: italic;
    font-weight: normal;
    font-size: 112.5%;
    text-align: right;
    background-image: url("../images/djobs-logo.png");
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 50px;
    min-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}





.redline_p{
    font-weight: 300;
    font-size: 187.50%;
    border-left: 10px solid var(--main-red);
    padding-left: 45px;
}




.mod_creative{
    margin-top: 50px;
}

.mod_creative h3{
    font-weight: bold;
    font-size: 150.00%;
    text-transform: uppercase;
}

.mod_creative .items{
    margin-top: 50px;
}

.mod_creative .items .item{
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
}

.mod_creative .items .item .img{
    min-width: 350px;
    margin-right: 40px;
    display: block;
}

.mod_creative .items .item .img .image{
    position: relative;
}

.mod_creative .items .item .img .image .image2{
    width: 66px;
    height: 66px;
    bottom: 70px;
    left: -33px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--main-red);
}

.mod_creative .items .item .img .image img{
    width: 100%;
    margin-bottom: 15px;
}

.mod_creative .items .item .img .title{
    font-size: 150.00%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.mod_creative .items .item .img .intro{
    text-align: center;
    text-transform: uppercase;
    color: rgba(59, 59, 57, 0.7);
    margin-top: 5px;
}

.mod_creative .items .item .img .intro p{
    margin: 0;
}







.cat_team{
    display: block;
}

.cat_team_in{
    margin-top: 100px;
    margin-bottom: 100px;

    display: flex;
    justify-content: space-between;

    position: relative;
}


.cat_team .desc{
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 50px;
}

.cat_team .links .all{
    opacity: 0;
}






.cat_contacts{

}

.cat_contacts .form_out{
    display: inherit;
    width: auto;
    box-sizing: border-box;
    padding: 50px;
    padding-top: 80px;
    background-color: var(--main-light-gray);
    box-shadow: none;
    margin-top: 50px;
}

.cat_contacts .form_out h3{
    font-weight: bold;
    font-size: 400.00%;
    letter-spacing: -0.4px;
    text-transform: inherit;
}

.cat_contacts .form_out p{
    font-size: 150.00%;
    line-height: 150%;
    letter-spacing: -0.4px;
}

.cat_contacts .form_out input[type="text"],
.cat_contacts .form_out textarea
{
    background-color: var(--main-white);
}

.cat_contacts .form_out .both{
    display: flex;
    justify-content: space-between;
}

.cat_contacts .form_out .both .in{
    width: 48%;
}



.contacts_slider1{

}



.contacts_slider1 .item{
    height: 250px;
    display: flex!important;
    justify-content: center;

}



.contacts_slider1 .item .in{
    width: 250px;
    height: 250px;
    background-color: var(--main-light-gray);
    background-position: top 40px center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding: 40px;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    align-items: flex-end;
    text-decoration: none;
}


.contacts_slider1 .active .in{
    background-color: var(--main-red);
}

.contacts_slider1 .item .in .title{
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 187.50%;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%;
    margin-left: auto;

}




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


.contacts_slider1 .slick-next{
    width: 66px;
    height: 66px;
    background-image: url("../images/arrow_next.png");
    background-position: top;
    background-repeat: no-repeat;
}

.contacts_slider1 .slick-prev{
    width: 66px;
    height: 66px;
    background-image: url("../images/arrow_prew.png");
    background-position: top;
    background-repeat: no-repeat;
    z-index: 5;
}




.contacts_slider_tabs{

}

.contacts_slider_tabs .tab_item{
    /*display: none;*/
}


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

.contacts_slider_tabs .text .intro{
    width: 43%;
}

.contacts_slider_tabs .text .media{
    margin-top: 100px;
    border: 3px solid #DADADA;
    box-sizing: border-box;
    width: 55%;
    margin-right: 10px;
}

.contacts_slider_tabs .text .media iframe{
    width: 100%;
    height: 100%;
}








.news_cat_items{

}

.news_cat_items .item{
    display: flex;
    margin-bottom: 45px;
    align-items: center;

    color: var(--main-black);
    text-decoration: none;
}

.news_cat_items .item:hover{
    color: var(--main-red);
    text-decoration: underline;
}

.news_cat_items .item .img{
    display: flex;
    min-width: 66px;
    max-width: 66px;
    height: 66px;
    max-height: 66px;
    margin-right: 30px;
    background-color: var(--main-red);
    color: var(--main-white);
    align-items: center;
    justify-content: center;

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

.news_cat_items .image2 .img{
    background-color: var(--main-gray);
}

.news_cat_items .item .img .date_m{
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 112.50%;
    text-transform: uppercase;
}

.news_cat_items .item .img .date_d{
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 187.50%;
    margin-top: -20px;
}


.portfolio_news_cat .k2Pagination{
    display: inherit;
}






.top_news{
    background-color: var(--main-white);
    box-shadow: 4px 40px 42px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 120px;
    left: 0;
    width: 100%;
    z-index: 5;
    display: none;
}

.top_news ul.menu{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.top_news ul.menu li{
    display: block;
    width: 48%;
}

.top_news ul.menu li a{
    display: flex;
    min-height: 66px;
    align-items: center;
    padding-left: 90px;
    font-weight: bold;
    font-size: 150.00%;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--main-black);
    position: relative;
}

.top_news ul.menu li a:hover{
    color: var(--main-red);
    text-decoration: underline;
}

.top_news ul.menu li a:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 66px;
    min-width: 66px;
    height: 66px;
    background-color: var(--main-light-gray);
    background-image: url("../images/arrow-h3.svg");
    background-position: center;
    background-repeat: no-repeat;
}

.top_news .news_cat_items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.top_news .news_cat_items .item{
    width: 48%;
}

.top_news .hide_top_news_div{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-bottom: 40px;
}

.top_news .hide_top_news_div .hide_top_news{
    background-image: url("../images/arrow_hide_top_news.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    display: block;
}

.header .top_menu ul.menu li a._show_news{
    font-weight: bold;
    font-size: 150%;
    text-transform: uppercase;
    color: var(--main-red);
    text-decoration: none;
    padding-right: 100px;
    position: relative;
}

.header .top_menu ul.menu li a._show_news:after{
    content: "";
    background-image: url("../images/arrow_hide_top_news.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    right: 30px;
    top: 0;
    transform: rotate(180deg);
}


.ecommerce_projectp1{
    font-size: 24px; margin: 50px;
}






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

.popup_one .slick-prev,
.popup_one .slick-next{
    border-radius: 0;
    width: 66px;
    height: 66px;
    background-color: var(--main-red);
    background-repeat: no-repeat;
}

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

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

.popup_one .slick-dots li button::before {
    font-size: 12px;
    content: '•';
    /*color: var(--main-gray);*/
}

.popup_one .slick-dots li button::before {
    color: var(--main-dark-gray);
}


.popup_one .slick-dots li.slick-active button::before {
    color: var(--main-red);
}


.popup_one .slick-prev::before,
.popup_one .slick-next::before {
    /*color: black;
    color: var(--main-red);*/
    display: none;

}

.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: var(--main-red);
    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;
    justify-content: center;
}

#gtx-trans 
{ display:none; }

.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;
    justify-content: center;
}



.hr3 {
border: 0;
height: 4px;
margin: 30px 0;
background-image: linear-gradient(to right, #C4C4C4 50%, #000000 50%, #000000 60%, #DF0000 60%, #DF0000 70%, #757574 70%, #757574 80%, #AD0000 80%, #AD0000 90%, #C4C4C4 90%, #C4C4C4 100%);
}