/*  :::::::::::::::::::::::::::::::::::::::: */
/*  :::: THEME STYLES
/*  :::::::::::::::::::::::::::::::::::::::: */

body{
    margin:0;
    padding:0;
    font-family: UniSansRegular, sans-serif;
    background-color: black;
}

img{
    border:none;
}

/*  :::::::::::::::::::::::::::::::::::::::: */
/*  :::: VERTICAL ALIGN */
/*  :::::::::::::::::::::::::::::::::::::::: */

.navigation_logo,
.navigation_toggle,
.people_text,
.work_text,
.careers_text,
.clients_inner,
.content_heading_vertical,
.main_image_para_inner{
    position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

.people_inner,
.work_inner,
.work_item,
.careers_inner,
.careers_item,
.page_nav a:after,
.clients_item,
.clients_item *,
.navigation_main ul li a:before,
.navigation_main ul li a{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/*  :::::::::::::::::::::::::::::::::::::::: */
/*  :::: ROW */
/*  :::::::::::::::::::::::::::::::::::::::: */

.row{
    width:100%; position:relative;
}

    .row_padding_bottom{
        padding-bottom: 60px;
    }

    .white_row{
        background-color: #FFFFFF;
    }

        .black_row{
            background-color: #000;
        }

    .grey_row{
        background-color: #EEE;
    }

    .home .navigation_logo{
        display: none;
    }

    .navigation_main{
        width: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); display: none;
        opacity: 0; filter: alpha(opacity=00);
    }

    .menu_wrap{
        float: right; padding-right: 80px; margin: 90px 0 0 0; display: table;
    }

        .menu_social{
            width: 90%; box-sizing: border-box; padding: 30px 0; border-top: 1px solid #FFF; margin-top: 20px; float: right;
            color: #FFF;
            font-family: UniSansRegular, sans-serif; font-weight: 300; font-size: 10px;
            line-height: 10px;
            text-align: right; letter-spacing: 2px;
        }

            .menu_social a{
                display: inline-table; width: 10px; height: 10px; line-height: 10px; margin: 0 0 0 15px;
                color: #FFF; text-decoration: none;
            }

                .menu_social a:after{
                    display:table; width: 10px; height: 10px; text-align: center; font-size: 15px; line-height: 10px; margin-top: 1px;
                }

                .menu_social a.social_pin:after{
                    content: '\e903';
                }

                .menu_social a.social_you:after{
                    content: '\e901';
                }

                .menu_social a.social_fb:after{
                    content: '\e902';
                }

        .navigation_main ul{
            margin: 0; padding: 0; list-style: none;
            position: relative;
            color: #FFF; display: table; box-sizing: border-box;
            float: right;
        }

        .navigation_main ul li{
            display: table; font-size: 40px;
            font-family: UniSansRegular, sans-serif; font-weight: 900;
            margin-bottom: 15px; padding: 0 0; box-sizing: border-box;
            position: relative; text-align: right;
            width: 100%;
        }

            .navigation_main ul li a{
                position: relative; z-index: 1; cursor: pointer; text-decoration: none; color: #FFF; display: table; padding: 6px 15px 6px; float: right; letter-spacing: 3px;
                font-weight:700;
            }

            .navigation_main ul li a:before{
                width: 0; height: 100%; display: inline-block; background-color: #FFF; content: ''; position: absolute; z-index: -1; top: 0; right: 0;
            }

            .navigation_main ul li a:hover:before{
                width: 100%;
            }

            .navigation_main ul li a:hover{
                color:#f86f12;
            }

@media screen and ( max-height: 600px ){
    .navigation_main ul li{
        font-size: 20px; margin-bottom: 5px;
    }
}

/*  :::::::::::::::::::::::::::::::::::::::: */
/*  :::: HEADER */
/*  :::::::::::::::::::::::::::::::::::::::: */

.main_wrap{
    width: 100%; padding-top: 100vh; display: table;
}

.main_wrap_blur{
    -webkit-filter: blur(20px);
    filter: blur(20px);
}

.main_wrap_no_slide{
    width: 100%; display: table;
}

.main_image_para{
    width: 100%; height: 700px; background: rgba(0,0,0,0.7);
    background-size: cover; background-position: top center; position: fixed; left: 0; top: 0; z-index: 0;
    overflow: hidden;
}

    .main_video{
        width: 100%; position: absolute; left: 0; top: 0; overflow: hidden;
    }

        .main_video iframe{
            height: inherit;
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

    .main_slider{
        width: 100%; height: inherit; position: absolute;
        left:0; top: 0;
    }

        .main_slide,
        .navigation_toggle,
        .navigation_toggle:after,
        .navigation_logo,
        .thumbs_item{
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

        .main_slide{
            width: 100%; height: inherit; background-color:  black; background-position: center; background-size: cover; float: left;
            filter: alpha(opacity=00); z-index: 0;
        }

        .main_active_slide{
            opacity: 1; filter: alpha(opacity=10); z-index: 1; position: relative;
        }

            .video_holder{
                width: 100%; height: inherit; position: absolute; left: 0; top: 0;
            }

                .video_holder iframe{
                    height: inherit;
                }

    .main_image_para_inner{
        display: table; width: 800px; margin: 0 auto; text-align: center;
    }

        .main_image_para_inner_title{
            width: 100%; display: table; font-family: UniSansRegular, sans-serif; font-size: 50px; color: #FFF; padding: 30px 0; font-weight: 100; position: relative;
        }

            .main_image_para_inner_title span{
                width: 100%; padding: 5px 0 0; font-size: 20px; font-weight: 100; line-height: normal; text-transform: uppercase; display: table;
            }

            .main_image_para_inner_video_play{
                width: 109px; height: 109px; display: table; position: relative; margin: 0 auto; background-image: url(../images/play.png); cursor: pointer;
            }

            .carousel-switch .main_image_para_inner_video_play{
                background-image: url(../images/play_black.png);
            }

            .slide_sub{
                width: 100%; display: table; font-family: UniSansRegular, sans-serif; font-size: 22px; color: #FFF; padding: 10px 0 0; font-weight: 300; position: relative;
            }

        .main_logo{
            width: 100%; display: table; margin-bottom: 50px;
        }

            .home .main_image_para_inner{
                height: 74px; 
                /*display: block;*/
            }

            .home .main_image_para_inner_title:after{
                content:''; display: table; width: 60px; height: 5px; background-color: #FFF; position: absolute; left: 50%; top: 0; margin-left: -30px;
            }

                .home .main_image_para_inner_title{
                    font-family: 'Roboto', sans-serif;
                    font-size: 29px; font-weight: 100; letter-spacing: 10px; text-transform: uppercase;
                }

                .home .main_image_para_inner_title span{
                    font-family: 'Roboto', sans-serif;
                    font-size: 24px; font-weight: 600; letter-spacing: 2px;
                }

            .home .main_image_para_inner_title:before{
                content:''; display: table; width: 60px; height: 5px; background-color: #FFF; position: absolute; left: 50%; bottom: 0; margin-left: -30px;
            }

                .main_image_nav,
                .main_slide_nav{
                    width: 100%; position: absolute; top: 50%; height: 40px; color: #FFF; line-height: 40px; margin-top: -20px;
                    box-sizing: border-box; padding: 0 30px; z-index: 2; pointer-events: none;
                }

                    .main_image_nav a,
                    .main_slide_nav a{
                        color: #FFF; font-weight: 100; text-decoration: none; pointer-events: all; cursor: pointer;
                    }

                    .main_image_nav a:first-child{
                        float: left; display: table; padding-left: 20px; background-image: url(../images/left.png); background-position: left; background-repeat: no-repeat;
                    }

                    .main_image_nav a:last-child{
                        float: right; display: table; padding-right: 20px; background-image: url(../images/right.png); background-position: right; background-repeat: no-repeat;
                    }

                    .main_slide_nav a:first-child{
                        float: left; display: table; padding-left: 20px; background-image: url(../images/left_slide.png); background-position: left; background-repeat: no-repeat; height: 40px;
                    }

                    .main_slide_nav a:last-child{
                        float: right; display: table; padding-right: 20px; background-image: url(../images/right_slide.png); background-position: right; background-repeat: no-repeat; height: 40px;
                    }

                    .carousel-switch .main_slide_nav a:first-child{
                        background-image: url(../images/left_slide_black.png);;
                    }

                    .carousel-switch .main_slide_nav a:last-child{
                        background-image: url(../images/right_slide_black.png);;
                    }


        .thumbs_toggle{
            width: 21px; height: 15px; position: absolute; left: 30px; bottom: 30px; background-image: url('../images/thumbs.png'); z-index: 11; cursor: pointer;
        }

        .carousel-switch .thumbs_toggle{
            background-image: url('../images/thumbs_black.png');
        }

        .thumbs_holder{
            width: 100%; height: inherit; background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 10; display: none;
        }

        .thumbs_inner{
            display: table; width: 100%;
            position: relative; margin: 0 auto;
            height: 100%;
        }

            .thumbs_item{
                width: 20%; height:160px; display: table; background-color: #000; position: relative; float: left;
                background-size: cover; box-sizing: border-box; cursor: pointer;
            }

            .thumbs_item:hover{
                box-shadow: inset 0px 0px 50px 0px #000;
                -webkit-box-shadow: inset 0px 0px 50px 0px #000;
                -moz-box-shadow: inset 0px 0px 50px 0px #000;
                -o-box-shadow: inset 0px 0px 50px 0px #000;
            }

            .thumbs_item[data-slide-type="video"]:after{
                content:''; display: table;  width: 50px; height: 54px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -27px;
                background-image: url(../images/play_two.png); background-size: contain;
            }

            .carousel-switch .thumbs_item[data-slide-type="video"]:after{
                background-image: url(../images/play_two_black.png);
            }

/*  :::::::::::::::::::::::::::::::::::::::: */
/*  :::: CONTAINER */
/*  :::::::::::::::::::::::::::::::::::::::: */

.container{
    width: 1050px; margin: 0 auto; display: table;
}

    .container .content{
        width: 100%;
    }

    .content{
        width: 800px;
        display: table;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 50px 0 20px;
    }

        .content p{
            font-size: 18px;
            line-height: 15px !important;
            color: #999;
        }

    /*DANIEL about quote   */
    .about_quote h3{
         font-size: 30px; line-height: 35px; font-family: UniSansthin, 'sans-serif';
                 color: #999999;
    } 
    .work_quote .light_quote{
        font-size: 30px; line-height: 35px; font-family: UniSansthin, 'sans-serif';
                color: #999999;

    }  

      .work_quote h3{
        font-size: 25px !important;
    }
    
    .work_quote .light_quote p{
    padding: 0 0 15px;   
    font-size: 30px;
    line-height: 35px !important;
    }   
    /*--------------------------- */    

    .content_heading{
        width: 100%; display: table; text-align: center; font-size: 50px; line-height: 55px;
        text-transform: uppercase; font-weight: 900; position: relative; margin-bottom: 25px; color: #000; margin-top: 40px;
    }

        .content_heading_thin{
            font-weight: 100 !important; text-transform: uppercase !important; font-size: 30px !important;
        }

        .content_heading:after{
            content:''; display: table; width: 60px; height: 5px; background-color: #f86f12; position: absolute; left: 50%; bottom: -30px; margin-left: -30px;
        }

        .featured{
            width: 100%; display: inline-block; margin-bottom: 20px;
        }

            .featured img{
                max-width: 100%;
            }

            .light_quote{
                font-size: 30px; line-height: 35px; font-family: UniSansregular, 'sans-serif';
                 color: #999999;
                /*text-transform: uppercase;*/
            }

            .content h2{
                font-weight: 500; font-size: 35px;
            }

                .content h3{
                    font-weight: 400; font-size: 17px; color: #999; text-transform: inherit;
                }

                .content h4{
                    font-weight: 400; font-size: 17px; color: #999; text-transform: inherit;
                }                    

                .content ul{
                    width: 100%; margin: 0; padding: 0 0 30px; box-sizing: border-box; padding-left: 30px;
                    font-size: 17px;
                    line-height: 25px !important;
                    color: #999; font-weight: 300;
                }

                    .content ul li{
                        margin-bottom: 20px;
                    }

                        .content ul li:last-child{
                            margin-bottom: 10px;
                        }

.navigation_holder{
    width: 100%; position: fixed;
    left:0; top: 0; height: 90px; z-index: 1;
}

    .navigation_logo{
        float: left; margin-left: 30px; color: #FFFFFF; width: 170px; height: 43px;
        background-image: url(../images/logo_white.png); background-position: left; background-size: contain; background-repeat: no-repeat;
        z-index: 1;
    }

    .navigation_toggle{
        display: table; float: right; color: #FFF; margin-right: 30px;
        position: relative;
        z-index:999; cursor: pointer;
    }

        .switch .navigation_toggle{
            color: #000 !important;
        }

        .switch .navigation_toggle:after, .carousel-switch .navigation_toggle:after{
            background-image: url(../images/burger_black.png);
        }

        .switch .navigation_logo, .carousel-switch .navigation_logo{
            background-image: url(../images/logo_black.png);
        }

        .navigation_toggle:after{
            width: 25px; height: 25px; content:''; background-image: url(../images/burger_white.png); position: absolute; right: 0; top: 50%; margin-top: -6px; background-repeat: no-repeat;
            background-position: center;
        }


        .navigation_toggle[data-toggle="close"]:after{
            background-image: url(../images/close.png);
            -webkit-transform:rotate(-90deg);
            -ms-transform:rotate(-90deg);
            transform:rotate(-90deg);
        }

    .text_header{
        text-align: center;
        width: 100%; display: table;
        padding-bottom: 120px; padding-top: 85px;
        font-size: 45px; font-weight: 500; position: relative;
        font-family: UniSansBold, 'sans-serif';
        color: #FFF;
    }

        .page_nav{
            display: table; margin: 0 auto;
            clear: both;
        }

            .page_nav a{
                display: table; float: left; margin: 30px 10px;
                font-size: 20px; font-weight: 300; padding: 0; text-decoration: none; color: #FFF; position: relative;
            }

                .page_nav a:after{
                    display: table; content:''; height: 2px; width: 0; position: absolute; left: 0; bottom: -5px; background-color: #F06525;
                }

                    .page_nav a:hover:after{
                        width: 100%;
                    }

        .text_header:after{
            content:''; display: table; width: 60px; height: 5px; background-color: #f86f12; position: absolute; left: 50%; bottom: 100px; margin-left: -30px;
        }

    /* PEOPLE HOLDER */
    .people_content{
        width: 100%; background: #FFF; position: relative; overflow: hidden; height: 0;
    }

        /*.people_cols{*/
            /*-webkit-column-count: 3; !* Chrome, Safari, Opera *!*/
            /*-moz-column-count: 3; !* Firefox *!*/
            /*column-count: 3;*/
            /*-webkit-column-gap: 40px; !* Chrome, Safari, Opera *!*/
            /*-moz-column-gap: 40px; !* Firefox *!*/
            /*column-gap: 40px;*/
            /*width: 100%;*/
        /*}*/

        .close_people{
            position: absolute; top: 30px; right: 30px; color: #A3A3A3; padding-right: 22px; height: 25px; line-height: 25px; display: table;
            background-image: url(../images/close_2.jpg); background-repeat: no-repeat; background-position: right;
            cursor: pointer;
        }

        .people_cols .col_4{
            padding-left: 0;
        }

        .people_content_inner{
            width: 800px; margin: 0 auto; padding: 70px 0; display: table;
        }

            .people_content_inner h1{
                width: 100%; display: table; font-weight: 700; font-size: 50px; font-family: UniSansBold, 'sans-serif';
            }

                .people_content_inner h4{
                    width: 100%; display: table; font-weight: 100; font-size: 20px; font-family: UniSansBold, 'sans-serif'; padding-bottom: 15px;
                }

            .people_content_inner .people_sub{
                width: 100%; display: table; padding-bottom: 30px;
                font-family: UniSansthin, sans-serif; font-size: 20px; text-transform: uppercase;
            }

            .people_content_inner p{
                font-size: 20px; line-height: 26px; display: table; width: 100%; padding: 0 0 30px; margin: 0; color: #999999;
            }

            .people_content_inner p:last-child{
                padding-bottom: 0;
            }

    .people_holder{
        width: 100%; display: table; box-sizing: border-box;
    }
        .career_item{
            padding-top: 25% !important; background-color: #FFFFFF; display: table; background-position: center; background-size: cover; position: relative;
            
        }
        .people_item{
            padding-top: 25% !important; background-color: #FFFFFF; display: table; background-position: center; background-size: cover; position: relative;
            cursor: pointer;
        }

            .people_active:after{
                width: 40px; height: 40px; background: white;
                content:'';
                display: table;
                position: absolute; bottom: -20px; left: 50%; margin-left: -20px;
                -webkit-transform:rotate(-45deg);
                -ms-transform:rotate(-45deg);
                transform:rotate(-45deg);
                transform-origin: center center;
            }

        .people_inner{
            width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.3); position: absolute; background-position: center; background-size: cover;
            top:0; left: 0; opacity: 0; filter: alpha(opacity=00);
        }

            .people_item:hover{
                background-color: rgba(0,0,0, 0.8);
                background-blend-mode: luminosity;
            }

            .people_item:hover .people_inner{
                opacity: 1; filter: alpha(opacity=10);
            }

            .people_text{
                width: 100%; display: table; padding: 50px; box-sizing: border-box; text-align: center;
            }

                .people_text h1{
                    font-size: 25px; font-weight: 700; text-transform: uppercase; padding-bottom: 24px; color: #FFFFFF; position: relative;
                }

                    .people_text h1:after{
                        content:''; display: table; width: 40px; height: 3px; background-color: #f86f12; position: absolute; left: 50%; bottom: 12px; margin-left: -20px;
                    }

                .people_text span{
                    font-size: 18px; font-weight: 300; text-transform: uppercase; color: #FFFFFF;
                }

    .promotion_holder{
        width: 1150px; margin: 0 auto; box-sizing: border-box;
        padding: 135px 45px 135px 45px; text-align: center; color: #FFF;
    }

        .grey_row .promotion_holder h1,
        .grey_row .promotion_holder span{
            color: #999999;
        }


    .promotion_holder h1{
        padding: 0 0 10px; font-size: 25px; font-weight: 300; letter-spacing: 6px;
    }

    .promotion_holder span{
       font-family:roboto,sans-serif; font-size: 12px; font-weight: 300; color: #FFFFFF; line-height: 25px; display: table; padding-bottom: 20px; margin: 0 auto;
       letter-spacing:2px !important;
    }

    .footer_holder{
        width: 100%; box-sizing: border-box; padding: 35px 10px 55px 10px; background-color: #333333;
        color: #a0a5aa; letter-spacing: 0px; font-weight: 300;
    }

        .footer_copy{
           font-family:roboto,sans-serif; display: table; float: left;
              font-size: 10px; letter-spacing:2px !important;
        }

        .footer_thanks{
            float: right;     font-size: 10PX; letter-spacing:2px !important;
        }

    /* WORK HOLDER */
    .work_holder{
        width: 100%; display: table; box-sizing: border-box;
    }

        .work_item{
            padding-top: 24% !important; display: table; background-position: center; background-size: cover; position: relative;
        }

        .work_item:hover{
            background-color: rgba(255,215,0, 0.5);
            background-blend-mode: luminosity;
        }

        .work_inner{
            width: 100%; height: 100%; display: block; position: absolute; background-position: center; background-size: cover;
            top:0; left: 0; opacity: 0; filter: alpha(opacity=00); background: rgba(0,0,0,0.3);
        }

        .work_item:hover .work_inner{
            opacity: 1; filter: alpha(opacity=10);
        }

        .work_text{
            width: 100%; display: table; padding: 50px; box-sizing: border-box; text-align: center;
        }

        .work_text h1{
            font-size: 25px; font-weight: 700; text-transform: uppercase; padding-bottom: 24px; color: #FFFFFF; position: relative;
        }

        .work_text h1:after{
            content:''; display: table; width: 40px; height: 3px; background-color: #f86f12; position: absolute; left: 50%; bottom: 12px; margin-left: -20px;
        }

        .work_text span{
            font-size: 18px; font-weight: 300; text-transform: uppercase; color: #FFFFFF;
        }

    /* CAREERS HOLDER */
    .careers_holder{
        width: 100%; display: table; box-sizing: border-box;
    }

        .careers_item{
            padding-top: 30% !important; display: table; background-position: center; background-size: cover; position: relative;
            background-color: darkgrey;
            background-blend-mode: luminosity;
        }

        .careers_item:hover{
            background-color: transparent;
            background-blend-mode: luminosity;
        }

        .careers_inner{
            width: 100%; height: 100%; display: block; position: absolute; background-position: center; background-size: cover;
            top:0; left: 0; opacity: 1; filter: alpha(opacity=10); background: rgba(0,0,0,0.5);
        }

        .careers_item:hover .careers_inner{
            opacity: 1; filter: alpha(opacity=10);
        }

        .careers_text{
            width: 100%; display: table; padding: 50px; box-sizing: border-box; text-align: center;
        }

        .careers_text h1{
            font-size: 18px; font-weight: 300; text-transform: uppercase; color: #FFFFFF; padding-bottom: 24px;  position: relative;
        }

        .careers_text h1:after{
            content:''; display: table; width: 40px; height: 3px; background-color: #FFFFFF; position: absolute; left: 50%; bottom: 10px; margin-left: -20px;
        }

        .careers_text span{
            font-size: 25px; font-weight: 700; text-transform: uppercase; color: #FFFFFF;
        }

    .clients_holder{
        width: 100%; display: table; border: 1px solid #EEE; border-right: none; border-bottom: none;
    }

        .clients_item{
            padding-top: 25% !important; display: table; box-sizing: border-box; position: relative;
            border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; cursor: pointer;
        }

            .clients_inner{
                width: 100%; display: table; position: absolute; left: 0; height: 0; text-align: center;
                font-size: 35px; color: #999999;
            }

            .clients_item:hover{
                background-color: #EAEAEA; color: #FFF !important;
            }

            .clients_item:hover .clients_inner{
                color: #FFF;
            }

    .testimonial_holder{
        width: 100%; display: table;
    }

    .testimonial_item{
        padding-right: 90px !important; padding-bottom: 30px !important;
    }

        .heading_orange{
            font-weight: 100; color: #F06525; font-size: 20px; display: table; padding-bottom: 5px;
        }

        .heading_black_sub{
            font-weight: 500; color: #999; display: table; width: 100%;
        }

        .testimonial_item h3{
            padding-bottom: 5px !important;
            font-size: 20px  !important;
            font-family: UniSansthin, sans-serif; /*daniel testimonial font change*/
        }

    .row_contact_one{
        background-image: url(../images/9.jpg); background-position: center; background-size: cover;
    }

    .row_contact_two{
        background-image: url(../images/10.jpg); background-position: center; background-size: cover;
    }

        .row_contact_two .content_heading{
            color: #FFF;
        }

            .row_contact_two .content_heading:after{
                background-color: #FFF;
            }

        .contact_holder{
            width: 100%; display: table; padding-top: 150px; padding-bottom: 150px;
        }

        .owl_contact_slider{
            width: 100%;
            height: 300px;
            overflow: hidden;
            position: absolute;
            left: 0;
            top: 0;
        }

        .owl_contact_slider .owl-buttons .owl-prev{
            width: 50px; height: 50px; position: absolute; left: 30px; top: 50%; margin-top: -25px;
            background-image: url(../images/left_slide.png);
            background-position: center; background-repeat: no-repeat;
        }

        .owl_contact_slider .owl-buttons .owl-next{
            width: 50px; height: 50px; position: absolute; right: 30px; top: 50%; margin-top: -25px;
            background-image: url(../images/right_slide.png);
            background-position: center; background-repeat: no-repeat;
        }

            .contact_slide{
                width: 100%;
                height: 300px;
                background-position: center; background-size: cover;
            }

        .contact_holder .content_heading_vertical{
            position: relative; top: 0; -webkit-transform: translateY(-0); -ms-transform: translateY(-0); transform: translateY(-0);
        }

        .content_heading_vertical{
            width: 100%; display: table; text-align: center; color: #FFF;
        }

            .content_heading_vertical a {
                color: #FFF; letter-spacing: 2px; text-decoration: none;     font-size: 12px;
            }

            .content_heading_vertical p {
                color: #FFF; letter-spacing: 2px !important; text-decoration: none;     font-size: 12px !important;
            }

            .content_heading_vertical h1{
                color: #FFF; display: table; width: 100%; font-size: 30px; font-weight: 500; letter-spacing: 3px; text-align: center; margin-bottom: 40px; position: relative;
            }

                .content_heading_vertical h1:after{
                    content:''; display: table; width: 40px; height: 3px; background-color: #f86f12; position: absolute; left: 50%; bottom: -20px; margin-left: -20px;
                }

                #contact{
                    display: table; width: 100%; margin-top: 50px; margin-bottom: 30px;
                }

                #contact input,
                #contact textarea{
                    box-sizing: border-box; width: 100%; border: none !important; outline: none; font-size: 18px; font-weight: 300; font-family: UniSansRegular, sans-serif;
                    color: #999;
                }

                    #contact label{
                        display: table; width: 100%; padding-bottom: 5px; color: #FFF;
                    }

                    #contact input{
                        padding: 20px; margin-bottom: 20px;
                    }

                    #contact textarea{
                        height: 275px; padding: 20px;
                    }

                    .map_holder{
                        padding: 0 !important;
                        display: table;
                        width: 100%;
                    }

                    .map_holder > p{
                        display: table;
                        float: left;
                        box-sizing: border-box;
                        padding: 15px;
                        width: 50%;
                    }

