/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/
/*#header #header_main .container {
    width: 100%;
    max-width: none;
}*/
/*#header_main{
    background: linear-gradient(to right, #fd6d31 , #f5145f);
}
.av_header_transparency #header_main{
    background: transparent;
}*/
#avia-menu li a{
     color:#222;
    font-size: 18px;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
}
#header{
    border-bottom: 1px solid #ccc;
}
.hero_section{
    padding-top: 250px;
    padding-bottom: 250px;
}
.hero_section_content{
    font-size: 24px;
    line-height: 36px;
}
.hero_section_content p{
    padding-top: 20px;
   
}
.av_header_transparency .avia-color-theme-color{
    background: transparent;
    border: 1px solid #FFF !important;
    font-size: 18px;
    transition: all ease 0.5s 0s;
    margin-top: 30px;
}
.main_color .avia-color-theme-color:hover{
    background: #FFF !important;
    transition: all ease 0.5s 0s;
    color: #fd6d31 !important;
}
/*#header_main{
    background: linear-gradient(145deg, #f81f01, #ee076e);
}*/
.logo img{
    width: 65%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.av_header_transparency .logo img {
    content: url(assets/images/header_logo.png);
}


.av_header_transparency #avia-menu li a{
    color:#FFF;
    font-size: 18px;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
}
#avia-menu li a:hover{
    color: #fd6d31;
    font-weight: 700;
}
#avia-menu li a .avia-menu-fx{
    display:none;
}
.hreo_heading h1{
    font-weight: 700;
    font-size: 52px;
    line-height: 64px;
    text-transform: capitalize !important;
}
#home{
   //background-image: linear-gradient(to right, #fd6d31 , #f5145f);
   background-image:url(assets/images/cloud.jpg);
   background-size: cover;
   background-position: center;
}
.hero_section_button{
    margin-top: 20px;
}
.hero_button_row{
    text-align: center;
    padding-top: 30px;
}
.hero_section_button {
    width: auto;
    display: inline-block;
    margin: auto;
    padding-left: 15px;
    margin-right: 15px;
}
.hero_section_button a{
    font-size: 16px !important;
    letter-spacing: 2px;
    font-weight: bold !important;
}
/* About Section */
.about_section{
    margin-top: 100px;
    margin-bottom: 100px;
}
.about_section h2{
    text-transform: capitalize !important;
    margin-bottom: 20px !important;
}
.about_icon_box{
    padding: 15px;
    border:1px solid #222;
    border-radius: 15px;
}
.about_icon_box:hover{
    background: linear-gradient(to right, #fd6d31 , #f5145f) !important;
    border:1px solid #FFF;
    border-radius: 15px;
    cursor: pointer;
    color: #FFF;
    box-shadow:  0 1px 15px rgba(0,0,0,.15)!important;
}
.about_icon_box:hover h4,.about_icon_box:hover a,.about_icon_box:hover .iconbox_icon{
    color: #FFF;
}
.about_icon_box.icon_box_1 .iconbox_icon:before{
    content: '' !important;
    background-image: url(assets/images/icon_1.png);
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background-size: cover;
}
.about_icon_box.icon_box_1:hover .iconbox_icon:before{
    content: '' !important;
    background-image: url(assets/images/with_1.png);
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background-size: cover;
}
.about_icon_box.icon_box_2 .iconbox_icon:before{
    content: '' !important;
    background-image: url(assets/images/icon_2.png);
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background-size: cover;
}
.about_icon_box.icon_box_2:hover .iconbox_icon:before{
    content: '' !important;
    background-image: url(assets/images/with_2.png);
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background-size: cover;
}
.about_icon_box.icon_box_3 .iconbox_icon:before{
    content: '' !important;
    background-image: url(assets/images/icon_3.png);
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background-size: cover;
}
.about_icon_box.icon_box_3:hover .iconbox_icon:before{
    content: '' !important;
    background-image: url(assets/images/with_3.png);
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background-size: cover;
}
/* Services Section */
.services_section{
    background: rgba(253,109,49,0.05);
    padding-top: 50px;
    padding-bottom: 70px;
}
.services_section h2{
    text-transform: capitalize;
    margin-bottom: 20px !important;
}
.services_section .services_box{
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 30px 20px 20px 20px;
    margin-bottom:10px;
}
.services_section .services_box:hover{
     box-shadow:  0 1px 15px rgba(0,0,0,.15)!important;
     background: #FFF;
     border: none;
}
.services_border_remove{
   border-left:none !important;
}
.remove_bottom_border{
    border-bottom:none !important;
}
.services_section .services_box .av-special-heading{
    margin-top: 30px;
}
.services_section .services_box .av-special-heading h4{
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}
.services_section .services_box .av-special-heading .av-subheading_below{
    font-weight: 600;
    margin-bottom: 30px;
}
/*Cloud Section*/
.cloud_section{
    padding-top: 50px;
    padding-bottom: 70px;
}
.cloud_section h2{
    text-transform: capitalize;
    margin-bottom: 20px !important;
}
/* Philosophy Section */
.philosophy_section{
    padding-top: 50px;
    padding-bottom: 70px;
    background: rgba(253,109,49,0.05);
}
/* Our Parner */
.partners_section{
    padding-top: 50px;
    padding-bottom: 70px;
    background: rgba(253,109,49,0.05);
}
/* Contact Section */
.contact_section{
    padding-top: 50px;
    padding-bottom: 20px;
}
.contact_from_display_none{
    display: none;
}
.form-group-control .text_input,.form-group-control .text_area {
    font-size: 16px !important;
    margin-top: 10px !important;
    padding-top: 15px !important;
    padding-left: 15px !important;
    padding-bottom: 15px !important;
    background:#f5f5f5 !important;
    border-radius: 5px !important;
    border: none !important;
}
.form-group-control .wpcf7-not-valid{
    border: 1px solid red !important;
}
.wpcf7-not-valid-tip{
    display: none !important;
}
.form-group-control .button{
    padding: 15px 45px;
    border-radius: 5px;
    font-size: 16px;
}
.form-group-control .button:hover{
    background:#222 !important;
}
/* Footer */
#footer{
    background:#220000;
}
#footer .widget_text h3,#footer .widget_text a{
    color:#FFF;
}
#footer .widget_text{
    text-align: center;
    color:#FFF;
}
#footer .widget_text a:hover{
     color:#fd6d31;
}
footer{
     background:#220000 !important;
     color:#FFF;
     border-color: rgba(255,255,255,0.3) !important;
}
.copyright{
     color:#FFF;
     font-size: 16px;
}
footer [data-av_icon]:before{
    font-size: 16px;
    color: #FFF;
}
@media only screen and (max-width: 1289px) {
    .hero_section{
        padding-top: 200px;
        padding-bottom: 200px;
    }
}
@media only screen and (max-width: 1024px) {
    .hero_section{
        padding-top: 150px;
        padding-bottom: 150px;
    }
}
@media only screen and (max-width: 991px) {
    #avia-menu li a{
        padding-left: 10px;
        padding-right: 10px;
    }
    .services_section .services_box{
        border: none; 
        margin-bottom: 0px !important;
    }
    .about_section{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .services_section,.cloud_section,.philosophy_section,.contact_section{
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .hero_section{
        padding-top: 125px;
        padding-bottom: 125px;
    }
}
@media only screen and (max-width: 767px) {
    .av_header_transparency .logo img {
        content: url(assets/images/header_logo_black.png);
    }
}
@media only screen and (max-width: 480px) {
    .hero_section{
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .hero_section h1{
        font-size: 30px !important;
        line-height: 42px !important;
    }
    .hero_section_content p{
        padding-top :0px;
    }
    .hero_section_button{
        padding-left: 5px;
        margin-right: 5px;
    }
    .hero_button_row{
        text-align: center;
        padding-top: 20px;
    }
    .hero_section_button a{
        font-size: 14px !important;
        letter-spacing: 0px;
        font-weight: 400 !important;
    }

}
@media only screen and (min-width: 768px) {
    .hide_on_desktop{
        display: none !important;
    }
    
    
}