/*
Theme Name: ACE_TECHNOLOGIES 2013
Theme URI: http://nozzmo.com/
Author: Nozzmo
Author URI: http://nozzmo.com/
Description: Default theme for ACE_TECHNOLOGIES (2013)
Version: 1.0
Tags: responsive
*/

/* =Generic
----------------------------------------------- */
    body{
        background-color:#fff;
        font-family: Helvetica, Arial, sans-serif;
        font-size:12px;
    }
    p{
        line-height:2em;
        font-size: 1.2em;
    }
    a{
        color:#6c6c6c;
        cursor: pointer;
        text-decoration: none;
    }
    .left{
        float:left;
    }
    .right{
        float:right;
    }
    .clear{
        clear:both;
    }
    em{
        font-style:italic;
    }


/* In this section (media-queries less) we have the
   default styles (mobile first approach) */

/* =Main menu
----------------------------------------------- */
    .upbar{
        background:url(images/upbar.png) repeat-x left bottom;
        height: 68px;
    }
        .upbar .logo .change-language a{
            color:#1c708c;
            padding-left: 10px;
        }
        .upbar .logo .change-language a:hover{
            color:#86b7d5;
        }
        .popup-contact-form{
            background:#fff;
        }
        .upbar .popup-contact-form{
            display: none;
        }
            .popup-contact-form .external-box{
                padding: 20px 0;
            }
        .upbar .logo{
            background:url(images/logo_small_mobile.png) no-repeat left center;
            float: left;
            height: 45px;
            margin-top:10px;
            width:85%;
        }
            .upbar .logo a{
                display: block;
                width: 100%;
                height: 100%;
            }
        .upbar .topmost{
            display: none;
        }
        .menu-fullscreen{
            display: none;
        }
        .menu-toggler{
            display: block;
            margin-top: 22px;
            margin-right: 15px;
            float: right;
            width:30px;
            height: 25px;
            background:url(images/action_button_tile.png) no-repeat 0 -71px;
        }
        .menu-mobile-panel{
            background:#1d5475;
            border-top: 1px solid rgb(63, 145, 187);
            display: none;
            padding:5px 0;
            text-align: center;
        }
            .menu-mobile-panel .external-box{
                width: 100%;
            }
                .menu-mobile-panel a{
                    background: url(images/menu_separator.jpg) repeat-x left bottom;
                    color:#8bafd3;
                    display: block;
                    font-size: 1.3em;
                    padding: 16px 0 18px 0;
                }
                .menu-mobile-panel .tablet{
                    display: none;
                }
                .menu-mobile-panel .sub-menu li{
                    background: rgb(28, 78, 109);
                }
                .menu-mobile-panel li ul{
                    display:none;
                }

/* =Feature section 
----------------------------------------------- */
    .feature-section{
        background:url(images/middle_area_glow.png) no-repeat center top #1f5677;
        border-top: 1px solid #3f91bb;
        padding: 40px 0;
    }
        .feature-section img{
            max-width: 100%;
            height: auto;
        }
        .feature-section h1{
            color:#a5ddfe;
            font-size: 3em;
            text-align: center;
        }
        .feature-section h2{
            color:#fffdff;
            font-size: 2em;
            margin-bottom: 20px;
            text-align: center;
        }
        .feature-section p{
            color:#fff;
            font-weight: lighter;
            margin: 0 auto 10px auto;
            width: 80%;
            font-size: 1.2em;
        }
        .feature-section .floating-column-right{
            display: none;
        }
        .feature-section .button-section{
            margin-top:30px;
            max-width: 80%;
            margin:auto;
            margin-top: 30px;
        }
            .feature-section .button{
                margin:15px auto;
                height: 48px;
                line-height: 48px;
            }
                .feature-section .button img{
                    vertical-align: middle;
                    display: inline-block;
                    margin-right: 10px;
                }

