/*
Theme Name: Ace
Author: Ioan Catanoaia
Author URI: http://doubleweb.ro
Version: 1.0
Text Domain: ace
*/

@font-face {
    font-family: 'bebas_neueregular';
    src: url('/front/fonts/bebasneue_regular_macroman/BebasNeue-webfont.eot');
    src: url('/front/fonts/bebasneue_regular_macroman/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/front/fonts/bebasneue_regular_macroman/BebasNeue-webfont.woff') format('woff'),
         url('/front/fonts/bebasneue_regular_macroman/BebasNeue-webfont.ttf') format('truetype'),
         url('/front/fonts/bebasneue_regular_macroman/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('/front/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('/front/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/front/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('/front/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/front/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('/front/fonts/opensans_light_macroman/OpenSans-Light-webfont.eot');
    src: url('/front/fonts/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/front/fonts/opensans_light_macroman/OpenSans-Light-webfont.woff') format('woff'),
         url('/front/fonts/opensans_light_macroman/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/front/fonts/opensans_light_macroman/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{
    font-family: 'open_sansregular', Arial, Verdan, sans-serif;
}

.container{
    width: 970px
}

.button{
    background: #ffa63c;
    color: #FFF;
    border-radius: 5px;
    text-align: center;
}

    .button:hover{
        background: #2874be;
    }

.navbar-fixed-top { top: 0px; }
body.admin-bar .navbar-fixed-top { top: 28px !important; }

.navigation{
     float: right
}

.navbar{
    background: #000;
    box-shadow: 0 0 5px #000;
}

    .navbar a{
        color: #fff;

        font-size: 15px;
    }


    .navbar-inverse .navbar-nav > li > a{
        color: #FFF
    }
    
    .navbar-nav > li > a{
        padding: 25px 0 10px 0;
    }
    
    .navbar-nav > li{
        margin-left: 20px;
    }

    .top-navigation{
        float: right;
        padding: 5px 15px;
    }
    
        .top-navigation ul{
            list-style: none;
        }
        
        .top-navigation li{
            float: left;
        }
        
        .top-navigation .button a{
            background: #575757;
            border-radius: 5px;
            font-weight: bold;  
            color: #FFF;
            font-style: normal;
        }
        
        .top-navigation a{
            color: #da841e;
            font-style:italic;
            padding: 5px;
            display: block;
            font-size: 10px;
        }
        

#content{
    padding-top: 110px;
    margin: 0 0 50px 0;
}

#content .container{
    padding: 0 100px;
}

    #content h1{
        font-size: 51px;
        font-family: 'open_sanslight';
        margin-bottom: 20px;
        text-align: center;
    }

    #content .alignleft{
        float: left;
        margin: 0 10px 10px -20px;
    }
    
    
    .wpcf7-form{
        background: #f8f8f8;
        padding: 10px;
    }
    
    .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap input{
        border: 1px solid #bbbbbb;
        padding: 5px;
        margin-bottom: 10px;
        border-radius: 3px;
        width: 100%;
        color: #aaaaaa;
        background: url(/front/img/input-bg.png) #FFF top left repeat-x;
        font-size: 23px;
        font-family: serif;
    }
    
    .wpcf7-form-control-wrap textarea{
        height: 100px;
    }
    
    .wpcf7-form .info{
        font-size: 11px;
        text-align: center;
        margin-bottom: 10px;
        color: #909093;
    }
    
    .wpcf7-form .wpcf7-submit{
        border: 1px solid #1b4c8f;
        border-radius: 3px;
        width: 320px;
        padding: 6px 30px;
        margin: 0 auto;
        display: block;
        background: url(/front/img/submit-bg.png) top left repeat-x;
        color: #FFF;
        font-weight: bold;
        font-size: 23px;
        text-shadow: 1px 1px 0 #1b4c8f;
    }
    
    .wpcf7-form .call{
        text-align: center;
        display: block;
        color: #909093;
        font-size: 11px;
    }
    
    .wpcf7-form .call a{
        color: #3678d5;
        text-decoration: underline;
    }
    
    .panel{
        border: 0;
        box-shadow: 0 0 0 #000;
        border-radius: 0;
    }


/** Blocks */
.block{
    margin-bottom: 60px;
    
}


