@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700&subset=cyrillic";
@import 'https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&subset=cyrillic';
@import 'https://fonts.googleapis.com/css?family=Trebuchet+MS:400,500,700,900&subset=cyrillic';
* {
    padding: 0;
    margin: 0;
}
html{
    font-size: 10px;
}
/*************************************/
/**************HOME*******************/
/*************************************/
:root {
    --padding-left-1: calc(12% + 85px);
    --padding-left-2: 10%
}
body{
    font-family: 'Roboto', sans-serif;
}
.page-header h2,
.page-header h1 {
  
}
p {
    color: var(--Main-font, #282828);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}
.products_page .page-header h2{
  margin-bottom: 55px;
}
.service_title,
.page-header h2,
.page-header h1,
.block_title {
    margin: 85px 0 30px;
    color: #284C79;
    font: 700 48px 'Roboto';
    text-transform: uppercase;
}
.service_title{
    margin-bottom: 57px;
}
.about_us .page-header h1,
.about_us .page-header h2,
.block_title__line{
  position: relative;
}
.about_us .page-header h1,
.about_us .page-header h2,
.services .page-header h2 {
    margin-top: 85px;
    margin-bottom: 30px;
}
.item-page.form_brief .page-header h2,
.item-page.design h2,
.item-page.service h2,
.item-page.services h2,
.item-page.firewall h2,
.item-page.travel h2{
  position: relative;
}
.item-page.firewall h2{
    width: 95%;
}
.item-page.travel h2{
    width: 95%;
}
.item-page.service h2:before,
.item-page.services h2:before,
.item-page.form_brief .page-header h2:before,
.item-page.design h2:before,
.item-page.firewall h2:before,
.item-page.travel h2:before,
.about_us .page-header h1:before,
.about_us .page-header h2:before,
.block_title__line:before{
  content: "";
  width: 70px;
  height: 4px;
  background: #284C79;
  position: absolute;
  left: -105px;
  top: 12px;
}
.block_title__red{
  color: #e63f52;
}
.block_title__black{
  color: #282828;
  font-size: 46px;
}
.five_block .block_title__black,
.four_block .block_title__black{
  margin: 83px 0 0 calc(12% + 85px);
}
.first_block{
    width: 100%;
    padding-bottom: 100px;
    background: url("../img/background_first_block.jpg") no-repeat scroll center top;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}
.firewall .article_text{
  max-width: 96%;
  padding-left: 80px;
}
#oxyca_main, #oxyca_about, #oxyca_service{
    width: 100%;
}

.item-page.about_us{
    width: 100%;
    background-color: #ffffff;
    padding: 0 10% 0 var(--padding-left-1);
    height: auto;
}

main{
    width: 50%;
    display: inline-block;
    float: left;
}
#oxyca_main main{
    width: 100%;
}
.item-page.firewall{
    width: 100%;
    background-color: #ffffff;
    padding: 0 6% 0px 11%;
}
.item-page.firewall .article_text {
    padding-bottom: 20px;
}
/* .item-page.travel {
    width: 100%;
    background-color: #ffffff;
    padding: 1px 10% 0px 6%;
    height: 850px;
} */
.wrapper{
    overflow: hidden;
}
.wrapper_for_logo{
    margin-left: 18%;
    display: inline-block;
    text-align: center;
    float: left;
    position: relative;
    top: 6px;
}
header .wrapper_for_logo img{
    max-width: 177px;
}

.wrapper_for_lang{
    position: absolute;
    top: 0;
    right: 21%;
}
.wrapper_for_logo div:last-child{
    margin-right: 30px;
}
.wrapper_for_logo a{
   display: inline-block;
    height: 100%;
    width: 100%;
}
.logo{
    height: 56px;
    width: 178px;
    padding: 0;
    margin: 0px;
    display: inline-block;
    margin-top: 25px;
}
.lang{
    width: 90px;
    font: 400 12px 'Open Sans';
    text-align: center;
    display: table;
    margin-left: 25%;
}
.lang div{
    display: table-cell;
    vertical-align: middle;
}
.lang div a{
    color: #ffffff;
}
.lang div.mod-languages li{
    padding: 10px 8px;
    display: inline-block !important;
    margin-right: 2px;
    background: #282828;
}
.first_block .menu, .first_block_menu .menu{
    width: 100%;
    float: left;
    text-align: center;
    margin-left:12%;
    margin-top: -20px;
    height: 50px;
    display: inline-block;
}
nav.nav, nav.nav span a{
    height: 100%;
}
.first_block .menu nav a, .first_block_menu .menu nav a{
    font: 500 14px 'Open Sans';
    color: #282828;
    text-transform: uppercase;
    height: 50px;
   display: inline-block;

}
.first_block_menu .nav-child a,
.first_block .nav-child a{
    height: 0px !important;
}
.serv_one .text_form,
.serv_seven .text_form,
.serv_nine .text_form,
.serv_eleven .text_form{
    border-left: none;
}
.first_block .menu nav a, .first_block_menu .menu nav span{
    margin-right: 3.8%;
}
.first_block .menu nav.nav-child a,
.first_block_menu .menu nav.nav-child span{
  margin-right: 0;
}
.menu nav .active a{
    color:#e63f52;
}
.menu nav .active .nav-child a{
    color:#282828;
}
.menu nav .nav-child a:hover, .menu nav .nav-child a:focus{
    color:#e63f52;
}
.nav-child{
    text-align: left;
}
.nav-child span{
    padding-left: 20px;
}
.mobile_menu_toggler{
  display: none;
}
.first_block .menu nav a:hover, .first_block .menu nav a:focus,
.first_block_menu .menu nav a:hover,  .first_block_menu .menu nav a:focus{
    text-decoration: underline;
}
#oxyca_main .motto{
    width: 100%;
    margin-top: 95px;
    text-align: center;
    display: inline-block;
}
#oxyca_main .it{
    height: 95px;
    width: 95px;
    line-height: 95px;
    font-size: 48px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 30px;
}
.motto h1{
    font-size: 24px;
    line-height: 95px;
    font-weight: 700;
    color: #282828;
    text-transform: uppercase;
}
header:lang(ru-ru) .motto h1{
    padding-right: 70px !important;
}
.footer_one .column:last-child a{
 text-decoration: none;
}
#oxyca_main .it{
    background-color: #e63f52;
    text-align: center;
    display: inline-block;
}
#oxyca_main .it div{
    color: #ffffff;
    text-transform: uppercase;
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
}
#oxyca_main .it div div{
    display: table-cell;
    vertical-align: middle;
    font: 700 48px 'Roboto';
}
.motto div{
    display: inline-block;
}
.motto div .one_text{
    display: table;
    float: left;
    height: 95px;
    padding-right: 35px;
}
.motto div .two_text{
    display: table;
    float: right;
    height: 95px;
    padding-left: 30px;
}
.motto div .one_text div, .motto div .two_text div{
    display: table-cell;
    vertical-align: middle;
    font: 700 24px 'Roboto';
    text-transform: uppercase;
}
#oxyca_main .products, #oxyca_main .contact{
    position: relative;
    width: 50%;
    margin-top: 110px;
    float: left;
    display: inline-block;
}
.products_page{
  /*padding: 130px 0 240px;*/
  /*background: url(../img/products_top.jpg) center no-repeat;*/
  /*-webkit-background-size: cover;*/
  /*background-size: cover;*/
  /*position: relative;*/
    display: none;
}
.products_page .text_form{
  margin-top: 0;
}
.products_page .page-header{
  padding-left: 10%;
}
.products_right,
.products_left, .travel .article_text{
  display: inline-block;
  width: calc(100% - 2px);
}
.travel_right{
    display: inline-block;
    width: calc(55% - 2px);
    float: right;
}
.products_right .products_subtitle, .travel_right .travel_subtitle{
  text-align: center;
  font: 700 30px 'Roboto';
  text-transform: uppercase;
  color: #fff;
  padding: 0 10px;
}
.products_left{
  padding-left: 10%;
  padding-right: 5%;
}
.travel .article_text{
    max-width: 96%;
}
.products_page  .wrapper_for_btn{
  position: absolute;
  bottom: 85px;
  left: 0;
  float: none;
}
#oxyca_main .products .products_list{
    float: right;
    text-align: right;
    margin-right: 50px;
}
#oxyca_main .products .products_list div{
    color: #000;
    font: 400 24px 'Roboto';
    line-height: 36px;
}
#oxyca_main .contact .contact_one p{
    margin-left: 60px;
    color: #282828;
    font: 700 36px 'Roboto';
    text-transform: uppercase;
    line-height: normal;
}
body:lang(fr-fr) #oxyca_main .contact .contact_one p {
    font: 700 28px 'Roboto' !important;
}
.readmore-wrapper {
    height: 130px;
    position: relative;
    left: -1px;
    margin-top: 30px;
}
.readmore-wrapper:before {
    content: "";
    position: absolute;
    display: block;
    height: 130px;
    width: 60px;
    background: #e63f52 url(../img/button.png) no-repeat center;
}
.readmore-wrapper a.readmore {
    position: relative;
    color: #E63F52;
    font: 400 24px "Roboto";
    text-transform: uppercase;
    display: block;
    line-height: 130px;
    padding-left: 80px;
    text-decoration: none !important;
}
#oxyca_main .contact div:last-child button{
    margin-top: 105px;
}
.btn_red{
    background: #e63f52 url("../img/button.png") no-repeat scroll center center;
    border: medium none;
    height: 130px;
    max-height: 100%;
    width: 67px;
}
.table_bl a{
    text-decoration: none;
}
#oxyca_main .contact div:last-child div button:after{
    content: 'contact';
    display: block;
    padding-left: 100px;
    text-transform: uppercase;
    color: #e63f52;
    font:400 24px 'Roboto';
}
.two_block{
    height: 660px;
    float: left;
    width: 50%;
    background-color: #ffffff;
    display: inline-block;
}
.two_block .content{
    margin-left: var(--padding-left-1);
    margin-right: 10%;
}
.two_block .block_title{
  display: inline-block;
}
.two_block .readmore-wrapper {
    margin-top: 30px;
    margin-left: var(--padding-left-1);
}
.two_block .content .title, .two_about .content .title, .five_about .content .title,
.six_about .content .title, .serv_four .content .title, .serv_one .content .title{
    color: #7d9bc0;
    font: 700 48px 'Roboto';
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
}
.two_block .content .title .line img, .two_about .content .title .line img, .five_about .content .title .line img,
.serv_four .content .title .line img{
    width: 68px;
    height: 4px;
    float: left;
    margin-top: 12px;

}
.two_block .content .title .line, .two_about .content .title .line, .five_about .content .title .line,
.serv_four .content .title .line{
    float: left;
    height: 25px;
}
.two_block .content .title .text_t, .two_about .content .title .text_t, .five_about .content .title .text_t,
.serv_four .content .title .text_t{
    float: left;
    margin-left: 15px;
}
.two_block .content .text, .two_about .content .text, .five_about .content .text{
    color: #282828;
    font: 400 16px 'Roboto';
    display: inline-block;
    line-height: 30px;
}
.three_block{
    height: 706px;
    float: left;
    width: 50%;
    display: inline-block;
    background: url("../img/background_third_block2.jpg") no-repeat center;
    background-size: cover !important;
}
.four_block{
    width: 50%;
    float: left;
    display: inline-block;
    background-color: #edf1f6;
}
.four_block_one, .five_block_one{
    height: 166px;
    width: 100%;
    display: inline-block;
}
.four_block_one .content, .five_block_one .content{
    text-align: left;
    display: inline-block;
    margin-left: calc(12% + 85px);
    padding-right: 30px;
    color: #282828;
}
 .four_block_one .content .title,  .five_block_one .content .title{
    font: 700 46px 'Roboto';
    text-transform: uppercase;
}
 .four_block_one .content .text,  .five_block_one .content .text{
    font: 700 18px 'Roboto';
    padding-top: 30px;
}
 .four_block_two{
    width: 100%;
    background: url("../img/background_fourth_block.jpg") no-repeat center;
    height: 294px;
}
 .five_block{
    width: 50%;
    float: left;
    display: inline-block;
    background-color: #e1e1e1;
}
 .five_block_two {
    width: 100%;
    background: url("../img/background_fifth_block.jpg") no-repeat center;
    height: 294px;
}
 .four_block_three,  .five_block_three{
    width: 100%;
    position: relative;
}
 .four_block_three .text,  .five_block_three .text{
    font: 400 14px 'Roboto';
    display: inline-block;
    margin-left: calc(12% + 85px);
    padding-right: 30px;
    width: 69%;
    margin-top: 30px;
    padding-bottom: 30px;
    line-height: 30px;
    color: #000000;
}
 .six_block{
    float: left;
    width: 50%;
    background: url("../img/background_sixth_block.jpg") no-repeat center;
    height: 1549px;
    text-align: center;
}
 .seven_block {
    float: left;
    width: 50%;
    height: 688px;
    background-color: #f8f8f8;
    display:block;
    position: relative;
}
.seven_block .block_title {
    margin-top: 85px;
}
.seven_block .readmore-wrapper {
    margin-bottom: 100px;
}
.six_about .wrapper_for_btn,
.nine_block .wrapper_for_btn,
.seven_block .wrapper_for_btn{
  position: absolute;
  left: 0;
  bottom: 80px;
}
.seven_block .wrapper_for_btn{
    bottom: 45px;
}
.seven_block .content{
    display: inline-block;
    width: 70%;
    margin-left: var(--padding-left-1);
    max-height: 370px;
}
.seven_block .content .title{
    font: 700 48px 'Roboto';
    color:#7d9bc0;
    text-transform: uppercase;
    text-align: left;
}
.seven_block .content .text {
    font: 400 16px 'Roboto';
    text-align: left;
    margin-top: 35px;
    line-height: 30px;
    color: #000000;
}
.seven_block .content .after_text, .five_about .after_text, .item-page .after_text  {
    color:#284C79;
    font: 400 28px 'Roboto';
    text-transform: uppercase;
    text-align: left;
    margin-top: 30px;
    line-height: 45px;
}

.mobile_applications .after_text {
    margin-bottom: 30px;
}
.seven_block button::after {
    color: #e63f52;
    content: "read more";
    display: inline-block;
    font: 400 24px "Roboto";
    padding-left: 50px;
    text-transform: uppercase;
    width: 275px;
    margin-top: -20px;
}
.seven_block .readmore-wrapper {
    margin-top: 30px;
    margin-left: var(--padding-left-1);
}
.wrapper_for_btn{
    float: left;
    width: 25%;
    display: inline-block;
    position: static;
    padding-top: 60px;
}
.eight_block{
    float: left;
    height: 860px;
    width: 50%;
    padding-top: 85px;
    padding-bottom: 100px;
    background-color: #ffffff;
}
.eight_block .block_title {
  margin: 0 30px 0 var(--padding-left-1);
}
.eight_block .content .title div{
    color: #7d9bc0;
    font: 700 40px 'Roboto';
    margin-left: 20%;
    text-transform: uppercase;
    margin-top: 70px;
    margin-right: 10%;
    line-height: 55px;
}

.eight_block .content .block1 .icon,
.eight_block .content .block2 .icon,
.eight_block .content .block3 .icon {
    position: absolute;
    left: -100px;
    top: 0;
}

.eight_block .content .block1 .icon{
    background: url("../img/icon_one.png") no-repeat center;
    width: 75px;
    height: 75px;
}
.eight_block .content .block2 .icon{
    background: url("../img/icon_two.png") no-repeat center;
    width: 75px;
    height: 75px;
}
.eight_block .content .block3 .icon{
    background: url("../img/icon_three.png") no-repeat center;
    width: 75px;
    height: 75px;
}
.eight_block .content .block1,   .eight_block .content .block2,
.eight_block .content .block3{
    position: relative;
    margin-left: var(--padding-left-1);
    margin-top: 55px;
    display: inline-block;
    margin-right: 15%;
}
.eight_block .content .block1 .text,
.eight_block .content .block2 .text,
.eight_block .content .block3 .text{
    display: block;
    color: #000000;
}
.eight_block .content .block1 .text .title,
.eight_block .content .block2 .text .title,
.eight_block .content .block3 .text .title{
    font: 400 24px 'Roboto';
    text-transform: uppercase;
}
.eight_block .content .block1 .text .text_text,
.eight_block .content .block2 .text .text_text,
.eight_block .content .block3 .text .text_text{
    font: 400 14px 'Roboto';
    display: inline-block;
    margin-top: 20px;
    line-height: 30px;
}
.nine_block {
    float: left;
    clear: both;
    width: 50%;
    background-color: #f8f8f8;
    height: auto;
    position: relative;
}
.nine_block .block_title {
    margin: 0;
}
.nine_block .content {
    margin-left: var(--padding-left-1);
    margin-right: 10%;
    margin-top: 75px;
}
.nine_block .content .title {
    color: #7d9bc0;
    display: inline-block;
    font: 700 48px "Roboto";
    text-transform: uppercase;
    width: 100%;
}
.nine_block .content .text {
    color: #282828;
    display: inline-block;
    font: 400 16px/30px "Roboto";
    margin-top: 30px;
}
.nine_block .content .title .line {
    float: left;
    height: 25px;
}
.nine_block .content .title .text_t {
    float: left;
    margin-left: 15px;
}
.nine_block .content .title .line img {
    background: rgba(0, 0, 0, 0) url("../img/h_line.png") no-repeat scroll center top;
    float: left;
    height: 4px;
    margin-top: 12px;
    width: 68px;
}
.nine_block button::after {
    color: #e63f52;
    content: "read more";
    display: block;
    font: 400 24px "Roboto";
    padding-left: 50px;
    text-transform: uppercase;
    width: 275px;
}
.nine_block .readmore-wrapper {
    margin-top: 30px;
    margin-bottom: 70px;
    margin-left: var(--padding-left-1);
}
.ten_block{
    float: left;
    width: 50%;
    background-color: #f8f8f8;
    background: url("../img/background_ten_block.jpg") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 690px;
}
.eleven_block_1{
    float: left;
    clear: both;
    display: inline-block;
    background: url("../img/background_eleven_1_2.jpg");
    height: 420px;
    width: 33.33%;
}
.eleven_block_2{
    float: left;
    display: inline-block;
    background: url("../img/background_eleven_2_2.jpg");
    height: 420px;
    width: 33.33%;
}
.eleven_block_3{
    float: left;
    display: inline-block;
    background: url("../img/background_eleven_3_2.jpg");
    height: 420px;
    width: 33.34%;
}
.eleven_block_4{
    float: left;
    display: inline-block;
    background: url("../img/background_eleven_4_2.jpg");
    height: 420px;
    width: 33.33%;
}
.eleven_block_5{
    float: left;
    display: inline-block;
    background: url("../img/background_eleven_5_2.jpg");
    height: 420px;
    width: 33.33%;
}
.eleven_block_6{
    float: left;
    display: inline-block;
    background: url("../img/background_eleven_6_2.jpg");
    height: 420px;
    width: 33.34%;
}
.square{
    display: inline-block;
    margin: 60px 10%;
    border: 2px solid rgba(255,255,255);
    background-color: transparent;
    width: 80%;
    height: 300px;
    text-align: center;
}
.wrapper_for_icon{
    width: 100%;
    text-align: center;
    display: inline-block;
    float: left;
}
.icon_sq{
    display: inline-block;
    width: 80px;
    margin-top: 60px;
    overflow: visible;
}
.title_sq {
    display: inline-block;
    color: #ffffff;
    font: 400 18px 'Roboto';
    text-transform: uppercase;
    margin-top: 45px;
}
.title_sq a{
    color: #ffffff;
    text-decoration: none;
}
.eleven_block_1 .icon_sq{
    background: url("../img/icon_eleven_1_2.png") no-repeat center;
    height: 80px;
    display: inline-block;
}
.eleven_block_2 .icon_sq{
    background: url("../img/icon_eleven_2_2.png") no-repeat center;
    height: 80px;
    display: inline-block;
}
.eleven_block_3 .icon_sq{
    background: url("../img/icon_eleven_3_2.png") no-repeat center;
    height: 80px;
    width: 80px;
    display: inline-block;
}
.eleven_block_4 .icon_sq{
    background: url("../img/icon_eleven_4_2.png") no-repeat center;
    height: 80px;
    display: inline-block;
}
.eleven_block_5 .icon_sq{
    background: url("../img/icon_eleven_5_2.png") no-repeat center;
    height: 88px;
    display: inline-block;
}
.eleven_block_5 .title_sq {
    margin-top: 37px;
}
.eleven_block_6 .icon_sq{
    background: url("../img/icon_eleven_6_2.png") no-repeat center;
    height: 80px;
    display: inline-block;
}
.twelve_block{
    background-color: #f8f8f8;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 140px 0 145px 32%;
}
.twelve_block .block_title {
    margin: 0;
}
.twelve_block .block_title__red{
  text-align: left;
}
.twelve_block .up{
    color:#e63f52;
    font:900 48px 'Roboto';
    text-transform: uppercase;
    margin-top: 140px;
    margin-left: -270px;
}
.twelve_block .down{
  padding-left: 300px;
  margin-top: -35px;
}
.twelve_block .down .table_bl{
    display: table;
}
.twelve_block .down .table_bl div{
    display: table-cell;
}
.twelve_block .down .table_bl div .btn_red{
    margin-left:-4px;
    display: block;
}
.twelve_block .down .table_bl div:first-child{
    border-bottom: 4px solid #e63f52;
    text-transform: uppercase;
    color: #282828;
    font:400 36px 'Roboto';
    padding-right: 30px;
    vertical-align: middle;
}
.footer_one{
    background-color: #202020;
    width: 100%;
    height: 285px;
    display: inline-block;
    float: left;
    border-bottom: 1px solid #4f4f4f;
    text-align: center;
}
.footer_two{
    background-color: #202020;
    width: 100%;
    height: 210px;
    display: inline-block;
    float: left;
    border-bottom: 1px solid #4f4f4f;
    text-align: center;
}
.footer_three{
    background-color: #202020;
    width: 100%;
    height: 180px;
    display: inline-block;
    float: left;
    text-align: center;
}
.footer_one .content{
    width:60%;
    display: inline-block;
}
.footer_one .column{
    width: 25%;
    float: left;
    text-align: left;
    margin-top: 60px;
}
.footer_one .column ul{
    list-style-type: none;
}
.footer_one .column ul li a{
    color: #4f4f4f;
    font:400 14px 'Roboto';
    text-transform: capitalize;
}
.footer_one .column ul li {
    padding-bottom: 10px;
    padding-right: 20px;
}
.footer_one .column ul .header{
    padding-bottom: 30px;
    color:#e63f52;
    font:400 28px 'Roboto';
    text-transform: uppercase;
}
.footer_two .menu .nav{
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}
.footer_two .menu .nav a{
    margin-right: 3%;
    text-transform: uppercase;
    color:#ffffff;
    font: 400 14px 'Roboto';
}
.footer_two .menu .nav span.active a{
    color: #e63f52;
}
.social{
    display: inline-block;
    text-align: center;
    margin-top: 70px;
}
.social a{
    margin-right: 20px;
    display: inline-block;
}
.social .social_icon_1{
    background: url("../img/facebook.png") no-repeat center;
    height: 36px;
    width: 36px;
    float: left;
}
.social .social_icon_2{
    background: url("../img/google_plus.png") no-repeat center;
    height: 36px;
    width: 36px;
    float: left;
}
.social .social_icon_3{
    background: url("../img/twitter.png") no-repeat center;
    height: 36px;
    width: 36px;
    float: left;
}
.social .social_icon_4{
    background: url("../img/linkedIn.png") no-repeat center;
    height: 36px;
    width: 36px;
    margin-right: 0;
    float: left;
}
.wrapper_for_logo_footer{
    display: inline-block;
    text-align: center;
    margin-top: 32px;
}
.logo_footer{
    width: 175px;
}
.logo_footer img{
    max-width: 100%;
    height: auto;
}
.footer2017{
    margin-top: 32px;
    color: #4f4f4f;
    font: 400 14px "Roboto";
}
.img_lang{
    cursor: pointer;
    float: right;
}
.lang div{
    background-color: transparent !important;
}
.mod-languages form{
    background-color: transparent !important;
}
.lang{
   width: 180px;
    display: inline-block;
    height: auto;
 }