/* =Slider section 
----------------------------------------------- */
    .slider-section{
        background: url(images/slider_bg.jpg) repeat-x left top #f1f1f1;
        border-bottom: 1px solid #d0d0d0;
        padding:40px 0 10px 0;
    }
        .slider-section .small-right{
            padding: 30px 0 30px 0;
        }
            .slider-section h1,
            .slider-section h2,
            .slider-section h3,
            .slider-section h4,
            .slider-section h5,
            .slider-section h6{
                margin:auto;
                max-width: 80%;
                margin-bottom: 10px;
            }
            .slider-section p{
                clear: left;
                color:#828282;
                margin:auto;
                max-width: 80%;
                font-size: 1.2em;
            }
            .slider-section .external-box{
                position: relative;
            }
                .slider-section .slide{
                    display: none;
                    left: 0;
                    position: absolute;
                    top: 0;
                }
                .slider-section img{
                    width: 100%;
                    height: auto;
                    max-width: 241px;
                }
                .slider-section .slide.active{
                    display: block;
                    z-index: 1;
                }
                .slider-section .slide.next{
                    display: none;
                    z-index: 5;
                }

/* =News section 
----------------------------------------------- */
    .news-section{
        padding-top:40px;
    }
        .news-section .external-box{
            border-bottom: 1px solid #ebebeb;
        }
        .news-section .grid.grid-3 .g31,
        .news-section .grid.grid-3 .g32,
        .news-section .grid.grid-3 .g33{
            width: 100%;
            margin-bottom: 15px;
        }
        .news-section .grid.grid-3 .g32{
            margin-left: 0;
        }
            
        .news-section .news-wrapper{
            margin: auto;
            width:90%;
        }
            .news-section .photo-frame{
                padding:5px;
                border:1px solid #e6e6e6;
                background: #f4f4f4;
            }
                .news-section .photo-container{
                    background: url(images/leer_nota.png) #2690ba no-repeat center center;
                    color:#fff;
                    height: 150px;
                }
                    .news-section .photo-container a{
                        background-position: center center;
                        display: block;
                        height: 100%;
                        width: 100%; 
                    }
                    .news-section .photo-container a:hover{
                        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
                        filter: alpha(opacity=10);
                        -moz-opacity:0.1;
                        -khtml-opacity: 0.1;
                        opacity: 0.1;
                    }
            .news-section .news-text{
                padding: 10px 0;
            }
            .news-section .news-text p{
                color:#828282;
                margin-bottom: 0;
            }
            .news-section .news-text a{
                color:#2690ba;
                display: inline-block;
                margin-left: 10px;
            }
            .news-section .news-text h3{
                color:#17657e;
                margin: 15px 0;
            }

/* =Product feature section 
----------------------------------------------- */
    .product-feature-section{
        padding: 40px 0 20px 0;
    }
        .product-feature-section .grid.grid-4 .g41,
        .product-feature-section .grid.grid-4 .g42,
        .product-feature-section .grid.grid-4 .g43,
        .product-feature-section .grid.grid-4 .g44{
            margin:0 0 20px 0; 
            width:100%;
        }
        .product-feature-section .product-feature-container{
            margin: auto;
            width:90%;
        }
            .product-feature-section img{
                margin-right: 10px;
                vertical-align: middle;
            }
            .product-feature-section h3{
                color:#828282;
                font-size: 1.7em;
                margin-bottom: 15px;
                vertical-align: middle;
            }
            .product-feature-section p{
                color:#828282;
                margin-bottom: 5px;
                padding-left: 7px;
            }
            .product-feature-section a{
                color:#a4b505;
                font-weight: bold;
            }

/* =Contact section 
----------------------------------------------- */
    .contact-section{
        background:#f5f5f5;
        padding: 40px 0;
        border-top:1px solid #dfdfdf;
    }
        .contact-section .floating-column.floating-column-left{
            text-align: center;
            padding-bottom: 40px;
        }
        .contact-section .floating-column.floating-column-left,
        .contact-section .floating-column.floating-column-right{
            width:90%;
        }
            .contact-section .floating-column.floating-column-right a{
                color:#b0bf27;
                display: inline-block;
                margin-left: 10px;
            }
        .contact-section .button{
            max-width: 175px;
            height: 48px;
            line-height: 48px;
        }
        .contact-section img{
            max-width: 95%;
            height: auto;
        }
        .contact-section p{
            color:#828282;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto;
            font-size: 1.2em;
            font-weight: lighter;
        }
        .contact-section .button{
            margin: 20px auto 0 auto;
        }

