body{
    font-family: 'Montserrat Alternates';
}
.wrapper{
    overflow: hidden;
}

    /* HEADER */
header{
    background: #f1f3fc;
    border-bottom: 1px solid #ddd;
}
header .navbar{
    padding: 0;
}
header .navbar-nav .nav-item{
    margin-right: 23px;
}
header .navbar-nav .nav-link{
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #000;
    padding:0 !important;
}
header .header_contacts .contact_phone a{
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 21px;
    line-height: 25px;
    color: #000000;
    text-decoration: none;
}
header ul.header_contacts{
    list-style: none;
    padding:0;
}
header .header_contacts .call_back a{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: underline;
    color: #000000;
}
        /* HEADER END */

        /* MAIN_SCREEN  */
.main_screen{
    background-color: #f1f3fc;
}  
.main_screen .container{
    margin-bottom: 45px;
    background-image: url(images/man_laptop.png);
    background-repeat: no-repeat;
    background-position:right;
    padding: 105px 0 140px 0;
} 


.main_screen h2 span{
    background: #ffc700;
    display: inline-block;
    padding: 10px;
    line-height: 1;


}
.main_screen h2{

    font-style: normal;
    font-weight: bold;
    font-size: 42px;
    line-height: 145.7%;
    color: #000000;
    margin-bottom: 48px;
}
.main_screen .form_item p.form_title{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000;  
    margin-bottom: 10px;                    
}
.main_screen .cost_form input,
.main_screen .cost_form  button{
    padding: 25px 0 25px 17px;
    width: 90%;

}
.main_screen .cost_form input{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    color: #ABACAE;
    border-radius: 8px;
    background:#fff;
    margin-bottom: 15px;
    border:1px solid #ccc;
}
.main_screen .cost_form input:hover{

    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.main_screen .cost_form  button{
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    background-color: #0572CB;
    margin-bottom: 16px;
    border-radius: 8px;
    border: none;
    transition: .2s all ease;
}
.main_screen .cost_form  button:hover{
    background:#0532cb;
    transition: .2s all ease;
}
/* .main_screen .cost_form ul:first-child{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;

} */
.main_screen .cost_form .form_item .social_links{ 
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    padding: 0; 
}
.main_screen .cost_form ul.social_links li{
    margin-right: 10px;
    align-items: center;
}
.main_screen .cost_form ul.social_links li:first-child{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    margin-right: 20px;
    align-items: center;
}
            
/* MAIN-SCREEN END */

/* OPPARTUNITY */

.section_title{
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 145.7%;
    color: #000000;
    margin-bottom: 20px;
}


.oppartunities{
    /* margin-top:-75px; */
    margin-bottom: 20px;
    transform: translate(0,-100px);
}
.oppartunities .container{
    background: #fff;
    box-shadow: 0 4px 25px rgba(202, 201,201,.25);
    padding: 23px 17px;
    border-radius: 10px;
}

.oppartunities .opportunity_item{
    display:flex;
    align-items: center;
}
.oppartunities .opportunity_item .item_image{
    margin-right: 20px;
}
.oppartunities .opportunity_item .item_text{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}
.about_company{
    /* padding-bottom: 125px; */
    min-height: 850px;
    
}
.about_company .container{
    background: #fff;
}
}
.about_company .section_title{
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 145.7%;
    color: #000000;
}
.about_company .text_item{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #000000;   
}
.about_company .item1{
margin-bottom: 10px;
}
.about_company .item2{
    margin-bottom: 54px;
}

.about_company .services .service_item{
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(124, 124, 124, 0.25);
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 23px;
    transition: .3s all ease;
    height: 411px;
}
.about_company .services .service_item:hover{
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.4);
    height: 505px;

}
.services .service_item .service_image img{
    width: 100%;
}
.services .service_item .service_name{
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding: 20px 0 23px 0;
}
.services .service_item .service_list ul{
    list-style: none;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #000000;
    padding: 0 17px;
    min-height:111px;
}   
.services .service_item .service_list ul li{
    padding-bottom: 10px;
    border-bottom:1px solid #c4c4c4;
    display:block;
    padding-top: 10px;
}