.map_holder > .row{
    float: left;
}

/*  :::::::::::::::::::::::::::::::::::::::: */
/*  :::: NAVIGATION */
/*  :::::::::::::::::::::::::::::::::::::::: */

.style{}

/*  :::::::::::::::::::::::::::::::::::::::: */
/*  :::: MOBILE NAVIGATION */
/*  :::::::::::::::::::::::::::::::::::::::: */

.style{}

/*  :::::::::::::::::::::::::::::::::::::::: */
/*  :::: LOGO HOLDER */
/*  :::::::::::::::::::::::::::::::::::::::: */

.style{}

/*  :::::::::::::::::::::::::::::::::::::::: */
/*  :::: BUTTONS */
/*  :::::::::::::::::::::::::::::::::::::::: */

.button_white{
    box-sizing: border-box;
    border: 1px solid #FFF;
    padding: 15px 50px; text-transform: uppercase; font-size: 20px; display: table; margin: 0 auto;
    cursor: pointer; color: #FFF;
}

.button_grey{
    box-sizing: border-box;
    border: 1px solid #999; color: #999;
    padding: 15px 50px; text-transform: uppercase; font-size: 20px; display: table; margin: 0 auto;
    cursor: pointer;
}

/*  :::::::::::::::::::::::::::::::::::::::: */
/*  :::: FONTS */
/*  :::::::::::::::::::::::::::::::::::::::: */