/** Jumbotron */
.jumbotron{
    background: bottom center no-repeat #f8f5ff;
    text-align: center;
    color: #000;
    padding: 100px 0 100px 0;
    background-size: cover;
    margin:0;
}

    

    .jumbotron h1{
        font-family: "bebas_neueregular";
        font-size: 48px;
        line-height: 45px;
        margin-right: 10%;
        text-align: left;
        letter-spacing: 7px;
        margin-bottom: 50px;
    }
    
    .jumbotron p{
        font-family: Arial, Verdana, sans-serif;
        color: #FFF;
        padding: 10px;
        margin-bottom: 10px;
        background: rgba(0,0,0,0.5);
        font-size: 15px;
        text-align: left;
        width: 60%;
    }

    .jumbotron-cta{
        background: #2c2d2b;
        box-shadow: 0 5px 5px #888;  
        margin-bottom: 50px;
    }
    
    .jumbotron-cta .container{
        position: relative;
    }
    
    .jumbotron-cta .button{
        background: #ffa63c;
        border-radius: 10px;
        color: #FFF;
        font-size: 25px;
        font-family: Arial, Verdana, sans-serif;
        padding: 10px 40px;
        display: block;
        margin: 15px 20% 15px 0;
        font-weight: bold;
        text-transform: none;
        text-decoration: none;
        font-style: normal;
        line-height: 30px;
    }
    
    .jumbotron-cta .button:hover{
         background: #2874BE
    }
    
    .jumbotron-cta .link{
        padding: 20px 10px;
        display: block;
    }
    
    .jumbotron-cta p{
        margin: 0;
        background: none;
        width: 100%;
        padding: 19px 10px;
        color: #b5b5b4;
    }
    
    .jumbotron-cta p span{
        text-decoration: none!important;
        background: #6d5232;
        
    }
    
    .jumbotron-cta a{
        font-style: italic;
        text-decoration: underline;
        text-transform: uppercase;
        font-size: 21px;
        color: #FFF;
    }
    
    .jumbotron-cta .cta_image{
        position: absolute;
        bottom: 50px;
        right: 0;
    }
    
    

/** Testimonial Block */
.testimonial{
    margin-bottom: 100px;
}

    .testimonial h2{
        font-family: "bebas_neueregular";
        font-size: 60px;
    }
    
    .testimonial h3{
        font-family: "bebas_neueregular";
        font-size: 42px;
    }
    
    .testimonial .quote{
        border: 1px solid #cbcbcb;
        padding:50px 100px;
        font-size: 17px;
        line-height: 24px;
        background: url(/front/img/quote-bg.png) 30px 30px no-repeat;
    }
    
    .testimonial a{
        color: #ffa63c;
        text-decoration: underline;
    }
    
    .testimonial .author{
        background: url(/front/img/quote-author-bg.png) 40px 0 no-repeat;
        margin-top: -1px;
        padding: 20px 100px;
    }
    
    .testimonial .picture{
        width: 80px;
        float: left
    }
    
    .testimonial .details{
        float: left;
        font-size: 12px;
    }
    
    .testimonial .details span{
        font-size: 16px;
        color: #c57f2c;
    }
    
/** Content Block */
.content{}

    .content h1{
        font-family: "open_sanslight";
        font-size: 60px;
    }
    
    .content img{
        margin-top: -20px;
    }
    
    .content img.alignright{
        float: right;
        margin-left: 20px;
    }
    
    .content img.alignleft{
        float: left;
        margin-right: 20px;
    }
    
    .content h3{
        text-transform: uppercase;
        margin: 50px 0;
        font-family: "open_sansregular";
        font-weight: bold;
    }
    
    .content h5{
        font-size: 23px;
        color: #c57f2c;
        font-family: "open_sanslight";
        margin: 20px 0;
    }
    
    .content p{
        margin-bottom: 20px;
        font-family: "open_sanslight";
        font-size: 14px;
        line-height: 24px;
    }
    
/** Content Block */
.highlight{
    font-family: "open_sanslight";
    color: #FFF;
    background: url(/front/img/highlight-top-bg.png) #cb8532 top left repeat-x;
    margin: 50px 0;
}

    .highlight-inner{
        background: url(/front/img/highlight-bttom-bg.png)  bottom left repeat-x;
    }
    
    .highlight .container{
        background: url(/front/img/highlight-bg.png)  1px center no-repeat;
        padding: 100px 10px;
    }

    .highlight h1{
        font-family: "open_sanslight";
        color: #FFF;
        font-size: 60px;
        margin: 0 50px;
    }

    .highlight p{
        margin: 0 100px;
    }
    
/** Try it Out */  

.try_it_out{
    background: url(/front/img/try_it_out-bg.png) top left repeat-x;
}

    .try_it_out .button{
        font-size:36px;
        color: #FFF;
        font-weight: bold;
        display: block;
        padding: 5px 10px;
        text-align: center;
        margin: 53px 0;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
    }
    
    .try_it_out p{
        color: #89898a;
        padding: 56px 10px;
        font-size: 16px;
    }
    
    .try_it_out p a{
        color: #89898a;
        text-decoration: underline;
        font-style: italic;
        text-transform: none;
        display: inline;
        font-size: 16px;
        margin: 0;
    }
    
    .try_it_out a{
        color: #000;
        text-transform: uppercase;
        font-size: 21px;
        display: block;
        margin: 69px 0;
        font-style: italic;
        text-decoration: underline;
    }
    