.services .service_item .service_list ul li:last-child{
    border-bottom: none;
    padding-bottom: 31px;
}
.services .service_item .order_service a{
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    color: #000000;
    background: #FFC700;
    box-shadow: 0px 2px 4px #BE9400;
    border-radius: 6px;
    display:block;
    margin: 0 19px;
    padding: 22px;
    padding-top: 21px;
}
    

/* SECTION WHY_WE */

.why_we{
    background: #F6F8FF;
    box-shadow: 0px 0px 30px rgba(128, 128, 128, 0.25);
    padding:80px 0;
    
}
.why_we .why_we_block {
    justify-content: space-between;
}
.why_we .why_we_block .col{
    flex:0 0 19%;
}

.why_we .section_subtitle{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #000000; 
}

.why_we .why_we_block .item_image{
    margin-bottom: 20px;
    margin-top: 50px;
}
.why_we .why_we_block .item_name{
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-bottom:10px;
}
.why_we .why_we_block .item_description{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height:20px;
    color: #000000;
}
    /* CALL_REQUEST SECTION */

.call_request{
    padding-top: 120px;
    
} 
.call_request .container{
    background-image: url(images/man-laptop2.png);
    background-repeat: no-repeat;
    background-position:60px bottom;
    padding-bottom: 120px;
}
 .call_request .section_subtitle{
     margin-bottom: 60px;
}  
.call_request .form_title{
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 120%;
    color: #000000;
    text-align: center;
    margin-right: -30px;
    margin-left: -30px;
    margin-bottom: 20px;
}
.call_request form .form_item{
    margin-bottom: 20px;
}
.call_request form input{
    display: block;
    width: 100%;
    padding: 25px 0 25px 17px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    border: none;
    color: #ABACAE;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.call_request form input:last-child{
    width: none;
}
.call_request form button{
    padding: 24px;
    width: 100%;
    font-style: normal;
    font-weight: bold;
    font-size: 13.4px;
    line-height: 17px;
    color: #FFFFFF;
    background: #0572CB;
    box-shadow: 0px 2px 4px #003663;
    border-radius: 8px;
    border: none;
    transition: .3s all ease;
}
.call_request form button:hover{
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.4);
    transition: .3s all ease;
}
.call_request .social_links{
    display: flex;
    list-style: none;
    padding: 0;
}
.call_request .social_links li{
    margin-right: 10px;
}
.call_request .social_links li:first-child{
    margin-right: 20px;
    align-items: center;
}
.call_request input[type=checkbox]{
    width: auto;
    box-shadow: none;
    margin-right: 10px;
}
.call_request .form_item:last-child{
    display: flex;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;    
}
.call_request .form_item:last-child a{
    text-decoration: none;
    color: #919191;
}

  
.contacts {
    min-height: 630px;
    position: relative;
}
.contacts .contacts_block{
    background: #fff;
    position: relative;
    margin-top: 97px;
    padding: 60px;
}
.contacts iframe{
    position: absolute;
    left: 0;
    top: 0;
}
.contacts .section_title{
    margin-bottom: 30px;
}
.contacts .contacts_title{
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 10px;
}
.contacts .contacts_item {
    margin-bottom: 20px;
}
.contacts .contacts_item a{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    text-decoration: none;
}
.contacts .contacts_item :hover{
    color: #0572CB;;
}
.contacts .contacts_block .social_links{
    list-style: none;
    display: flex;
} 
.contacts .contacts_block ul.social_links{
    margin-left: 0;
    padding: 0;
}
.contacts_block .social_links li{
    margin-right: 10px;
}

.contacts_block .social_links li:first-child{
    margin-right: 20px;
    font-weight: 700;
    font-size: 14px;
   
}
.contacts_block .social_links li img{
    width: 30px ;
}