h1,
h2,
h3,
h4,
h5,
h6{
    margin: 0;
    padding: 0;
    font-family: UniSansregular, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

p{
    padding:0 0 25px; margin:0; font-size:22px; color:#FFF; font-weight:300;
}

.content h1,
.content h2,
.content h5,
.content h6{
    padding:0 0 30px;
}

.content h3{
    padding:0 0 5px; 
}
.content h4{
    padding-bottom: 10px;
}


.content p{
    padding:0 0 30px;
    line-height:0px;
    font-size: 13px;
}

/*  :::::::::::::::::::::::::::::::::::::::: */
/*  :::: BUTTONS */
/*  :::::::::::::::::::::::::::::::::::::::: */


/*  :::::::::::::::::::::::::::::::::::::::: */
/*  :::: COLUMNS */
/*  :::::::::::::::::::::::::::::::::::::::: */

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_9,
.col_10,
.col_11,
.col_12{
    float:left;
    box-sizing:border-box;
    padding:0 15px;
}
.col_8{
    float:left;
    box-sizing:border-box;
    padding:5px 15px;
}
.col_12 {
    width: 100%;
}
.col_11 {
    width: 91.66666666666666%;
}
.col_10 {
    width: 83.33333333333334%;
}
.col_9 {
    width: 75%;
}
.col_8 {
    width: 66.66666666666666%;
}
.col_7 {
    width: 58.333333333333336%;
}
.col_6 {
    width: 50%;
}
.col_5 {
    width: 41.66666666666667%;
}
.col_4 {
    width: 33.33333333333333%;
}
.col_3 {
    width: 25%;
}
.col_2 {
    width: 16.666666666666664%;
}
.col_1 {
    width: 8.333333333333332%;
}

.owl_slider{
    width:1200px !important;
    display:block;
}

.owl-item .col_4{
    width:100%;
}

.down_arrow{
    width: 180px; height: 29px; position: absolute; left: 50%; bottom: 20px; margin-left: -90px;
    background-image: url(../images/down.png); z-index: 999; background-repeat: no-repeat; background-position: bottom center;
    background-size: auto 13px; cursor: pointer;
}

.carousel-switch .down_arrow{
    background-image: url(../images/down_black.png);
}

.slider-counter{
    color: #FFF;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 30px 30px 26px 30px;
}

.carousel-switch .slider-counter{
    color: #000000;
}

.carousel-switch .down_arrow span{
    color: #000000
}

    .down_arrow{
        font-weight: 700; text-align: center; color: #FFF; font-size: 12px; letter-spacing: 2px;
    }

    .down_arrow span{
        display: table; margin: -10px auto 0; text-transform: uppercase;
    }

/*  :::::::::::::::::::::::::::::::::::::::: */
/*  :::: MEDIA QUERIES */
/*  :::::::::::::::::::::::::::::::::::::::: */

.main_video{
    background-position: 2000px 2000px;
}

@media (max-width: 1024px) {

    .main_video{
        background-position: center; background-size: cover;
    }

    .main_video iframe{
        display: none;
    }

    .main_image_nav, .main_slide_nav{
        padding: 0 5px;
    }

    .main_image_para_inner .main_logo img{
        margin: 0 auto; max-height: 70px;
    }

    .menu_wrap{
        padding-right: 34px;
    }

    .people_content_inner{
        width: 100%; box-sizing: border-box; padding-left:40px; padding-right:40px;
    }

        .people_content_inner h1{
            font-size: 20px; line-height: normal;
        }

    .text_header{
        padding-top: 130px;
    }


        .main_image_para_inner_title{
            font-size: 25px;
        }

        .slide_sub{
            font-size: 12px; letter-spacing: 2px;
        }

    .navigation_main ul li a{
        padding-top: 7px; padding-bottom: 3px; padding-right: 0;
    }

    .navigation_main ul li a{
        font-size: 30px;
    }

    .navigation_main ul li a:before{
        display: none !important;
    }

    .work_quote{
        display: none;
    }

        .people_cols div{
            width: 100%; margin-bottom: 30px;
        }

            .people_cols div:last-child{
                margin-bottom: 0;
            }

    .clients_item{
        width: 100%; height: 200px; border: none;
    }

    .home .main_image_para_inner{
        height: auto; display: table;
    }

    .home .main_image_para_inner_title{
        font-size: 16px !important;
    }

    .main_image_nav{
        position: absolute;
        left:0; bottom:75px; top: auto;
        padding: 0 35px;
    }

    .main_image_nav a{
        color: #f86f12;
    }

    .home .main_image_para{
        /*background-image: url(../images/bg.jpg) !important;*/
    }

    .thumbs_item{
        width: 300px; margin: 0 auto; float: none;
    }

    .navigation_main ul{
        padding-right: 0; top: 40%;
    }

    .main_image_para_inner{
        width: 60%;
    }

    .careers_item{
        width: 100%; padding-top: 50% !important;
    }

    .work_item{
        width: 100%; padding-top: 100% !important;
    }

    .contact_holder .col_4{
        height: 200px;
    }

    #contact .col_6{
        width: 100%;
    }

    .people_item{
        padding-top: 100% !important; width: 100%;
    }

    .container,
    .content, /*(800px)*/
    .container .content{
        width: 100%;
    }

    .promotion_holder{
        width: 100%; padding: 30px;
    }

    .container .col_4,
    .container .col_8{
        width: 100%;
    }

    .content{
        padding: 30px 0 30px;
    }

    .testimonial_item{
        width: 100%; padding-right: 15px !important;
    }

    .footer_holder{
        padding-top: 30px; padding-bottom: 30px; display: table;
    }

    .footer_holder div{
        display: table; width: 100%; text-align: center; padding-bottom: 15px;
    }

}