.lang div form select, .chzn-container-single .chzn-single span, .lang div.mod-languages li {
    color: #f8f8f8;
    background: rgba(0, 0, 0, 0) !important;
}
.lang .result-selected{
    color: #e63f52 !important;
}
.block{
    display: table-cell !important;
}
.lang .chzn-container-single .chzn-single {
    border: none !important;
    box-shadow: none !important;
    background: none;
}
.lang .chzn-drop{
    border-width: 0px;
    background-color: #282828 !important;
    border-color: #282828 !important;
    border-right: 4px solid #e63f52 !important;
    border-radius: 0px !important;
}
.lang .chzn-container-single .chzn-single div b{
    background: url("../img/lang.png") !important;
    display: inline-block !important;
    width:42px !important;
    float: left !important;
}
.lang .chzn-container-single .chzn-single span{
    display: none !important;
}
.lang .chzn-container-single .chzn-single div {
    width:42px !important;
    height: 47px !important;
    position: relative !important;
    float: right;
}
.lang .chzn-container-single .chzn-single{
    height: 40px !important;
    padding: 0px !important;
    width: 200px !important;
    border-radius: 0px !important;
}
.lang .chzn-container-active.chzn-with-drop .chzn-single{
    background-image: none !important;
}
a.btn_red:hover, a.btn_red:focus{
    text-decoration: none !important;
}
.lang .active-result:hover, .lang .active-result:focus{
    color: #e63f52 !important;
}
.online-support form h2{
    display: none;
}
.online-support  fieldset {
    border: none !important;
    margin: 0px !important;
    padding: 0em !important;
}
.online-support  .control-label{
    display: none;
}
.online-support  input,
.online-support  select,
.online-support  textarea{
    background: transparent none repeat scroll 0 0;
    border: 1px solid #d5d5d5;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    font: 400 14px "Roboto";
    height: 50px;
    margin-bottom: 0;
    padding-left: 25px;
    width: 100%;
}
.online-support  textarea {
    height: 310px;
    padding-top: 15px;
}
.online-support .form-horizontal .controls {
    margin-left: 0px !important;
}
.online-support button::before{
    background: rgba(0, 0, 0, 0) url("../img/arrow-right.png") no-repeat scroll 0 0;
    content: "";
    display: block;
    height: 35px;
    left: -40px;
    position: absolute;
    width: 20px;
}
.online-support form {
    max-width: 62%;
}
.online-support button[type="submit"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: #e63f52;
    border-image: none;
    border-radius: 0;
    border-style: none none none solid;
    border-width: 0 0 0 65px;
    box-shadow: none;
    color: #e63f52;
    cursor: pointer;
    font: 400 24px "Roboto";
    height: 128px;
    padding-left: 30px;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
}
.service_right .number{
    color: #7d9bc0;
    display: inline-block;
    float: left;
    font: 900 48px "Roboto";
    text-transform: uppercase;
}
.service_right .text_form_form {
    border-left: 4px solid #e2e2e2;
    display: inline-block;
    float: left;
    margin-left: 65px;
    margin-top: -50px;
    padding-left: 20px;
}
.service__oracle .service_right .text_form {
    border-left: none !important;
}
.service__oracle .service_right .text_text_form {
    margin-top:0px !important;
}
.service__oracle .service_right .text_form {
    display: inline-block;
    margin-top: 40px;
}
/*************************************/
/**************ABOUT US***************/
/*************************************/
.first_block_menu{
    background-color: #f8f8f8;
    height: 110px;
    width: 100%;
    position: relative;
}
.two_about, .five_about{
    background-color: #ffffff;
    display: inline-block;
    float: left;
    height: 686px;
    width: 50%;
}
.five_about{
    height: 682px;
}
.three_about{
    background: rgba(0, 0, 0, 0) url("../img/about1_2.png") no-repeat scroll center center;
    -webkit-background-size: cover;
    background-size: cover;
    display: inline-block;
    float: left;
    height: 686px;
    width: 50%;
}
.two_about .content{
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 140px;
}
.article_text p,
.content .text p{
    margin-bottom: 30px;
    color: #282828;
    font: 400 16px/30px 'Roboto';
}

.article_text.services p:nth-child(1) {
    color: var(--Main-font, #282828);
    font-family: Roboto;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
}

.article_text.data_analytics p:nth-child(2) {
    font-size: 26px;
    line-height: 45px;
}
.about_us .article_text{
    margin-bottom: 40px;
}
.about_us .article_text p:nth-child(1) {
    font-size: 26px;
    font-weight: 400;
    line-height: 45px;
}

.about_us .article_text ul {
    padding-left: 20px;
    margin: 0;
    position: relative;
}

.about_us .article_text ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #D9D9D9;
}

.about_us .article_text ul li {
    list-style-type: none;
    font-weight: 600;
    line-height: 30px;
}

.about_us .article_text ul li:not(:last-child) {
    margin-bottom: 30px;
}

.medical_animation_1 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.medical_animation_1 .row1 {
    display: flex;
}