footer{
    background: #0052B4;
    padding:30px 0 50px 0;
    color: #fff;
}
footer a{
    color: #fff;
    text-decoration: none;
}
.footer_about{
    display: flex;
    align-items: center;
    margin-bottom: 56px;    
}

.footer_about .footer_abt_text{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #E2E2E2;
    align-items: center;
   
}
footer .confedincial,.confedincial p a{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #FEFEFE;
}
.footer_menu .footer_menu_title{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #FEFEFE;
}


footer .footer_menu  li{
    margin-bottom: 25px;
}
footer .footer_menu ul{
    list-style: none;
    padding:0;
    margin-top: 20px;
}

footer .footer_menu li a{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #FEFEFE;
}
footer .footer_menu li a:hover{
    color:#FFC700;
}

footer .contacts_block .contacts_title{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    margin-top: 17px;
    margin-bottom: 13px;
}
footer .contacts_block .contacts_item {
    margin-bottom: 20px;
}
footer .contacts_block .contacts_item a{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
}
footer .contacts_block .contacts_item a:hover{
    color:#FFC700; 
}

footer .contacts_block .social_links{
    list-style: none;
    padding: 0;
}
footer .contacts_block .social_links{
    display: flex;
    align-items: center;

}
footer a:hover{
    color:#FFC700;
}
@media only screen and (max-width:1445px){
    .tablet{
        display: none;
    }
    .main_screen .bg_images img{
        display: none;
    }
    .call_request .request_bg img{
        display: none;
    }
    
}
@media only screen and (max-width:1025px){
    .tablet{
        display: none;
    }
    .main_screen .bg_images img{
        display: none;
    }
    .call_request .request_bg img{
        display: none;
    } 

   

    header .header_contacts .contact_phone a {
        font-size: 15px;
    }
    header .navbar-nav .nav-item {
        margin-right: 10px;
    }
    header .navbar-nav .nav-link {
    font-size: 12px;
    }
    .oppartunities .opportunity_item .item_text{
        font-size: 12px;
    }
    .about_company {
        min-height: 900px;
    }
    .about_company .services .service_item:hover {
        height: 465px;
    }

    .services .service_item .order_service a{
        font-size: 13px;
        padding-top: 16px;
    }
    .services .service_item .service_list ul{
        font-size: 11px;
    }
    .about_company .services .service_item {
        height: 378px;
    }
    .services .service_item .service_name{
        font-size: 13px;
    }
    .call_request .form_title{
        font-size: 17px;
    }
    .call_request .container {
        
        background-position: 0 bottom;
    }
    .contacts_block .social_item{
        font-size: 14px;
    }
    .call_request .social_links li:first-child{
        font-size: 14pxs;
    }
}