/* =Footer section
----------------------------------------------- */
    .footer{
        background:#1f5577;
        padding:40px 0 0 0;
    }
        .footer h4{
            color:#fdfffe;
            font-size: 1.6em;
            font-weight: normal;
            text-align: center;
        }
        .footer hr{
            border:none;
            border-top:1px solid #1d506d;
            border-bottom:1px solid #2a688d;
            margin: 20px 0;
        }
        .footer .floating-column p{
            color:#4b8fb2;
            font-size: 1.25em;
            line-height: 1.7em;
            margin:auto;
            max-width: 350px;
            text-align: center;
        }
        .footer .floating-column .contact a{ 
            color:#fff;
        }
        .footer .navigation{
            display: none;
        }
        .footer .followus h4{
            margin-bottom:20px;
        }
        .footer .lowermost{
            background:#1c4f6e;
            height: 35px;
            margin-top:30px;
        }
            .footer .lowermost p{
                color:#5091b9;
                line-height: 35px;
                margin:0;
                text-align: center;
                font-size: 1em;
            }
            .footer .lowermost img{
                display: inline-block;
                margin-right: 5px;
                vertical-align: middle;
            }
            .footer .lowermost a{
                color:#5091b9;
            }
            .footer .lowermost a:hover{
                color:#fff;
            }
        .footer .logo{
            background: url(images/logo_full_mobile_2.png) no-repeat center center;
            height: 45px;
            margin-top: 10px;
        }
            .footer .logo a{
                display: block;
                width: 100%;
                height: 100%;
            }

/* =Page template (about us) styles
----------------------------------------------- */
    .page{
        padding:53px 0 40px 0;
        background: url(images/page_intro.png) repeat-x left top #f3f3f3;
    }
        .page .title{
            margin-bottom: 20px;
        }
            .page .title h1{
                background: url(images/heading_stroke.jpg) repeat-x left center;
                color:#0c5065;
                font-size: 5.5em;
                text-align: center;
                margin-bottom: 0;
            }
                .page .title h1 span{
                    background:#fff;
                    display: inline-block;
                    padding: 0 10px;
                }
            .page .page-subtitle{
                color:#464646;
                font-size:1.7em;
                font-weight: lighter;
                letter-spacing: 0.4em;
                margin-bottom: 20px;
                text-align: center;
                font-family: "HelveticaNeueLTSCondensed", Arial, sans-serif;
            }
        .page .page-feature-section{
            border-bottom: 1px solid #dadada;
            margin-bottom: 40px;
            padding-bottom: 20px;
        }
            .page .page-feature-1{
                color:#154460;
                font-size: 2em;
                margin: auto;
                max-width: 90%;
                font-family: "HelveticaNeueLTS", Arial, sans-serif;
                font-weight: normal;
            }
                .page .page-feature-1 p{
                    line-height:1.5em;
                }
            .page .page-feature-2{
                color:#8b8b8b;
                font-size: 1.2em;
                font-weight: lighter;
                margin: auto;
                max-width: 90%;
            }
                .page .page-feature-2 a{
                    color:#adc94c;
                    font-weight: bold;
                }
                .page .page-feature-2 a.button{
                    color:#fff;
                    max-width: 200px;
                    margin-right: auto;
                    margin-left: auto;
                }

        .page .page-final-section{
            /*border-bottom: 1px solid #dadada;*/
        }
            .page .page-final-1,
            .page .page-final-2{
                max-width: 90%;
                margin: auto;
            }
                .page .page-final-1 p,
                .page .page-final-2 p{
                    color:#8b8b8b;
                    font-size: 1.3em;
                    font-weight: lighter;
                }
        .page .content{
            border-bottom: 1px solid #dadada;
            margin-bottom: 40px;
            padding-bottom: 30px;
        }
            .page .content .external-box{
                width:90%;
            }
        .page .content.big{
            display: none;
        }