/** cta_block */
.cta_block{
    background: url(/front/img/try_it_out-bg.png) top left repeat-x;
}

    .cta_block .col-lg-7{
        font-size: 19px;
        text-transform: uppercase;
        font-style: italic;
        padding-top: 75px;
    }

    .cta_block .button{
        font-size:36px;
        color: #FFF;
        font-weight: bold;
        display: block;
        padding: 5px 10px;
        text-align: center;
        margin: 53px 0;
        font-style: normal;
        text-decoration: none;
        text-transform: uppercase;
    }
    
/** commitment */
.commitment{
    padding: 75px 0;
}

 .commitment .alignleft{
        float: left
    }
    
    .commitment .alignright{
        float: right;
    }
    
    .commitment h2{
        font-size: 26px;
        font-family: 'open_sansregular';
        font-style: italic;
        text-transform: uppercase;
        margin: 0 0 20px 0;
    }
    
    
    .commitment p{
        margin: 0 100px 20px 100px;
    }
    
    
    
footer{
    background: #1a1a1a;
    color: #FFF;
    box-shadow: 0 -3px 5px #888;
}

    footer .copyright{
        color: #666665;
        font-size: 11px;
    }
    

    footer .container{
        padding: 30px 0;
    }

    footer h3{
        font-weight: bold;
        font-size: 12px;
        border-bottom: 1px solid #2f2f2f;
        padding: 5px 0;
    }
    
    footer ul{
        magin: 0;
        list-style: none;
        padding:0;
    }
    
    footer a{
        color: #5c5c5c;
        font-size: 12px;
        text-decoration: none;
        padding: 5px 0;
        display: block;
    }
    
    footer a:hover{
        color: #FFF;
        text-decoration: none;
    }
    
    footer .bottom{
        background: url(/front/img/bottom-bg.png) top left repeat-x;
        color: #ddaa93;
        font-size: 11px;
    }
    
    footer .bottom .container{
        padding: 0;
    }
    
    footer .bottom ul{
        margin: 0;
    }
    
    
    footer .bottom .menu li{
        float: left;
    }
    
    footer .bottom .menu a{
        text-transform: uppercase;
        color: #FFF;
        padding: 0 5px;
        float: left;
    }
    
    footer .bottom .menu span{
        padding: 0 5px;
        float: left;
        color: #FFF;
    }
    
    footer .bottom .col-lg-6{
        padding: 12px 0;
    }
    
    footer .facebook a{
        padding: 4px 0 4px 30px;
        background: url(/front/img/social-icons.png) 0 0 no-repeat;
        margin-bottom: 5px;
    }
    
    footer .twitter a{
        padding: 4px 0 4px 30px;
        background: url(/front/img/social-icons.png) 0 -28px no-repeat;
        margin-bottom: 5px;
    }
    
    footer .youtube a{
        padding: 4px 0 4px 30px;
        background: url(/front/img/social-icons.png) 0 -56px no-repeat;
        margin-bottom: 5px;
    }
    
    footer .google a{
        padding: 4px 0 4px 30px;
        background: url(/front/img/social-icons.png) 0 -84px no-repeat;
        margin-bottom: 5px;
    }
    
    footer .linkedin a{
        padding: 4px 0 4px 30px;
        background: url(/front/img/social-icons.png) 0 -112px no-repeat;
        margin-bottom: 5px;
    }
    
@media (max-width: 992px) {    
    .container{
        width: 100%;
    }
    
    
    .try_it_out .button{
        font-size: 25px;
    }
    
    .try_it_out a{
        font-size: 18px;
    }
}

@media (max-width: 768px) { 
    
    .jumbotron{
        padding-bottom: 230px;
    }
    
    
    .jumbotron p{
        width: 100%;
    }
    
    .jumbotron-cta{
        text-align: center;
    }
    
    .jumbotron-cta .cta_image{
        bottom: 213px;
        left: 0;
        right: 0;
    }
    
    .jumbotron-cta .button{
        width: 300px;
        margin: 20px auto;
    }
    
    .cta_block .button{
        font-size: 20px;
    }
    
    .try_it_out .button{
        font-size: 20px;
        margin: 20px auto;
        max-width: 250px;
    }
    
    .try_it_out p{
        padding: 0 0 00px 0;
        text-align: center;
        font-size: 14px;
    }
    
    .try_it_out a{
        margin: 0 0 10px 0;
        font-size: 15px;
        text-align: center;
    }
    
}

@media (max-width: 480px) { 

.jumbotron-cta img{
    width: 100%;
    height: 100%;
}
    
    .highlight .container{
        background: none;
        padding: 100px 0;
    }
    
    .highlight h1{
        font-size: 40px;
    }
    
    
    img.size-full{
        width: 100%;
        height: 100%;
    }
    
    
    .cta_block .col-lg-7{
        padding-top: 50px;
    }
    
    .cta_block .button{
        font-size: 15px;
    }
    
    footer{
        text-align: center;
    }
}