/********************************************************************

Pages css - EN

*********************************************************************/




/********************************************************************

Our services page 

*********************************************************************/


.en .services-area-sector {
    margin-right: 0%!important;
    margin-left: 4%!important;
    width: 30.333333%!important;
}

.en .services-area-sector-first {
    margin-left: 0%!important;
}

.en .services-title{
    font-size: 31px!important;
    letter-spacing: 0.5px!important;
}

.en .services-intro .content {
    padding: 6% 0 5% !important;
}

.en .services-intro-text p{
    margin-top: -5px!important;
    line-height: 25px;
    padding-left: 0%;
    padding-right: 5%;
}

.en .services-area-sector-title {
    padding: 40px 20px 34px;
}

.en .services-bullets {
    right: auto;
    left: 43px;
}

.en .services-area-toggle .toggle_icon {
    right: 43px;
    left: auto;
}

.en .services-area-toggle .toggler {
    padding: 17px 0px 17px 70px!important;
    font-size: 15.5px;
    letter-spacing: 0.2px!important;
}


.en .services-area-toggle .toggler:hover {
    box-shadow: inset 40px 0px 140px rgba(0, 0, 0, 0.10)!important;
    letter-spacing: 0.5px!important;
}

.en .services-area-sector-title h3 {
    letter-spacing: 0.3px!important;
    font-size: 18px!important;
    margin-right: 15px!important;
    margin-left: 18px!important;
}

.en .services-end-title, .en .services-cus-title, .en .start-work-title {
    font-size: 30px!important;
}

.en .services-end-title h1, .en .services-cus-title h1, .en .start-work-title h1 {
     letter-spacing: 0.1px!important;
}



.en .services-end-title .av-subheading_below, .en .services-cus-title .av-subheading_below, .en .start-work-title .av-subheading_below {
    font-size: 16px!important;
    letter-spacing: 0.3px;
    margin-top: 15px;
}

.en .services-end-title {
    text-align: right;
}

.en .services-end-to-end-text p {
    margin-top: -2px!important;
    line-height: 25px;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 17px;
}

.en .services-end-to-end .flex_column_table{
    width: 82%!important;
    margin: 0 auto!important;
}

.en .start-project-btn a {
    font-size: 23px!important;
    font-weight: 500!important;
    letter-spacing: 0.4px;
}

.en .start-project-btn a:hover {
    letter-spacing: 2px;
}

.en .start-project-btn .avia_button_icon {
    right: 0em!important;
    left: -0.7em!important;
    font-size: 18px;
}

.en .services-area-toggle .toggle_content p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 0px;
    color: #565656;
    letter-spacing: 0px;
}

.en .services-area-toggle .toggle_content {
    margin-bottom: 0!important;
    border: none!important;
    padding: 18px 90px 35px 70px;
    background-color: white;
}


.en .services-area-toggle-btn .avia-button {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.en .services-area-toggle-btn .avia_button_icon{
        left: -0.6em;
}

.en .services-area-toggle-btn .avia_button_icon:before {
       transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    display: inline-block;
}



.en .services-area-toggle-btn .avia-button:hover {
    letter-spacing: 1.2px!important;
}



/********************************************************************

About us page 

*********************************************************************/


.en .about-page-title {
    font-size: 41px!important;
}

.en .customers-text {
    font-size: 16px!important;
    width: 61%;
}

.en .about-page-title .av-subheading_above {
    font-size: 18px!important;
    margin-bottom: 25px!important;
}

.en .about-intro-text {
    width: 60%;
}

.en .about-intro-btns .avia_button_icon, .en .our-services-btn .avia_button_icon {
    right: 0px;
    left: -10px;
}

.en .about-intro-btns .avia_iconbox_title, .en .our-services-btn .avia_iconbox_title {
    margin-right: -10px;
}

.en .about-intro-btns a, .en .our-services-btn a {
    font-size: 18.8px!important;
    min-width: 260px!important;
}

.en .our-services-btn a {
    padding: 22px 0px!important;
    min-width: 280px!important;
    font-size: 19px!important;
}

.en #about-icons-section .av_icon_caption {
    font-size: 21px!important;
    margin-top: 20%;
    font-weight: 600;
    letter-spacing: 1px;
}

.en #clients-rec .av-subheading_below {
    margin-top: 30px!important;
}


.en #wrap_all #clients-rec .av-large-testimonial-slider .avia-testimonial-name{
    text-transform: uppercase;
    font-size: 18px!important;
}

.en #wrap_all #clients-rec .avia-testimonial-content p {
    font-size: 17px!important;
}



/********************************************************************

Contact page 

*********************************************************************/



.en .contact-title h1 {
    font-size: 33px!important;
    letter-spacing: 0px!important;
}

.en .contact-title .av-subheading {
    margin: 1% 0 1.5% 0%!important;
}

.en .avia_ajax_form .form_element_half {
    margin-right: 0%;
    margin-left: 2%;
}


.en .avia_ajax_form .first_form {
    margin-left: 0%;
}



.en .contact-f input[type="text"]::-webkit-input-placeholder { font-family: 'aktiv-grotesk'!important; opacity:1!important; }
.en .contact-f input[type="text"]:-moz-placeholder { font-family: 'aktiv-grotesk'!important;}
.en .contact-f input[type="text"]::-moz-placeholder {font-family: 'aktiv-grotesk'!important;}
.en .contact-f input[type="text"]:-ms-input-placeholder {font-family: 'aktiv-grotesk'!important;}