/* =Page template (solutions / services / products) styles
----------------------------------------------- */
    .page.service{
        padding: 0;
    }
        .page.service .title{
            padding: 40px 0;
            margin-bottom: 0px;
            background: url(images/degrade_vertical.png) repeat-x left top #1f5677;
        }
            .page.service .title h1{
                background: url(images/heading_stroke.jpg) repeat-x left center;
                color:#c7f6fc;
            }
                .page.service .title h1 span{
                    background:url(images/negative_degrade.png) left top repeat-x;
                }
            .page.service .page-subtitle{
                color:#fefdff;
                margin-bottom: 40px;
            }
            .page.service .button{
                max-width: 215px;
                margin-right: auto;
                margin-left: auto;
                margin-bottom: 40px;
                height: 48px;
                line-height: 48px;
            }
                .page.service .button img{
                    vertical-align: middle;
                    margin: 0 10px 0 -20px;
                }
            .page.service .intro-text{
                color:#fff;
                max-width: 80%;
                text-align: center;
                margin: auto;
            }
                .page.service .intro-text strong{
                    color:#79ddfd;
                }
        .page.service .page-feature-section{
            border-bottom: none;
            margin-bottom: 0;
        }
            .page.service .page-feature-section .service-intro img{
                max-width: 90%;
                height: auto;
            }
            .page.service .page-feature-section .service-intro p{
                color:#828282;
            }
            .page.service .page-feature-section .feature-2{
                text-align: center;
                padding-top: 40px;
            }
                .page.service .page-feature-section .feature-2 img{
                    max-width: 80%;
                    padding: 5px;
                    background:#f4f4f4;
                    border:#e6e6e6 1px solid;
                }
        .page.service .second-section{
            padding:53px 0 30px 0;
            background: url(images/page_intro.png) repeat-x left top #f3f3f3;
        }
        .page.service .third-section{
            background:#fff;
            padding-top: 40px;
            border-top: 1px solid #dfdfdf;
        }
            .page.service .content{
                margin-bottom: 0;
                border-bottom: none;
            }
            .page.service .features{
                width: 90%;
                margin: auto;
                margin: 20px 0 40px 0;
            }
                .page.service .features li{
                    display: block;
                    background:url(images/check.png) left top no-repeat;
                    padding-left: 65px;
                    font-size: 1.3em;
                    color:#838383;
                    min-height: 50px;
                    margin-bottom: 20px;
                    font-weight: lighter;
                    line-height: 2em;
                }

/* =Page template (work with us) styles
----------------------------------------------- */
    .page.work{
        padding-bottom: 0;
    }
        .page.work .page-faces-section{
            text-align: center;
            margin-top: 40px;
        }
            .page.work .page-faces-section img{
                width: 90%;
                display: block;
                height: auto;
                margin: auto;
                border: 1px solid #aaa;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
            }
            .page.work .page-faces-section .face,
            .page.work .page-faces-section .face-filler{
                width: 45%;
                margin: 0 2% 15px 2%;
                text-align: center;
                height: 121px;
                background: center center no-repeat #ddd;
                background-size: 100% auto;
                display: inline-block;
            } 
            .page.work .page-faces-section .face{
                background-size:100% auto;
            }
            .page.work .page-faces-section .face-filler{
                background: url(images/ace_unetealequipo_text.png) center center no-repeat #acc165;
                display: inline-block;
                background-size: auto auto;
                color:#fff;
            }
        .page.work .page-feature-section{
            padding-bottom: 40px;
        }
        .page.work .page-feature-2{
            font-size: 1em;
        }
            .page.work .page-feature-2 h1 img,
            .page.work .page-feature-2 h2 img,
            .page.work .page-feature-2 h3 img,
            .page.work .page-feature-2 h4 img,
            .page.work .page-feature-2 h5 img,
            .page.work .page-feature-2 h6 img{
                vertical-align: middle;
                margin-right: 10px;
            }
    .page.work .page-content-section{
        padding: 0 0 30px 0;
    }
    .page.work .news-wrapper{
        margin-right: auto !important;
        margin-left: auto !important;
    }
        .page.work .news-wrapper h3{
            margin-bottom: 20px;
        }