@media only screen and (max-width:769px){
    .tablet a{
        display:inline;
    }
     .call_request .request_bg img{
        display: none;
    } 
    
    .main_screen .bg_images img{
        display: none;
    }
    .navbar-collapse {
        display: flex;
    }
    .navbar-light .navbar-nav .nav-item{
        margin-bottom: 10px;
    }
    .navbar-light .navbar-nav .navbar-link{
        font-size: 16px;
    }
    .main_screen h2{
        font-size: 28px;
    }
    .main_screen .container {
        background-size: 540px;
        padding-top: 50px;
        background-image: url(images/man_laptop.png);
        background-repeat:no-repeat;
    }
    .oppartunities .opportunity_item .item_image{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .oppartunities .opportunity_item .item_image img {
        width: 50px;
    }

    .oppartunities .opportunity_item {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
    .oppartunities{
        margin-bottom:;
    }
    .why_we{
        padding: 50px 0;
    }
    .why_we .why_we_block{
        justify-content: center;
    }
    .why_we .why_we_block .col {
        flex: 0 0 33%;
        margin-bottom: 20px;
    }
    .call_request {
        padding-top: 50px;
    }
    .footer_about .footer_abt_text {
        font-size: 12px;
    }

    
    
}
@media only screen and (max-width:425px){
    .tablet a{
        font-family: Roboto;
        font-style: normal;
        font-weight: 900;
        font-size: 19px;
        line-height:25px;
        color: #000000;
        text-decoration: none;
    }
    
    .call_request .request_bg img{
        display: block;
    } 

    .main_screen{
        padding-top: 60px;
    }
    .main_screen h2 {
        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        line-height: 145.7%;
        text-align: center;
        color: #000000;
    }
    .main_screen .form_item p.form_title {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #000000;
    }
    .main_screen .cost_form{
        text-align: center;
    }
    .main_screen .form_item img{
        width: 100%;
    }

    .main_screen .cost_form input{
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #ABACAE;
        padding: 25px 0 25px 17px;
    }
    .main_screen .cost_form .form_item .social_links{
        margin-left: 37px;
    }
    .main_screen .cost_form button{
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 17px;
        color: #FFFFFF;
        padding: 23px 43px 25px 43px;
    }
    .oppartunities .opportunity_item {
        display: flex;
    }
    .oppartunities .opportunity_item .item_image{
        margin-right: 10px;
    }
    .oppartunities .opportunity_item .item_text {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
    }
    .oppartunities {
        margin-bottom: -35px;
    }
    .oppartunities .container {
        padding: 25px 30px;
       
    }
    .section_title {
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 120%;
        color: #000000;
    }
    .why_we .section_subtitle {
        font-size: 14px;
        line-height: 17px;
        text-align: center; 
        color: #000000;
        margin-bottom: 30px;
    }
    
    .why_we .why_we_block .col{
        flex:0 0 100%;
    }
    .why_we .why_we_block .item_description{
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #000000; 
        padding:0 40px 0 40px;
    }
    .why_we .why_we_block .col {
        margin-bottom: 0;
    }
    .call_request .section_subtitle {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #000000;
        padding-left:10px;
        padding-right: 15px; 
        margin-bottom: 30px ;
    }
    .call_request .form_title {
        font-size: 16px;
        margin-bottom:32px;
    }
    .call_request .form_title {
        font-size: 17px;
    }
    .call_request input[type=checkbox]{
        border: 2px solid #0572CB;
        box-sizing: border-box;
        border-radius: 2px;
    }
    .call_request .form_item:last-child a {
        margin-bottom: 20px;
    }
    .call_request .request_bg img{
    
    } 
    .call_request .container{
        background:none;
    }
    
    .main_screen .container{
        background:none;
        padding-bottom: 0;
    }
    
}
@media only screen and (max-width:375px){
    .contacts_block .social_links li {
        margin-right: 6px;
    }
    .call_request .container{
        background:none;
    }
    .call_request .request_bg{
        width: 100%;
        display: block;
    } 
    .contacts_block .social_links li:first-child{
        margin-right: 10px;
        font-size: 13px;
    }
    .tablet a {
        font-size: 15px;
    }

    .oppartunities .opportunity_item{
        margin-bottom: 20px;
    }
    .about_company .services .service_item {
        height: 569px;
        margin-bottom: 30px;
    }  
    .about_company .services .service_item:hover{
        box-shadow: 0 5px 7px rgba(0, 0, 0, 0.4);
        height: 600px;
    
    }  
}
@media only screen and (max-width:321px){
    .main_screen h2 {
        font-size: 24px;
    } 
    .main_screen .container{
        padding-top: 0;
    }
    .main_screen .cost_form button {
        font-size: 12px;
    }
    .call_request .form_title {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .call_request form button {
        font-size: 10.8px;
    }
    .call_request .social_links li:first-child {
        font-size: 14px;
    }
    .call_request .request_bg img{
        width: 100%;
    }
    .contacts .contacts_item a {
        font-size: 12px;
    }
    .contacts_block .social_links li:first-child {
        font-size: 11px;
    }
    .contacts_block .social_links li {
        margin-right: 5px;
    }
    .contacts_block .social_links li img {
        width: 22px;
    }
    .main_screen .cost_form button {
        padding: 20px 40px 20px 40px;
    }
    .main_screen .cost_form input {
        padding: 20px 0 20px 15px;
    }



}