.medical_animation_1 .row1 > div {
    width: 50%;
}
.medical_animation_1 .row1 p {
    color: var(--Main-font, #282828);
    /* 16px/Regular */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 30px;
}

.medical_animation_1 .row1:nth-child(1) .left,
.medical_animation_1 .row1:nth-child(3) .left,
.medical_animation_1 .row1:nth-child(2) .right {
    padding: 1px calc(4% + 100px) 85px 10%;
}


.medical_animation_1 .row1:nth-child(2) .right p:last-child,
.medical_animation_1 .row1:nth-child(3) .left p:nth-child(2) {
    font-size: 26px;
    line-height: 45px;
}

.medical_animation_1 .row1:nth-child(1) .left p:nth-child(2) {
    font-weight: 600;
}

.medical_animation_1 .row1:nth-child(1) .right {
    background: url('../img/medical_animation_1_bg1.png') no-repeat;
    background-size: cover;
}

.medical_animation_1 .row1:nth-child(2) .left {
    background: url('../img/medical_animation_1_bg2.png') no-repeat;
    background-size: cover;
}

.medical_animation_1 .row1:nth-child(3) .right {
    background: url('../img/medical_animation_1_bg3.png') no-repeat;
    background-size: cover;
}

.article_text .after_text-v2 {
    color: var(--Main-font, #282828);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
}

.article_text.devsecops ul {
    margin-top: 50px;
}

.article_text.devsecops ul li {
    position: relative;
    list-style-type: none;
}

.article_text.devsecops ul li::after {
    content: '';
    position: absolute;
    left: -115px;
    top: 0;
    width: 75px;
    height: 75px;
    background-size: contain;
}

.article_text.devsecops ul li:not(:last-child) {
    margin-bottom: 50px;
}

.article_text.devsecops ul li:nth-child(1)::after {
    background: url('../img/devsecops_icon1.png') no-repeat;
}
.article_text.devsecops ul li:nth-child(2)::after {
    background: url('../img/devsecops_icon2.png') no-repeat;
}

.article_text.graphic_design > p:nth-child(2) {
    position: relative;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 125% */
    text-transform: uppercase;
    padding-left: 24px;
}

.article_text.graphic_design > p:nth-child(2)::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: var(--Title, #284C79);
}

.four_about{
    background: rgba(0, 0, 0, 0) url("../img/about2.jpg") no-repeat scroll center center;
    display: inline-block;
    float: left;
    height: 682px;
    width: 50%;
}
.five_about .content{
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 130px;
}
.four_about .products{
    display: inline-block;
    margin-top: 125px;
    width: 100%;
}
.four_about .products .products_list {
    float: right;
    margin-right: 50px;
    text-align: right;
    border-right: 3px solid #ffffff;
}
.four_about .products .products_list div{
    color: #ffffff;
    font: 400 24px 'Roboto';
    text-transform: uppercase;
    padding-bottom: 18px;
    padding-right: 30px;
}
.four_about .products .products_list div:last-child{
    padding-bottom: 0px;
}

.four_about-v2 {
    width: 100%;
}

.four_about-v2 .row1 {
    width: 100%;
    display: flex;
}

.four_about-v2 .row1 > div {
    width: 50%;
}

.four_about-v2 .row1 .image {
    background: url('../img/four_about-v2_bg.png') no-repeat top;
    background-size: cover;
}

.four_about-v2 .row1 .content-block {
    padding: 0px 6% 85px 11%;
}

.four_about-v2 .row1 .content-block h3 {
    margin-bottom: 30px !important;
}

.four_about-v2 .row1 .content-block p {
    color: var(--Main-font, #282828);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    margin-bottom: 0;
}

.four_about-v2 .row1 .content-block ul {
    padding-top: 50px;
    margin: 0;
}

.four_about-v2 .row1 .content-block ul li {
    list-style-type: none;
    position: relative;
}

.four_about-v2 .row1 .content-block ul li:not(:last-child) {
    margin-bottom: 50px;
}

.four_about-v2 .row1 .content-block ul li h4 {
    color: var(--Black, #000);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px; /* 173.077% */
    text-transform: uppercase;
}

.four_about-v2 .row1 .content-block ul li h4 {
    color: var(--Black, #000);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px; /* 173.077% */
    text-transform: uppercase;
    margin-bottom: 10px;
}

.four_about-v2 .row1 .content-block ul li p {
    color: var(--Main-font, #282828);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
}

.four_about-v2 .row1 .content-block ul li::after {
    content: '';
    position: absolute;
    left: -114px;
    top: 0;
    width: 75px;
    height: 75px;
    background-size: contain;
}

.four_about-v2 .row1 .content-block ul li:nth-child(1)::after {
    background: url('../img/abount_services_icon1.png') no-repeat top left;
}

.four_about-v2 .row1 .content-block ul li:nth-child(2)::after {
    background: url('../img/abount_services_icon2.png') no-repeat top left;
}

.four_about-v2 .row1 .content-block ul li:nth-child(3)::after {
    background: url('../img/abount_services_icon3.png') no-repeat top left;
}

.four_about-v2 .row1 .content-block ul li:nth-child(4)::after {
    background: url('../img/abount_services_icon4.png') no-repeat top left;
}

.four_about-v2 .row1 .content-block ul li:nth-child(5)::after {
    background: url('../img/abount_services_icon5.png') no-repeat top left;
}

.four_about-v2 .row1 .content-block ul li:nth-child(6)::after {
    background: url('../img/abount_services_icon6.png') no-repeat top left;
}

.four_half_about {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    min-height: 170px;
}

.four_half_about div {
    width: 50%;
    display: flex;
    justify-content: center;
    text-align: left;
    padding: 40px 6% 40px 11%;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.four_half_about div:nth-child(1) {
    background: var(--background1, #EEF1F6);
}

.four_half_about div:nth-child(2) {
    background: var(--background1, #E1E1E1);
}

.four_half_about div:nth-child(3) {
    width: 100%;
    text-align: center;
    padding: 60px 10% 60px 10%;
    color: var(--Title, #284C79);
    font-size: 36px;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
}

.five_about-v2 {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    min-height: 170px;
}

.five_about-v2 div {
    width: 50%;
    display: flex;
    justify-content: center;
    text-align: left;
    padding: 85px 10% 85px 10%;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.five_about-v2 div:nth-child(1) {
    background: var(--background1, #EEF1F6);
}

.five_about-v2 div:nth-child(2) {
    background: var(--background1, #E1E1E1);
}

.seven_about{
    background: rgba(0, 0, 0, 0) url("../img/about3.jpg") no-repeat scroll center center;
    display: inline-block;
    float: left;
    height: 617px;
    width: 50%;
    text-align: center;
}

.travel_two_container {
    width: 100%;
}

.travel_two_container >div {
    width: 50%;
    display: flex;
}

.travel_two{
    background: url("../img/telemedicine.png") no-repeat center;
    background-size: cover !important;
    height: 776px;
    width: 100%;
    display: inline-block;
}
.travel_two .text_img{
    margin-top: 350px !important;
}
.six_about{
    background-color: #ffffff;
    display: inline-block;
    float: left;
    height: 617px;
    width: 50%;
    position: relative;
}
.six_about .content{
    margin-left: 20%;
    margin-right: 10%;
    margin-top: 130px;
}
.six_about .readmore-wrapper {
    margin-top: 0;
}
.eight_about .wrapper_for_btn, .ten_about .wrapper_for_btn{
    float: left;
    width: 25%;
    position: absolute;
    display: inline-block;
    margin-top:430px;
    padding-top: 0px;
}
.item-page.products_page button::after,
.six_about button::after,
.eight_about button::after,
.ten_about button::after {
    color: #e63f52;
    content: "read more";
    display: block;
    font: 400 24px "Roboto";
    padding-left: 50px;
    text-transform: uppercase;
    width: 275px;
}
.six_about .btn_red, .eight_about .btn_red, .ten_about .btn_red {
    background: #e63f52 url("../img/button.png") no-repeat scroll center center;
    border: medium none;
    height: 130px;
    width: 67px;
    float: left;
}
.text_form{
    margin-top: 50px;
    color: #000000;
    border-left: 4px solid #e2e2e2;
    padding-left: 18px;
}
.four_block a.btn_red, .five_block a.btn_red{
    height: 100%;
    position: absolute;
    right: 0;
}
.title_form{
    font: 400 24px 'Roboto';
    text-transform: uppercase;
}
.text_text_form {
    font: 400 14px 'Roboto';
    margin-top: 45px;
    line-height: 30px;
}
.six_about .text_t{
    padding-left: 5px;
}
.text_img{
    color: #ffffff;
    display: inline-block;
    font: 700 30px 'Roboto';
    margin-top: 280px;
    text-transform: uppercase;
    text-align: center;
}
.eight_about, .ten_about{
    background-color: #f8f8f8;
    display: inline-block;
    float: left;
    height: 617px;
    width: 50%;
}
.ten_about{
    background-color: #ffffff;
}
.nine_about{
    background: rgba(0, 0, 0, 0) url("../img/about4.jpg") no-repeat scroll center center;
    display: inline-block;
    float: left;
    height: 617px;
    width: 50%;
    text-align: center;
}
.eleven_about{
    background: rgba(0, 0, 0, 0) url("../img/about5.jpg") no-repeat scroll center center;
    display: inline-block;
    float: left;
    height: 617px;
    width: 50%;
    text-align: center;
}
.eight_about .content, .ten_about .content{
    margin-left: 20%;
    margin-right: 10%;
    margin-top: 130px;
}
.eight_about .readmore-wrapper,
.ten_about .readmore-wrapper {
    margin-top: 0;
}
#oxyca_about .twelve_block .btn_red::after {
    content: none;
    width: 0px;
}
/*************************************/
/**************SERVICES***************/
/*************************************/

.item-page.services{
    padding: 1px calc(4% + 100px) 0px var(--padding-left-1);
 background-color: #ffffff;
  -webkit-background-size: cover;
  background-size: cover;
}
.serv_one{
    background-color: #ffffff;
    display: inline-block;
    max-width: 91%;
    margin-bottom: 40px;
}


.serv_two1{
    background: rgba(0, 0, 0, 0) url("../img/services_bg.png") no-repeat scroll center center;
    background-size: cover;
    -webkit-background-size: cover;
    display: inline-block;
    float: left;
    height: 586px;
    width: 50%;
    text-align: center;
}
.serv_three{
    background: rgba(0, 0, 0, 0) url("../img/serv2.jpg") no-repeat scroll center center;
    display: inline-block;
    float: left;
    clear: both;
    height: 686px;
    width: 50%;
    padding-left: 5%;
    text-align: center;
}
.serv_three .products {
    display: inline-block;
    margin-top: 150px;
    width: 100%;
}
.serv_three .products .products_list {
    border-right: 3px solid #e63f52;
    float: right;
    margin-right: 50px;
    text-align: right;
}
.serv_three .products .products_list div {
    color: #e63f52;
    font: 400 24px "Roboto";
    padding-bottom: 24px;
    padding-right: 30px;
    text-transform: uppercase;
}
.serv_three .products .products_list div:last-child {
    padding-bottom: 0;
}
.serv_four{
    background-color: #f8f8f8;
    display: inline-block;
    float: left;
    height: 686px;
    width: 50%;
}
.serv_five{
    height: 325px;
    float: left;
    width: 50%;
    background-color: white;
    display: inline-block;
    text-align: right;
}
.serv_six{
    height: 325px;
    float: left;
    width: 50%;
    background-color: white;
    display: inline-block;
}
.serv_five .text{
    margin-top: 95px;
    color:#e63f52;
    text-transform: uppercase;
    font: 700 48px 'Roboto';
    text-align: right;
    float: right;
    max-width: 600px;
}
.serv_four .content{
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 120px;
}
.content .text .p1 {
    margin-bottom: 50px;
    font-weight: bold;
}
.serv_four .text{
    color: #000000;
    font: 400 14px 'Roboto';
    line-height: 30px;
    display: inline-block;
    padding-left: 85px;
}
.serv_one .text_form {
    color: #000000;
    margin-top: 60px;
    display: inline-block;
}
.serv_one .text_form_form {
    border-left: 4px solid #e2e2e2;
    padding-left: 20px;
    float: left;
    display: inline-block;
    margin-left: 65px;
    margin-top: -50px;
}
.title_form {
    font: 400 24px "Roboto";
    text-transform: uppercase;
}
.oracle .title_form {
    font: 400 21px "Roboto";
}
.text_text_form {
    font: 400 14px/30px "Roboto";
    margin-top: 50px;
}
.serv_one .text_t {
    padding-left: 5px;
    margin-left: 65px;
}
.serv_one .content{
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 110px;
    display: inline-block;
}
.serv_one .number{
    float: left;
    display: inline-block;
    color: #7d9bc0;
    font: 900 48px "Roboto";
    text-transform: uppercase;
}
.serv_six .content{
    display: inline-block;
    width: 75%;
    margin-left: 10%;
}
.serv_six ul.column {
    list-style-type: none;
    float: left;
    margin-top: 105px;
    text-align: left;
    width: 33.33%;
}
.serv_six ul.column li {
    margin-bottom: 25px;
}
.serv_six .column div {
    display: inline-block;
    padding-left: 55px;
    text-transform: uppercase;
    color: #353535;
    font: 400 14px 'Trebuchet MS';
    padding-top: 5px;
    vertical-align: middle;
    width: 100%;
    height: 36px;
}
.serv_six .column div.joomla {
    background: url("../img/joomla.png") no-repeat left center;
    height: 26px;
}
.serv_six .column div.symfony2 {
    background: url("../img/symfony.png") no-repeat left center;
    height: 31px;
}
.serv_six .column div.laravel {
    background: url("../img/laravel.png") no-repeat left center;
    height: 28px;
}
.serv_six .column div.wordpress {
    background: url("../img/wordpress.png") no-repeat left center;
    height: 28px;
}
.serv_six .column div.magento2 {
    background: url("../img/magento.png") no-repeat left center;
    height: 30px;
}
.serv_six .column div.zend {
    background: url("../img/zend.png") no-repeat left center;
    height: 23px;
}
.serv_six .column div.yii {
    background: url("../img/yii.png") no-repeat left center;
    height: 35px;
}

.serv_seven, .serv_nine, .serv_eleven{
    background-color: #f8f8f8;
    height: 536px;
    display: inline-block;
    float: left;
    width: 50%;
}
.serv_eleven{
    height: 424px;
}
.serv_eight, .serv_ten, .serv_twelve{
    width: 50%;
    float: left;
    height: 536px;
    display: inline-block;
}
.serv_eight1, .serv_eight2,
.serv_ten1, .serv_ten2{
    width: 50%;
    float: left;
    height: 536px;
    display: inline-block;
    background: url("../img/serv3.jpg") no-repeat center;
    text-align: center;
}
.serv_eight2{
    background: url("../img/serv4.jpg") no-repeat center;
}
.serv_ten1{
    background: url("../img/serv5.jpg") no-repeat center;
}
.serv_ten2{
    background: url("../img/serv6.jpg") no-repeat center;
}
#oxyca_service button::after {
    content: none;
    width: 0;
}
.serv_eight .btn_red,  .serv_ten .btn_red, .serv_twelve .btn_red{
    background: #e63f52 url("../img/button.png") no-repeat scroll center center;
    border: medium none;
    height: 130px;
    width: 67px;
    float: right;
    margin-top: 406px;
}
.serv_eight .text_img,
.serv_ten .text_img{
    margin-top: 220px;
    margin-right: -75px;
}
.serv_twelve{
    background: url("../img/serv7.png") no-repeat center;
    text-align: center;
    height: 424px;
}
.serv_twelve .text_img {
    margin-top: 185px !important;

}
.serv_twelve .btn_red{
    margin-top: 294px !important;
}
.serv_seven .icon_serv:first-child{
    background: url("../img/website-design.png") no-repeat center;
    height: 76px;
    width: 80px;
}
.serv_seven .text_form:last-child .icon_serv{
    background: url("../img/web_development.png") no-repeat center;
    height: 80px;
    width: 80px;
}
.serv_nine .icon_serv:first-child{
    background: url("../img/mobile_application.png") no-repeat center;
    height: 80px;
    width: 45px;
}
.serv_nine .text_form:last-child .icon_serv{
    background: url("../img/software_development.png") no-repeat center;
    height: 80px;
    width: 80px;
}
.serv_eleven .text_form:first-child .icon_serv{
    background: url("../img/travel.png") no-repeat center;
    height: 88px;
    width: 80px;
}
.serv_seven .text_form:first-child {
    color: #000000;
    display: inline-block;
    margin-top: 90px;
}
.serv_nine .text_form:first-child {
    color: #000000;
    display: inline-block;
    margin-top: 72px;
}
.serv_seven .text_form:last-child, .serv_nine .text_form:last-child{
    color: #000000;
    display: inline-block;
    margin-top: 110px;
}
.serv_eleven .text_form:last-child{
    color: #000000;
    display: inline-block;
    margin-top: 45px;
}
.serv_seven .content, .serv_nine .content, .serv_eleven .content{
    display: inline-block;
    margin-left: 10%;
    margin-right: 10%;
}
.icon_serv {
    display: inline-block;
    float: left;
}
.serv_seven .text_form_form, .serv_nine .text_form_form, .serv_eleven .text_form_form {
    border-left: 4px solid #e2e2e2;
    display: inline-block;
    float: left;
    margin-left: 100px;
    margin-top: -80px;
    padding-left: 20px;
}
.serv_fourteen{
    display: inline-block;
    float: left;
    height: 438px;
    background-color: #ffffff;
    width: 100%;
}
.serv_fourteen .content{
    margin-left: 6%;
    display: inline-block;
    width: 100%;
}
.serv_fourteen .content .block1,
.serv_fourteen .content .block2,
.serv_fourteen .content .block3{
    width: 32%;
    float: left;
    display: inline-block;
    margin-top: 95px;
    text-align: left;
}
.serv_fourteen .content .block3{
    width: 36%;
}
.serv_fourteen .content .block1{
    width: 32%;
}
.serv_fourteen .block2 .column:last-child {
    padding-right: 40px;
}

.serv_fourteen .title{
    color:#e63f52;
    font:700 48px 'Roboto';
    text-transform: uppercase;
    float: left;
    width: 100%;
    display: inline-block;
}
.serv_fourteen .column{
    width: 33.33%;
    display: inline-block;
    float: left;
    margin-top: 30px;
}
.serv_fourteen .column ul {
    list-style-type: none;
}
.serv_fourteen .column ul li div{
    color: #272727;
    font: 400 14px "Roboto";
}
.serv_fourteen .column ul li{
    margin-bottom: 10px;
}
#oxyca_service .btn_red {
    background: #e63f52 url("../img/button.png") no-repeat scroll center center;
    border: medium none;
    height: 130px;
    width: 67px;
}
/*************************************/
/**************FIREWALL***************/
/*************************************/

.firewall_one, .firewall_two, .firewall_three, .firewall_four, .travel_three, .travel_four{
    float: left;
    display: inline-block;
    width: 50%;
}
.firewall_three h3{
  max-width: 400px;
}
.firewall_one{
    background-color: #ffffff;
    height: 675px;
}
.firewall_two{
    background: url("../img/firewall_two.png") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
   min-height:675px !important;
}
.firewall_one .content .title .line div {
    background: url("../img/h_line.png") no-repeat top;
    width: 68px;
    height: 4px;
    float: left;
    margin-top: 12px;
}
.firewall_one .content .title .line{
    float: left;
    height: 25px;
}
.firewall_one .content .title .text_t{
    float: left;
    margin-left: 15px;
}
.firewall_one .content .text{
    color: #282828;
    font: 400 14px 'Roboto';
    margin-top: 43px;
    display: inline-block;
    padding-left: 85px;
    line-height: 30px;
}
.firewall_one .content .title,
.firewall_four .content .title{
    color: #7d9bc0;
    display: inline-block;
    font: 700 48px "Roboto";
    text-transform: uppercase;
    width: 100%;
}
.firewall_one .content {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 140px;
}
.firewall_three{
    background: url("../img/firewall_three.jpg") no-repeat center;
    height: 1300px;
    clear: both;
}
.travel_three{
    background: url("../img/travel_two.png") no-repeat center;
    height: 861px;
}
.firewall_four{
    background-color: #f8f8f8;
    height: 1300px;
}
.travel_four{
    background-color: #f8f8f8;
    height: 861px;
 }

.firewall_four .content, .travel_four .content{
    display: inline-block;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 110px;
}
.travel_four .content{
    margin-top: 130px;
}
.firewall_four .number {
    color: #7d9bc0;
    display: inline-block;
    float: left;
    font: 900 48px "Roboto";
    text-transform: uppercase;
}
.firewall_four .text_form_form, .travel_four  .text_form_form{
    border-left: 4px solid #e2e2e2;
    display: inline-block;
    float: left;
    margin-left: 65px;
    margin-top: -50px;
    padding-left: 20px;
}
.travel_four  .text_form_form{
    margin-top: 0px;
}
.firewall_four .text_form, .travel_four .text_form{
    color: #000000;
    display: inline-block;
    margin-top: 60px;
}
.firewall_four .text_form, .travel_four .text_form {
    border-left: medium none;
}
.firewall_four .text_t {
    margin-left: 65px;
    padding-left: 5px;
}
.firewall_three{
  position: relative;
}
.firewall_three  .btn_red{
    background: #e63f52 url("../img/button.png") no-repeat scroll center center;
    border: medium none;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 130px;
    width: 67px;
}
.firewall_three button::after{
    content: none!important;
}
.firewall_three{
    text-align: center;
    display: inline-block;
}
.firewall_three .content{
    display: inline-block;
    text-align: center;
    margin-top: 220px;
}
.firewall_three h3.title1{
    color: #ffffff;
    font:700 30px 'Roboto';
    text-transform: uppercase;
}
.travel_three{
    text-align: center;
}
.travel_three h3{
    color: #ffffff;
    font:700 30px 'Roboto';
    text-transform: uppercase;
    max-width: 420px;
    margin: auto;
    margin-top: 220px;
}
.firewall_three .content .title2{
    color:#e63f52;
    font:700 30px 'Roboto';
    text-transform: uppercase;
    margin-top: 90px;
}
.firewall_three .content .title3{
    color:#ffffff;
    font:700 14px 'Roboto';
    margin-top: 30px;
}
/*************************************/
/**********SERVICES DESIGN************/
/*************************************/
.serv_design1, .serv_design2, .serv_design3, .serv_design4{
    float: left;
    display: inline-block;
    width: 50%;
}
.serv_design1{
    height: 680px;
    background-color: #ffffff;
}
.serv_design2{
    height: 680px;
    background:url("../img/img1_serv_design.png");
}
.serv_design3{
    height: 1545px;
    background:url("../img/img2_serv_design.jpg");
    text-align: center;
}
.serv_design4{
    height: 1545px;
    background-color: #f8f8f8;
}
.serv_design1 .content {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 140px;
}
.serv_design1 .content .title {
    color: #7d9bc0;
    display: inline-block;
    font: 700 48px "Roboto";
    text-transform: uppercase;
    width: 100%;
}
.serv_design1 .content .text {
    color: #282828;
    display: inline-block;
    font: 400 14px/30px "Roboto";
    margin-top: 43px;
    padding-left: 85px;
}
.serv_design1 .content .title .line {
    float: left;
    height: 25px;
}
.serv_design1 .content .title .line div {
    background: rgba(0, 0, 0, 0) url("../img/h_line.png") no-repeat scroll center top;
    float: left;
    height: 4px;
    margin-top: 12px;
    width: 68px;
}
.serv_design1 .content .title .text_t {
    float: left;
    margin-left: 15px;
}
.serv_design3 .content .title{
    color: #ffffff;
    font: 700 30px "Roboto";
    text-transform: uppercase;
}
.serv_design3 .content{
    display: inline-block;
    text-align: center;
    margin-top: 545px;
}
.serv_design4 .content{
    margin-left: 20%;
    margin-right: 10%;
    margin-top: 135px;
}
.content .text_text_form p {
    margin-bottom: 25px;
}
.serv_design4 .text_form {
    margin-top: 80px;
}
.social .custom div{
    float: left;
}
.social .custom div a{
    text-decoration: none;
}
/*************************************/
/****************NEWS*****************/
/*************************************/
.archive{
  margin-top: 92px;
}
.pagination{
  text-align: center;
}
.pagination li{
  display: inline-block;
  list-style-type: none;
  padding: 0 15px;
  font: 400 14px 'Roboto';
}
.content_news{
    margin-left: 20%;
    margin-top: 105px;
    float: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    max-width: 45%;
}
.list_news{
    width: 45%;
    display: inline-block;
    float: left;
}
.news{
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 70px;
}
.archive, .tags{
    width: 52%;
    display: inline-block;
    float: left;
    margin-left: 3%;
    max-width: 30%;
}
.img_news{
    display: inline-block;
}
.archive  ul, .tags  ul {
    list-style-type: none;
}
.archive .header, .tags .header{
    color: #7d9bc0;
    font:700 48px 'Roboto';
    text-transform: uppercase;
}
.archive li.header{
    margin-bottom: 7px;
    display: inline-block;
}
.tags .header{
    margin-bottom: 25px;
}
.archive a{
    color: #282828;
    font: 400 14px 'Roboto';
}
.archive .date{
    padding-top: 6px;
}
.img_news img{
    width: 100%;
    position: relative;
}
.img_news button::after {
    content: none !important;
}
.img_news .btn_red {
    background: #e63f52 url("../img/button.png") no-repeat scroll center center;
    border: medium none;
    float: right;
    height: 130px;
    width: 67px;
    display: block;
    margin-top: -130px;
    position: relative;
}
.news .title_date{
    margin-top: 20px;
    font: 400 14px 'Roboto';
}
.news .title_date .date{
    color: black;
}
.news .title_date .author{
    color: #a5a5a5;
    padding-top: 5px;
}
.news .text{
    margin-top: 20px;
}
.news .text .title a{
    text-transform: uppercase;
    color: #7d9bc0;
    font: 700 18px 'Roboto';
}
.news .text .text_text{
    margin-top: 20px;
    font: 400 14px 'Roboto';
    line-height: 30px;
}
.tags{
    margin-top: 40px;
}
.tag_btn::after {
    content: none;
}
.tag_btn{
    background-color: #ffffff;
    color: #7d9bc0;
    font: 400 14px 'Roboto';
    border: 1px solid #7d9bc0;
    padding: 7px 22px;
    margin-right: 10px;
    margin-bottom: 8px;
}
.tags ul li a{
    background-color: #ffffff;
    color: #7d9bc0;
    font: 400 14px 'Roboto';
    border: 1px solid #7d9bc0;
    padding: 7px 22px;
    margin-right: 10px;
    margin-bottom: 8px;
    width: auto;
    display: inline-block;
}
.tags ul li{
    float: left;
    display: inline-block;
    position: relative;
}
.tags ul{
    display: inline-block;
    max-width: 310px;
}
.tags ul li a:hover, .tags ul li a:focus{
    color: #ffffff;
    background-color: #7d9bc0;
    text-decoration: none;
}
/*************************************/
/****************BLOG*****************/
/*************************************/
.content_blog{
    display: inline-block;
    float: left;
    margin-bottom: 30px;
    margin-left: 8%;
    margin-top: 105px;
    width: 100%;
}
.list_blog{
    display: inline-block;
    float: left;
    width: 56%;
}
.categories, .content_blog .tags{
    width: 41%;
    display: inline-block;
    float: left;
    margin-left: 3%;
}
.author_block{
    display: inline-block;
    float: left;
    width: 20%;
}
.article {
    display: inline-block;
    float: left;
    width: 80%;
}
.article .text .title a {
    color: #7d9bc0;
    font: 700 18px "Roboto";
    text-transform: uppercase;
}
.article .text .text_text {
    font: 400 14px/30px "Roboto";
    margin-top: 20px;
}
.article .text {
    margin-top: 40px;
    display: inline-block;
}
.calendar{
    float: left;
    color: #000000;
}
.comments{
    float: left;
    margin-left: 30px;
    color: #e63f52;
}
.article .title_date{
    margin-top: 18px;
    font: 400 14px 'Roboto';
}
.blog{
    margin-bottom: 70px;
    display: inline-block;
}
.categories li.header {
    display: inline-block;
    margin-bottom: 7px;
}
.categories .header {
    color: #7d9bc0;
    font: 700 48px "Roboto";
    text-transform: uppercase;
}
.categories a {
    color: #282828;
    font: 400 14px "Roboto";
}
.categories .cat {
    padding-top: 13px;
}
.categories ul {
    list-style-type: none;
}
.blog .line {
    float: left;
    display:inline-block;
    vertical-align: middle;
    margin-top: 46px;
    margin-left: 3%;
}
.blog .line div {
    background: rgba(0, 0, 0, 0) url("../img/h_line.png") no-repeat scroll center top;
    float: left;
    height: 4px;
    width: 68px;
}
.blog .name{
    font: 700 14px 'Roboto';
    color: #282828;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 3px;
}
.blog .position{
    font: 400 14px 'Roboto';
    color: #282828;
    text-transform: capitalize;
}
.auth{
    float: left;
    display: inline-block;
    text-align: center;
}
.foto{
    display: inline-block;
    position: relative;
}
.foto, .foto img{
    background-color: #fff !important;
    border-radius: 50%;
    max-width: 100px;
    height: 100px;
    width: 100%;
}
.foto img{
    border: 2px solid #fcfcfc;
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
}
.paginator a{
    color: #60655f;
    font: 400 18px 'Roboto';
    border:1px solid #cccccc;
    border-right: none;
    margin-left: -4px;
    padding: 11px 8px;
}
.paginator a:last-child{
    border-right:1px solid #cccccc;
    color: #e63f52;
}
.paginator a:hover, .paginator a:focus, .paginator a .active{
    text-decoration: none;
    color: #ffffff;
    background-color: #e63f52;
}
.paginators{
    width: 100%;
    display: inline-block;
    float: left;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 50px;
}
.paginators .paginator{
    display: inline-block;
    margin-left: 15%;
}
.e-commerce {
    position: relative;
  padding-left: 50%;
  padding-bottom: 100px;
  overflow: hidden;
  font: 400 16px 'Roboto';
  line-height: 30px;
}
.e-commerce::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background:  url(../img/commerce2.jpg) left no-repeat;
    -webkit-background-size: cover;
    background-size:  cover;
}
.e-commerce h3 {
    margin-top: 85px;
    margin-bottom: 40px;
}
.e-commerce .content{
  position: relative;
  padding: 0 10% 0 var(--padding-left-1);
}
.e-commerce .content .custom{
  padding-left: 80px;
}

.e-commerce .readmore-wrapper {
    padding-left: var(--padding-left-1);
}

.block_text{
  color: #282828;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 30px;
}
.main_list{
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: 40px;
    padding-left: 85px;

}
.main_list li{
  display: block;
  margin-bottom: 25px;
}
.main_list a{
  color: #000;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  transition: all ease .2s;
  font-size: 14px;
}
.main_list a:hover,
.main_list a:focus{
  color: #e63f52;
  border-bottom: 1px solid #e63f52;
  text-decoration: none;
}
.e-commerce .read_more {
  position: relative;
  color: #e63f52;
  font: 400 24px "Roboto";
  text-transform: uppercase;
  display: block;
  line-height: 130px;
  padding-left: 80px;
  text-decoration: none !important;
}
.read_more_travel{
  position: absolute;
  bottom: -95px;
  left: -1px;
    text-decoration: none;
}
/*************************************/
/**************CONTACTS***************/
/*************************************/
.contacts_page{
  padding: 140px 6% 90px 6%;
  display: flex;
  justify-content: space-between;
}
.contacts_page::before {
    display: none;
}
.contacts_form{
  padding-top: 10px;
  padding-right: 22%;
  display: flex;
  justify-content: flex-end;
}
.contacts_form .formResponsive .formHorizontal .formControls{
  margin-left: 0;
  margin-bottom: 15px;
}
.contacts_page div.formBody {
    display: flex !important;
}
.formResponsive {
    max-width: 600px;
    width: 100%;
}
.get_in_touch, .contacts_form{
    width: 50%;
    background-color: #ffffff;
    padding-right: 90px;
}
.contacts_form {
    padding-right: 0px;
}

.get_in_touch .content .title{
    color: #284C79;
    display: inline-block;
    font: 700 48px "Roboto";
    text-transform: uppercase;
    width: 100%;
}
.get_in_touch .content .title .line {
    float: left;
    height: 25px;
}
.get_in_touch .content .title .text_t {
    float: left;
    margin-left: 15px;
}
.get_in_touch  .content .text {
    color: #282828;
    display: inline-block;
    margin-top: 30px;
    padding-left: 85px;
}
.get_in_touch  .content .text p {
    color: var(--Main-font, #282828);
    font-family: Roboto;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    margin-bottom: 30px;
}
.get_in_touch  .content .text p:nth-child(2) {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
}
.get_in_touch  .content .text p:nth-child(3) {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    position: relative;
    padding-left: 44px;
}

.get_in_touch  .content .text p:nth-child(3)::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-size: contain !important;
    background: url('../img/icon/location_icon.svg') no-repeat;

}

.contacts_form .formResponsive input[type="text"],
.contacts_form .formResponsive textarea,
.form_brief .formResponsive textarea,
.form_brief .formResponsive select,
.form_brief  .formResponsive input[type="text"]{
  height: 50px;
  line-height: 50px;
  width: 100%;
  border: 1px solid #d5d5d5;
  box-shadow: none;
  background: transparent;
  color: #000;
  border-radius: 0;
  font: 400 14px "Roboto";
  padding-left: 25px;
  margin-bottom: 0;
}
.service_description {
    display: flex;
    width: 50%;
}

.service_description >div {
    width: 100%;
    display: flex;
}
.service_description >div .service__reality {
    width: 100%;
}
.service_description .service__oracle .service_right{
    padding: 100px 4% 0 7% !important;
}
.service_description-v2 .devsecops-mod2 {
    display: flex;
}

.service_description-v2 .devsecops-mod2 > div {
    width: 50%;
}
.service_description-v2 .devsecops-mod2 .service_left {
    background: url('../img/devsecops-mod2_bg.png') no-repeat;
    background-size: cover;
}

.service_description-v2 .devsecops-mod2 .service_right {
    padding: 85px 4% 85px calc(6% + 80px);
}

.service_description-v2 .devsecops-mod2 .service_right h3 {
    color: var(--Title, #284C79);
    font-family: Roboto;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.list-mod1 {
    padding-top: 20px;
}

.list-mod1 li {
    list-style-type: none;
    position: relative;
    padding-left: 24px;
}

.list-mod1 li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #D9D9D9;
}

.list-mod1.color_line2 li::after {
    background: #AFBFD3;
}

.graphic_design_mod_1 .list-mod1 li::after,
.graphic_design_mod_2 .right .list-mod1 li::after,
.data_analytics_2 .right .list-mod1 li::after,
.mobile_applications_3 .right .list-mod1 li::after,
.interoperability_mod_1 .list-mod1 li::after,
.cybersecurity_mod.mod1 .row1 .right .list-mod1 li::after,
.cybersecurity_mod.mod2 .row1:nth-child(1) .list-mod1 li::after,
.cybersecurity_mod.mod2 .row1:nth-child(2) .right .list-mod1 li::after {
    background: #AFBFD3 !important;
}


.list-mod1 li:not(:last-child) {
    margin-bottom: 30px;
}

.list-mod1 li h4 {
    color: var(--Black, #000);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 124%; /* 32.24px */
    text-transform: uppercase;
    margin-bottom: 10px;
}

.list-mod1 li p {
    color: var(--Main-font, #282828);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
    margin-bottom: 0;
}

.list-mod1 li span {
    position: absolute;
    top: 0;
    left: -80px;
    color: #284C79;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.content_type_1,
.content_type_3 {
    display: flex;
    width: 100%;
}

.content_type_1 .left,
.content_type_3 .right {
    background-size: cover !important;
}

.content_type_3 .left {
    padding: 1px 4% 85px 10%;
}

.content_type_3 .left p:not(.list-mod1 li p) {
    color: var(--Main-font, #282828);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
}


.content_type_1 > div,
.content_type_3 > div {
    width: 50%;
}

.content_type_1 .right,
.content_type_1 .left {
    padding: 85px 4% 85px 10%;
}

.graphic_design_mod_2.content_type_1 .left {
    background: #EEF1F6;
}

.graphic_design_mod_2.content_type_1 .right {
    background: #E1E1E1;
}

.graphic_design_mod_2.content_type_1 .right h3 {
    opacity: 0;
}

.data_analytics_2.content_type_1 .left {
    padding: 85px 4% 85px 10%;
    background: #EEF1F6;
    position: relative;
}

.data_analytics_2.content_type_1 .right {
    background: #E1E1E1;
    position: relative;
}

.data_analytics_2.content_type_1 h2 {
    color: var(--Title, #284C79);
    font-family: Roboto;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.data_analytics_2.content_type_1 .right h2 {
    opacity: 0;
}

.content_type_1 h3 {
    color: #284C79;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.data_analytics_2.content_type_1 h3 {
    color: var(--Black, #000);
    font-family: Roboto;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 124%; /* 39.68px */
    text-transform: uppercase;
    margin-bottom: 40px;
}

.data_analytics_2 .list-mod1 {
    padding-top: 440px !important;
}

.data_analytics_2 .list-mod1 li:not(:last-child) {
    margin-bottom: 50px !important;
}

.data_analytics_2 .img-block {
    min-height: 400px;
    background-size: cover;
    position: absolute;
    left: 0;
    width: 100%;
}

.data_analytics_2 .left .img-block {
    background: url('../img/data_analytics_2_left_bg.png') no-repeat;
}

.data_analytics_2 .right .img-block {
    background: url('../img/data_analytics_2_right_bg.png') no-repeat;
}

.graphic_design_mod_1 .left {
    background: url('../img/graphic_design_mod_1_bg.png') no-repeat;
    background-size: cover !important;
}

.cloud_based_2 {
    display: flex;
    flex-flow: column;
    width: 100%;
}

.cloud_based_2 > .row1 {
    width: 100%;
    display: flex;
}

.cloud_based_2 > .row1 >div {
    width: 50%;
}

.cloud_based_2 > .row1:nth-child(1) > .left {
    background: url('../img/cloud_based_2_bg.png') no-repeat;
    background-size: cover !important;
}

.cloud_based_2 p {
    color: var(--Main-font, #282828);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.cloud_based_2 .row1:nth-child(2) p {
    font-weight: 600;
}

.services_2 .left {
    background: url('../img/services_2_2.png') no-repeat;
    background-size: cover !important;
}

.services_4 ul {
    margin-bottom: 60px;
}

.services_4 p:last-child {
    color: var(--Main-font, #282828);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.services_4 .right {
    background: url('../img/services_4_bg.png') no-repeat;
    background-size: cover !important;
}

.services_4 h3 {
    margin-top: 0 !important;
}

.content_type_3 h3 {
    margin-bottom: 30px;
    color: var(--Title, #284C79);
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;

}

.content_type_1 .right p,
.content_type_3 .left p {
    margin-bottom: 30px;
}

.mobile_applications_3 .list-mod1 li:not(:last-child) {
    margin-bottom: 50px;
}

.mobile_applications_3 .right {
    background: #E1E1E1;
}
.mobile_applications_3 .left {
    background: #EEF1F6;
}
.mobile_applications_3 .right,
.mobile_applications_3 .left  {
    padding: 85px 4% 85px 10%;
}

.mobile_applications_3 .right h3 {
    opacity: 0 !important;
}

.software_development_2 .left {
    background: url('../img/software_development_2_bg.png') no-repeat;
}

.mobile_applications_2 .left {
    background: url('../img/mobile_applications_2_bg.png') no-repeat;
}


.software_development_3 {
    min-height: 530px;
}
.software_development_3 .right {
    background: url('../img/software_development_3_bg.png') no-repeat;
}

.software_development_3 .custom_block {
    display: flex;
    flex-flow: row wrap;
}

.software_development_3 .custom_block span {
    border: 2px solid var(--Title, #284C79);
    height: 40px;
    color: var(--Title, #284C79);
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    margin: 0 20px 20px 0;
}

.devsecops-mod3 {
    display: flex;
}

.devsecops-mod3 > div {
    width: 50%;
    padding: 1px 4% 85px 10%;
}

.devsecops-mod3 .left {
    background: var(--background1, #EEF1F6);
}

.devsecops-mod3 .right {
    padding-top: calc(85px + 92px + 40px);
    background: var(--background2, #E1E1E1);
}

.devsecops-mod3 .left p {
    color: var(--Main-font, #282828);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    margin-bottom: 0;
}

.devsecops-mod3 .right p {
    color: var(--Main-font, #282828);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.devsecops-mod3 .right p:not(:last-child) {
    margin-bottom: 30px;
}

.interoperability_mod_1 {
    display: flex;
    flex-flow: column;
}

.interoperability_mod_1 .row1 {
    display: flex;
    width: 100%;
}

.interoperability_mod_1 .row1 >div {
    width: 50%;
    padding: 85px 4% 85px 10%;
}

.interoperability_mod_1 .row1:nth-child(1) .left {
    background: url('../img/interoperability_mod_1_bg.png') no-repeat;
    background-size: cover !important;
}

.interoperability_mod_1 .row1:nth-child(2) .right {
    background: url('../img/interoperability_mod_1_bg2.png') no-repeat;
    background-size: cover !important;
}

.interoperability_mod_1 .row1:nth-child(3) .left {
    background: var(--background2, #EEF1F6);
}

.interoperability_mod_1 .row1:nth-child(3) .right {
    background: var(--background2, #E1E1E1);
}

.services_3 {
    display: flex;
    width: 100%;
}

.services_3 > div {
    width: 50%;
    padding: 85px 4% 85px 10%;
}

.services_3 .left {
    background: #EEF1F6;
}

.services_3 .right {
    background: #E1E1E1;
}

.services_3 h3 {
    margin-top: 0 !important;
}

.services_3 .right h3 {
    opacity: 0;
}

.services_3 ul {
    padding-top: 20px;
    margin: 0;
}

.services_3 ul li {
    list-style-type: none;
    position: relative;
    padding-left: 110px;
}

.services_3 ul li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    background-size: contain !important;
}

.services_3 ul li:not(:last-child) {
    margin-bottom: 50px;
}

.services_3 .left ul li:nth-child(1)::after {
    background: url('../img/icon/services_3_icon1.svg');
}

.services_3 .left ul li:nth-child(2)::after {
    background: url('../img/icon/services_3_icon2.svg');
}

.services_3 .right ul li:nth-child(1)::after {
    background: url('../img/icon/services_3_icon3.svg');
}

.services_3 .right ul li:nth-child(2)::after {
    background: url('../img/icon/services_3_icon4.svg');
}

.services_3 ul li h4 {
    color: var(--Black, #000);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px; /* 173.077% */
    text-transform: uppercase;
    margin-bottom: 10px;
}

.services_3 ul li p {
    color: var(--Main-font, #282828);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
}

.form_brief .formResponsive select,
.form_brief .formResponsive textarea,
.form_brief  .formResponsive input[type="text"]{
    width:  80%;
}
.form_brief .formResponsive input[type="radio"],
.form_brief  .formResponsive input[type="checkbox"]{
    display: none;
}
.formResponsive .formControls label{
    width: 100%;
    vertical-align: top;
    height: auto;
}
.formResponsive .formControls label:before{
    content:  '';
    width: 18px;
    height: 18px;
    border:  1px solid #ccc;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}
.form_brief .formResponsive input[type="checkbox"]:checked + label:before{
    background: url(../img/tick.png) no-repeat center;
    -webkit-background-size: 12px;
    background-size: 12px;
}
.form_brief .rsform-block-support-et-maintenance label:before{
    content:  '';
    width: 14px;
    height: 14px;
    border-radius: 7px;
    border:  4px solid #fff;
    box-shadow: 0 0 1px 1px #ccc;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px;
}
.form_brief .rsform-block-support-et-maintenance input[type="radio"]:checked + label:before{
    background: #282828;
}
.formResponsive textarea{
    padding-top: 20px;
}
.contacts_form .formResponsive .formHorizontal p.formDescription{
  display: none;
  margin: 0;
}
.form_brief .formResponsive button[type="submit"],
.read_more_travel,
.contacts_form .formResponsive button[type="submit"]{
  height: 128px;
  line-height: 128px;
  border: 0;
  border-left: 65px solid #e63f52;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  color: #e63f52;
  padding-left: 30px;
  text-shadow: none;
  font: 400 24px "Roboto";
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
}
.form_brief .formResponsive button[type="submit"]:hover,
.form_brief .formResponsive button[type="submit"]:focus,
.read_more_travel,
.contacts_form .formResponsive button[type="button"]:hover,
.contacts_form .formResponsive button[type="button"]:focus,
.contacts_form .formResponsive button[type="submit"]:hover,
.contacts_form .formResponsive button[type="submit"]:focus{
  outline: 0;
  text-decoration: underline;
}

.contacts_form  .formResponsive .formHorizontal .formControlLabel{
  display: none;
}
.contacts_form .formResponsive button[type="submit"]:hover,
.contacts_form .formResponsive button[type="submit"]:focus{
  text-decoration: none;
}
.form_brief .formResponsive button[type="submit"]:before,
.contacts_form .formResponsive button[type="submit"]:before{
  content: "";
  width: 20px;
  height: 35px;
  background: url(../img/arrow-right.png) no-repeat;
  display: block;
  position: absolute;
  left: -40px;
}
.contacts_form .formResponsive button[type="button"]{
  color: #282828;
  font: 400 24px "Roboto";
  border: 0;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  width: auto;
  line-height: 128px;
  height: 128px;
  background: transparent;
  text-transform: uppercase;
}
.rsform-block.rsform-block-send-email{
  float: left;
}
.contacts_form .formResponsive .formHorizontal .rsform-block{
  margin-bottom: 0;
}
.rsform-block.rsform-block-reset{
  float: right;
  margin-right: 0px;
}
#system-message-container {
    position: fixed;
    left: 0;
    width: 100%;
    top: 130px;
}

#system-message-container .alert {
    border: 2px solid #232323;
    border-radius: 4px;
    padding: 16px;
    position: relative;
    margin: 0 6%;
}
#system-message-container #system-message .alert .close {
    position: absolute;
    right: 20px;
    size: 54px;
    width: 24px;
    color: #282828;
}
.contacts_form .formResponsive textarea{
  height: 310px;
}
.contacts_form .formResponsive textarea::-webkit-input-placeholder,
.contacts_form .formResponsive input[type="text"]::-webkit-input-placeholder{
  color: #9f9f9f;
  opacity: 1;
}
.contacts_form .formResponsive textarea:-ms-input-placeholder,
.contacts_form .formResponsive input[type="text"]:-ms-input-placeholder{
  color: #9f9f9f;
  opacity: 1;
}
.contacts_form .formResponsive textarea::-moz-placeholder,
.contacts_form .formResponsive input[type="text"]::-moz-placeholder{
  color: #9f9f9f;
  opacity: 1;
}
.contacts_form .formResponsive textarea:-moz-placeholder,
.contacts_form .formResponsive input[type="text"]:-moz-placeholder{
  color: #9f9f9f;
  opacity: 1;
}
.contact_form textarea{
    width: 65%;
    padding-left: 20px;
    margin-bottom: 20px;
    padding-top:15px;
    display: inline-block;
}
.contact_form button::after {
    color: #e63f52;
    content: "send email";
    display: block;
    font: 400 24px "Roboto";
    padding-left: 50px;
    text-transform: uppercase;
    width: 275px;
}
.contact_form .btn_content {
    float: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 90px;
}
.contact_form .btn_content .buttons{
    width: 65%;
    display: inline-block;
    float: left;
}
.contact_form .btn_content .buttons .btn_reset{
    float: right;
    border: none;
    background-color: transparent;
    box-shadow: none;
    color: #282828;
    font: 400 24px 'Roboto';
    vertical-align: middle;
    margin-top: 50px;
}
.contact_form button.btn_reset::after {
    content: none;
}

.get_in_touch .content .title .line img {
    float: left;
    height: 4px;
    margin-top: 12px;
    width: 68px;
}
.menu nav span.parent nav {
    display:none;                       /*скрывает подпункты.*/
    position:absolute;
    margin-top:24px;
    float: left;
}
.menu nav span.parent:hover nav, .menu nav span.parent:focus nav{
    display:inline-block !important;
}
.menu .nav-child {
    position: absolute;
    top: 78%;
    z-index: 1000;
    margin-left: -100px;
    display: none;
    width: 250px;
    padding: 0;
    list-style: none;
    border-right: 10px solid #e63f52;
    background-color: #000;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.75);
}
.first_block .menu .parent nav a, .first_block_menu .menu .parent nav a{
    color: #8f8f8f;
}
.first_block .menu .parent nav a:hover, .first_block_menu .menu .parent nav a:hover,
.first_block .menu .parent nav a:focus, .first_block_menu .menu .parent nav a:focus{
    color: #e63f52;
    text-decoration: none;
}
.first_block .menu .nav-child{
    top: 8%;
    margin-left: -180px;
    background-color: #000;
}
.item-page.design{
  padding: 1px calc(4% + 100px) 0px var(--padding-left-1);
    background-color: #ffffff;
  -webkit-background-size: cover;
  background-size: cover;
}
.item-page.service{
  padding: 1px calc(4% + 100px) 0px var(--padding-left-1);
  -webkit-background-size: cover;
  background-size: cover;
    background-color: #ffffff;
}

.item-page.travel {
    padding: 1px 6% 0px var(--padding-left-1);
    -webkit-background-size: cover;
    background-size: cover;
      background-color: #ffffff;
}

.article_text.telemedicine p:nth-child(1) {
    color: var(--Main-font, #282828);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
}

.article_text.telemedicine p:nth-child(2) {
    display: flex;
    flex-flow: column;
    position: relative;
    padding-left: 24px;
    color: #282828;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 125% */
    text-transform: uppercase;
}

.article_text.telemedicine p:nth-child(2)::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #FFB9C1;
    text-transform: none;
}

.article_text.telemedicine p:nth-child(2) a {
    color: var(--Title, #284C79);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    display: block;
    margin-top: 30px;
}

.article_text.telemedicine p:nth-child(2) a:hover,
.article_text.telemedicine p:nth-child(2) a:visited,
.article_text.telemedicine p:nth-child(2) a:focus,
.article_text.telemedicine p:nth-child(2) a:link {
    text-decoration: none;
}

.item-page.seo{
   background-color: #ffffff;
    -webkit-background-size: cover;
    background-size: cover;
}
.item-page.service.mobile{
    padding: 1px calc(4% + 100px) 0px var(--padding-left-1);
}
.menu .nav-child span {
    padding-top: 15px;
    padding-left: 20px;
    padding-bottom: 15px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #505050;
    background: url(../img/arr-submenu.png) no-repeat right 10px center;
    padding-right: 25px;
    position: relative;
}
.menu .nav-child span:after{
    width: 28px;
    height: 100%;
    content: "";
    display: none;
    position: absolute;
    z-index: 10;
    right: -28px;
    top: 0;
    box-shadow: 5px 1px 5px 0px rgba(0, 0, 0, 0.35);
    background: url(../img/arr-white.png) no-repeat center ,#e63f52;
}
.menu .nav-child span:hover,
.menu .nav-child span:focus{
    background: none;
}
.menu .nav-child span:hover a,
.menu .nav-child span:focus a{
    color: #e63f52;
}

.menu .nav-child span:hover:after,
.menu .nav-child span:focus:after{
    display: inline-block;
}

.menu .nav-child span:last-child{
    border-bottom: 0;
}
.menu .parent a:after {
    content: url("../img/arrow_mini.png");
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
    margin-top: -8px;
}
.menu nav span.active.parent:hover a:after{
    content: url("../img/arrow_mini_red.png");
}
.menu .parent .nav-child a:after {
    content: none;
}
.menu nav span.parent:hover .nav-child a:after{
    content:none;
}
.firewall_one .content .title .line img,
.serv_design1 .content .title .line img{
    float: left;
    height: 4px;
    margin-top: 12px;
    width: 68px;
}
.item-page.form_brief{
    max-width: 1170px;
    margin: 0 auto;
    display: block;
    padding: 0 5% 7rem;
}
.item-page.form_brief .formResponsive .formHorizontal .rsform-block{
    width: 80%;
    margin:  0 auto 3rem;
}
.item-page.form_brief .formResponsive .formHorizontal .formControlLabel{
    text-align: left;
}
.form_left{
    width: 35%;
    color: #282828;
    float: left;
    font:  400 14px 'Roboto';
    line-height: 1.4;
}
.formResponsive .formHorizontal .formControls{
    width: 63%;
    float: left;
    margin-left: 2%;
}
.contacts_form .formResponsive .formHorizontal .formControls{
    width: 100%;
}
.item-page.form_brief .formResponsive .formHorizontal .form_left .formControlLabel{
    float: none;
    display: block;
    font-weight: 500;
    width: 100%;
    font-size: 16px;
}
.formResponsive .formHorizontal .form_left p.formDescription{
    display: block;
    font-size: 12px;
    font-style:  italic;
}
.form_brief .formResponsive textarea{
    height: 12rem;
}
.form_brief .formResponsive select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/down-arrow.png) no-repeat right 10px center;
}
.form_brief .formResponsive select:focus{
    outline: none;
}

/* CAUTION: IE hackery ahead */


.form_brief .formResponsive select::-ms-expand { 
    display: none; /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    .form_brief .formResponsive select {
        background:none\9;
        padding: 5px\9;
    }
}


/*               services pages                */
.service_description{
    font-family: 'Roboto', sans-serif;
}

.service_description .service__seo{
    -webkit-background-size: cover;
    background-size: cover;
}
.service_description .service_left{
    background: rgba(0, 0, 0, 0) url("../img/seo22_2.png") no-repeat scroll center center / cover ;
    background-size: cover;
    -webkit-background-size: cover;
    height: 687px;
    height: 720px;
    width: 100%;
}
.service__mobile .service_left{
    background: rgba(0, 0, 0, 0) url("../img/mobile22.png") no-repeat scroll center center / cover ;
    height: 1795px;
    padding-top: 30% !important;
}
.service__oracle .service_left{
    background: rgba(0, 0, 0, 0) url("../img/oracle22.png") no-repeat scroll center center / cover ;
    height: 689px;
    padding-top: 14% !important;
}
.service__software .service_left{
    background: rgba(0, 0, 0, 0) url("../img/soft22.png") no-repeat scroll center center / cover ;
    height: 689px;
    padding-top: 14% !important;
}
.service_description  .service_right{
    width: 50%;
    float: left;
    padding: 1px 4% 0 7%;
    background-color: #f8f8f8;
    height: 1528px;
}
.cybersecurity_mod {
    display: flex;
    flex-flow: column;
}

.cybersecurity_mod .row1 {
    display: flex;
    width: 100%;
}

.cybersecurity_mod .row1 > div {
    width: 50%;
    padding: 85px 4% 85px 10%;
}

.cybersecurity_mod .row1 h2 {
    color: var(--Title, #284C79);
    font-family: Roboto;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.cybersecurity_mod .row1 h3 {
    color: #000;
    font-family: Roboto;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.cybersecurity_mod.mod1 .row1:nth-child(1) .left {
    background: url('../img/cybersecurity_mod_1_bg.png') no-repeat;
    background-size: cover;
}

.cybersecurity_mod.mod2 .row1:nth-child(1) .right {
    background: url('../img/cybersecurity_mod_2_bg.png') no-repeat;
    background-size: cover;
}

.cybersecurity_mod.mod1 .row1:nth-child(2) .left,
.cybersecurity_mod.mod2 .row1:nth-child(2) .right {
    background: var(--background1, #EEF1F6);
}

.cybersecurity_mod.mod1 .row1:nth-child(2) .right,
.cybersecurity_mod.mod2 .row1:nth-child(2) .left {
    background: var(--background1, #E1E1E1);
}

.cybersecurity_mod .row1:nth-child(2) .right h3 {
    opacity: 0;
}

.service__mobile .service_right{
    height: 1795px;
    padding: 1px 4% 0 7%;
}
.service__mobile .service_right .text_text_form {
    font: 400 14px/30px "Roboto";
    margin-top: 38px;
}
.service__software .service_right{
    height: 689px;
}
.service__oracle  .service_right{
    height: 689px;
    padding: 100px 4% 0 7%;
}
.service_right .text_t{
    color: #7d9bc0;
    font: 700 48px "Roboto";
    text-transform: uppercase;
    margin-left: 85px;
}
.service_description .service__store{
    -webkit-background-size: cover;
    background-size: cover;
    padding: 0;
}
.service_description .service__store .service_left{
    padding-top: 14%;
    background: url("../img/online-stores-22.png") no-repeat scroll center center / cover ;
    display: inline-block;
    height: 810px;
    width: 50%;
}
.service_description .service__store .service_right{
    padding: 80px 4% 0 7%;
    background-color: #f8f8f8;
    display: inline-block;
    height: 810px;
}
.item-page.service.store{
    background-color: #ffffff;
    -webkit-background-size: cover;
    background-size: cover;
}
.item-page.service.mobile{
    background-color: #ffffff;
    -webkit-background-size: cover;
    background-size: cover;
}
.item-page.service.mobile .category{
    display: block;
    text-transform: uppercase;
    color: #000;
    font-size: 24px;
    padding-left: 25px;
    margin-bottom: 35px;
    border-left: 4px solid #b0b0b0;
}
.service_description .service__mobile{
    -webkit-background-size: cover;
    background-size: cover;
}
.web_two{
    background: url("../img/website.png") no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    height: 770px;
    width: 50%;
    display: inline-block;
}
.telemedicine_mod_1 {
    display: flex;
}

.telemedicine_mod_1 > div {
    width: 50%;
    padding: 1px 4% 85px 11%;
}

.telemedicine_mod_1 .left {
    background: url('../img/telemedicine_mod1_bg.png') no-repeat ;
    background-size: cover !important;
}

.telemedicine_mod_1 .right {
    background: var(--background1, #EEF1F6);
}

.telemedicine_mod_1 .right ul {
    margin-top: 20px;
    position: relative;
}

.telemedicine_mod_1 .right ul::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #D9D9D9;
}

.telemedicine_mod_1 .right ul li {
    list-style-type: none;
    padding-left: 24px;
    color: var(--Main-font, #282828);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 200%;
}

.telemedicine_mod_1 .right ul li:not(:last-child) {
    margin-bottom: 30px;
}

.telemedicine_mod_2 {
    display: flex;
    flex-flow: column;
    margin: 85px 100px 85px 100px;
}

.telemedicine_mod_2 .row1:nth-child(1) {
    display: flex;
    margin-bottom: 30px;
}

.telemedicine_mod_2 .row1:nth-child(1) > div {
    width: 50%;
}

.telemedicine_mod_2 .row1:nth-child(1) .left {
    padding-left: 105px;
    padding-right: 30px;
}

.telemedicine_mod_2 .row1:nth-child(1) .left h3 {
    margin: 0 !important;
}

.telemedicine_mod_2 .row1:nth-child(1) .right p {
    color: var(--Main-font, #282828);
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 0;
}

.telemedicine_mod_2 .row1:nth-child(2) ul {
    margin: 0;
    padding: 0;
}

.telemedicine_mod_2 .row1:nth-child(2) ul li {
    list-style-type: none;
}

.telemedicine_mod_2 .row1:nth-child(2) ul li:not(:last-child) {
    margin-bottom: 30px;
}

.telemedicine_mod_2 ul li p {
    max-width: 55%;
    color: var(--Main-font, #282828);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
}

.telemedicine_mod_2 ul li h4 {
    color: var(--Title, #284C79);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 124%; /* 32.24px */
    text-transform: uppercase;
    margin-bottom: 0;
    padding-right: 40px;
}

.telemedicine_mod_2 ul li {
    list-style-type: none;
    position: relative;
    padding: 32px 32px 32px 174px;
    border: 2px solid rgba(40, 40, 40, 0.50);
    display: flex;
    justify-content: space-between;
}

.telemedicine_mod_2 ul li:not(:last-child) {
    margin-bottom: 30px;
}

.telemedicine_mod_2 ul li::after {
    content: '';
    position: absolute;
    left: 32px;
    top: 32px;
    width: 78px;
    height: calc(100% - 32px);
    background-size: contain !important;
}


.telemedicine_mod_2 ul li:nth-child(1):after {
    background: url('../img/icon/telemed_icon1.svg') no-repeat top left;
}
.telemedicine_mod_2 ul li:nth-child(2):after {
    background: url('../img/icon/telemed_icon2.svg') no-repeat top left;
}
.telemedicine_mod_2 ul li:nth-child(3):after {
    background: url('../img/icon/telemed_icon3.svg') no-repeat top left;
}
.telemedicine_mod_2 ul li:nth-child(4):after {
    background: url('../img/icon/telemed_icon4.svg') no-repeat top left;
}
.telemedicine_mod_2 ul li:nth-child(5):after {
    background: url('../img/icon/telemed_icon5.svg') no-repeat top left;
}
.telemedicine_mod_2 ul li:nth-child(6):after {
    background: url('../img/icon/telemed_icon6.svg') no-repeat top left;
}

.store_two{
    background: url("../img/online-stores-11_2.png") no-repeat center;
}
.cloud_based_1{
    background: url("../img/cloud_based_1_bg.png") no-repeat center;
}

.software_two,
.oracle_two,
.seo_two,
.store_two,
.design_two,
.mobile_two,
.cloud_based_1 {
    background-size: cover !important;
    -webkit-background-size: cover;
    height: 687px;
    width: 50%;
    display: inline-block;
}

.cloud_based_1 {
    height: 657px;
}

.store_two {
    height: 586px;
}
.mobile_two{
    height: 642px;
}
.software_development p:nth-child(2) {
    font-size: 26px;
    line-height: 45px;
}

.software_two{
    background: url("../img/soft11_2.png") no-repeat center;
    height: 803px;
}
.oracle_two{
    background: url("../img/oracle11_2.png") no-repeat center;
    height: 582px;
}
.seo_two{
    background: url("../img/seo11.png") no-repeat center;
}
.design_two{
    background: url("../img/design_top1.png") no-repeat center;
}
.mobile_two{
    background: url("../img/mobile11_2.png") no-repeat center;
}
.item-page.service.websites{
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #ffffff;
}

.service_description .service__website .service_left{
    padding-top: 14%;
    background: url("../img/website22.png") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 50%;
    height: 680px;
    display: inline-block;
}
.service_description .service__website .service_right{
    width: 50%;
    display: inline-block;
    background-color: #f8f8f8;
    height: 680px;
}
.item-page.service.oracle{
    background-color: #ffffff;
    -webkit-background-size: cover;
    background-size: cover;
}
.service_description .service__oracle{
    -webkit-background-size: cover;
    background-size: cover;
}
.service__oracle .text_form{
    padding-bottom: 30px;
}

.item-page.service.software{
    background-color: #ffffff;
    -webkit-background-size: cover;
    background-size: cover;
}
.service_description .service__software{
    background-size: cover;
}
.service_description .service__software .service_left{
    padding-top: 7%;
}
/*************************************/
/************Brief form***************/
/*************************************/
.development_brief .formResponsive .formHorizontal .formControlLabel {
    padding-top: 19px;
}
.rsform-block-segment-in-which-the-company-operates .formBody label,
.rsform-block-support-et-maintenance .formBody label {
    margin: 3px 5px 11px 0;
}
.item-page.online-support{
    width: 200% !important;
    position: relative;
}
.item-page.contacts_article{
    width: 200% !important;
}
.service_description .service__website .service_right{
    padding: 100px 4% 0 7%;
}

/*************************************/
/**************MEDIA*******************/
/*************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .twelve_block .btn_red {
        border-bottom: 5px solid #e63f52 !important;
        display: block;
    }
    #oxyca_main .btn_red{
        border-bottom: 5px solid #e63f52 !important;
    }
    #oxyca_service .btn_red {
        border-bottom: 5px solid #e63f52 !important;
    }
}
@media all and (max-width: 1820px) {
    .serv_one .text_form {
        margin-top: 40px;
    }
    .serv_fourteen .title {
        font: 700 44px "Roboto";
    }
}
@media all and (max-width: 1800px) {
    .lang {
        margin-left: 43%;
    }
     .eight_block .content .block1,  .eight_block .content .block2,  .eight_block .content .block3 {
        margin-right: 10%;
        margin-top: 50px;
    }
    .two_block .content .title {
        font: 700 40px "Roboto";
    }
  .serv_design4 .content {
    margin-left: 15%;
    }
    .footer_one .column ul .header{
        font-size: 24px;
    }
    .firewall_four .content, .travel_four .content{
        margin-top: 85px;
    }
    .travel_four .content{
        margin-top: 85px;
    }
}
@media all and (max-width: 1720px) {
    .seven_block .content .after_text,
    .five_about .after_text,
    .item-page .after_text  {
        font: 400 26px/45px "Roboto";
    }
}
@media all and (max-width: 1700px) {
    .lang {
        margin-left: 62%;
    }
     .nine_block .content .title  {
        font: 700 40px "Roboto";
    }
    .serv_fourteen .title {
        font: 700 40px "Roboto";
    }
    .wrapper_for_lang{
        right: 19%;
    }
}
@media all and (max-width: 1680px) {
     .seven_block .content .title {
        font: 700 44px "Roboto";
    }
}
@media all and (max-width: 1660px) {
    .footer_one .content {
        width: 80%;
    }
    .item-page.software .page-header h2, .service__software .service_title{
        font-size: 36px;
    }
}
@media all and (max-width: 1640px) {
    .firewall_one .content .title, .firewall_four .content .title {
    font: 700 46px "Roboto";
  
}
.serv_design4 .content {
    margin-right: 5%;
    }
}
@media all and (max-width: 1600px) {
    .lang {
        margin-left: 30%;
    }
    /* .five_block .block_title__black, .four_block .block_title__black{
        padding: 7% 0 0 7%;
        margin: 0;
    } */
    /* .four_block_one .content, .five_block_one .content{
        margin-left: 7%;
    } */
}
@media all and (max-width: 1580px) {
    .firewall_one .content .title, .firewall_four .content .title {
    font: 700 44px "Roboto";
}
}
@media all and (max-width: 1560px) {
    .lang {
        margin-left: 64%;
    }
    .online-support .content .title {
        font: 700 44px "Roboto";
    }

}
@media all and (max-width: 1550px) {
    .service_title, /* ------------------------------------------------------------------ заголовки */
    .page-header h2,
    .page-header h1,
    .block_title {
        font-size: 38px;
    }
    /* .eight_block .block_title {
        margin: 0px 30px 0 17%;
    } */
     .seven_block .content .title {
        font: 700 42px "Roboto";
    }
    .serv_fourteen .title {
        font: 700 38px "Roboto";
    }
    .two_block .content .title {
        font: 700 38px "Roboto";
    }
}
@media all and (max-width: 1520px) {
    .firewall_one .content {
    margin-left: 5%;
    margin-top: 110px;
}
.serv_design4 .content .text_text_form p {
    margin-bottom: 10px;
}
}
@media all and (max-width: 1510px) {

}
@media all and (max-width: 1500px) {
    .lang {
        margin-left: 65%;
    }
    #oxyca_main .contact .contact_one p {
        font: 700 28px 'Roboto';
    }
    body:lang(fr-fr) #oxyca_main .contact .contact_one p {
        font: 700 22px 'Roboto' !important;
    }
    .eight_block {
        padding-top: 30px;
    }
    .nine_block .wrapper_for_btn{
        bottom: 40px;
    }
    /* .page-header h2, .page-header h1 {
        margin: 0 0 20px;
    } */
    .seven_block .content .after_text,
    .five_about .after_text,
    .item-page .after_text {
        font: 400 20px/40px "Roboto";
    }
    .serv_three .products {
        display: inline-block;
        margin-top: 120px;
        width: 100%;
    }
}
@media all and (max-width: 1480px) {
     .seven_block .content .title {
        font: 700 40px "Roboto";
    }
    .serv_fourteen .title {
        font: 700 36px "Roboto";
    }
    .two_block .content .title {
        font: 700 36px "Roboto";
    }
    .serv_twelve .text_img {
        font: 700 24px 'Roboto' !important;
        padding-left: 10%;
    }
    .online-support .content .title {
           font: 700 42px "Roboto";
       }
    .service__mobile .service_right {
        padding: 1px 2% 0 4%;
    }
}
@media all and (max-width: 1450px) {
    .lang {
        margin-left: 66%;
    }
    .four_block_one .content .title,  .five_block_one .content .title {
        font: 700 42px "Roboto";
    }
    .four_block_one .content .text,  .five_block_one .content .text {
        font: 700 16px "Roboto";
        padding-top: 30px;
    }
    .service_description .service_right{
        padding: 1px 4% 0 7%;
    }

}
@media all and (max-width: 1430px) {
    .firewall_one .content .title .line img{
    width: 40px;
    }
    .firewall_one .content .text {
       
        padding-left: 57px; 
    }
    .seven_block .wrapper_for_btn{
        bottom: 15px;
    }
    .item-page.firewall {
        padding: 0 6% 0 8%;
        width: 100%;
    }
}
@media all and (max-width: 1420px) {
     .nine_block .content .title {
        font: 700 38px "Roboto";
    }
    .online-support .content .title {
        font: 700 40px "Roboto";
    }
}
@media all and (max-width: 1410px) {
     .seven_block .content .title {
        font: 700 38px "Roboto";
    }
    .serv_one .text_form {
        margin-top: 30px;
    }
    .two_block .content .title {
        font: 700 34px "Roboto";
    }
    .wrapper_for_lang{
        right: 18%;
    }
}
@media all and (max-width: 1400px) {
    .text_img {
        font: 700 28px "Roboto";
    }
    .serv_fourteen .title {
        font: 700 34px "Roboto";
    }
   .serv_four .content .title {
        font: 700 45px "Roboto";
    }
    /* .item-page.service{
        padding: 1px 4% 0px 6%;
    } */
   .firewall_four .content .title{
       font: 700 36px "Roboto";
   }
    .firewall_four .text_text_form{
        margin-top: 30px;
    }
    .software_two {
        height: 930px;
    }
    .mobile_two {
        height: 695px;
    }
    .store_two {
        height: 720px;
    }
    .design_two {
        height: 900px;
    }
    .oracle_two {
        height: 700px;
    }
    .service_description .service_left {
        height: 820px;
    }
}
@media all and (max-width: 1370px) {
    .title_form {
        font: 400 20px "Roboto";
        text-transform: uppercase;
    }
    .firewall_one .content .title .line img{
        width: 0px;
    }
    .firewall_one .content .text {
        padding-left: 17px;
    }
    .online-support .content .title {
        font: 700 38px "Roboto";
    }
    .three_block {
        height: 755px;
    }
    .six_block {
        height: 1675px;
    }
    .travel_two {
        height: 820px;
    }
}
@media all and (max-width: 1360px) {
     .nine_block .content .title {
        font: 700 36px "Roboto";
    }
}
@media all and (max-width: 1350px) {
    .lang {
        margin-left: 67%;
    }
    /* .eight_block .content .block1 .text, 
    .eight_block .content .block2 .text, 
    .eight_block .content .block3 .text {
        margin-left: 18%;
    } */
    .eight_block .content .title div {
        font: 700 34px/50px "Roboto";
    }
}
@media all and (max-width: 1340px) {
    #oxyca_main .wrapper_for_btn {
        padding-top: 30px;
    }
    .two_block .content .title {
        font: 700 32px "Roboto";
    }
    .serv_twelve .text_img {
        font: 700 23px 'Roboto' !important;
    }
}
@media all and (max-width: 1320px) {
    .online-support .content .title {
        font: 700 36px "Roboto";
    }
}
@media all and (max-width: 1300px) {
    .service_title, /* ------------------------------------------------------------------ заголовки */
    .page-header h2,
    .page-header h1,
    .block_title,
    .seven_block .block_title,
    .eight_block .block_title {
        font-size: 34px;
    }
    .lang {
        margin-left: 68%;
    }
    .two_about .content {
        margin-top: 100px;
    }
     .nine_block .content .title {
        font: 700 34px "Roboto";
    }
    .text_img {
        font: 700 25px "Roboto";
    }
    .serv_fourteen .title {
        font: 700 32px "Roboto";
    }
    .serv_four .content .title {
        font: 700 42px "Roboto";
    }
    .two_block .content .title {
        font: 700 30px "Roboto";
    }
    .eight_block .content .title div {
        font: 700 30px/40px "Roboto";
    }
    .nine_block .wrapper_for_btn {
        padding-top: 40px;
    }
    .serv_design1 .content {
        margin-top: 110px;
        margin-left:5%;
        margin-right:5%;
    }
    .item-page.service {
        padding: 1px 4% 0 6%;
    }
    .serv_design4 .content {
        margin-top: 110px;
      margin-right:5%;
      margin-left:10%;
    }
    .wrapper_for_lang{
        right: 17%;
    }
    .online-support form {
        max-width: 95%;
    }
    .item-page.software .after_text{
        font: 400 20px/30px "Roboto";
    }

}
@media all and (max-width: 1250px) {
    .lang {
        margin-left: 69%;
    }
    .motto h1{
        padding-right: 5%;
    }
    .logo {
        margin-left: -150px;
    }
     .seven_block .content .text {
        font: 400 14px/28px "Roboto";
        margin-top: 30px;
    }
     .seven_block .content .title {
        font: 700 36px "Roboto";
    }
     /* .eight_block .content .block1 .text,  .eight_block .content .block2 .text,  .eight_block .content .block3 .text {
        margin-left: 18%;
    } */
     .eight_block .content .block1 .text .title,  .eight_block .content .block2 .text .title,  .eight_block .content .block3 .text .title {
        font: 400 20px "Roboto";
    }
     .nine_block .content .title .line img {
        width: 50px;
    }
     .nine_block .content .text {
        padding-left: 67px;
    }
    .nine_block .readmore-wrapper {
        margin-left: calc(10% + 67px);
    }
    .serv_one .content {
        margin-left: 5%;
    }
    .serv_seven .content, .serv_nine .content, .serv_eleven .content {
        margin-left: 5%;
    }
    .serv_fourteen .title {
        font: 700 30px "Roboto";
    }
    .two_block .content .title {
        font: 700 29px "Roboto";
    }
    .four_block_three .text, .five_block_three .text {
        font: 400 12px/25px "Roboto";
    }
    .firewall_one .content .title, .firewall_four .content .title {
        font: 700 40px "Roboto";
    }
    .online-support .content .title {
        font: 700 32px "Roboto";
    }
    .service__oracle .service_right .text_form {
        display: inline-block;
        margin-top: 20px;
    }
    .travel_four .text_form_form{
        margin-left: 5px;
    }
}
@media all and (max-width: 1200px) {
    .contacts_form .formResponsive input[type="text"],
    .contacts_form .formResponsive textarea,
    .form_brief .formResponsive textarea,
    .form_brief .formResponsive select,
    .form_brief .formResponsive input[type="text"]{
        height: 40px;
        line-height: 40px;
    }
    .contacts_form .formResponsive button[type="submit"]{
        height: 100px;
        line-height: 100px;
        border-left: 47px solid #e63f52;
    }
    .get_in_touch, .contacts_form{
        padding-right: 35px;
    }
    .item-page.mobile .page-header h2, .item-page.mobile .article_text {
        padding-left: 50px;
    }
    .contacts_form .formResponsive button[type="submit"]:before{
        left: -32px;
        top: 34px;
    }
    .contacts_form .formResponsive button[type="button"]{
        height: 106px;
        line-height: 100px;
    }
    .form_brief .formResponsive textarea,
    .contacts_form .formResponsive textarea{
        height: 200px;
    }
    .item-page.software .article_text {
        padding-left: 50px;
    }
    .item-page.firewall h2{
        margin-bottom: 40px;
    }
    .item-page.software .page-header h2 {
        padding-left: 50px;
    }
    .twelve_block{
        padding: 50px 0 77px 10%;
    }
    .lang {
        margin-left: 70%;
    }
    .contacts_page{
      padding: 80px 0 50px;
    }
     .seven_block .content .title {
        font: 700 34px "Roboto";
    }

     /* .eight_block .content .block1 .text, 
     .eight_block .content .block2 .text, 
     .eight_block .content .block3 .text {
        margin-left: 17%;
    } */
    .serv_ten2 .text_img,
    .serv_ten1 .text_img {
        width: 90%;
    }

    .serv_six .content {
        width: 85%;
    }
    .four_block_three .text, .five_block_three .text {
        font: 400 12px/23px "Roboto";
    }
   .serv_nine .text_form:last-child {
        margin-top: 60px;
    }
    .serv_design4 .text_form {
        margin-top: 40px;
    }
    .footer_two{
        height: 155px;
    }
    .social{
        margin-top: 35px;
    }

    .item-page.design h2:before,
    .item-page.service h2:before,
    .item-page.services h2:before,
    .item-page.firewall h2:before,
    .about_us .page-header h1:before,
    .about_us .page-header h2:before,
    .block_title__line:before{
      width: 45px;
      top: 9px;
    }
    .content_news{
        margin: 50px;
    }
    .archive, .tags{
        margin: 50px;
    }
    .content_news{
        max-width: 50%;
    }
    .block_text, .main_list{
        padding-left:0;
    }
    .footer_one .column ul .header{
        font-size: 21px;
    }
    .firewall .article_text, .travel .article_text, .item-page.service .article_text, .item-page.services .article_text{
        padding-left: 0;
    }
    .service_right .text_text_form{
        margin-top: 30px;
    }
    .service_title{
        font-size: 28px;
    }
    .item-page.design .article_text{
       padding-left: 0;
    }
    .service_title, .page-header h2, .page-header h1, .block_title{
        margin: 60px 0 40px;
    }
    .item-page.mobile  .page-header h2{
      font-size: 28px;
    }
    .item-page.form_brief{
        width: 200%;
    }
    .service_description .service__website .service_right{
        padding: 20px 4% 0 7%;
    }
}
/* ---------------------------------- 992 - 1199 ---------------------------------- */
@media all and (max-width: 1199px) {
    #oxyca_main .products .products_list div {
        font: 400 23px 'Roboto';
        line-height: 36px;
    }
    #oxyca_main .contact .contact_one p {
        font: 700 23px 'Roboto';
    }
    body:lang(fr-fr) #oxyca_main .contact .contact_one p{
        font: 700 18px 'Roboto' !important;
    }
    .about_us .page-header h1,
    /* .block_title__line{
      padding-left: 50px;
    } */
    .page-header h2, /* ------------------------------------------------------------------ заголовки */
    .page-header h1,
    .block_title,
    .seven_block .block_title,
    .eight_block .block_title {
        font-size: 22px;
    }
    .seven_block .content {
        margin-left: 8%;
        width: 80%;
    }
    .seven_block .readmore-wrapper {
        margin-left: 8%;
    }
    .seven_block .content .after_text,
    .five_about .after_text,
    .item-page .after_text {
        font: 400 19px/40px "Roboto";
    }
    .eight_block .content .block1,
    .eight_block .content .block2,
    .eight_block .content .block3 {
        margin-left: 2.5%;
    }
    .eight_block .content .block1 .icon,
    .eight_block .content .block2 .icon,
    .eight_block .content .block3 .icon {
        width: 60px;
        height: 60px;
        -webkit-background-size: contain;
        background-size: contain;
    }

    .two_block .readmore-wrapper {
        margin-left: calc(10% + 0px);
    }
    .eight_about {
        height: auto;
    }
    .eight_about .readmore-wrapper {
        margin-bottom: 40px;
    }
    .nine_about {
        background: rgba(0, 0, 0, 0) url(../img/about4.jpg) no-repeat scroll center center;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .item-page.firewall {
        height: auto;
        padding-top: 0;
    }
    .item-page.firewall .page-header {
        padding-top: 0px;
    }
    .nine_block .content .text{
        padding-left: 0;
    }
    .nine_block .readmore-wrapper {
        margin-left: calc(10% + 0px);
    }
    .twelve_block .block_title__red{
        padding-left: 150px;
    }
}
/* ---------------------------------- 992 - 1199 end ---------------------------------- */
@media all and (max-width: 1190px) {
    .seven_block .content .title  {
        font: 700 40px "Roboto";
    }
     .seven_block .content .title {
        font: 700 32px "Roboto";
    }
     .nine_block .content .title .line img {
        width: 0px;
    }

    .two_block .content .title {
         font: 700 27px "Roboto";
     }
   .firewall_four .content {
        margin-left: 5%;
        margin-top: 100px;
    }
    .item-page.design {
        padding: 1px 4% 0 6%;
    }
    .firewall_one .content {
        margin-top: 100px;
    }
    .two_about .content .text p {
        margin-bottom: 10px;
    }
    .contact_form button::after {
        font: 400 20px "Roboto";
        padding-left: 20px;
    }
    .contact_form .btn_content .buttons .btn_reset {
        font: 400 20px 'Roboto';
        margin-top: 52px;
    }
}
@media all and (max-width: 1180px) {
    .lang {
        margin-left: 71%;
    }
    .four_block_three .text, .five_block_three .text {
        font: 400 12px/23px "Roboto";
    }
     .four_block_one .content .title,  .five_block_one .content .title {
        font: 700 40px "Roboto";
    }
}
@media all and (max-width: 1170px) {
    .serv_one .content {
        margin-top: 80px;
    }
    .serv_fourteen .title {
        font: 700 28px "Roboto";
    }
    .firewall_one .content .title, .firewall_four .content .title {
        font: 700 37px "Roboto";
    }
    .wrapper_for_lang{
        right: 13%;
    }
}
@media all and (max-width: 1150px) {
    .lang {
        margin-left: 8%;
    }
    .serv_four .content .title, .serv_one .content .title {
        font: 700 40px "Roboto";
    }
    .serv_one .number {
        font: 900 40px "Roboto";
    }
    .serv_five .text {
        font: 700 42px "Roboto";
    }
    .two_block .content .title {
        font: 700 26px "Roboto";
    }
    .four_block_three .text, .five_block_three .text {
        font: 400 12px/23px "Roboto";
        margin-top: 10px;
    }
    .two_about .content .title, .five_about .content .title {
        font: 700 44px 'Roboto';
    }
    .get_in_touch{
        width: 60%;
    }
    .contacts_form{
        width: 40%;
    }
    .contacts_form .formResponsive{
        max-width: 90%;
    }
}
@media all and (max-width: 1144px) {
    .e-commerce .content .read_more {
        left: 0;
    }
}
@media all and (max-width: 1100px) {
    /*.lang {*/
        /*margin-left: 73%;*/
    /*}*/
    .two_about .content {
        margin-top: 80px;
    }

     .seven_block .content .text {
        font: 400 14px/28px "Roboto";
        margin-top: 30px;
    }
     .seven_block .content .title {
        font: 700 32px "Roboto";
    }
     .eight_block .content .title div {
        font: 700 30px/40px "Roboto";
    }
    .serv_four .content .title {
        font: 700 38px "Roboto";
    }
    .eight_block .content .block1 .text .title, .eight_block .content .block2 .text .title, .eight_block .content .block3 .text .title{
        font-size: 18px;
    }
    .motto h1{
        padding-right: 6%;
    }
    .service_description .service_right {
        padding: 1px 2% 0 4%;
    }
    .service_description .service__website .service_left {
        padding-top: 20%;
    }
    .service__mobile .service_right .text_text_form {
        font: 400 14px/30px "Roboto";
        margin-top: 28px;
    }
}
@media all and (max-width: 1090px) {
   .two_about .content .text {
        line-height: 28px;
    }
    .seven_block .btn_red{
        height: 100px;
        width: 50px;
    }
    .item-page.service {
        padding: 1px 4% 0 6%;
    }
    .text_text_form{
        font: 400 14px/28px "Roboto";
    }
}
@media all and (max-width: 1080px) {
    /*.lang {*/
        /*margin-left: 74%;*/
    /*}*/
    .service .page-header h2 {
        font-size: 28px;
    }
     .wrapper_for_btn {
        padding-top: 90px;
    }
     .nine_block .wrapper_for_btn {
        padding-top: 20px;
    }
     .nine_block .btn_red {
        margin-left: -7px;
        transform: scale(0.8);
    }
    .serv_six .content {
        width: 90%;
    }
    .serv_fourteen .title {
        font: 700 24px "Roboto";
    }
   .serv_four .content .title .line img {
        width: 30px;
    }
    .serv_four .text {
        padding-left: 47px;
    }
    .two_block .content .title {
        font: 700 25px "Roboto";
    }
    .firewall_one .content .text {
        margin-top: 20px;
    }
    #oxyca_main .contact div:last-child button {
        margin-top: 55px;
    }
}
@media all and (max-width: 1050px) {
    /*.lang {*/
        /*margin-left: 75%;*/
    /*}*/
    .twelve_block .btn_red {
        transform: scale(1) !important;
    }
     .title_form {
        font: 400 20px "Roboto";
    }
     .four_block_three .text,  .five_block_three .text {
        margin-left: 12%;
    }
     .four_block_one .content .title,  .five_block_one .content .title {
        font: 700 36px "Roboto";
    }
     .eight_block .content .block1,  .eight_block .content .block2,  .eight_block .content .block3 {
        margin-top: 40px;
    }
    .two_block .content .title {
        font: 700 24px "Roboto";
    }
    .serv_design1 .content .text p {
        margin-bottom: 10px;
    }
    .serv_design1 .content .text {
         margin-top: 20px;
    }
    .serv_design1 .content{
      margin-top:80px;
    }
    .serv_design4 .content {
        margin-top: 100px;
     
    }
    .serv_design4 .text_text_form {
        font: 400 14px/27px "Roboto";

    }
    .contact_form .content input {
        width: 80%;
    }
    .contact_form textarea {
        width: 80%;
    }
    .contact_form .btn_content .buttons {
        width: 80%;
    }
    .service_description .service__oracle .service_right{
        padding: 50px 2% 0 2% !important;
    }
}
@media all and (max-width: 1030px) {
    .get_in_touch .content .title {
        font: 700 44px "Roboto";
    }
    .online-support .content .title {
        font: 700 38px "Roboto";
    }
}
@media all and (max-width: 1020px) {
    .two_about .content .title, .five_about .content .title, .six_about .content .title, .serv_four .content .title, .serv_one .content .title {
        font: 700 38px "Roboto";
    }
    .two_block .content .title .line img, .two_about .content .title .line img, .five_about .content .title .line img, .serv_four .content .title .line img {
        width: 50px;
    }
     .four_block_three .text,  .five_block_three .text {
        margin-left: 10%;
        font: 400 12px/25px "Roboto";
    }
     .seven_block .btn_red {
        margin-left: -5px;
        transform: scale(0.8);
    }
     .eight_block .content .title div {
        margin-left: 10%;
    }
     .nine_block .content .title {
        font: 700 32px "Roboto";
    }
     .nine_block .content .text {
        font: 400 12px/28px "Roboto";
    }
    .serv_four .text {
        padding-left: 67px;
    }
    .serv_eight1 .text_img,
    .serv_eight2 .text_img {
        width: 90%;
    }
    .serv_six .content {
        width: 98%;
    }
   .serv_four .content .title .line img {
        width: 0px;
    }
    .serv_four .text {
        padding-left: 17px;
    }
    .two_block .content .title {
        font: 700 23px "Roboto";
    }
    .serv_one .text_text_form {
        font: 400 12px/28px "Roboto";
    }
    .oracle .text_form{
        margin-top: 30px;
    }
}
@media all and (max-width: 1008px) {
    .eight_block {
        height: auto;
        width: 100%;
        float: none;
        clear: both;
        padding-top: 85px;
        padding-bottom: 100px;
    }
    .eight_block .block_title {
        margin: 0px 30px 0 5%;
    }
    .eight_block .content .block1,
    .eight_block .content .block2,
    .eight_block .content .block3 {
        margin-left: 5%;
    }
    /* .eight_block .content .block3 .text,
    .eight_block .content .block2 .text,
    .eight_block .content .block1 .text{
        float: left;
        margin-left: 2.5%;
        width: calc(100% - 85px);
    } */
}
@media all and (max-width: 1000px) {
    .archive, .tags{
        max-width: 25%;
    }
    /*.lang {*/
        /*margin-left: 76%;*/
    /*}*/
    .firewall_one .content {
        margin-top: 80px;
    }
    .firewall_one .content .title, .firewall_four .content .title {
        font: 700 34px "Roboto";
    }
    .serv_design4 .text_text_form {
        font: 400 14px/25px "Roboto";
    }
    .wrapper_for_logo{
        margin-left: 21%;
    }
}
/* -------------------------------- sm 768 - 991 -------------------------------- */
@media all and (max-width: 991px) {
    .menu {
        margin: 0;
    }
    .motto h1 {
        padding-right: 0;
    }
    #oxyca_main .products,
    #oxyca_main .contact {
        display: block;
        width: 50%;
        margin-top: 40px;
        margin-left: 50%;
    }
    #oxyca_main .products .products_list {
        float: right;
        text-align: right;
        margin-right: 15px;
    }
    #oxyca_main .contact .contact_one p {
        margin-left: 0;
        text-align: center;
    }
    #oxyca_main .products .products_list div {
        font: 400 19px 'Roboto';
        line-height: 1.5;
    }
    #oxyca_main .contact {
        width: 100%;
        margin-top: 80px;
        margin-left: 0;
    }
    #oxyca_main .contact .readmore-wrapper {
        margin-top: 30px;
        margin-left: 50%;
    }
    .six_block {
        max-height: 1887px;
        background: url(../img/background_sixth_block.jpg) no-repeat top center;
        background-size: cover;
    }
    .seven_block {
        height: auto;
    }
    .seven_block .content {
        margin-top: 0;
    }
    .seven_block .content .after_text,
    .five_about .after_text,
    .item-page .after_text  {
        font: 400 15px/40px "Roboto";
    }
    .eight_block {
        height: auto;
        width: 100%;
        float: none;
        clear: both;
        padding-top: 85px;
        padding-bottom: 100px;
    }
    .eight_block .block_title {
        margin: 0px 30px 0 5%;
    }
    .eight_block .content .block1,
    .eight_block .content .block2,
    .eight_block .content .block3 {
        margin-left: 5%;
    }
    /* .eight_block .content .block3 .text,
    .eight_block .content .block2 .text,
    .eight_block .content .block1 .text{
      float: left;
      margin-left: 2.5%;
      width: calc(100% - 85px);
    } */
    .item-page.about_us,
    .five_about .content,
    .six_about .content,
    .eight_about .content,
    .ten_about .content,
    .item-page.services {
        margin: 0;
        padding: 0 10% 0 var(--padding-left-1);
    }
    .about_us .page-header h2,
    .about_us .page-header h1,
    .five_about h3,
    .six_about h3,
    .services .page-header h2,
    .serv_four .block_title {
        margin-top: 70px;
        margin-bottom: 30px;
    }

    .three_about {
        background: rgba(0, 0, 0, 0) url(../img/about1_sm.jpg) no-repeat scroll center center;
        -webkit-background-size: cover;
        background-size: cover;
        height: 830px;
    }
    .six_about .readmore-wrapper,
    .eight_about .readmore-wrapper,
    .ten_about .readmore-wrapper {
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .serv_three .products {
        display: inline-block;
        margin-top: 70px;
        width: 100%;
    }
    .serv_three .products .products_list div {
        font: 400 18px "Roboto" !important;
        padding-bottom: 22px;
    }
    .serv_four .content {
        margin-top: 0;
    }
    .firewall .article_text {
        padding-left: 0;
    }
    .twelve_block .block_title__red{
        padding-left: 0;
        padding-bottom: 10px;
    }
    .footer_one .column ul .header{
        font-size: 18px;
    }
    .item-page.design h2{
        padding-left: 40px;
    }
    .service_title{
        font-size: 24px;
    }
    .item-page.software .article_text p{
        font: 400 13px/27px 'Roboto';
    }
    .item-page.software .page-header h2{
        font-size: 22px;
    }

}
/* -------------------------------- sm 768 - 991 end -------------------------------- */
@media all and (max-width: 990px) {
    
    .item-page.service.store,
    .item-page.service.mobile,
    .item-page.service.websites,
    .item-page.service.oracle,
    .item-page.service.software{
        background: #fff;
    }

    .service__oracle .service_right {
        height: 689px;
        padding: 50px 4% 0 2%;
    }
    
    .item-page.services{
        height: auto;
        display: inline-block;
        position: relative;
    }
    .four_block_two,
    .five_block_two{
        -webkit-background-size: cover;
        background-size: cover;
        height: 100px;
    }
    .four_block_three,
    .five_block_three{
        position: relative;
        height: auto;
        padding: 3rem 0;
    }
    .four_block_three .btn_red,
    .five_block_three .btn_red{
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .four_block_three .text, .five_block_three .text{
        margin-left: 3%;
    }
    
    .read_more_travel{
        bottom: 50px;
    }
    .four_about .products .products_list div{
        font-size: 20px;
        padding-bottom: 10px;
    }
    .travel_right{
        display: none;
    }
    .item-page.travel {
        background: #fff none repeat scroll 0 0;
    }
    .travel_three h3 {
        margin-top: 0px;
    }
    .item-page.travel h2 {
         width: 86%;
     }
    .travel .article_text {
        max-width: 98%;
        width: 98%;
    }
    .item-page.travel {
        padding: 1px 0 30px 6%;
    }
    .travel_four .content {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .five_block,
    .four_block,
    .firewall_four,
    .firewall_three,
    .travel_three,
    .travel_four{
        width: 100%;
        display: inline-block;
        height: auto;
        float: none;
        background-size: cover;
    }
    .five_block .block_title__black, .four_block .block_title__black {
        padding: 3% 0 0 3%;
        margin: 0;
    }
    .four_block_one .content, .five_block_one .content{
        margin-left: 3%;
    }
    .firewall_four .content,
    .firewall_three .content{
        margin: 0;
        padding: 30px;
    }
    .firewall_four .text_form_form{
        margin: 0;
        margin-left: 10px;
        width: 90%;
    }
    .firewall_three .content .title2{
        margin-top: 25px;
    }
    .six_about .wrapper_for_btn,
    .nine_block .wrapper_for_btn,
    .seven_block .wrapper_for_btn{
        bottom: 20px;
    }
    .six_about .wrapper_for_btn .btn_red,
    .nine_block .wrapper_for_btn .btn_red,
    .seven_block .wrapper_for_btn .btn_red{
        width: 40px;
        height: 75px;
    }
    .firewall_four .text_form{
        margin-top: 20px;
    }
    .firewall_four  .text_text_form{
        margin-top: 10px;
    }
    .firewall .article_text{
        max-width: 100%;
    }
    .ten_about .btn_red{
        width: 40px;
        height: 75px;
    }
    .ten_about .wrapper_for_btn,
    .eight_about .wrapper_for_btn{
        position: absolute;
        bottom: 20px;
        left: 0;
        margin: 0;
    }
     .seven_block .content .text {
        font: 400 12px/28px "Roboto";
        margin-top: 30px;
    }
     .seven_block .content .title {
        font: 700 32px "Roboto";
    }
    .products_page{
        padding: 4rem 0 15rem;
    }
    .products_page .wrapper_for_btn{
        bottom: 15px;
    }
    .eight_about .btn_red,
    .products_page .wrapper_for_btn .btn_red{
        width: 40px;
        height: 75px;
        margin: 0;
        transform: none;
    }
    .firewall_one .content .title, .firewall_four .content .title {
        font: 700 32px "Roboto";
    }
    .item-page.design h2:before,
    .item-page.service h2:before,
    .item-page.services h2:before,
    .item-page.firewall h2:before,
    .about_us .page-header h1:before,
    .about_us .page-header h2:before,
    .block_title__line:before{
      width: 30px;
    }

    .contacts_form .formResponsive{
        max-width: 70%;
    }
    .item-page.service h2{
        padding-left: 40px;
    }
    .item-page.design .after_text{
        font: 400 15px/30px "Roboto";
    }
    .item-page.design .article_text p{
        font: 400 16px/30px 'Roboto';
    }
}
@media all and (max-width: 990px) {
    .page-header h2, .page-header h1{
        margin-bottom: 50px;
    }
    .item-page.service,
    .item-page.design{
        padding: 1px 3rem 1px;
        background: #fff;
    }
    .serv_design4,
    .serv_design3{
        float: none;
        height: auto;
        display: inline-block;
        width: 100%;
    }
    .serv_design3 .content{
        margin: 0;
        padding: 4rem 3rem;
    }
    .serv_design4 .content{
        margin: 0;
        padding: 4rem 3rem;
    }
    .serv_design4 .text_form{
        margin: 0;
        padding: 2rem;
        margin-bottom: 2rem;
    }
    .serv_five .text {
        font: 700 40px "Roboto";
    }
    .get_in_touch, .contacts_form {
    width: 200%;
    float: none;
    padding: 20px 40px;
    }
    .contacts_form .formResponsive textarea,
    .contacts_form .formResponsive input[type="text"]{
      width: 93%;
      display: block;
    }
    .get_in_touch .content .title .line img{
      display: none;
    }
    .get_in_touch .content .text{
      padding-left: 0;
    }
    .rsform-block.rsform-block-reset{
      margin-right: 20px;
    }
    .get_in_touch .content .title .text_t{
      margin-left: 0;
    }
    .serv_one{
        max-width: 100%;
    }
    .serv_twelve{
        position: relative;
    }
    .serv_twelve .btn_red{
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .serv_twelve{
        padding: 60px 0;
    }
    .serv_twelve .text_img{
        margin-top: 0  !important;
    }
    .serv_seven .content, .serv_nine .content, .serv_eleven .content{
        margin: 0;
        padding: 30px;
    }
    .serv_eleven .text_form:last-child{
        margin-top: 0;
    }
    .serv_seven .text_form:first-child,
    .serv_nine .text_form:first-child{
        margin-top: 0;
    }
    .serv_seven .text_form:last-child,
    .serv_nine .text_form:last-child{
        margin-top: 30px;
    }
    .products_right{
        display: none;
    }
    .products_page{
        background: #fff;
    }
    .products_left{
        width: 100%;
        display: block;
    }
    .item-page.online-support, .item-page.contacts_article{
        width: 100% !important;
    }
    .item-page.travel, .travel_two{
        height: auto !important;
        width: 100%;
    }
    .item-page.travel{
        width: 200%;
    }
    .travel_two .text_img {
        margin: 5% 0 !important;
        font: 700 30px "Roboto";
    }
    .item-page .after_text{
        width: 100% !important;
        margin-left: 0 !important;
    }
    .item-page.seo .after_text{
        font: 400 15px/28px "Roboto";
    }
    .item-page.seo .article_text p{
        font: 400 13px/28px 'Roboto';
    }
    .service .page-header h2{
        font-size: 26px;
    }
}
@media all and (max-width: 980px) {
    .firewall_one {
        width: 100%;
    }
    .firewall_one{
      height: auto;
    }
    .firewall_one .content .title {
        font: 700 48px "Roboto";
    }
    .firewall_one .content .title .line img {
        width: 68px;
    }
    .firewall_one .content .text {
        margin-top: 43px;
    }
    .firewall_one .content {
        margin: 0;
        padding: 40px 30px;
        height: auto;
    }
    .firewall_four .text_form{
      margin-top: 30px;
    }
    .firewall_four .number{
      font-size: 38px;
    }
    .firewall_three .btn_red{
      margin-top: 900px;
    }
    .footer_one .content {
        width: 90%;
    }
}
@media all and (max-width: 970px) {
     .four_block {
        width: 100%;
    }
     .five_block {
        width: 100%;
    }
     .four_block_three .text,  .five_block_three .text {
        font: 400 14px/30px "Roboto";
        margin-left: 12%;
    }
     .four_block_one .content,  .five_block_one .content {
        margin-left: 12%;
    }
    .service__mobile .service_right .text_text_form {
        font: 400 14px/30px "Roboto";
        margin-top: 18px;
    }
}
@media all and (max-width: 960px) {
    #oxyca_main .contact .contact_one p{
        margin-left: 0;
    }
    .seven_about{
      padding: 0 40px;
    }
    .eight_block .content .block1 .text,
    .eight_block .content .block2 .text,
    .eight_block .content .block3 .text{
      margin-top: 0;
    }
    .logo {
        margin-left: -180px;
    }
    .content .text p {
        margin-bottom: 10px;
    }
    .two_block .content .title .line img, .two_about .content .title .line img, .five_about .content .title .line img{
        width: 30px;
    }
     .four_block_three .text,  .five_block_three .text {
        margin-left: 3%;
    }
     .four_block_one .content,  .five_block_one .content {
        margin-left: 3%;
    }
    .seven_block .content .text {
        font: 400 14px/30px "Roboto";
    }
     .wrapper_for_btn {
        padding-top: 60px;
    }
    .eight_block .content .title div {
        margin: 0 0 30px;
    }
    .serv_four .text {
        padding-left: 37px;
    }
    .serv_six ul.column li div {
        transform: scale(0.9);
    }
    .serv_five .text {
        font: 700 38px "Roboto";
    }
    .serv_fourteen .title {
        font: 700 23px "Roboto";
    }
    .serv_fourteen .block1 .column {
        width: 40.33% !important;
    }
    .twelve_block .up {
        font: 900 40px "Roboto";
    }
    .serv_design1 .content .title {
        font: 700 40px "Roboto";
    }
      .get_in_touch .content .title {
        font: 700 42px "Roboto";
    }
    #oxyca_main .motto{
        margin-top: 35px;
    }
    #oxyca_main .it{
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 38px;
    }
    .firewall .article_text p{
        font: 400 13px/26px 'Roboto';
    }
}
@media all and (max-width: 930px) {
  .serv_design4 .text_text_form {
    font: 400 14px/29px "Roboto";
    }
    .serv_design3, .serv_design4 {
        width: 100%;
    }
    .serv_nine .text_form:last-child {
        margin-top: 60px;
    }
    .get_in_touch .content .title {
        font: 700 40px "Roboto";
    }
}
@media all and (max-width: 920px) {
    .serv_nine .text_form:last-child {
        margin-top: 60px;
    }
}
@media all and (max-width: 910px) {
    .two_block .content .title .line img, .two_about .content .title .line img, .five_about .content .title .line img, .serv_four .content .title .line img {
        width: 0px;
    }
     .four_block_three .text,  .five_block_three .text {
        margin-left: 3%;
    }
    .serv_four .text {
        padding-left: 17px;
    }
    .twelve_block .down {
        margin-right: -300px;
    }
    .firewall_one .content .title .line img, .serv_design1 .content .title .line img {
        width: 40px;
    }
    .serv_design1 .content .text{
      padding-left:57px;
    }
}
@media all and (max-width: 900px) {
    .get_in_touch .content .title {
        font: 700 48px "Roboto";
    }
    .twelve_block .down{
        padding-left: 200px;
    }
}
@media all and (max-width: 890px) {
    .serv_five .text {
        font: 700 36px "Roboto";
    }
    .serv_fourteen .title {
        font: 700 22px "Roboto";
    }
  .serv_one .text_text_form {
    font: 400 12px/27px "Roboto";
}
}
@media all and (max-width: 870px) {
    .six_about .wrapper_for_btn, .eight_about .wrapper_for_btn, .ten_about .wrapper_for_btn{
      float: none;
    }
    .serv_five .text {
        font: 700 34px "Roboto";
    }
    .serv_one .content {
        margin-right: 5%;
    }
    .serv_twelve .text_img {
        font: 700 22px 'Roboto' !important;
        padding-left: 10%;
    }
}
@media all and (max-width: 850px) {
    .first_block_menu {
        height: 150px;
    }
    .service_description .service_left{
        font-size: 24px;
    }
    .service_description .service_right{
        padding: 1px 4% 30px;
    }
    .first_block .menu, .first_block_menu .menu {
        float: left;
        text-align: center;
        width: 100%;
    }
    .serv_seven .text_form:last-child, .serv_nine .text_form:last-child {
        margin-top: 60px;
    }
    .serv_fourteen .title {
        font: 700 21px "Roboto";
    }
    #oxyca_main .contact div:last-child button{
        margin-top: 60px;
    }
    .twelve_block .down {
        margin-right: -250px;
    }
    .twelve_block .up {
        font: 900 38px "Roboto";
    }
    .serv_seven .text_text_form, .serv_nine .text_text_form, .serv_eleven .text_text_form {
        font: 400 12px/26px "Roboto";
    }
    #oxyca_main .contact div:last-child button {
        margin-top: 50px;
    }
    .wrapper_for_logo{
        width: 180px;
        margin-left: 16%;
    }
}
@media all and (max-width: 840px) {
    .serv_fourteen .title {
        font: 700 20px "Roboto";
    }
    .serv_seven .text_text_form, .serv_nine .text_text_form, .serv_eleven .text_text_form {
        font: 400 12px/25px "Roboto";
    }
    .serv_seven .content, .serv_nine .content, .serv_eleven .content {
        margin-left: 0%;
    }
    .firewall_three, .firewall_four{
        position: relative;
    }
    .firewall_three .btn_red{
        position: absolute;
        margin: 0;
        right: 0;
        bottom: 0;
    }
}
@media all and (max-width: 830px) {
    .two_about{
      height: auto;
      padding: 50px 40px;
      width: 100%;
    }

    .two_about .content{
      margin: 0;
    }
    .two_about .content .title .line img {
        width: 50px;
    }
    .two_about .content .text {
        padding-left: 67px;
    }
    .text_img {
        font: 700 24px "Roboto";
    }
    .text_text_form {
        margin-top: 15px;
    }
    .serv_six ul.column li div {
        transform: scale(0.8);
    }
    .serv_fourteen .content .block1 {
        width: 100%;
    }
    .serv_fourteen .content .block2{
        width: 100%;
    }
    .serv_fourteen .content .block3 {
        width: 100%;
    }
    .serv_fourteen .content .block1, .serv_fourteen .content .block2, .serv_fourteen .content .block3 {
        display: inline-block;
        float: left;
        margin-top: 30px;
        text-align: left;
    }
    .serv_fourteen .content{
        margin-left: 0;
        padding: 0 20px;
    }
    .serv_fourteen {
        background-color: #ffffff;
        display: inline-block;
        float: left;
        height: auto;
        width: 100%;
        padding-bottom: 40px;
    }
    .serv_fourteen .title {
        font: 700 28px "Roboto";
        text-align: center;
    }
    .serv_fourteen .block1 .column {
        width: 33.33% !important;
    }
    .serv_twelve .text_img {
        font: 700 21px 'Roboto' !important;
        padding-left: 10%;
    }
    .firewall_one .content .title .line img, .serv_design1 .content .title .line img {
        width: 0px;
    }
    .serv_design1 .content .text{
      padding-left:17px;
    }
    .serv_design4 .text_text_form {
        margin-top: 30px;
    }
}
@media all and (max-width: 810px) {
    .page-header h2, .page-header h1{
        margin-bottom: 40px;
    }
    .service_description .service__software .service_left {
        padding-top: 7% !important;
    }
    .serv_one .text_form{
        padding-left: 0px;
    }
    .serv_four .content{
        margin-top: 0;
    }
    .service_description .service__software, .service_description .service__oracle, .service_description .service__website, .service_description .service__mobile, .service_description .service__store, .service_description .service__seo{
        background: #f8f8f8;
        padding: 0;
    }
    .service_description .service__software .service_left{
        background: url(../img/soft2.jpg) no-repeat left center; 
    }
    .service_description .service__oracle .service_left{
        background: url(../img/oracle2.jpg) no-repeat left center;
        padding: 50px 0;
    }
    .service_description .service__mobile .service_left{
        background: url(../img/mobile2.jpg) no-repeat left center; 
    }
    .service_description .service__store .service_left{
        background: url(../img/online-stores-2.jpg) no-repeat left center;   
    }
    .service_description .service__seo .service_left{
        background: url(../img/seo2.jpg) no-repeat left center;
    }
    .service_description .service_right,
    .service_description .service_left{
        width: 100% !important;
        display: inline-block;
        float: none;
        padding: 30px;
        height: auto !important;
    }
    .service_description .service_right{
        padding: 1px 4% 30px;
    }
    .service_description .service__website .service_left, .service_description .service__store .service_left {
        padding-top: 5%;
    }
    .service_description .service__store .service_right {

        padding: 30px 4% 0 7%;
    }
    .service__mobile .service_left {
        padding-top: 5% !important;
    }
    .service_description .service__mobile{
        background: #ffffff none repeat scroll 0 0 !important;
    }
}
@media all and (max-width: 800px) {
    .archive, .tags{
        width: 100%;
        float: left;
        max-width: 50%;
        padding: 20px;
        margin: 0;
    }
    .archive .header, .tags .header{
        font-size: 30px;
    }
    .content_news{
        max-width: 100%;
        margin: 0;
        padding: 40px;
    }
    .twelve_block .down .table_bl div:first-child {
        font: 400 28px "Roboto";
        height: 50px;
    }
    .twelve_block .btn_red {
        height: 100px !important;
        width: 50px !important;
    }
    .footer_one .column ul .header {
        font: 400 20px "Roboto";
    }
    .text_img {
        font: 700 22px "Roboto";
    }
    .serv_five .text {
        font: 700 32px "Roboto";
    }
    .serv_four .content .title{
        font: 700 36px "Roboto";
    }
    .twelve_block .up {
        font: 900 30px "Roboto";
    }
    .serv_twelve .text_img {
        font: 700 20px 'Roboto' !important;
        padding-left: 10%;
    }
    .firewall_one .content .title {
        font: 700 44px "Roboto";
    }
    .serv_seven .text_text_form, .serv_nine .text_text_form, .serv_eleven .text_text_form {
        font: 400 12px/24px "Roboto";
    }
    .twelve_block{
        padding: 42px 0 48px 5%;
    }
    .footer_one .column ul .header{
        font-size: 16px;
    }
    .item-page.software .article_text p{
        margin-bottom: 20px;
    }
    .item-page.software .after_text{
        margin-top: 0;
        font: 400 20px/28px "Roboto";
    }
}
@media all and (max-width: 770px) {

  .wrapper_for_logo{
    position: relative;
  }
    .lang{
        margin-left: -300px;
    }
    .serv_one .text_text_form {
        margin-top: 20px;
    }
  .contacts_page{
    padding: 30px 0 40px;
  }
  .form_brief .formResponsive button[type="submit"],
  .contacts_form .formResponsive button[type="button"],
  .contacts_form .formResponsive button[type="submit"]{
    height: 90px;
    line-height: 90px;
  }
  .form_brief .formResponsive button[type="submit"]:before,
  .contacts_form .formResponsive button[type="submit"]:before{
    top: 28px;
    left: -30px;
  }
  .form_brief .formResponsive button[type="submit"],
  .contacts_form .formResponsive button[type="submit"]{
    border-left: 50px solid #e63f52;
  }
    .mobile_menu_toggler {
        display: none;
        position: absolute;
        right: 7%;
        margin-right: 7px;
        top: 55px;
        z-index: 9999;
    }
    .mobile_menu_toggler .line {
      display: block;
      width: 40px;
      height: 4px;
      background: #000;
      position: absolute;
      transition: all 0.3s ease;
    }
    .mobile_menu_toggler .line:first-child {
      top: 0;
    }
    .mobile_menu_toggler .line:nth-child(2),
    .mobile_menu_toggler .line:nth-child(3) {
      top: 12px;
    }
    .mobile_menu_toggler .line:nth-child(4) {
      top: 24px;
    }
  .mobile_menu_toggler {
      display: block;
      width: 40px;
      height: 30px;
      cursor: pointer;
  }
  .mobile_menu_toggler.active {
    position: fixed;
      width: 32px;
      height: 32px;
  }
  .mobile_menu_toggler.active .line:first-child {
    transform: rotate(-45deg);
      top: 14px;
      right: 0;
  }
  .mobile_menu_toggler.active .line:last-child {
    transform: rotate(45deg);
      top: 14px;
      right: 0;
  }
  .mobile_menu_toggler.active .line:nth-child(2),
  .mobile_menu_toggler.active .line:nth-child(3) {
    display: none;
  }

    .menu nav span.parent:hover nav, .menu nav span.parent:focus nav{
        display: none !important;
    }
    header .menu nav.nav{
    opacity: 0;
    transition: all .4s linear;
    width: 0;
    right: auto;
    position: absolute;
    left: 0;
    height: auto;
    z-index: 0;
    padding-top: 100px;

  }
  header .menu nav.nav.active {
    opacity: 1;
    display: block;
    position: fixed;
    background: #eaeef2;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: calc(100vh);
    width: 100%;
    z-index: 9000;
    overflow-y: scroll;
    padding-top: 100px;
    padding-bottom: 90px;
  }
    .menu .parent a:after{
        display: none;
    }
    .menu nav.nav.active span{
        display: block;
        width: 100%;
    }
  .first_block .menu nav a,
  .first_block_menu .menu nav a{
    font: 400 24px/1.4 "Roboto";
    text-transform: uppercase;
  }
  .wrapper_for_logo{
    width: auto;
    text-align: left;
    padding: 45px 0 0;
    margin-left: 9%;
  }
  .wrapper_for_lang{
    right: 7%;
  }
  .wrapper_for_logo div:last-child{
    margin: 0;
  }
  .logo{
    margin: 0;
  }
    .get_in_touch, .contacts_form {
        width: 100%;
    }
    .item-page.firewall h2{
        font-size: 32px;
    }
    .item-page.travel{
        width: 100%;
    }
    .seo_two{
        display: none;
    }
    .item-page.service{
        padding: 1px 3rem 30px;
    }
    .item-page.design{
        padding: 1px 3rem 30px;
    }
    .item-page.service.mobile{
        padding: 1px 4% 30px 6%;
    }
    .item-page.form_brief{
        width: 100%;
    }
    header .menu nav.nav.active span.active {
        display: flex;
        flex-flow: column;
        align-items: center;
    }

    header .menu nav.nav > span.parent > a {
        position: relative;
    }

    header .menu nav.nav > span.parent > a::before {
        content: '';
        position: absolute;
        right: -40px;
        top: 0;
        width: 25px;
        height: 18px;
        background: url('../img/arr-submenu.png') no-repeat right 10px center;
    }
    
    header .menu nav.nav.active span.active > .nav-child {
        display: flex !important;
        flex-flow: column;
        position: relative;
        left: auto;
        top: auto;
        margin: 0 0 10px 0;
        float: none;
        background: none;
        width: 80%;
        box-shadow: none;
        border: none;
    }

    header .menu nav.nav.active span.active > .nav-child > span {
        text-align: center;
        background: none;
    }
    header .menu nav.nav.active span.active > .nav-child > span a {
        height: auto !important;
    }

}
@media all and (max-width: 767px) {
    .web_two {
        display: none;
    }
}
@media all and (max-width: 760px) {
    .six_about .wrapper_for_btn, .nine_block .wrapper_for_btn, .seven_block .wrapper_for_btn{
      bottom: 35px;
    }
    .six_about .wrapper_for_btn{
        bottom: 20px;
    }
    .twelve_block{
      height: auto;
      padding-bottom: 50px;
    }
    .twelve_block .up{
      margin-top: 58px;
    }
}
@media all and (max-width: 750px) {
    .nine_block .wrapper_for_btn{
      float: none;
    }
    .two_block .content .title {
        font-size: 30px;
    }
    .four_block_one .content,
    .five_block_one .content{
      margin-top: 0;
    }
    .seven_block .content{
      margin: 0;
      width: 100%;
    }

    .seven_block .readmore-wrapper {
        margin-left: 0;
    }

    .firewall .article_text{
      max-width: 95%;
    }
    .serv_one{
      max-width: 95%;
    }
    .wrapper_for_btn{
      float: none;
    }
    .eight_block{
      height: auto;
      padding-bottom: 40px;
      overflow: hidden;
    }
    .two_block .content .title .line img {
        width: 68px;
    }
    .four_block_two,
    .five_block_two{
        height: 150px;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #oxyca_main .motto{
        margin-top: 50px;
    }
    .serv_five .text {
        font: 700 30px "Roboto";
    }
    .serv_four .content .title {
        font: 700 34px "Roboto";
    }
    .content .text .p1 {
        font-weight: bold;
        margin-bottom: 30px;
    }
    .serv_four .text {
        margin-top: 30px;
    }
    .serv_three .products .products_list div {
        font: 400 18px "Roboto";
    }
}
@media all and (max-width: 741px) {
    .serv_design1, .serv_design2{
        width: 100%;
    }
    .serv_design1 .content .title .line img {
        width: 68px;
    }
    .serv_design1 .content .text {
        padding-left: 85px;
    }
    .serv_design1 {
        height: 580px;
    }
}
@media all and (max-width: 730px) {
    .firewall_one .content .title {
        font: 700 42px "Roboto";
    }
    .pagination li{
        padding: 0 10px;
    }
}
@media all and (max-width: 720px) {

    .twelve_block .up {
        font: 900 32px "Roboto";
    }
    .twelve_block .down .table_bl div:first-child {
        font: 400 20px "Roboto";
        height: 50px;
    }
    .twelve_block .down {
        margin-right: -240px;
    }
    .twelve_block .up {
        margin-left: -220px;
    }
    .form_brief .formResponsive select,
    .form_brief .formResponsive input[type="text"],
    .contacts_form .formResponsive input[type="text"]{
      height: 40px;
      line-height: 40px;
    }
    .item-page.form_brief .formResponsive .formHorizontal .rsform-block{
        margin-bottom: 1.5rem;
    }
}
@media all and (max-width: 710px) {
        .five_block .block_title__black, .four_block .block_title__black{
      margin-right:70px;
    }
    .eight_about, .ten_about {
        width: 100%;
        height: auto;
        float: none;
    }
   .six_about .content .title{
      margin-bottom: 20px;
    }
    .btn_red, .six_about .btn_red{
      width: 50px;
      height: 75px;
    }
    .six_about button::after, .eight_about button::after, .ten_about button::after{
      padding-left: 5px;
    }
    .three_about{
      display: none;
    }
    .four_about .products{
      margin-top: 0;
    }
    .four_about .products .products_list div{
      padding-bottom: 10px;
    }
    .seven_about{
        height: auto;
        padding: 40px 10px;
        width: 100%;
    }
    .nine_about,
     .eleven_about{
      display: none;
     }
    .text_img {
        margin-top: 10px;
    }
    .service__seo .service_right .text_form{
        margin-top: 30px;
    }
    .six_about .wrapper_for_btn{
      margin-top: 265px;
    }
    .serv_five {
        height: auto;
        width: 100%;
        text-align:center;
    }
    .serv_six {
        height: 200px;
        width: 100%;
    }
    .serv_five .text {
        margin-top: 40px;
        text-align: center;
        float: none;
    }
    .serv_six .column {
        margin-top: 30px;
    }
    .serv_six ul.column li div {
        transform: scale(1);
    }
    .two_block .content .title {
        font: 700 34px "Roboto";
    }
    .serv_six {
        height: auto;
        float: none;
    }
    .firewall_one .content .title {
        font: 700 40px "Roboto";
    }
    .mobile_menu_toggler {
        right: 5%;
    }
    .contacts_form .formResponsive .formHorizontal .formControls{
        margin-bottom: 7px;
    }
    .wrapper_for_lang{
        right: 5%;
    }
}
@media all and (max-width: 690px) {
    .two_block .content .title {
        font: 700 32px "Roboto";
    }
    .four_block_three .text, .five_block_three .text {
        font: 400 13px/25px "Roboto";
    }
    .twelve_block .up {
        font: 900 24px "Roboto";
    }
    .contacts_form .formResponsive{
        max-width: 100%;
    }
}
@media all and (max-width: 680px) {
    .page-header h2, .page-header h1{
        margin-bottom: 4rem;
    }
    .article_text p, .content .text p{
        margin-bottom: 1.5rem;
    }
        .firewall_three, .firewall_four {
        width: 100%;
    }
    .firewall_four .content .title {
        font: 700 40px "Roboto";
    }
    .firewall_four {
      
        height: 1000px;
    }
    .firewall_three .content div:nth-child(2){
      margin-top: 40px;
    }
    .firewall_three, .firewall_four{
      height: auto;
    }
    .firewall_two{
      display: none;
    }
    .footer_one .column ul .header{
        font-size: 14px;
    }
}
@media all and (max-width: 670px) {
    .form_brief .formResponsive button[type="submit"], .contacts_form .formResponsive button[type="submit"]{
        height: 75px;
        line-height: 75px;
        border-left: 50px solid #e63f52;
        padding-top: 0;
    }
    .form_brief .formResponsive button[type="submit"]:before, .contacts_form .formResponsive button[type="submit"]:before{
        left: -33px;
        top: 22px;
    }
    .firewall_four .text_form_form{
        width: 83%;
    }
    .firewall_four .number{
        font-size: 28px;
    }
    .firewall_four .text_t{
        margin-left: 0;
        font-size: 32px;
    }
    .firewall_four .content{
        margin-top: 0;
    }
     .contact .contact_one {
        font: 400 30px/50px "Roboto";
    }
    .two_block {
        width: 100%;
    }
     .wrapper_for_btn {
        padding-top: 80px;
    }
    .title_sq {
        font: 400 16px "Roboto";
    }
    .firewall_one .content .title .line img {
        width: 0px;
    }
    .firewall_one .content .text {
     
        padding-left: 17px;
    }
    .firewall_three .btn_red{
        height: 80px;
        width: 40px;
    }
}
@media all and (max-width: 650px){
    .formResponsive .formHorizontal .rsform-block.rsform-block-send-email{
        float: left;
    }
    .formResponsive .formHorizontal .rsform-block.rsform-block-reset{
        float: right;
    }
    .contacts_form .formResponsive textarea, .contacts_form .formResponsive input[type="text"]{
        width: 93% !important;
    }
    .footer_one .column ul .header {
        font-size: 12px;
    }
}
@media all and (max-width: 610px) {

    .serv_three .products .products_list {
        margin-right: 30px;
    }
    .footer_two{
      height: auto;
      padding: 15px;
    }
    .footer_two .menu .nav{
      margin: 0;
    }
}
@media all and (max-width: 600px) {
    .products_page{
        background: transparent;
    }
    .seven_block .content{
        width: 100%;
    }
    .footer_one{
        height: auto;
        padding: 15px 0;
    }
    .products_right .products_subtitle{
      color: #000;
      padding: 15px 0;
      font-size: 18px;
    }
    .twelve_block .down{
      padding-left: 0;
      margin-top: 0;
      float: right;
      margin-right: 0;
    }
    .four_block_three .text,  .five_block_three .text {
        font: 400 12px/28px "Roboto";
    }
    .four_block_one .content .title,  .five_block_one .content .title {
        font: 700 34px "Roboto";
    }
    .serv_four .content .title {
        font: 700 28px "Roboto";
    }
    .serv_four .text {
        font: 400 13px/30px "Roboto";
    }
    .first_block .menu nav a, .first_block_menu .menu nav a {
        font-size: 14px;
    }
    .twelve_block .up {
        font: 900 22px "Roboto";
    }
    .contact_form .content input {
        width: 100%;
    }
    .contact_form textarea {
        width: 100%;
    }
    .contact_form .btn_content .buttons {
        width: 100%;
    }
    .pagination li{
        padding: 0 5px;
        font-size: 12px;
    }
    .pagination-end,
    .pagination-start{
        display: none;
    }
    .img_news .btn_red{
        width: 50px;
        height: 100px;
        margin-top: -100px;
    }
    .item-page.travel h2::before{
        width: 30px;
    }
    .item-page.travel h2 {
        padding-left: 40px;
    }
    .travel .article_text {
        padding-left: 40px;
    }
    :root {
        --padding-left-1: 16px;
        --padding-left-2: 16px;
    }
    .two_block .readmore-wrapper {
        margin-left: 0;
    }
    .two_block {
        padding-bottom: 0px;
    }
    .e-commerce {
        overflow: visible;
        padding-left: 0;
    }
    .e-commerce::before {
        display: none;
    }
    .e-commerce .readmore-wrapper {
        padding-left: 0;
    }
    .e-commerce h3 {
        margin: 0 0 40px 0;
    }
    .e-commerce .content {
        padding: 0 16px;
    }
    .seven_block .readmore-wrapper {
        margin-left: 16px;
    }
    .seven_block .readmore-wrapper {
        margin-bottom: 50px;
    }
    .eight_block {
        padding: 30px 16px;
    }
    .eight_block .block_title {
        margin: 0px 0px 0 0;
    }
    .eight_block .content .block1, .eight_block .content .block2, .eight_block .content .block3 {
        margin-left: 0;
        margin-right: 0;
    }
    .nine_block .readmore-wrapper {
        margin-left: 0;
    }
    .seven_block .readmore-wrapper {
        margin-left: 0;
    }
    .four_half_about div {
        width: 100%;
    }
    .four_half_about div:nth-child(3) {
        font-size: 24px;
    }
    .four_about-v2 .row1 .image {
        display: none;
    }
    .four_about-v2 .row1 > div {
        width: 100%;
    }
    .four_about-v2 .row1 .content-block {
        padding: 2px 16px 85px 90px;
    }
    .four_about-v2 .row1 .content-block p {
        font-size: 22px;
        line-height: 32px;
    }
    .service_title, .page-header h2, .page-header h1, .block_title {
        margin: 0px 0 20px;
    }
    .four_about-v2 .row1 .content-block ul li h4 {
        font-size: 20px;
        line-height: 32px;
    }
    .four_about-v2 .row1 .content-block ul li::after {
        left: -74px;
        width: 55px;
        height: 55px;
        background-size: contain !important;
    }
    .five_about-v2 div {
        width: 100%;
        padding: 40px 16px 40px 16px;
    }
    .contacts_page {
        flex-flow: column;
    }
    .form_brief .formResponsive button[type="submit"],
    .contacts_form .formResponsive button[type="button"],
    .contacts_form .formResponsive button[type="submit"],
    .online-support button[type="submit"]{
      border: 1px solid  #e63f52;
      background: #e63f52;
      color: #fff;
      height: 45px;
      line-height: 40px;
      width: 100%;
      margin: 0;
      text-align: center;
    }
    .rsform-block.rsform-block-reset {
        margin-right: 0;
    }
    .contacts_form .formResponsive .formHorizontal .formControls {
        margin-bottom: 16px;
    }
    .services_2 .left,
    .services_4 .right {
        display: none;
    }
    .content_type_1 > div, .content_type_3 > div {
        width: 100%;
    }
    .content_type_1 .right, .content_type_1 .left {
        padding: 45px 16px 45px 16px;
    }
    .services_3 {
        flex-flow: row wrap;
    }
    .services_3 > div {
        width: 100%;
        padding: 45px 16px 45px 16px;
    }
    .content_type_1 h3 {
        font-size: 32px;
    }
    .services_3 .right h3 {
        display: none;
    }
    .services_3 ul li h4 {
        font-size: 20px;
        line-height: 32px;
    }
    .services_3 ul li::after {
        left: 0;
        width: 55px;
        height: 55px;
        background-size: contain !important;
    }
    .services_3 ul li {
        padding-left: 80px;
    }
    .item-page.travel {
        padding: 40px 16px 16px 16px;
    }
    .item-page.travel h2 {
        padding-left: 0px;
        width: 100%;
    }
    .travel .article_text {
        padding-left: 0px;
        max-width: 100%;
        width: 100%;
    }
    .article_text.telemedicine p:nth-child(1) {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 24px;
    }
    .article_text.telemedicine p:nth-child(2) a {
        margin-top: 20px;
    }
    .article_text.telemedicine p:nth-child(2) {
        margin-bottom: 24px;
    }
    .telemedicine_mod_1 .left {
        display: none;
    }
    .telemedicine_mod_1 > div {
        width: 100%;
        padding: 45px 16px 45px 16px;
    }
    .telemedicine_mod_1 .right ul li:not(:last-child) {
        margin-bottom: 20px;
    }
    .telemedicine_mod_2 {
        display: flex;
        flex-flow: column;
        margin: 45px 16px 45px 16px;
    }
    .telemedicine_mod_2 .row1:nth-child(1) .left {
        padding-left: 0px;
        padding-right: 16px;
        margin-bottom: 16px;
    }
    .telemedicine_mod_2 .row1:nth-child(1) > div {
        width: 100%;
    }
    .telemedicine_mod_2 .row1:nth-child(1) .right p {
        font-size: 20px;
        line-height: 30px;
    }
    .telemedicine_mod_2 ul li::after {
        left: 16px;
        top: 22px;
        width: 60px;
    }
    .telemedicine_mod_2 ul li {
        padding: 22px 22px 22px 84px;
        flex-flow: column;
    }
    .telemedicine_mod_2 ul li h4 {
        font-size: 20px;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .telemedicine_mod_2 ul li p {
        max-width: none;
    }
    .telemedicine_mod_2 .row1:nth-child(1) {
        flex-flow: row wrap;
    }
    .item-page.service, .item-page.design,
    .item-page.service.mobile {
        padding: 45px 16px 45px 16px;
    }
    .item-page.service h2 {
        padding-left: 0px;
    }
    .article_text.devsecops ul {
        margin-top: 26px;
    }
    .article_text.devsecops ul li {
        padding-left: 80px;
    }
    .article_text.devsecops ul li::after {
        left: 0;
        width: 55px;
        height: 55px;
        background-size: contain !important;
    }
    .service_description-v2 .devsecops-mod2 {
        display: flex;
        width: 100%;
    }
    .service_description-v2 .devsecops-mod2 .service_right {
        padding: 45px 16px 45px 16px;
    }
    .service_description-v2 .devsecops-mod2 > div {
        width: 100%;
    }
    .service_description-v2 .devsecops-mod2 .service_left,
    .mobile_applications_2 .left {
        display: none;
    }
    .service_description-v2 .devsecops-mod2 .service_right h3 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .list-mod1 li h4 {
        font-size: 22px;
    }
    .devsecops-mod3 {
        flex-flow: row wrap;
    }
    .devsecops-mod3 > div {
        width: 100%;
        padding: 45px 16px 45px 16px;
    }
    .devsecops-mod3 .right {
        padding-top: 45px;
    }
    .software_development_2 .left {
        display: none;
    }
    .software_development_3 .right {
        display: none;
    }
    .content_type_3 h3 {
        margin-bottom: 20px;
        font-size: 32px;
    }
    .content_type_3 .left {
        padding: 45px 16px;
    }
    .software_development_3 .left,
    .software_development_2 .right,
    .mobile_applications_2 .right,
    .graphic_design_mod_1 .right,
    .interoperability_mod_1 .row1 > .left,
    .cybersecurity_mod.mod1 .right{
        padding-top: 0;
    }
    .content_type_1, .content_type_3 {
        flex-wrap: wrap;
    }
    .mobile_applications_3 .right h3 {
        display: none;
    }
    .mobile_applications_3 .right, .mobile_applications_3 .left {
        padding: 45px 16px 45px 16px;
    }
    .article_text.data_analytics p:nth-child(2) {
        font-size: 22px;
        line-height: 38px;
    }
    .data_analytics_2.content_type_1 .left {
        padding: 45px 16px;
    }
    .data_analytics_2.content_type_1 h2 {
        font-size: 32px;
        margin-bottom: 30px;
    }
    .data_analytics_2.content_type_1 h3 {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .data_analytics_2 .img-block {
        min-height: 210px;
        background-size: cover !important;
    }
    .data_analytics_2 .list-mod1 {
        padding-top: 250px !important;
    }
    .data_analytics_2.content_type_1 .right h2,
    .graphic_design_mod_2.content_type_1 .right h3 {
        display: none;
    }
    .item-page.design h2 {
        padding-left: 0px;
    }
    .graphic_design_mod_1 .left {
        display: none;
    }
    .interoperability_mod_1 .row1:nth-child(1) .left,
    .interoperability_mod_1 .row1:nth-child(2) .right,
    .cybersecurity_mod.mod1 .row1:nth-child(1) .left {
        display: none;
    }
    .interoperability_mod_1 .row1 >div,
    .cybersecurity_mod .row1 > div {
        width: 100%;
        padding: 45px 16px;
    }
    .interoperability_mod_1 .row1,
    .cybersecurity_mod .row1 {
        flex-flow: row wrap;
    }
    .interoperability_mod_1 .row1:nth-child(3) .left {
        padding-top: 45px;
    }
    .service_description,
    .cybersecurity_mod .row1:nth-child(2) .right h3 {
        display: none;
    }
    .cybersecurity_mod .row1 h2 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .cybersecurity_mod .row1 h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .medical_animation_1 .row1:nth-child(1) .right,
    .medical_animation_1 .row1:nth-child(2) .left,
    .medical_animation_1 .row1:nth-child(3) .right,
    .cloud_based_2 > .row1:nth-child(1) > .left {
        display: none;
    }
    .medical_animation_1 .row1 > div,
    .cloud_based_2 > .row1 >div {
        width: 100%;
    }
    .medical_animation_1 .row1:nth-child(1) .left, .medical_animation_1 .row1:nth-child(3) .left, .medical_animation_1 .row1:nth-child(2) .right {
        padding: 45px 16px;
    }
    .medical_animation_1 .row1:nth-child(3) .left,
    .medical_animation_1 .row1:nth-child(2) .right,
    .cloud_based_2 .right {
        padding-top: 0;
    }
    .cloud_based_2 .right {
        padding-bottom: 0;
    }
    .medical_animation_1 .row1:nth-child(2) .right p:last-child, .medical_animation_1 .row1:nth-child(3) .left p:nth-child(2) {
        font-size: 22px;
        line-height: 34px;
    }
    .cloud_based_1 {
        display: none;
    }
    .cloud_based_2 > .row1 {
        flex-flow: row wrap;
    }
    .two_block .content {
        padding-top: 45px;
    }
    .get_in_touch .content .text p {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 30px;
    }
}
@media all and (max-width: 570px) {
    .e-commerce .content .custom,
    .two_block .content .text,
    .two_about .content .text,
    .five_about .content .text{
        padding-left: 0;
    }
    .nine_block .content .text,
    .five_about .content .text{
        padding-left: 0;
    }
    
    .two_block .content .text{
        padding-left: 0;
    }
    .item-page.software .page-header h2 {
        padding-left: 0px;
        font-size: 32px;
    }
    .firewall_four .number{
        font-size: 30px;
    }
    .firewall .article_text{
        padding-left: 0;
    }
    .item-page.mobile .page-header h2 {
        padding-left: 0px;
    }
    .item-page.form_brief .page-header h2:before{
        display: none;
    }
    .item-page.service .article_text,
    .item-page.services .article_text,
    .item-page.design .article_text{
        padding-left: 0;
    }
    .item-page.design h2:before,
    .item-page.service h2:before,
    .item-page.services h2:before,
    .item-page.firewall h2:before,
    .about_us .page-header h1:before,
    .about_us .page-header h2:before,
    .block_title__line:before{
      display: none;
    }
    .logo {
        margin-left: 65%;
    }
    .twelve_block .up {
        margin-left: -200px;
    }
    .footer_one .content {
        width: 90%;
    }
     .contact .contact_one {
        font: 400 28px/45px "Roboto";
    }
     .wrapper_for_btn {
        padding-top: 100px;
    }
    .serv_three .products {
        margin-top: 50px;
    }
    .two_block .content .title {
        font: 700 27px "Roboto";
    }
    .four_block_three .text, .five_block_three .text {
        font: 400 12px/25px "Roboto";
    }
    .title_sq {
        font: 400 14px "Roboto";
    }
    .twelve_block .down {
        margin-right: 0;
    }
    .firewall_one .content .title {
        font: 700 38px "Roboto" ;
    }
    .firewall_one .content {
        margin-top: 80px !important;
    }
    .firewall_one .content .text {
        margin-top: 20px;
    }
    .firewall_one .content {
        margin-left: 5%;
    }
    .firewall_four .content .title {
        font: 700 35px "Roboto";
    }
}
@media all and (max-width: 540px) {
    .archive, .tags{
        width: 100%;
        float: none;
        max-width: 100%;
        padding: 20px;
        margin: 0;
        text-align: center;
    }
    .img_news .btn_red{
        width: 35px;
        height: 65px;
        margin-top: -67px;
    }
    #oxyca_about .first_block_menu{
        height: 120px;
    }
    .products_page{
      padding: 50px 0 140px;
    }
    .btn_red{
      height: 90px;
      width: 47px;
    }
    #oxyca_main .contact div:last-child div button:after{
      padding-left: 75px;
    }
    #oxyca_main .it{
      margin: 0 5px;
    }
    .motto h1{
      font-size: 16px;
      line-height: 1;
    }
    #oxyca_main .motto{
      margin-top: 0;
    }
    .five_block .block_title__black, .four_block .block_title__black{
      margin-right: 30px;
    }
    .item-page.services,
    .item-page.firewall,
    .item-page.about_us{
        padding-top: 0px;
    }
}
@media all and (max-width: 530px) {
    .eight_about .wrapper_for_btn  .btn_red,
    .ten_about .wrapper_for_btn  .btn_red,
    .products_page .wrapper_for_btn .btn_red{
        height: 80px;
        width: 45px;
    }
    .products_page .page-header h2{
        margin-bottom: 25px;
    }
    .four_about .products .products_list div {
        font: 400 16px "Roboto";
    }
    .two_about .content .title, .five_about .content .title, .six_about .content .title, .serv_four .content .title, .serv_one .content .title {
        font: 700 30px "Roboto";
    }
    .four_about .products .products_list {
        margin-right: 30px;
    }
    #oxyca_main .products .products_list {
        margin-right: 20px;
    }
    .serv_design1{
      height:680px;
    }
    .serv_design4 .text_text_form {
        font: 400 14px/28px "Roboto";
    }
    .get_in_touch .content .title {
        font: 700 40px "Roboto";
    }
    .two_about{
      padding: 30px 15px;
    }
    .text_form{
      border-left: 0;
      padding-left: 0;
    }
}
@media all and (max-width: 520px) {
    .footer_one .column{
        width: 100%;
        float: none;
        margin: 0;
        padding: 10px;
        text-align: center;
    }
    .twelve_block .up {
        font: 900 20px "Roboto";
    }
    .twelve_block .down .table_bl div:first-child {
        font: 400 16px "Roboto";
        height: 45px;
    }
    .twelve_block .up {
        margin-left: -190px;
    }
    .footer_one .column ul li {
        padding-bottom: 5px;
    }
    .footer_one .column ul .header {
        font: 400 18px "Roboto";
        padding-bottom: 20px;
    }
     .products .products_list div {
        font: 400 20px/34px "Roboto";
    }
    .two_block .content .title .line img {
        width: 0px;
    }
     .contact div:last-child div button::after {
        padding-left: 80px;
    }
     .four_block_three .text,  .five_block_three .text {
        font: 400 12px/24px "Roboto";
    }
     .four_block_one .content .title,  .five_block_one .content .title {
        font: 700 32px "Roboto";
    }
     .eight_block .content .title div {
        margin: 0 0 15px;
    }
    #oxyca_main .wrapper_for_btn {
        padding-top: 130px;
    }
    .serv_four .text {
        font: 400 13px/28px "Roboto";
    }
    .firewall_one .content .title {
        font: 700 33px "Roboto" !important;
    }
    .serv_design4 .text_text_form {
        font: 400 14px/27px "Roboto";
    }
}
@media all and (max-width: 510px) {
    .get_in_touch, .contacts_form{
        padding: 10px 30px;
    }
    .twelve_block .btn_red{
      height: 60px !important;
      width: 35px !important;
    }
    .get_in_touch .content .text{
      margin-top: 10px;
    }
    .form_brief .formResponsive select,
    .form_brief .formResponsive input[type="text"],
    .contacts_form .formResponsive textarea,
    .contacts_form .formResponsive input[type="text"]{
      height: 30px;
      line-height: 30px;
    }
    .contacts_form .formResponsive textarea{
      height: 190px;
    }
    .contacts_form .formResponsive button[type="button"],
    .contacts_form .formResponsive button[type="submit"],
    .form_brief .formResponsive button[type="submit"]{
      height: 70px;
      line-height: 70px;
      font-size: 20px;
    }
    .form_brief .formResponsive button[type="submit"]:before,
    .contacts_form .formResponsive button[type="submit"]:before{
      top: 20px;
    }
    .serv_fourteen .title{
        font-size: 24px;   
    }
}
@media all and (max-width: 500px) {

    .eight_about{
        margin-bottom: 2rem;
    }
    .serv_design3 .content .title{
        font-size: 20px;
    }
    .serv_seven .text_form_form, .serv_nine .text_form_form, .serv_eleven .text_form_form{
        margin-left: 90px;
    }
    .serv_twelve .text_img{
        padding: 0;
        text-align: left;
    }
    .serv_three .products .products_list div {
        font: 400 18px "Roboto" !important;
        padding-bottom: 22px;
    }
    .serv_four .content .title {
        font: 700 28px "Roboto";
    }
    .twelve_block .up {
        font: 900 18px "Roboto";
    }
    .twelve_block .down .table_bl div:first-child {
        font: 400 14px "Roboto";
        height: 40px;
    }
}
@media all and (max-width: 490px) {
    .item-page.form_brief .formResponsive .formHorizontal .rsform-block{
        margin-bottom: 15px;
    }
    .form_left{
        width: 100%;
        display: block;
        float: none;
        margin: 0 0 10px;
    }
    .formResponsive .formHorizontal .formControls{
        width: 95%;
        float: none;
        display: block;
        margin: 0;
    }
    .logo {
        margin-left: 55%;
    }
     .contact div:last-child {
        margin-top: 90px;
    }
     .seven_block {
        height: auto;
        float: none;
        overflow: hidden;  
    }
    #oxyca_main .wrapper_for_btn {
        padding-top: 150px;
    }
    .serv_six ul.column li div {
        transform: scale(0.9);
    }
    .serv_seven .text_form:first-child {
        color: #000000;
        display: inline-block;
        margin-top: 70px;
    }
    .first_block .menu nav a, .first_block_menu .menu nav span {
        margin-right: 3%;
    }
    .four_block_three .text, .five_block_three .text {
        font: 400 11px/23px "Roboto";
    }
    .title_sq {
        font: 400 12px "Roboto";
    }
    .footer_one .column ul .header {
        font: 400 14px "Roboto";
    }
    .five_about .content .text {
        line-height: 28px;
    }
    .eight_block .content .block3 .icon,
    .eight_block .content .block2 .icon,
    .eight_block .content .block1 .icon{
      width: 50px;
      height: 50px;
      -webkit-background-size: cover;
      background-size: cover;
    }
    .eleven_block_1,
    .eleven_block_2,
    .eleven_block_3,
    .eleven_block_4,
    .eleven_block_5,
    .eleven_block_6{
        float: none;
        display: block;
        width: 100%;
        height: auto;
        padding: 25px;
    }
    .square{
        margin: 0;
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .icon_sq{
        margin-top: 20px;
    }
}
/* -------------------------------- xs 480 - 767 -------------------------------- */
@media all and (max-width: 767px) {
    .first_block {
        height: auto;
        background: url(../img/background_first_block.jpg) no-repeat scroll right top;
    }
    header:lang(ru-ru) .motto h1 {
        padding-right: 50px !important;
    }
    #oxyca_main .products,
    #oxyca_main .contact {
        width: 100%;
        margin: 0 auto;
        margin-top: 40px;
    }
    #oxyca_main .products .products_list {
        width: 100%;
        text-align: center;
        margin-right: auto;
    }
    #oxyca_main .contact {
        margin-top: 60px;
    }
    .readmore-wrapper {
        height: 80px;
        position: relative;
    }
    .readmore-wrapper:before {
        height: 80px;
    }
    .readmore-wrapper a.readmore {
        line-height: 80px;
    }
    #oxyca_main .contact .readmore-wrapper {
        margin: 0 auto;
        margin-top: 30px;
    }
    .two_block {
        width: 100%;
        height: auto;
        padding-bottom: 70px;
    }
    .three_block,
    .six_block,
    .ten_block {
        display: none;
    }
    .e-commerce {
        padding-bottom: 70px;
    }
    body:lang(ru-ru) .block_title {
        font-size: 20px;
    }
    .e-commerce .read_more {
        line-height: 80px;
    }
    .form_brief .formResponsive button[type="submit"],
    .read_more_travel,
    .contacts_form .formResponsive button[type="submit"] {
        padding-left: 15px;
    }
    .seven_block {
        width: 100%;
    }
    .seven_block .content {
        width: 85%;
        margin-left: 5%;
    }
    .seven_block .content .after_text, .five_about .after_text, .item-page .after_text {
        width: 300px;
        margin-top: 30px;
        margin-left: 10%;
    }
    .seven_block .readmore-wrapper {
        margin-top: 40px;
    }
    .eight_block {
        padding-bottom: 75px;
    }
    .nine_block {
        width: 100%;
    }
    .nine_block .content {
        margin-left: 5%;
        margin-right: 5%;
    }
    main {
        width: 100%;
    }
    .three_about,
    .seven_about,
    .nine_about,
    .eleven_about {
        display: none;
    }
    .four_about{
        float: none;
        width: 100%;
        height: auto;
        padding: 40px;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .about_us .page-header h2,
    .about_us .page-header h1,
    .five_about h3,
    .six_about h3 {
        margin-top: 40px;
    }
    .four_about .products {
        margin: 0;
    }
    .five_about,
    .ten_about,
    .eight_about,
    .six_about,
    .ten_about,
    .firewall_four,
    .firewall_three,
    .travel_three,
    .travel_four {
        width: 100%;
        display: inline-block;
        height: auto;
        float: none;
        background-size:  cover;
    }
    .five_about {
        padding-bottom: 40px;
        background-color: #f8f8f8;
    }
    .serv_two1 {
        display: none;
    }
    .serv_ten,
    .serv_twelve,
    .serv_nine,
    .serv_eleven,
    .serv_eight,
    .serv_seven,
    .serv_four,
    .serv_three {
        width: 100%;
        display:inline-block;
        float: none;
        height:  auto;
    }
    .serv_four {
        padding-bottom: 40px;
    }
    .serv_three .products {
        margin: 50px 0;
    }
    .serv_eight .btn_red,
    .serv_ten .btn_red{
        margin: 0;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .serv_eight1, .serv_eight2, .serv_ten1, .serv_ten2, .serv_twelve {
        height: 180px;
        padding: 50px 30px 70px;
        position: relative;
    }
    .serv_eight .text_img,
    .serv_ten .text_img{
        margin: 0;
    }
    .serv_eight .btn_red, .serv_ten .btn_red, .serv_twelve .btn_red{
        height: 50px;
    }
    .serv_eight1 .text_img {
        margin-top: -25px;
    }
    .firewall_two, .store_two, .oracle_two, .mobile_two, .software_two, .design_two {
        display: none;
    }
}
/* -------------------------------- xs 480 - 767 end -------------------------------- */
@media all and (max-width: 460px) {
  .serv_design1 .content .title .line img {
        width: 0px;
    }
    .serv_design1 .content .text {
        padding-left: 17px;
    }
    .get_in_touch .content .title {
        font: 700 38px "Roboto";
    }
}
@media all and (max-width: 450px) {
    .two_about .content .title .line img {
        width: 30px;
    }
    .twelve_block .up {
        margin-left: 0;
        text-align: left;
        padding-left: 20px;
    }
    .twelve_block .down .table_bl div:first-child {
        padding-right: 10px;
    }
    .content .text .p1 {
        margin-bottom: 10px;
    }
    .four_block_one .content .text, .five_block_one .content .text{
        padding-top: 10px;
    }
    .serv_three .products .products_list div {
        font: 400 16px "Roboto" !important;
        padding-bottom: 22px;
    }
    .serv_four .content .title {
        font: 700 25px "Roboto";
    }
    #oxyca_main .contact div:last-child div button::after {
        padding-left: 80px;
        font: 400 24px "Roboto";
    }
    .firewall_one .content .title {
        font: 700 30px "Roboto" !important;
    }
    .firewall_four .content .title {
        font: 700 30px "Roboto";
    }
    .five_about .content .text {
        line-height: 26px;
    }
    .get_in_touch .content .title {
        font: 700 38px "Roboto";
    }
    .get_in_touch .content .title {
        font: 700 36px "Roboto";
    }
    .firewall_one .content{
      padding: 35px 10px;
    }
    .firewall_one .content .text{
      margin-top: 15px;
      padding-left: 0;
    }
    .firewall_one .content .title .text_t{
      margin-left: 0;
    }
    .contacts_form .formResponsive button[type="button"]:hover,
    .contacts_form .formResponsive button[type="button"]:focus{
        text-decoration: none;
    }
    .online-support button[type="submit"]{
        padding-left: 10px !important;
        font-size: 18px!important;
    }
    .form_brief .formResponsive button[type="submit"],
    .contacts_form .formResponsive button[type="submit"]{
      line-height: 30px;
      padding: 0;
     }
    .form_brief .formResponsive button[type="submit"]:hover,
    .form_brief .formResponsive button[type="submit"]:focus,
    .contacts_form .formResponsive button[type="button"]:hover,
    .contacts_form .formResponsive button[type="button"]:focus,
    .contacts_form .formResponsive button[type="submit"]:hover,
    .contacts_form .formResponsive button[type="submit"]:focus{
      background: #fff;
      color:  #e63f52;
    }
    .formResponsive .formHorizontal .rsform-block.rsform-block-reset,
    .formResponsive .formHorizontal .rsform-block.rsform-block-send-email{
      float: none;
    }
    .travel_three h3 {
        font: 700 24px "Roboto";
    }
  .travel_four .content {
        margin-left:0%;
    }
   .travel_four .text_form_form {
        margin-left: 30px;
    }
}
@media all and (max-width: 430px) {

    .contact .contact_one {
        font: 400 20px/36px "Roboto";
    }
     .products .products_list div {
        color: #e63f52;
        font: 400 18px/36px "Roboto";
    }
     .products,  .contact {
        margin-top: 50px;
    }
     .it {
        transform: scale(0.8);
    }
    .motto div .one_text {
        padding-right: 10px;
    }
    .motto div .two_text {
        padding-left: 10px;
    }

    .serv_six ul.column li div {
        transform: scale(0.8);
    }
    .serv_one .content {
        margin-right: 1%;
        margin-left: 1%;
        margin-top: 40px;
    }
    .four_block_three .text, .five_block_three .text {
        font: 400 14px/20px "Roboto";
    }
    .get_in_touch .content .title {
        font: 700 34px "Roboto";
    }
    .serv_design4 .text_form{
        padding: 0;
    }
    .serv_five .text{
        margin-top: 10px;
        font-size: 26px;
        padding: 0 10px;
    }
}
@media all and (max-width: 420px) {
    .serv_four .text {
        margin-top: 10px;
    }
    .serv_four .text {
        color: #000000;
        font: 400 12px/28px "Roboto";
    }
    .serv_four .content .title {
        font: 700 22px "Roboto";
    }
    .serv_three .products .products_list div {
        font: 400 14px "Roboto" !important;
        padding-bottom: 22px;
    }
    .footer_one .column ul li a {
        font: 400 12px "Roboto";
    }
    .nine_block .wrapper_for_btn {
        padding-top: 5px;
    }
    .get_in_touch .content .title {
        font: 700 30px "Roboto";
    } 
    .eight_about .wrapper_for_btn, .ten_about .wrapper_for_btn{
      margin-top: 200px;
    }
}
@media all and (max-width: 400px) {
    #oxyca_main .contact div:last-child div button::after {
        font: 400 20px "Roboto";
    }
    .motto div .one_text div, .motto div .two_text div {
        font: 700 20px "Roboto";
    }
    .title_sq {
        font: 400 11px "Roboto";
    }
    .twelve_block .down {
        margin-right: 0;
        padding-right: 0;
        float: right;
    }
    .twelve_block .up {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .serv_twelve .text_img {
        font: 700 19px 'Roboto' !important; 
    }
    .four_about .products .products_list {
        margin-right: 20px;
    }
    .four_about .products .products_list div {
        padding-right: 20px;
    }
    .three_about{
        height: 170px;
    }
    .two_about{
        padding: 30px 10px;
    }
}
@media all and (max-width: 385px) {
   .first_block .menu nav a, .first_block_menu .menu nav a {
        font: 500 9px "Open Sans";
    }
    .motto div .one_text div, .motto div .two_text div {
        font: 700 18px "Roboto";
    }
    .nine_block .content{
      padding: 10px;
    }
    .four_block_one .content .title,
    .five_block_one .content .title,
    .two_block .content .title,
    .eight_block .content .title div,
    .nine_block .content .title{
      font-size: 24px;
      line-height: 1.3;
    }
    .nine_block .content .text{
      margin-top: 7px;
    }
}
/* -------------------------------- 320 - 479 -------------------------------- */
@media all and (max-width: 479px) {
    header:lang(ru-ru) .motto h1 {
        padding-right: 0 !important;
        font-size: 16px;
    }
    .first_block {
        padding-bottom: 70px;
    }
    #oxyca_main .products .products_list div {
        font: 400 16px 'Roboto';
        line-height: 1.5;
    }
    #oxyca_main .contact .contact_one p {
        font-size: 15px;
        line-height: 30px;
    }
    body:lang(fr-fr) #oxyca_main .contact .contact_one p {
        font: 700 12px 'Roboto' !important;
        line-height: 30px !important;
    }
    .readmore-wrapper a.readmore {
        font: 400 18px "Roboto";
        line-height: 80px;
    }
    .service_title, /* ------------------------------------------------------------------ заголовки */
    .page-header h2,
    .page-header h1,
    .block_title {
        font-size: 24px;
    }
    .two_block {
        float: none;
    }
    .e-commerce {
        padding: 1px 0 50px;
        overflow: visible;
    }
    .e-commerce .read_more {
        font: 400 18px "Roboto";
        line-height: 80px;
    }
    .four_block,
    .five_block {
        padding-top: 20px;
    }
    .four_block_one, .five_block_one {
        height: 90px;
    }
    .seven_block .content .after_text, .item-page .after_text {
        width: 100%;
        margin-left: 0;
        font: 400 18px/32px "Roboto";
    }
    .four_about .products .products_list div {
        font: 400 12px "Roboto";
    }
    .five_about .after_text {
        width: 260px;
        margin-left: 0;
        margin-top: 20px;
        font: 400 13px/30px "Roboto";
    }
    .serv_eight1, .serv_eight2, .serv_ten1, .serv_ten2{
        width: 100%;
        float: none;
        display: block;
        text-align: left;
        padding-left: 15px;
        margin-bottom: 2px;
    }
    .service .page-header h2{
        font-size: 28px;
    }
}
/* -------------------------------- 320 - 479 end -------------------------------- */