/* =Default page styles
----------------------------------------------- */
    .page.default{
        padding-bottom: 0;
    }
        .page.default .content{
            margin-bottom: 0;
            border-bottom: none;
        }

/* =Archive styles
----------------------------------------------- */
    .archive{
        background:#f9f9f9;
    }
        .archive .floating-column.news-column,
        .archive .floating-column.toolbox-column{
            background:#ffffff;
            border-left: 1px solid #f1f1f1;
            border-right: 1px solid #f1f1f1;
            padding-bottom: 40px;
        }
        .archive .floating-column.toolbox-column{
            padding-top: 40px;
        }
        .archive .column-container{
            width:90%;
            margin: auto;
        }
        .archive h2{
            color:#5c5c5c;
        }
        .archive .date,
        .page.work .date{
            color:#c7c7c7;
            padding-left: 17px;
            background:url(images/calendar.png) left center no-repeat;
            line-height: 1.2em;
            margin-bottom: 20px;
        }
        .archive .sidebar{
            padding: 30px 0 0 0;
            display: none;
        }
            .archive .sidebar .cat-item{
                text-align: center;
                font-size: 1.5em;
                color:#a2a2a2;
                border-top: 1px solid #ebebeb;
            }
                .archive .sidebar .cat-item a{
                    font-weight: lighter;
                    display: block;
                    padding: 20px 0;
                }
        .archive .search-form{
            margin-right: 0;
            text-align: center;
        }
            .archive .search-form .placeholded{
                height: 41px;
                background:#fff;
                border:1px solid #e8e8ea;
                position: relative;
                -webkit-border-radius: 5px 0 0 5px;
                -moz-border-radius: 5px 0 0 5px;
                border-radius: 5px 0 0 5px;
                display: inline-block;
                vertical-align: bottom;
                width: 250px;
            }
                .archive .search-form .placeholded label{
                    height: 100%;
                    line-height: 41px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: block;
                    z-index: 3;
                    padding-left: 6%;
                    color: #b2b2b2;
                    font-size: 1.1em;
                    cursor:text;
                }
            .archive .search-form input[type=text]{
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                padding-left: 5%;
                width: 95%;
                background:none;
                border:none;
                font-size: 1.1em;
                color: #b2b2b2;
            }
            .archive .search-form input[type=submit]{
                background: url(images/search_magnifier.png) center center #819c27 no-repeat;
                height: 43px;
                width: 50px;
                border:1px solid #455c01;
                -moz-border-radius: 0 5px 5px 0;
                -webkit-border-radius: 0 5px 5px 0;
                border-radius: 0 5px 5px 0;
                display: inline-block;
                vertical-align: bottom;
                margin-left: -3px;
            }
        .archive .search-form .screen-reader-text{
            color: #bbb;
            margin: 0 0 15px 0;
            font-size: 1.2em;
        }
        .archive .news-wrapper,
        .page.work .news-wrapper{
            border-bottom:1px solid #dfdfdf;
            padding: 0 0 20px 0;
            margin:0 0 40px 0;
        }
        .archive .news-wrapper:last-child,
        .page.work .news-wrapper:last-child{
            border-bottom: none;
            margin-bottom: 0;
        }
            .archive .news-wrapper p,
            .page.work .news-wrapper p{
                color:#828282;
            }
            .archive .news-wrapper a,
            .page.work .news-wrapper a{
                color:#a4b505;
            }
            .archive .news-wrapper .photo-frame,
            .page.work .news-wrapper .photo-frame{
                padding:5px;
                border:1px solid #e6e6e6;
                background: #f4f4f4;
                margin-bottom: 20px;
            }
                .archive .news-wrapper .photo-container,
                .page.work .news-wrapper .photo-container{
                    background: url(images/leer_nota.png) #2690ba no-repeat center center;
                    color:#fff;
                    height: 150px;
                }
                    .archive .news-wrapper .photo-container a,
                    .page.work .news-wrapper .photo-container a{
                        background-position: center center;
                        display: block;
                        height: 100%;
                        width: 100%; 
                    }
                    .archive .news-wrapper .photo-container a:hover,
                    .page.work .news-wrapper .photo-container a:hover{
                        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
                        filter: alpha(opacity=10);
                        -moz-opacity:0.1;
                        -khtml-opacity: 0.1;
                        opacity: 0.1;
                    }
        .archive .wp-paginate{
            text-align: center;
        }
            .archive .wp-paginate .page,
            .archive .wp-paginate .gap{
                border:none;
                background:none;
                color:#b3b3b3;
                margin-right: 15px;
                font-weight: bold;
                font-size: 1.25em;
                padding: 5px 10px;
                display: none !important;
            }
            .archive .wp-paginate .current,
            .archive .wp-paginate .prev,
            .archive .wp-paginate .next{
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                background:#1c3957;
                color:#fff;
                border-style: none;
                margin-right: 15px;
                font-size: 1.25em;
                display: inline-block;
                padding: 5px 10px;
            }