@media (min-width: 768px) and (max-width: 1080px) {

    .style{}

}

@media (min-width: 1200px) {
    .style{}

    .main_image_para_inner .main_logo img{
        margin: 0 auto; max-height: 140px;
    }.
}

.work-grid{
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    opacity: 0.9;
    cursor: pointer;
}

.work-grid .thumb-overlay{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    animation-name: highlightThumbOff;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.work-grid .thumb-overlay:hover{
    animation-name: highlightThumb;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes highlightThumb {
    from { background-color: rgba(0,0,0,0.6);}
    to { background-color: rgba(0,0,0,0.1);}
}
@keyframes highlightThumbOff {
    from { background-color: rgba(0,0,0,0.1);}
    to { background-color: rgba(0,0,0,0.6);}
}

@media (max-width: 767px) {
    .work-grid{
        display: none !important;
    }
}

@media(min-width: 768px){
    .work-grid.grid-2 {
        height: 100%;
        width: calc(100% / 2);
    }
    .work-grid.grid-4 {
        height: calc(100% / 2);
        width: calc(100% / 2);
    }
    .work-grid.grid-6 {
        height: calc(100% / 2);
        width: calc(100% / 3);
    }
    .work-grid.grid-8 {
        height: calc(100% / 2);
        width: calc(100% / 4);
    }

    .work-grid.grid-12 {
        height: calc(100% / 3);
        width: calc(100% / 4);
    }
    .work-grid.grid-15 {
        height: calc(100% / 3);
        width: calc(100% / 5);
    }
    .work-grid.grid-16 {
        height: calc(100% / 4);
        width: calc(100% / 4);
    }
    .work-grid.grid-18 {
        height: calc(100% / 3);
        width: calc(100% / 6);
    }
    .work-grid.grid-24 {
        height: calc(100% / 4);
        width: calc(100% / 6);
    }
    .work-grid.grid-25 {
        height: calc(100% / 5);
        width: calc(100% / 5);
    }
    .work-grid.grid-28 {
        height: calc(100% / 4);
        width: calc(100% / 7);
    }
    .work-grid.grid-30 {
        height: calc(100% / 5);
        width: calc(100% / 6);
    }
    .work-grid.grid-32 {
        height: calc(100% / 4);
        width: calc(100% / 8);
    }
    .work-grid.grid-33 {
        height: calc(100% / 3);
        width: calc(100% / 11);
    }
    .work-grid.grid-35 {
        height: calc(100% / 5);
        width: calc(100% / 7);
    }
    .work-grid.grid-36 {
        height: calc(100% / 6);
        width: calc(100% / 6);
    }
    .work-grid.grid-40 {
        height: calc(100% / 5);
        width: calc(100% / 8);
    }
    .work-grid.grid-42 {
        height: calc(100% / 6);
        width: calc(100% / 7);
    }
    .work-grid.grid-44 {
        height: calc(100% / 4);
        width: calc(100% / 11);
    }
    .work-grid.grid-45 {
        height: calc(100% / 5);
        width: calc(100% / 9);
    }
    .work-grid.grid-48 {
        height: calc(100% / 6);
        width: calc(100% / 8);
    }
    .work-grid.grid-49 {
        height: calc(100% / 7);
        width: calc(100% / 7);
    }
    .work-grid.grid-50 {
        height: calc(100% / 5);
        width: calc(100% / 10);
    }
    .work-grid.grid-60 {
        height: calc(100% / 6);
        width: calc(100% / 10);
    }
}

@media (min-width: 768px) {
    .menu.macos li a {
        padding: 6px 15px 1px !important;
    }
}

 .logo_title{
        
        color: white;
        font-family: 'Roboto', sans-serif;
        font-size: 17px;
        font-weight: 300;
        letter-spacing: 5px;
        }