.en .contact-f input[type="email"]::-webkit-input-placeholder { font-family: 'aktiv-grotesk'!important; opacity:1!important; }
.en .contact-f input[type="email"]:-moz-placeholder { font-family: 'aktiv-grotesk'!important;}
.en .contact-f input[type="email"]::-moz-placeholder {font-family: 'aktiv-grotesk'!important;}
.en .contact-f input[type="email"]:-ms-input-placeholder {font-family: 'aktiv-grotesk'!important;}

.en .contact-f textarea::-webkit-input-placeholder { font-family: 'aktiv-grotesk'!important; opacity:1!important; }
.en .contact-f textarea:-moz-placeholder { font-family: 'aktiv-grotesk'!important;}
.en .contact-f textarea::-moz-placeholder {font-family: 'aktiv-grotesk'!important;}
.en .contact-f textarea:-ms-input-placeholder {font-family: 'aktiv-grotesk'!important;}

.en .contact-f .select::-webkit-input-placeholder { font-family: 'aktiv-grotesk'!important; opacity:1!important; }
.en .contact-f .select:-moz-placeholder { font-family: 'aktiv-grotesk'!important;}
.en .contact-f .select::-moz-placeholder {font-family: 'aktiv-grotesk'!important;}
.en .contact-f .select:-ms-input-placeholder {font-family: 'aktiv-grotesk'!important;}


.en .contact-f .form_fullwidth *, .en .contact-f .form_element_half * {
    font-size: 18px!important;
}


/********************************************************************

Thanks page 

*********************************************************************/



.en .thanks-title h1 {
    font-size: 41px!important;
    letter-spacing: 0!important;
}

.en .thanks-title .av-subheading {
    font-size: 21px!important;
    margin: 1.5% 0 0%!important;
}

.en .thanks-title {
    margin-top: 20%!important;
}

.thanks-transfer h6 {
    font-size: 21px!important;
}


/********************************************************************

terms of service page  

*********************************************************************/



.en .srevice-terms-title h1 {
    font-size: 29px;
    letter-spacing: 0.2px!important;
}


.en .srevice-terms-title .av-subheading_below {
    margin-top: 20px;
}

.en .srevice-terms-title .av-subheading_below p{
        font-size: 18px;
    margin: 0!important;
}

.en .terms p {
    font-size: 17px;
    letter-spacing: 0.2px;
    margin: 4% 0;
    line-height: 27px;
}

.en .terms li {
    font-size: 17px;
    letter-spacing: 0.2px;
    line-height: 27px;
}



.en .terms hr {
    margin: 8% 0!important;
}

.en .terms strong, .en .terms b{
    font-size: 19px;
}

.en .terms h6 {
    font-size: 22px!important;
    line-height: 34px;
    width: 45%;
    margin: 0 auto!important;
}

.en .srevice-terms-title {
    margin: 7% 0 4.5%!important;
}


/********************************************************************

Work page 

*********************************************************************/



.en .av-sort-by-term a, .en #main-port-grid .av-current-sort-title{
    text-transform: uppercase!important;
    letter-spacing: 0.4px;
}

.en .av-sort-by-term a, .en .av-sort-by-term .text-sep {
    font-size: 15.3px;
}

.en #main-port-grid .av-current-sort-title {
    font-size: 21px;
    letter-spacing: 0.4px;
}

.en #wrap_all #main-port-grid .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
    font-size: 28px;
    line-height: 44px;
    letter-spacing: 0.4px;
    padding: 0 10%;
    text-transform: uppercase!important;
}



/********************************************************************

Responsive Rules - DESKTOP

*********************************************************************/



@media only screen and (min-width: 2000px) and (max-width: 3200px){}


@media only screen and (min-width: 1100px) and (max-width: 2000px){}



@media only screen and (max-width: 2000px){}

            
@media only screen and (max-width: 1700px){}


@media only screen  and (max-width: 1600px){}


@media only screen and (max-width: 1450px) {}


@media only screen and (max-width: 1370px) {}


@media only screen and (max-width: 1200px){}



@media only screen and (max-width: 1300px) and (min-height: 950px){}


@media only screen and (min-width: 1100px) and (max-width: 1450px){}




/********************************************************************

Responsive Rules - TABLETS

*********************************************************************/

/*
All Mobiles & tablets
================================================== */
@media only screen and (max-width: 1150px){}




/*
BIG tablets
================ */

@media only screen and (max-width: 1150px) and (orientation :  portrait){}


@media only screen and (max-width: 1150px) and (orientation : landscape){}




/*
SMALL tablets
================ */

@media only screen and (max-width: 1100px) and (orientation : landscape){}


@media only screen and (max-width: 1100px) and (min-height: 600px) and (orientation : landscape){}


@media only screen and (max-width: 990px){}


@media only screen and (max-width: 990px) and (orientation : portrait){}



@media only screen and (max-width: 780px) and (min-height: 900px)  and (orientation : portrait){}




/********************************************************************

Responsive Rules - MOBILE

*********************************************************************/



@media only screen and (max-width: 767px){



}

@media only screen and (max-width: 767px) and (orientation : portrait){}

@media only screen and (max-width: 767px) and (orientation : landscape){}



/*
iphone X
================ */
@media only screen and (device-width : 375px) and (device-height : 812px) and ( -webkit-min-device-pixel-ratio:3 ) and (orientation : portrait){}


/*
MOBILE XL
================ */

@media only screen and (min-width: 375px) and (max-width: 767px) and (orientation : portrait){}


/*
MOBILE M
================ */

@media only screen and (max-width: 375px) and (orientation : portrait){}

@media only screen and (max-width: 667px) and (orientation: landscape){}



/*
MOBILE SM
================================================== */

@media only screen and (max-width: 320px) and (orientation : portrait){}

@media only screen and (max-width: 568px) and (orientation : landscape){}