/* STANDARD 480 */
@media screen and (min-width:480px){

    /* =Main menu
    ----------------------------------------------- */
        .upbar .logo{
            background-image: url(images/logo_full_mobile.png);
        }
        .menu-mobile-panel{
            text-align: center;
            padding: 0;
            line-height: 57px;
        }
            .menu-mobile-panel a{
                background: none;
                display: inline-block;
                padding: 0 10px;
                font-size: 1.2em;
                border: none;
            }
            .menu-mobile-panel .tablet{
                display: block;
            }
            .menu-mobile-panel .phone{
                display: none;
            }

    /* =Feature section
    ----------------------------------------------- */
        .feature-section .button-section{
            text-align: center;
            max-width: 100%;
        }
            .feature-section .button{
                /*width: 35%;*/
                display: inline-block;
                margin: 0 10px;
            }

    /* =Page template (work with us) styles
    ----------------------------------------------- */
        .page.work .page-faces-section .face,
        .page.work .page-faces-section .face-filler{
            width: 30%;
            margin: 0 1% 15px 1%;
        }
        .page.work .page-faces-section .face-filler{
            display: inline-block;
        }
        .page.work .page-faces-section .face-filler-inline{
            display: none;
        }
        .page.work .not-found{
            padding-left: 65px;
        }
}

/* EXTRA 550 */
@media screen and (min-width:550px){

    /* =Slider section
    ----------------------------------------------- */
        .slider-section .slide .floating-column.big-left .floating-column{
            float:left;
            width:50%;
        }
        .slider-section p{
            max-width: 80%;
        }

    /* =Archive styles
    ----------------------------------------------- */
        .archive .wp-paginate .page,
        .archive .wp-paginate .gap{
            display: inline-block !important;
        }

    /* =Page template (about us) styles
    ----------------------------------------------- */
        .page .content.big{
            display: block;
        }
        .page .content.small{
            display: none;
        }
}

/* STANDARD 768 */
@media screen and (min-width:768px){

    /* =Main menu
    ----------------------------------------------- */
        .upbar{
            height: 141px;
        }
            .upbar .logo{
                width:95px;
            }
            .upbar .topmost{
                float: none;
                text-align: right;
                display: block;
            }
            .upbar .menu-toggler{
                display: none;
            }
            .menu-fullscreen{
                display: block;
                float: right;
                margin-right: 40px;
                margin-top: 15px;
            }
                .menu-fullscreen li{
                    float: left;
                    position: relative;
                }
                    .menu-fullscreen li ul{
                        background: #0a3548; 
                        border-radius: 10px;
                        display:none;
                        left: 0;
                        position: absolute;
                        top: 40px;
                        padding: 0 15px;
                        z-index: 10;
                    }
                        .menu-fullscreen li ul li{
                            width: 100%;
                            text-align: center;
                            line-height: 45px;
                            font-size: 1.2em;
                            border-bottom: 1px solid #15435d;
                        }
                            .menu-fullscreen li ul li:last-child{
                                border-bottom: none;
                            }
                            .menu-fullscreen li ul a{
                                padding: 0 !important;
                            }
                    .menu-fullscreen li a{
                        color:#86b7d5;
                        display: inline-block;
                        text-transform: lowercase;
                        padding: 0 10px;
                        line-height: 17px;
                    }
                    .menu-fullscreen li:first-child a{
                        padding-left:0;
                    }
                        .menu-fullscreen li a strong{
                            font-size: 1.5em;
                            font-weight: normal;
                        }
                        .menu-fullscreen li a span{
                            font-size:1.1em;
                            color:#1c708c;
                            display: block;
                            font-family: "HelveticaNeueLTSCondensed", Arial, sans-serif;
                        }

            .menu-mobile-panel{
                display: none !important;
            }

    /* =Feature section
    ----------------------------------------------- */
        .feature-section{
            padding-bottom: 0;
        }
            .feature-section .external-box{
                width: 88%;
            }
                .feature-section .floating-column-left{
                    width: 40%;
                }
                .feature-section .floating-column-right{
                    display: block;
                    width: 60%;
                }
                    .feature-section .floating-column-right .screen-container{
                        float: right;
                        margin: auto;
                        max-width: 480px;
                        position: relative;
                        width: 90%;
                    }
                    .feature-section .floating-column-right img.screen{
                        display: block;
                        margin-bottom: -5px;
                        max-height: 360px;
                        max-width: 480px;
                        width: 100%;
                    }
                    .feature-section .floating-column-right .slide{
                        background: #0f0;
                        bottom:0;
                        display: block;
                        height: 100%;
                        position:absolute;
                        width: 100%;
                    }
                .feature-section h1{
                    font-size: 2.2em;
                    text-align: left;
                }
                .feature-section h2{
                    display: none;
                    font-size: 1.7em;
                    text-align: left;
                }
                .feature-section p{
                    margin: 0;
                    width: 100%;
                }

    /* =Slider section
    ----------------------------------------------- */
        .slider-section .slide .floating-column.big-left{
            width:100%;
        }
        .slider-section .slide .floating-column.small-right{
            width:100%;
        }

    /* =News section
    ----------------------------------------------- */
        .news-section .external-box{
            padding-bottom:20px;
        }
        .news-section .photo-frame{
            float:left;
            width:35%;
        }
        .news-section .news-text{
            float:right;
            width:60%;
        }


    /* =Product feature section
    ----------------------------------------------- */
        .product-feature-section .grid.grid-4 .g41,
        .product-feature-section .grid.grid-4 .g42,
        .product-feature-section .grid.grid-4 .g43,
        .product-feature-section .grid.grid-4 .g44{
            margin-right: 1%;
            width:49%;
        }
        .product-feature-section .product-feature-container{
            width: 80%;
        }

    /* =Contact section
    ----------------------------------------------- */
        .contact-section .floating-column.floating-column-left{
            width: 40%;
            padding-bottom: 0;
        }
            .contact-section .floating-column.floating-column-left p{
                text-align: right;
            }
        .contact-section .floating-column.floating-column-right{
            width: 59%;
            padding-top: 10px;
        }
        .contact-section p{
            float: right;
        }
        .contact-section .button{
            margin-left: 0;
            margin-right: 0;
        }

    /* =Footer section
    ----------------------------------------------- */
        .footer .floating-column-left{
            width:54%;
        }
        .footer .floating-column-right{
            width:35%;
            padding-left: 4%;
        }
            .footer h4{
                font-size: 1.6em;
                text-align: left;
            }
            .footer .floating-column p{
                text-align: left;
            }
            .footer hr.contact-hr{
                display: none;
            }
            .footer .navigation{
                display: block;
                width:35%;
                border-right: 1px solid #2a698c;
            }
                .footer .navigation a{
                    display: block;
                    color:#4b8fb2;
                    font-size: 1.25em;
                    line-height: 1.7em;
                    padding-left: 10px;
                }
            .footer .contact{
                width:60%;
            }
            .footer .followus{
                border-left: 1px solid #2a698c;
            }

    /* =Page styles
    ----------------------------------------------- */
        .page .content .external-box{
            width:95%;
        }

    /* =Archive styles
    ----------------------------------------------- */
        .archive .floating-column.news-column{
            width:64%;
            padding-top: 40px;
        }
        .archive .floating-column.toolbox-column{
            width: 35%;
            border:none;
            background:none;
            padding-top: 40px;
        }
            .archive .sidebar{
                display: block;
            }
                .archive .sidebar h3{
                    text-align: center;
                }
            .archive .search-form{
                text-align: left;
            }
                .archive .search-form .placeholded{
                    width: 175px;
                }

    /* =Page template (work with us) styles
    ----------------------------------------------- */
        .page.work .page-faces-section .face,
        .page.work .page-faces-section .face-filler{
            width: 17%;
            margin: 0 1% 15px 1%;
        }
        .page.work .page-faces-section .face-filler{
            display: inline-block;
        }
        .page.work .page-faces-section .face-filler-inline{
            display: none;
        }
        .page.work .news-wrapper .post{
            padding-left: 65px;
        }
}

/* EXTRA 850 */
@media screen and (min-width:850px){

    /* =Slider section
    ----------------------------------------------- */
        .slider-section .slide .floating-column.big-left{
            width:60%;
        }
        .slider-section .slide .floating-column.small-right{
            width:35%;
            padding-top: 20px;
        }
            .slider-section h1,
            .slider-section h2,
            .slider-section h3,
            .slider-section h4,
            .slider-section h5,
            .slider-section h6{
                max-width: 100%;
            }
            .slider-section p{
                max-width: 100%;
            }
}

/* STANDARD 1024 */
@media screen and (min-width:1024px){

    /* =Main menu
    ----------------------------------------------- */
        .upbar .logo{
            width: 300px;
        }
            .menu-fullscreen li a span{
                margin-top: 3px;
            }
            .menu-fullscreen li a{
                padding:0 15px;
            }
            .menu-fullscreen li a:first-child{
                padding-right:15px;
            }

    /* =Feature section
    ----------------------------------------------- */
        .feature-section h1{
            font-size: 2.5em;
            padding-top:15px;
            text-align: left;
        }
        .feature-section h2{
            display: block;
            font-size: 2em;
            text-align: left;
        }

    /* =Slider section
    ----------------------------------------------- */
        .slider-section .slide .floating-column.big-left{
            width:55%;
        }
        .slider-section .slide .floating-column.small-right{
            width:42%;
            padding-top: 20px;
        }
        

    /* =News section
    ----------------------------------------------- */
        .news-section .external-box{
            padding-bottom:0;
        }
        .news-section .grid.grid-3 .g31,
        .news-section .grid.grid-3 .g32,
        .news-section .grid.grid-3 .g33{
            width: 32%;
        }
        .news-section .grid.grid-3 .g32{
            margin-left: 2%;
        }
        .news-section .photo-frame{
            float:none;
            margin: auto;
            width:95%;
        }
        .news-section .news-text{
            float:none;
            width:100%;
        }
            .news-section .news-text h3{
                text-align: center;    
            }
            .news-section .news-text p{
                text-align: center;
            }

    /* =Product feature section
    ----------------------------------------------- */
        .product-feature-section .grid.grid-4 .g41,
        .product-feature-section .grid.grid-4 .g42,
        .product-feature-section .grid.grid-4 .g43,
        .product-feature-section .grid.grid-4 .g44{
            width:24%;
        }
            .product-feature-section img{
                margin-left: -30px;
                width: 40px; 
                margin-right: 0px;
            }

    /* =Archive styles
    ----------------------------------------------- */
        .archive .search-form .placeholded{
            width: 250px;
        }

    /* =Page template (work with us) styles
    ----------------------------------------------- */
        .page.work .page-faces-section .face,
        .page.work .page-faces-section .face-filler{
            width: 12%;
            margin: 0 1% 15px 1%;
        }
        .page.work .page-faces-section .face-filler{
            display:none;
        }
        .page.work .page-faces-section .face{
            background-size:auto;
        }

}

/* STANDARD 2048 */
@media screen and (min-width:2048px){}