/*
Theme Name: Reflex
Theme URI: http://www.madeinebor.com
Version: 1.0.9
Description: Reflex - A Multipurpose, Responsive WordPress Theme.
Author: Tom Rhodes
Author URI: http://www.madeinebor.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: white, custom-background, threaded-comments, translation-ready, custom-menu
*/

/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HEADER, INTRO & NAVIGATION */
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/* 04 - PAGES & SECTIONS SETUP*/
/* 05 - FOOTER*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body{
    font-family: 'Open Sans', sans-serif; font-weight:300;
    overflow-x:hidden; 
}
html {
	overflow-x: hidden;
}
a, a:hover, a:focus{
    text-decoration: none;
}
a:focus { 
        outline: none; 
}
.ease{
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}
.ease:hover{
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}
.text-center > .img-responsive{
    display: block;
    display: inline-block;
}
p {
    color: #686868;
    font-family: 'Raleway',sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
}
h1,h2,h3,h4,h5,h6{
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
}
#content{
}
.container{
        width: 100%;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
}
.no-parallax{
    background-attachment: scroll !important;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HEADER & NAVIGATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.main-nav  {
    width: 100%;
    height: 100%;
     position: fixed;
     z-index: 100;

    -moz-box-shadow: 10px 1px 4px #000000;
    -webkit-box-shadow: 10px 1px 4px #000000;
    box-shadow: 10px 1px 4px #000000;
}
.nav-bg{
    height: 100%;
    background: url('images/nav-bg.jpg') no-repeat center center; 
    background-size: cover;
}
.main-nav-menu{
    list-style: none;
    padding: 0;
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.main-nav-menu li{
     padding: 0;
}
.main-nav-menu > li > a {
     font-family:  "Raleway",  Arial,  Helvetica,  sans-serif;
     font-weight: 200;
     font-size: 16px;
     line-height: 16px;
     letter-spacing: 8px;
     text-decoration: none;
     text-transform: uppercase;
    -webkit-transition: all .8s linear;
       -moz-transition: all .8s linear;
        -ms-transition: all .8s linear;
         -o-transition: all .8s linear;
            transition: all .8s linear;
}
.main-nav-menu > li > a:hover{
    -webkit-transition: all .8s linear;
       -moz-transition: all .8s linear;
        -ms-transition: all .8s linear;
         -o-transition: all .8s linear;
            transition: all .8s linear;
}
.main-nav-menu > li > ul {
    display: none;
    padding: 20px 0 15px 0;
}
.main-nav-menu > li > ul a {
     font-family:  "Raleway",  Arial,  Helvetica,  sans-serif;
     font-weight: 200;
     font-size: 12px;
     line-height: 20px;
     letter-spacing: 4px;
     text-decoration: none;
     text-transform: uppercase;
}
.main-nav-menu > li > ul a:after{
    content: ' / ';
    margin-left: 3px;
    margin-right: 3px;
}
.main-nav-menu > li > ul > li:last-child > a:after{
    display: none;
}
.main-nav-menu > li > ul > li {
	display: inline-block;
}




.social-wrap{
    list-style: none;
    padding: 0;
    margin-top: 70px;
}
.social-wrap li{
    display: inline-block;
    margin: 0 4px;
}
.social-wrap li a{
    width: 28px;
    color: #1c1c1e;
    background: #4c4c4c;
    border-radius: 14px;
    height: 28px;
    line-height: 26px;
    display: block;
    font-size: 18px;
    text-align: center;
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}
.social-wrap li a:hover{
	background: #fff;
}
.credits p{
    margin-top: 10px;
    font-size: 12px;
    line-height: 19px;
}
.info-button{
    position: fixed;
    bottom: 4px;
    right: 10px;
    z-index: 9999;
}
.info-button > a{
    opacity: 0.3;
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}
.info-button > a:hover{
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}

/*Common Spacing and Padding*/

.page-section{
}
.separator-section{
    padding: 100px 0;
}
.add-top{
    margin-top: 120px;
}
.add-bottom{
    margin-bottom: 120px;
}
.add-top-half{
    margin-top: 60px;
}
.add-bottom-half{
    margin-bottom: 60px;
}
.add-top-quarter{
    margin-top: 30px;
}
.pad-top{
    padding-top: 100px;
}
.pad-bottom{
    padding-bottom: 100px;
}
.pad-top-half{
    padding-top: 60px;
}
.pad-bottom-half{
    padding-bottom: 60px;
}
.pad{
    padding-left: 20px;
    padding-right: 20px;
}
.pad-common{
    padding: 100px;
}
.remove-top{
    margin-top: 0;
}
.remove-bottom{
    margin-bottom: 0;
}
.remove-bottom{
    margin-bottom: 0;
}
.remove-pad-top{
    padding-top: 0;
}
.remove-pad-bottom{
    padding-bottom: 0;
}

.mob-center > .img-responsive{
    display: inline-block;
}
.no-gutter{
   padding: 0px !important;
}
.valign{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.absolute-overlay{
    position: absolute;
    top: 0;
    left: 0;
}
.sticky-foot{
    max-height: 62px;
}
.fullwidth-forced{
    width: 100% !important;
    margin-left: 0 !important;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.inner-pad{
    padding: 120px;
}
.hero-heading{
    font-size: 124px;
    line-height: 136px;
    font-family:  "Raleway",  Arial,  Helvetica,  sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 8px;
}
.main-heading{
    font-size: 22px;
    line-height: 29px;
    font-family:  "Raleway", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-bottom: 30px;
}
.sub-heading,
#reply-title{
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 8px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.inner-heading{
    margin-top: 20px;
}
.inner-heading > span{
    font-size: 12px;
    line-height: 22px;
    font-family:  "Raleway", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.page-head h1 > span{
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 8px;
    line-height: 41px;
    padding: 7px 7px 7px 15px;
    text-transform: uppercase;
}
.page-head p{
    margin-top: 30px;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 8px;
    text-transform: uppercase;
}

/*Buttons*/
.btn-reflex,
input[type="submit"]{
    border-radius: 0px;
    text-decoration: none;
    padding: 12px 18px;
    font-size: 12px;
    line-height: 19px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif; font-weight:400;
    letter-spacing: 3px;
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}
.btn-reflex-big{
    border-radius: 0px;
    text-decoration: none;
    padding: 18px 24px;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif; font-weight:400;
    letter-spacing: 3px;
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}
.btn-reflex:hover,
input[type="submit"]:hover{
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}
.btn-reflex-white{
    border:solid 1px #fff;
    background: transparent;
    color: #fff !important;
}
.btn-reflex-white:hover{
    border:solid 1px #fff;
    background: #fff;
    color: #4c4c4c !important;
}

.btn-reflex-dark,
input[type="submit"]{
    border:solid 1px #4c4c4c;
    background: transparent;
    color: #4c4c4c;
}
.btn-reflex-dark:hover,
input[type="submit"]:hover,
.btn-reflex-dark.active{
    border:solid 1px #4c4c4c;
    background: #4c4c4c;
    color: #fff;
}

.btn-reflex-color{
    background: transparent;
}
.btn-reflex-color:hover{
    color: #fff;
}


/*TOP HEADER*/
.top-header{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101;
    min-height: 60px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.top-header-left, .top-header-right{
    padding: 20px 0 17px 0;
}
.top-header h3{
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 8px;
    line-height: 24px;
    text-transform: uppercase;
}

/*MASTER FOOTER*/
.master-footer-left, .master-footer-right{
    padding: 100px;
}

/*PAGE HEADER*/
.page-head{
    margin-top: 60px;
}
.page-head-bg{
    background: url('images/nav-bg.jpg') no-repeat center center; 
    background-size: cover;
}


/*------------------------------------------------------------------*/
/* 04 - MAIN PAGES & SECTIONS */
/*-------------------------------------------------------------------*/


/*HOME - Slider Revolution*/

.tp-leftarrow{
    left: 140px !important;
}
.tp-bullets{
    left: 55% !important;
}
.absolute-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
}
.sr-caps h1{
    font-family: 'Montserrat', sans-serif; font-weight:700;
    text-transform: uppercase;
    font-size: 200px;
    line-height: 207px;
}

.sr-caps h5{
    margin-top: 20px;
    letter-spacing: 1px;
    font-family: 'Raleway', sans-serif; font-weight:300;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 31px;
}

.sr-caps h5 > span{
    padding: 15px;
    font-size: 20px;
    line-height: 27px;
    border:solid 2px #fff;
}
.sr-caps  h2{
    font-size: 84px;
    line-height: 91px;
    margin-top: 20px;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif; font-weight:400;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.sr-caps h6.minimal > span{
    padding: 20px;
}
.sr-caps h6.minimal.dark > span{
    border:solid 2px #2D2D2D;
}
.sr-caps h6.minimal.white > span{
    border:solid 2px #fff;
}
.sr-caps h6.minimal{
    margin-top: 20px;
    letter-spacing: 1px;
    font-family: 'Raleway', sans-serif; font-weight:300;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 39px;
}
.sr-caps h6{
    margin-top: 20px;
    letter-spacing: 1px;
    font-family: 'Raleway', sans-serif; font-weight:300;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 39px;
}
.sr-caps h6.dark > span{
    border-top:solid 2px #2D2D2D;
}
.sr-caps h6.white > span{
    border-top:solid 2px #fff;
}
.sr-caps h6 > span{
    padding-top: 20px;
}


/*WORKS MASONRY*/
.works-grid{
            width: 100%; 
            position: relative;
            font-size: 25px;
            font-family: 'Helvetica';
            color: #eaeaea;
        }
        .works-grid .box {
            float: left;
            position: relative;
            text-align: center;
        }
       .works-grid .box a{
            opacity: 0;
            display: block;
            width: 100%;
            height: 100%;
            padding: 10px;
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
        }
        .works-grid .box a:hover{
            opacity:1;
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
        }
        .works-grid .box h3{ 
            font-family: "Raleway",Arial,Helvetica,sans-serif;
            font-size: 20px;
            font-weight: 300;
            letter-spacing: 8px;
            line-height: 27px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        .works-grid .box p > span{  
            font-family: "Montserrat",Arial,Helvetica,sans-serif;
            font-size: 10px;
            font-weight: 300;
            letter-spacing: 8px;
            line-height: 20px;
            padding: 7px;
            padding-left: 15px;
            text-transform: uppercase;
        }
        .boxup{

        }
        #fillers{
            display: none;
        }
        .fillerBox {
            float: left;
            position: relative;
        }
.novamason{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.works-filter{
    list-style: none;
    padding: 0;
    margin-top: 30px;
}
.works-filter li{
    display: inline-block;
    -webkit-transition: all .8s ease-in-out;
       -moz-transition: all .8s ease-in-out;
        -ms-transition: all .8s ease-in-out;
         -o-transition: all .8s ease-in-out;
            transition: all .8s ease-in-out;
}
.works-filter li a > span{
    font-family: "Raleway",sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 8px;
    line-height: 22px;
    text-transform: uppercase;
    padding: 5px;
}
.works-filter li:hover{
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: all .8s ease-in-out;
       -moz-transition: all .8s ease-in-out;
        -ms-transition: all .8s ease-in-out;
         -o-transition: all .8s ease-in-out;
            transition: all .8s ease-in-out;
}
.works-filter li:after{
    content: "/";
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 200;
    line-height: 23px;
    margin-left: 10px;
    margin-right: 10px;
}
.works-filter li a.active > span{
    background: #fff;
    color: #000;
    padding-left: 16px;
}
.works-filter li:last-child:after{
    display: none;
}
.novamason{
    opacity: 1;
    -webkit-transition: all .8s ease-in-out;
       -moz-transition: all .8s ease-in-out;
        -ms-transition: all .8s ease-in-out;
         -o-transition: all .8s ease-in-out;
            transition: all .8s ease-in-out;
}
.fade-out{
    opacity: 0.1 !important;
    -webkit-transition: all .8s ease-in-out;
       -moz-transition: all .8s ease-in-out;
        -ms-transition: all .8s ease-in-out;
         -o-transition: all .8s ease-in-out;
            transition: all .8s ease-in-out;
}
.fade-out > a{
    display: none;
}



/*AGENCY*/

.about-bg{
    height: 100%;
    background: url('images/about/bg.jpg') no-repeat center center; 
    background-size: cover;
}
.service-item{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.service-item a{
    display: block;
}
.testimonial-wrap > img{
    border-radius: 50%;
}
.testimonial-wrap > h6 {
    font-family: 'Raleway',sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 4px;
    line-height: 19px;
    margin: 20px 0;
    text-transform: uppercase;
}
.testimonial-wrap > p {
    margin-top: 20px;
}
.service-details-switcher{
    list-style: none;
    padding: 0;
}
.service-details{
    display: none;
}

.service-details:first-child{
    display: block;
}
.service-item{
    padding: 50px 0 !important;
}
.service-carousel-item{
    padding: 100px 0;
}

.service-carousel-item > .triangle-arrow-up{
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #1c1c1e transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
}
.active-service{
    display: block !important;
}
.team-info,
.team-thumb.no-gutter {
    padding: 60px !important;
}
.team-social{
    border-top: solid 1px #1c1c1e;
    width: 50%;
    margin: 20px auto 0;
    display: block;
    padding-top: 20px;
}
.team-social > span{
    display: inline-block;
}
.team-social a {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	color: #fff;
	background: #1c1c1e;
	display: block;
	font-size: 18px;
	line-height: 29px;
    -webkit-transition: all .4s linear;
       -moz-transition: all .4s linear;
        -ms-transition: all .4s linear;
         -o-transition: all .4s linear;
            transition: all .4s linear;
}
.team-social a:hover {
	opacity: 0.3;
	color: #fff;
	background: #1c1c1e;
}


.team-info > .triangle-arrow-right{
    width: 0;
height: 0;
border-style: solid;
border-width: 15px 26.0px 15px 0;
border-color: transparent #fff transparent transparent;
position: absolute;
    bottom: 0;
    left: -26px;
    top: 50%;
    margin-top: -15px;
}
.team-info > .triangle-arrow-left{
    width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 26.0px;
border-color: transparent transparent transparent #fff;
position: absolute;
    bottom: 0;
    right: -26px;
    top: 50%;
    margin-top: -15px;
}
.triangle-arrow{
    z-index: 50;
}
.team-info h6{
    margin-bottom: 20px;
}
.team-info h6 > span{
    padding: 6px;
    border: solid 1px;
    font-size: 10px;
    line-height: 17px;
}


/* NEWS*/
.news-container{
    padding: 0;
}
.news-item {
  margin: 0;
}
.news-item-one-third {
    width: 33.3% !important;
}
.news-item-one-half {
    width: 49.9% !important;
}
.news-item-two-third {
    width: 66.6% !important;
}

 .news-image{
    padding: 0;
 }
 .news-item-inner{
    padding: 60px;
 }
        .news-item h1{ 
            font-family: "Raleway",Arial,Helvetica,sans-serif;
            font-size: 24px;
            font-weight: 300;
            letter-spacing: 6px;
            line-height: 32px;
            text-transform: uppercase;
            margin-top: 20px;
            margin-bottom: 10px;
        }
        .news-item h3{ 
            font-family: "Raleway",Arial,Helvetica,sans-serif;
            font-size: 14px;
            font-weight: 300;
            letter-spacing: 4px;
            line-height: 21px;
            text-transform: uppercase;
            margin-top: 20px;
            margin-bottom: 10px;
        }
        .news-item p > span{  
            font-family: "Montserrat",Arial,Helvetica,sans-serif;
            font-size: 10px;
            font-weight: 300;
            letter-spacing: 8px;
            line-height: 20px;
            padding: 7px;
            padding-left: 15px;
            text-transform: uppercase;
        }



/* WORKS*/
.works-container{
    padding: 0;
}
.works-item {
  margin: 0 !important;
  padding: 0 !important;
  width: 33.3% !important;
  background-color: #121212;
}
       .works-item a{
            opacity: 0;
            display: block;
            width: 100%;
            height: 100%;
            padding: 10px;
            position: absolute;
            top: 0;
            z-index: 100;
            text-align: center;
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
        }
        .works-item a:hover{
            opacity:1;
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
        }
        .info a:hover{
            cursor: url("images/plus.png") 40 40, crosshair;
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
        }
        .zoom a:hover{
            cursor: url("images/zoom.png") 40 40, crosshair;
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
        }
        .works-item-inner{
            text-align: center;
        }
        .works-item-inner h3{ 
            font-size: 16px;
            font-weight: 300;
            letter-spacing: 4px;
            line-height: 23px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        .works-item-inner p > span{  
            font-size: 18px;
            font-weight: 200;
            line-height: 25px;
            padding: 7px;
            font-style: italic;
        }
        

/*CLIENTS*/
.clients-container{
    padding: 100px;
}
.client-logo{
}
.client-logo-inner{
    opacity: 0.3;
    border-right:solid 2px #ccc;
    border-bottom:solid 2px #ccc;
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}
.client-logo-inner:hover{
    opacity: 1;
    border-right:solid 2px #eee;
    border-bottom:solid 2px #eee;
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}

.client-logo:last-child .client-logo-inner{
    border-right:none;
}
.client-logo-row:last-child .client-logo-inner{
    border-bottom:none;
}



/*AWARDS*/
.awards-container{
    padding: 100px;
}
.awards-item{
    border-right: solid 1px #ccc;
    padding: 60px;
    opacity: 0.5;
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}
.awards-item:hover{
    opacity: 1;
    border-right: solid 1px #eee;
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}
.owl-item:last-child .awards-item{
    border-right: none;
}
.awards-item h3{
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.awards-item h1{
    margin-top: 0px;
}
.awards-item h1 > span{
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 31px;
    text-transform: uppercase;
    border-top: solid 1px #000;
    padding-top: 10px;
}

/*SINGLE-PROJECT*/
.single-project-content-inner{
    padding: 80px 40px;
}
.single-project-slider-wrap{
    margin-bottom: 30px;
}
.single-project-block a > .zoom-icon-wrap{
    position: absolute;
    background:  url('images/zoom.png') center center no-repeat;
    top: 0;
    width:  92%;
    height: 100%;
}

.zoom-icon-wrap{
    opacity: 0;
}
.single-project-block a:hover > img{
    opacity: 0.2;
}
.single-project-block a:hover > .zoom-icon-wrap{
    opacity: 1;
}

/*CONTACT*/
.contact-container{
}

.contact{
}
.contact-form{
    display: none;
}
/*contact form*/

.email-wrap{
    padding-top: 20px;
}
.contact-mail{
    font-size: 18px;
    line-height: 25px;
    font-family: 'Open Sans', sans-serif; font-weight:300;
    color: #fff;
}
.contact-form-wrap{
    display: none;
    padding-top: 30px;
}
.contact-item{
    padding: 0px;
}
.address-heading{
    padding: 0px;
    margin-bottom: 0;
    font-family: 'Raleway',sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 6px;
    line-height: 21px;
    text-transform: uppercase;
}
.email-heading{
    font-family: 'Montserrat',sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 27px;
    margin-bottom: 0;
    padding: 0;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    color: #444 !important;
    font-family: 'Raleway',sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 25px !important;
    height: 50px !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
    width: 100%;
    -webkit-transition: all .8s linear;
       -moz-transition: all .8s linear;
        -ms-transition: all .8s linear;
         -o-transition: all .8s linear;
            transition: all .8s linear;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus, textarea:focus {
    border-bottom: none !important;
    color: #444 !important;
    background: #f2f2f2 !important;
    -webkit-transition: all .8s linear;
       -moz-transition: all .8s linear;
        -ms-transition: all .8s linear;
         -o-transition: all .8s linear;
            transition: all .8s linear;
}
textarea {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    color: #444 !important;
    font-family: 'Raleway',sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 25px !important;
    margin-top: 0;
    padding: 10px !important;
    resize: none;
    width: 100%;
    -webkit-transition: all .8s linear;
       -moz-transition: all .8s linear;
        -ms-transition: all .8s linear;
         -o-transition: all .8s linear;
            transition: all .8s linear;
}
input.send_message {
    background: none repeat scroll 0 0 #EF4A4A;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    width: 120px;
}
input.send_message:hover {
    background: none repeat scroll 0 0 #262932;
}
fieldset {
    border: 0 none;
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
}
fieldset h1 {
    color: #000000;
    font-size: 24px;
}
.contact-label-box {
    color: #222;
    font-family: 'Open Sans', sans-serif; font-weight:300;
    font-size: 24px;
    line-height: 31px;
    padding: 30px 20px;
    text-align: center;
}
.contact-label-box > span {
    display: block;
    margin-right: 10px;
}
.contact-label-box > span > img {
    height: 60px;
    width: 60px;
}
.contact-label-box a:hover {
    color: #CCCCCC;
    text-decoration: none;
}
.contact .alert{
    box-shadow: none;
    border:none;
    border-radius: 0;
    text-shadow:none;
    font-size: 12px;
    line-height: 19px;
        font-family: 'Open Sans', sans-serif; font-weight:300;
    margin-bottom:10px;
    padding:10px;
    background:#000;
    color: #fff;
    text-align: left;
}
.btn-wrap{
    margin-top: 60px;
}
.space-left{
    margin-left: 1%;
}


.alert{
    margin-top: 0px;
    border-radius: 0px;
    padding: 0px;
    -webkit-transition: all .8s linear;
       -moz-transition: all .8s linear;
        -ms-transition: all .8s linear;
         -o-transition: all .8s linear;
            transition: all .8s linear;
}

.alert > p{
    padding: 5px;
    text-shadow:none;
    font-size: 14px;
    line-height: 21px;
        font-family: 'Open Sans', sans-serif; font-weight:300;
}


/*NEWS POST*/
.news-post-content .news-post-img{
    margin-bottom: 40px;
}
.news-post-inner h2{
    font-size: 36px;
    line-height: 48px;
    font-family:  "Raleway", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;

}
/*ERROR PAGE*/
.error-content-inner h2{
    font-size: 72px;
    line-height: 86px;
    font-family:  "Raleway", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;

}

/*FOOTER*/
.master-footer h3,
aside h3{
    font-size: 22px;
    line-height: 29px;
    font-family:  "Raleway", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-bottom: 30px;
}
.footer-column{
    padding: 100px;
}
footer ul, 
aside ul{
    list-style: none;
    padding: 0;
}
footer ul li > a,
aside ul li > a{
    margin: 5px 0;
    border-bottom: solid 1px #ccc;
}
footer ul li > a,
aside ul li > a{
    display: block;
    font-family: "Raleway",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 8px;
    line-height: 12px;
    text-transform: uppercase;
    padding: 10px 0;
    -webkit-transition: all .8s linear;
       -moz-transition: all .8s linear;
        -ms-transition: all .8s linear;
         -o-transition: all .8s linear;
            transition: all .8s linear;
}

footer ul li > a:hover,
aside ul li > a:hover{
    opacity: 0.5;
    -webkit-transition: all .8s linear;
       -moz-transition: all .8s linear;
        -ms-transition: all .8s linear;
         -o-transition: all .8s linear;
            transition: all .8s linear;
}

.twitter-handle{
    font-size: 24px;
    line-height: 31px;
    font-family:  "Open Sans", sans-serif;
    font-weight: 600;
}
.copyright-text{
    margin-top: 15px;
    font-size: 12px;
}
/*-----------------------------------------------------------------------------------*/
/*	PACE STYLES
/*-----------------------------------------------------------------------------------*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-running .pace{
  overflow-y:hidden;
}
.pace-running .mast-wrap{
  opacity: 0;
}
.pace-done .mast-wrap{
  opacity: 1;
}

.pace-done .pace{
  display: none;
}
/*-----------------------------------------------------------------------------------*/
/*	ISOTOPE STYLES
/*-----------------------------------------------------------------------------------*/
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/*INNER PARALLAX SECTIONS (Except Intro Parallax)*/

.no-parallax{
	background-attachment: scroll !important;
}

.bg-cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:  center center;
}
.bg-cover.mobile {
	background-attachment: scroll;
}
.bg-cover.showcase-alt-left {
	background-position: left center;
}
.bg-cover.showcase-alt-right {
	background-position: right center;
}
.mobile-nav{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.menu-collapser {
    position: relative;
    background-color: #1C1C1E;
    color: #FFF;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0 18px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button {
    position: absolute;
    right: 8px;
    top: 50%;
    width: 40px;
    background-repeat: repeat-x;
    color: #FFFFFF;
    padding: 7px 10px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;

    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button:hover, .collapse-button:focus {
    background-image: none;
    background-color: #040404;
    color: #FFF;
}
.collapse-button .icon-bar {
    background-color: #F5F5F5;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
}
/*-----------------------------------------------------------------------------------*/
/*	SIMMENU
/*-----------------------------------------------------------------------------------*/
ul.slimmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.slimmenu li {
    position: relative;
    display: inline-block;
    background-color: #212121;
}
ul.slimmenu > li { margin-right: -5px; }
ul.slimmenu > li:first-child { border-left: 0 }
ul.slimmenu > li:last-child { margin-right: 0 }
ul.slimmenu li a {
    display: block;
    color: #eee;
    padding: 12px 64px 12px 16px;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    line-height: 17px;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: none;
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
}
ul.slimmenu li a > i{
    display: none !important;
}
ul.slimmenu li:hover {
    background-color: #000;
    text-decoration: none;
}
ul.slimmenu li ul {
    margin: 0;
    list-style-type: none;
}
ul.slimmenu li ul li { background-color: #292929; padding-left: 20px; }
ul.slimmenu li > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 100%;
}
ul.slimmenu li > ul > li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    width: 100%;
}

ul.slimmenu.collapsed li {
    display: block;
    width: 100%;

    border-bottom: 1px solid rgba(0, 0, 0, 0.8);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
ul.slimmenu.collapsed li a {
    display: block;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
ul.slimmenu.collapsed li .sub-collapser {
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    padding: 10px 25px;
    cursor: pointer;
    font-style: normal;
}
ul.slimmenu.collapsed li .sub-collapser i {
	font-style: normal;
	font-size: 10px;
}
ul.slimmenu.collapsed li > ul {
    display: none;
    position: static;
    padding: 0;
    list-style: none;
}
/*-----------------------------------------------------------------------------------*/
/*	MENU TRANSITION
/*-----------------------------------------------------------------------------------*/
.main-nav-menu > li > a {
	position: relative;
	display: inline-block;
	margin: 5px 25px;
	outline: none;
	text-decoration: none;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
}
.main-nav-menu > li > a:hover,
.main-nav-menu > li > a:focus {
	outline: none;
}
.main-nav-menu > li > a {
	padding: 10px;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.main-nav-menu > li > a::before,
.main-nav-menu > li > a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	transform: translateY(-15px);
}
.main-nav-menu > li > a::before {
	top: 0;
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	transform: translateY(-15px);
}
.main-nav-menu > li > a::after {
	bottom: 0;
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	transform: translateY(15px);
}
.main-nav-menu > li > a:hover,
.main-nav-menu > li > a:focus {
	color: #fff;
}
.main-nav-menu > li > a:hover::before,
.main-nav-menu > li > a:focus::before,
.main-nav-menu > li > a:hover::after,
.main-nav-menu > li > a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
/*-----------------------------------------------------------------------------------*/
/*	HIDING NAV
/*-----------------------------------------------------------------------------------*/
.main-nav{
	left: -5000px;
}
.main-nav.ebor-header-right {
	left: auto;
	right: -5000px;
}
.main-nav.ebor-header-fade {
	left: auto;
	opacity: 0;
	display: none !important;
}
.main-nav.ebor-header-fade.visible {
	display: block !important;
}
.toggle-menu-wrap{
	position: absolute;
	bottom: 1px;
	left: 0;
	padding: 15px;
	z-index: 999;
}
/*Toggle Menu*/
#toggle-menu {
    display: block;
    width: 15px;
    height: 15px;
    padding: 20px;
    cursor: pointer;
}
.toggle-menu-default-state{
    display: none;
}
.toggle-menu-hidden{
    display: none;
}
.toggle-menu-visible{
    display: block;
}
#toggle-menu div {
    width: 30px;
    height: 15px;
    position: relative;
}
#toggle-menu span {
    display: block;
    width: 30px;
    height: 3px;
    background: black;
    position: absolute;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
#toggle-menu span.top {
    top: 0px;
}
#toggle-menu span.middle {
    top: 6px;
}
#toggle-menu span.bottom {
    top: 12px;
}
#toggle-menu.toggle-menu-visible span.top {
    -webkit-animation: inTop 0.8s forwards;
    -moz-animation: inTop 0.8s forwards;
    animation: inTop 0.8s forwards;
}
#toggle-menu.toggle-menu-visible span.middle {
    -webkit-animation: inMiddle 0.8s forwards;
    -moz-animation: inMiddle 0.8s forwards;
    animation: inMiddle 0.8s forwards;
}
#toggle-menu.toggle-menu-visible span.bottom {
    -webkit-animation: inBottom 0.8s forwards;
    -moz-animation: inBottom 0.8s forwards;
    animation: inBottom 0.8s forwards;
}   
#toggle-menu.toggle-menu-hidden span.top {
    -webkit-animation: outTop 0.8s backwards;
    -webkit-animation-direction: reverse;
    -moz-animation: outTop 0.8s backwards;
    -moz-animation-direction: reverse;
    animation: outTop 0.8s backwards;
    animation-direction: reverse;
}
#toggle-menu.toggle-menu-hidden span.middle {
    -webkit-animation: outMiddle 0.8s backwards;
    -webkit-animation-direction: reverse;
    -moz-animation: outMiddle 0.8s backwards;
    -moz-animation-direction: reverse;
    animation: outMiddle 0.8s backwards;
    animation-direction: reverse;
}
#toggle-menu.toggle-menu-hidden span.bottom {
    -webkit-animation: outBottom 0.8s backwards;
    -webkit-animation-direction: reverse;
    -moz-animation: outBottom 0.8s backwards;
    -moz-animation-direction: reverse;
    animation: outBottom 0.8s backwards;
    animation-direction: reverse;
}   

@-webkit-keyframes inMiddle {
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}

@-moz-keyframes inMiddle {
    50% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(45deg);
    }
}

@keyframes inMiddle {
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes outMiddle {
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}

@-moz-keyframes outMiddle {
    50% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(45deg);
    }
}

@keyframes outMiddle {
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes inTop {
    0% {
        top: 0;
    }
    50% {
        top: 6px;
        -webkit-transform: rotate(0deg);
    }
    100% {
        top: 6px;
        -webkit-transform: rotate(135deg);
    }
}

@-moz-keyframes inTop {
    0% {
        top: 0;
    }
    50% {
        top: 6px;
        -moz-transform: rotate(0deg);
    }
    100% {
        top: 6px;
        -moz-transform: rotate(135deg);
    }
}

@keyframes inTop {
    0% {
        top: 0;
    }
    50% {
        top: 6px;
        transform: rotate(0deg);
    }
    100% {
        top: 6px;
        transform: rotate(135deg);
    }
}

@-webkit-keyframes outTop {
    0% {
        top: 0;
    }
    50% {
        top: 6px;
        -webkit-transform: rotate(0deg);
    }
    100% {
        top: 6px;
        -webkit-transform: rotate(135deg);
    }
}

@-moz-keyframes outTop {
    0% {
        top: 0;
    }
    50% {
        top: 6px;
        -moz-transform: rotate(0deg);
    }
    100% {
        top: 6px;
        -moz-transform: rotate(135deg);
    }
}

@keyframes outTop {
    0% {
        top: 0;
    }
    50% {
        top: 6px;
        transform: rotate(0deg);
    }
    100% {
        top: 6px;
        transform: rotate(135deg);
    }
}

@-webkit-keyframes inBottom {
    0% {
        top: 12px;
    }
    50% {
        top: 6px;
        -webkit-transform: rotate(0deg);
    }
    100% {
        top: 6px;
        -webkit-transform: rotate(135deg);
    }
}

@-moz-keyframes inBottom {
    0% {
        top: 12px;
    }
    50% {
        top: 6px;
        -moz-transform: rotate(0deg);
    }
    100% {
        top: 6px;
        -moz-transform: rotate(135deg);
    }
}

@keyframes inBottom {
    0% {
        top: 12px;
    }
    50% {
        top: 6px;
        transform: rotate(0deg);
    }
    100% {
        top: 6px;
        transform: rotate(135deg);
    }
}

@-webkit-keyframes outBottom {
    0% {
        top: 12px;
    }
    50% {
        top: 6px;
        -webkit-transform: rotate(0deg);
    }
    100% {
        top: 6px;
        -webkit-transform: rotate(135deg);
    }
}

@-moz-keyframes outBottom {
    0% {
        top: 12px;
    }
    50% {
        top: 6px;
        -moz-transform: rotate(0deg);
    }
    100% {
        top: 6px;
        -moz-transform: rotate(135deg);
    }
}

@keyframes outBottom {
    0% {
        top: 12px;
    }
    50% {
        top: 6px;
        transform: rotate(0deg);
    }
    100% {
        top: 6px;
        transform: rotate(135deg);
    }
}
/*-----------------------------------------------------------------------------------*/
/*	MULTISCROLL STYLES
/*-----------------------------------------------------------------------------------*/
html, body {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.ms-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ms-section.ms-table{
    display: table;
    width: 100%;
}
.ms-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.ms-easing {
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
#multiscroll-nav {
    position: fixed;
    z-index: 99;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#multiscroll-nav.right {
    right: 17px;
}
#multiscroll-nav.left {
    left: 17px;
}
#multiscroll-nav ul{
  margin: 0;
  padding: 0;
}
#multiscroll-nav li{
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
#multiscroll-nav li a{
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#multiscroll-nav li .active span{
    background: #333;
}
#multiscroll-nav span{
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.multiscroll-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    top: -2px;
    width: 280px;
    text-align: right;
}
.multiscroll-tooltip.right {
    right: 20px;
}
.multiscroll-tooltip.left {
    left: 20px;
}
#myContainer{
	margin-left: 100px;
}
.ms-section.bg-cover {
	text-align: center;
	background-attachment: scroll;
}
#multiscroll-nav span{
	 background: #121212;
    border: 1px solid #121212;
    border-radius: 50%;
    height: 12px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 12px;
    z-index: 1;
}
#multiscroll-nav li .active span{
	 background: #fff;
    border: 1px solid #fff;
}
.ms-section h1 {
    font-family: "Raleway",Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 8px;
    line-height: 27px;
    text-transform: uppercase;
}
.ms-section h3 > span {
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 8px;
    line-height: 20px;
    padding: 7px;
    padding-left: 15px;
    text-transform: uppercase;
}
.ms-overlay{
    display: none;
    height: 100%;
    background-color: transparent;
}

.ms-overlay a{
    display: block;
            cursor: url("images/plus.png") 40 40, crosshair;
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
}
.ms-tableCell{
	background-color: rgba(0,0,0,0.2);
}

.ms-static-title{
	padding-left: 80px;
	padding-right: 80px;
} 
.ms-static-title a{
            cursor: url("images/plus.png") 40 40, crosshair;
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
}
.ms-static-title h1 {
    font-family: "Raleway",Arial,Helvetica,sans-serif;
    font-size: 64px;
    font-weight: 300;
    letter-spacing: 8px;
    line-height: 76px;
    text-transform: uppercase;
}
.ms-static-title h3 {
	margin-top: 10px;
}
.ms-static-title h3 > span {
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 8px;
    line-height: 28px;
    padding: 7px;
    padding-left: 15px;
    text-transform: uppercase;
}
/*-----------------------------------------------------------------------------------*/
/*	WORDPRESS STYLES
/*-----------------------------------------------------------------------------------*/
.service-carousel-item a,
.service-carousel-item {
	cursor: move;
}
ul.slimmenu {
	max-height: 300px;
	overflow-y: scroll;
}
.aq-block-aq_image_block img { max-width: 100%; }
.single-portfolio .venobox .img-responsive {
	max-width: none !important;
	width: 100% !important;
}
.single-post .hentry h1,
.single-post .hentry h2,
.single-post .hentry h3,
.single-post .hentry h4,
.single-post .hentry ul,
.single-post .hentry ol,
.single-portfolio .hentry h1,
.single-portfolio .hentry h2,
.single-portfolio .hentry h3,
.single-portfolio .hentry h4,
.single-portfolio .hentry ul,
.single-portfolio .hentry ol,
.page .hentry h1,
.page .hentry h2,
.page .hentry h3,
.page .hentry h4,
.page .hentry ul,
.page .hentry ol {
	margin-bottom: 20px;
}
.item img {
	width: 100%;
	height: auto;
}
#testimonial-carousel .item img {
	max-width: 100%;
	width: auto;
}
.home-06-container h2 > span{
    font-size: 18px;
    line-height: 28px;
    font-family:  "Raleway", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding: 4px;
}
.remove-left {
	padding-left: 0 !important;
}
.remove-right {
	padding-right: 0 !important;
}
#reply-title {
	display: none;
}
input[type="submit"] {
	margin-top: 20px;
}
hr {
	background: #1c1c1e;
	height: 1px;
	border: none;
	margin: 60px 0;
}
#portfolio-carousel .owl-prev,
#service-carousel .owl-prev  {
	left: 0;
}
#portfolio-carousel .owl-next,
#service-carousel .owl-next {
	right: 50px;
}
#portfolio-carousel:hover .owl-prev,
#portfolio-carousel:hover .owl-next,
#service-carousel:hover .owl-prev,
#service-carousel:hover .owl-next {
	opacity: 1;
}
#portfolio-carousel .owl-prev,
#portfolio-carousel .owl-next,
#service-carousel .owl-prev,
#service-carousel .owl-next {
	margin-top: -30px;
}
#service-carousel.owl-theme .owl-controls {
	margin-top: 0;
}
.aq-block-aq_column_block .aq-block {
	width: 100% !important;
	float: none !important;
}
.aq-block-aq_image_block {
	margin-bottom: 25px;
	text-align: center !important;
}
#service-carousel .owl-prev img,
#service-carousel .owl-next img {
	width: 60px;
}
#service-carousel .owl-next {
	right: 30px;
}
#service-carousel .owl-prev,
#service-carousel .owl-next {
	margin-top: -165px;
}
div.ms-left,
div.ms-right {
	z-index: 99;
}
.agency-head h1{
	margin-top: 20px;
	margin-bottom: 5px;
}
.agency-head h3 > span{
	line-height: 25px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}
.admin-bar .top-header,
.admin-bar .mobile-nav {
	top: 32px;
}
.sp-circle-link {
	text-align: center;
	line-height: 70px;
	width: 70px;
	height: 70px;
	color: #fff;
	border: solid 2px #fff;
	font-size: 14px;
	 font-family: "Raleway";
    font-weight: 200;
    letter-spacing: 0px;
    text-transform: uppercase;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	color: #fff !important;
}
.sp-circle-link:hover {
	background: #fff;
	color: #000 !important;
}
.sticky {}
.bypostauthor img.avatar {}
img.alignleft,
img.aligncenter,img.alignright,
img.alignnone {
	margin-bottom: 15px;
	margin-top: 15px;
}
img.alignleft, img.aligncenter, img.alignright, img.alignnone { max-width: 100%; height: auto; }
img.alignnone {
	display: block;
}
img.alignleft { float: left; margin-right: 30px; }
img.alignright { float: right; margin-left: 30px; }
img.aligncenter { display: block; margin-right: auto; margin-left: auto; text-align: center; }
.wp-caption { margin: 40px 0; max-width: 100%; text-align: center; color: #999; }
.gallery-caption { margin: 40px 0; max-width: 100%; text-align: center; color: #999; padding: 0 40px; position: absolute; top: 0; left: 0; z-index: 999; }
.wp-caption-text, .gallery-caption-text { margin: 6px 0; font-style: italic; font-size: 95%; line-height: 120%; }
.aligncenter { text-align: center }
.zilla-likes,
.zilla-likes.active,
.zilla-likes:hover { margin-bottom: 0 !important; padding-bottom: 0 !important;
}
.centered { 
	text-align: center;
}
.no-sidebar .more-link {
	display: block; text-align: center;
}
#testimonials .tab {
	margin: 0 2px;
}
p:empty {
	display: none;
}
.map img {
	max-width: none;
}
footer .post-list div.overlay {
	display: none;
}
table#wp-calendar {
	border: 1px solid #cccccc
}
table#wp-calendar>tbody>tr>td>a {
	text-decoration: underline
}
table#wp-calendar thead>tr>th { 
	width: 35px;
	height: 20px;
	text-align: center;
	border: 1px solid #cccccc;
}
table#wp-calendar tbody>tr>td {
	width: 35px;
	height: 20px;
	text-align: center;
	border: 1px solid #cccccc;
}
table#wp-calendar tfoot>tr>td>a, tfoot>tr>td>a:link, tfoot>tr>td>a:visited, tfoot>tr>td>a:hover, tfoot>tr>td>a:active {
	text-decoration: underline;
	height: 23px;
	nowhitespace: afterproperty;
	margin-left: 10px;
	padding-bottom: 3px;
}
table#wp-calendar tfoot>tr>td#prev {
	width: 58px;
	height: 20px;
	text-align: left;
}
table#wp-calendar tfoot>tr>td#next {
	width: 58px;
	height: 20px;
	text-align: right;
}
.sidebar .widget_rss ul li:before {
	display: none;
}
.widget_rss li {
	margin-bottom: 20px; padding-bottom: 20px;
}
.widget_rss li .rsswidget, .widget_rss li cite {
	font-weight: bold; display: block; letter-spacing: 0;
}
.widget_rss li .rss-date {
	display: block; margin-bottom: 10px;
}
.widget_rss li cite {
	margin-top: 10px;
}
.map {
	height: 430px;
}
.sidebox img {
	max-width: 100%;
	height: auto;
}
select {
	max-width: 100%;
}
footer img,
aside img {
	max-width: 100%;
	height: auto;
}
footer .widget,
aside .widget {
	margin-bottom: 50px;
}
table td,
table th {
	border: 1px solid #ccc;
	padding: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*	COMMENTS
/*-----------------------------------------------------------------------------------*/
#comments {
    margin: 0;
    position: relative;
}
#comments ol.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments ol.commentlist li {
    padding: 30px 0 0 0;
    background: none;
    border-top: 1px solid #e1e1e1;
    margin-top: 20px;
}
#comments ol.commentlist li:first-child {
    border: none;
    margin: 0;
}
#comments .user {
    float: left;
    width: 70px;
    height: 70px;
    position: relative;
}
#comments .message {
    overflow: hidden
}
#comments .arrow-box {
    margin-left: 20px;
    position: relative;
}
#comments ul.children {
    margin: 0;
    overflow: inherit;
    padding: 0 0 0 55px;
    list-style: none;
}
#comments ol.commentlist ul.children li {
    padding-right: 0;
    border: none;
}
#comments .comment-info h2 {
    font-size: 18px;
    margin: 0;
    display: inline;
    margin-right: 5px;
}
#comments .comment-info {
    margin-bottom: 12px
}
#comments .comment-info h2 a {
    color: #606060
}
#comments .comment-info h2 a:hover {
    color: #1abb9c
}
#comments .comment-info .meta {
    display: inline-block;
    margin: 0;
}
#comments .comment-info .meta .date {
    display: inline
}
#comments a.reply-link {
    display: inline;
    color: #9f9f9f;
}
#comments a.reply-link:hover {
    color: #1abb9c
}
.comment-form-wrapper p {
    padding-bottom: 20px
}
.comment-info h3, .comment-info .meta {
	display: inline-block;
}
.comment-info .meta  * {
	font-size: 12px;
}
.comment-info .sub-heading {
	margin-bottom: 0px;
}
/*-----------------------------------------------------------------------------------*/
/*	CONTACT FORM 7
/*-----------------------------------------------------------------------------------*/
div.wpcf7 .wpcf7-not-valid { 
	border: 1px solid #b54d4d
}
span.wpcf7-not-valid-tip { 
	display: none !important 
}
div.wpcf7-validation-errors {
	margin: 0;
	padding: 10px;
	background-color: #fcf8e3;
	color: #c09853;
	border: 1px solid #faebcc;

	border-radius: 3px;
}
div.wpcf7-mail-sent-ok {
	margin: 0;
	padding: 10px;
	border: 1px solid #d6e9c6;
	background-color: #dff0d8;
	color: #468847;
	border-radius: 3px;
}
input[type="submit"] {
	width: auto;
}
div.wpcf7 input[type="submit"] {
	margin-bottom: 0;
}
textarea {
	height: 120px;
}
/*-----------------------------------------------------------------------------------*/
/*	VENOBOX CSS
/*-----------------------------------------------------------------------------------*/
/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{
    -webkit-overflow-scrolling:touch;
}
/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay{
    background: rgba(0,0,0,0.85); 
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.relativo{
    float: left;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */

/* circle preloader */
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(images/venobox/preload-circle.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(18) infinite;
       -moz-animation: playload 1.4s steps(18) infinite;
        -ms-animation: playload 1.4s steps(18) infinite;
         -o-animation: playload 1.4s steps(18) infinite;
            animation: playload 1.4s steps(18) infinite;
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
/* ----- navigation ----- */
.vbox-close{
    cursor: pointer;
    position: fixed;
    top: -1px;
    right: 0;
    width: 46px;
    height: 40px;
    padding: 10px 20px 10px 0;
    display: block;
    background: url(images/venobox/close.gif) no-repeat #161617;
    background-position:10px center;
    color: #fff;
    text-indent: -100px;
    overflow: hidden;
}
.vbox-next, .vbox-prev{
    cursor: pointer;
    position: fixed;
    top: 50%;
    color: #fff;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-indent: -100px;
    overflow: hidden;
}
.vbox-prev{
    left: 10px;
    background: url(images/venobox/prev.gif) center center no-repeat;
}
.vbox-next{
    right: 10px;
    background: url(images/venobox/next.gif) center center no-repeat;
}

.vbox-title{
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    padding: 6px 40px;
    overflow: hidden;
    background: #161617;
    position: fixed;
    display: none;
    top: -1px;
    left: 0;

}
.vbox-num{
    cursor: pointer;
    position: fixed;
    top: -1px;
    left: 0;
    height: 40px;
    display: block;
    color: #fff;
    overflow: hidden;
    line-height: 38px;
    font-size: 24px;
    padding: 6px 10px;
    background: #161617;
    display: none;
}
/* ------- inline window ------ */
.vbox-inline{
    width: 420px;
    height: 315px;
    padding: 10px;
    background: #fff;
    text-align: left;
    margin: 0 auto;
    overflow: auto;
}

/* ------- Video & iFrames window ------ */
.venoframe{
    border: none;
    width: 960px;
    height: 720px;
}
@media (max-width: 992px) {
    .venoframe{
        width: 640px;
        height: 480px;
    }
}
@media (max-width: 767px) {
	.service-carousel-item {
		min-height: 440px;
		padding-top: 125px;
	}
    .venoframe{
        width: 420px;
        height: 315px;
    }
}
@media (max-width: 460px) {
    .vbox-inline{
        width: 100%;
    }

    .venoframe{
        width: 100%;
        height: 260px;
    }
}

/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-container{
    position: relative;
    background: #000;
    width: 98%;
    max-width: 1024px;
    margin: 0 auto;
}
.vbox-content{
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.vbox-container img{
    max-width: 100%;
    height: auto;
}
.vwrap{
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    left: 0;
    height: auto;
    overflow: hidden;
    z-index: 1;
}
/*-----------------------------------------------------------------------------------*/
/*	YOUTUBE PLAYER CSS
/*-----------------------------------------------------------------------------------*/
@font-face {
  font-family: 'ytpregular';
  src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'),
  url('ytp-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
.mb_YTVPlayer :focus {
  outline: 0;
}


.mb_YTVPlayer{
  display:block;
  transform:translateZ(0);
  transform-style: preserve-3d;
  perspective: 1000;
  backface-visibility: hidden;
  transform:translate3d(0,0,0);
  animation-timing-function: linear;

}

.fullscreen{
  display:block!important;
  position: fixed!important;
  width: 100%!important;
  height: 100%!important;
  top: 0!important;
  left: 0!important;
  margin: 0!important;
  border: none !important;
  z-index: 10000;
}

.mb_YTVPlayer.fullscreen .mbYTP_wrapper{
  opacity:1 !important;
}


.mbYTP_wrapper iframe{
  max-width: 4000px !important;
}

.inline_YTPlayer{
  margin-bottom: 20px;
  vertical-align:top;
  position:relative;
  left:0;
  overflow: hidden;
  border-radius: 4px;
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);
  box-shadow: 0 0 5px rgba(0,0,0,.7);
  background: rgba(0,0,0,.5);
}

.inline_YTPlayer img{
  border: none!important;
  -moz-transform: none!important;
  -webkit-transform: none!important;
  -o-transform: none!important;
  transform: none!important;
  margin:0!important;
  padding:0!important
}

/*CONTROL BAR*/

.mb_YTVPBar .ytpicon{
  font-size: 20px;
  font-family: 'ytpregular';
}

.mb_YTVPBar .mb_YTVPUrl.ytpicon{
  font-size: 30px;
}


.mb_YTVPBar{

  transition: opacity 1s;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;

  display:block;
  width:100%;
  height:10px;
  padding:5px;
  background:#333;
  position:fixed;
  bottom:0;
  left:0;
  -moz-box-sizing:padding-box;
  -webkit-box-sizing:border-box;
  text-align:left;
  z-index: 1000;
  font: 14px/16px sans-serif;
  color:white;
  opacity:.1;
}

.mb_YTVPBar.visible, .mb_YTVPBar:hover{
  opacity:1;
}


.mb_YTVPBar .buttonBar{

  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;

  background:transparent;
  font:12px/14px Calibri;
  position:absolute;
  top:-30px;
  left:0;
  padding: 5px;
  width:100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.mb_YTVPBar:hover .buttonBar{
  background: rgba(0,0,0,0.4);
}

.mb_YTVPBar span{
  display:inline-block;
  font:16px/20px Calibri, sans-serif;
  position:relative;
  width: 30px;
  height: 25px;
  vertical-align: middle;
}
.mb_YTVPBar span.mb_YTVPTime{
  width: 130px;
}

.mb_YTVPBar span.mb_YTVPUrl,.mb_YTVPBar span.mb_OnlyYT {
  position: absolute;
  width: auto;
  display:block;
  top:6px;
  right:10px;
  cursor: pointer;
}
.mb_YTVPBar span.mb_YTVPUrl img{
  width: 60px;
}

.mb_YTVPBar span.mb_OnlyYT {
  left:185px;
  right: auto;
}
.mb_YTVPBar span.mb_OnlyYT img{
  width: 25px;
}

.mb_YTVPBar span.mb_YTVPUrl a{
  color:white;
}

.mb_YTVPPlaypause,.mb_YTVPlayer .mb_YTVPPlaypause img{
  cursor:pointer;
}

.mb_YTVPMuteUnmute{
  cursor:pointer;
}

/*PROGRESS BAR*/
.mb_YTVPProgress{
  height:10px;
  width:100%;
  background:#222;
  bottom:0;
  left:0;
}

.mb_YTVPLoaded{
  height:10px;
  width:0;
  background:#444;
  left:0;
}

.mb_YTVTime{
  height:5px;
  width:0;
  background:#fff;
  bottom:0;
  left:0;
  -moz-box-shadow:#666666 1px 1px 3px;
  -webkit-box-shadow:#666666 1px 1px 3px;
}

.YTPOverlay.raster{
  background: url("images/raster.png");
}

.YTPOverlay.raster.retina{
  background: url("images/raster@2x.png");
}
/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE STYLES
/*-----------------------------------------------------------------------------------*/
/*Medium Tablets */
@media (max-width: 800px) {
	
	
	.container{
		max-width: 800px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.inner-pad{
		padding: 40px 20px;
	}
	.page-head{
		margin-top: 48px;
	}
	.split-home-panel .inner-pad{
		padding: 80px;
	}
	.split-home-panel .ms-right{
		opacity: 0;
	}
	.split-home-panel .ms-left{
		width:100% !important;
	}
	.ms-static-title{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
	.ms-static-title h1, .ms-section h1{
		font-size: 20px;
		line-height: 27px;
	}
	.news-item p > span, .ms-static-title h3 > span, .ms-section h3 > span, .agency-head h3 > span, .works-filter li a > span{
		font-size: 14px;
		line-height: 21px;
		letter-spacing: 1px;
	}
	.ms-overlay{
		padding: 10px;
	}
	.credits-ticker h3, .sp-container h2, .master-footer h3, .main-heading, .works-item-inner h3, .news-item h1{
		font-size: 20px;
		line-height: 25px;
	}
	.sp-container h2.frame-4, .ticker-container h2, .news-post-inner h2, .error-content-inner h2{
		font-size: 28px;
		line-height: 35px;
	}
	.footer-column{
		padding: 30px;
	}
	#works-container, .news-container{
		padding: 0 !important;
	}
	.works-item, .news-item{
		width: 49.9% !important;
	}
	.home-06-container h2 > span{
		background-color: transparent;
		font-size: 24px;
		line-height: 31px;
		color: #fff;
	} .page-head h1 > span{
		font-size: 20px;
		line-height: 27px;
		letter-spacing: 1px;
	}
	.works-filter li{
		display: block;
		width: 100%;
		line-height: 20px;
	}
	.works-filter li:after{
		display: none;
	}
	.works-filter li a.active > span, .news-item p > span{
		padding-left: 7px;
	}
	.page-head h1 > span{
		padding: 7px;
	}
	.about-bg{
		background-size: cover;
	}
	.about-content-inner, .service-details, .team-job {
		padding-left: 40px;
		padding-right: 40px;
	}
	.credits-ticker li{
		padding: 20px !important;
	}
}


/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (max-width: 768px) {

	.container{
		max-width: 768px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.inner-pad{
		padding: 40px 20px;
	}
	.page-head{
		margin-top: 48px;
	}
	.split-home-panel .inner-pad{
		padding: 76px;
	}
	.split-home-panel .ms-right{
		opacity: 0;
	}
	.split-home-panel .ms-left{
		width:100% !important;
	}
	.ms-static-title{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
	.ms-static-title h1, .ms-section h1{
		font-size: 20px;
		line-height: 27px;
	}
	.news-item p > span, .ms-static-title h3 > span, .ms-section h3 > span, .agency-head h3 > span, .works-filter li a > span{
		font-size: 14px;
		line-height: 21px;
		letter-spacing: 1px;
	}
	.ms-overlay{
		padding: 10px;
	}
	.credits-ticker h3, .sp-container h2, .master-footer h3, .main-heading, .works-item-inner h3, .news-item h1{
		font-size: 20px;
		line-height: 24px;
	}
	.sp-container h2.frame-4, .ticker-container h2, .news-post-inner h2, .error-content-inner h2{
		font-size: 28px;
		line-height: 35px;
	}
	.footer-column{
		padding: 30px;
	}
	#works-container, .news-container{
		padding: 0 !important;
	}
	.works-item, .news-item{
		width: 49.9% !important;
	}
	.home-06-container h2 > span{
		background-color: transparent;
		font-size: 24px;
		line-height: 31px;
		color: #fff;
	} .page-head h1 > span{
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 1px;
	}
	.works-filter li{
		display: block;
		width: 100%;
		line-height: 20px;
	}
	.works-filter li:after{
		display: none;
	}
	.works-filter li a.active > span, .news-item p > span{
		padding-left: 7px;
	}
	.page-head h1 > span{
		padding: 7px;
	}
	.about-bg{
		background-size: cover;
	}
	.about-content-inner, .service-details, .team-job {
		padding-left: 40px;
		padding-right: 40px;
	}
	.credits-ticker li{
		padding: 20px !important;
	}
	
}

/*Medium Smart Phones v2*/
@media screen and (max-width: 640px) {
	
	
	.container{
		max-width: 640px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.inner-pad{
		padding: 40px 20px;
	}
	.page-head{
		margin-top: 48px;
	}
	.split-home-panel .inner-pad{
		padding: 60px;
	}
	.split-home-panel .ms-right{
		opacity: 0;
	}
	.split-home-panel .ms-left{
		width:100% !important;
	}
	.ms-static-title{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
	.ms-static-title h1, .ms-section h1{
		font-size: 20px;
		line-height: 27px;
	}
	.news-item p > span, .ms-static-title h3 > span, .ms-section h3 > span, .agency-head h3 > span, .works-filter li a > span{
		font-size: 14px;
		line-height: 21px;
		letter-spacing: 1px;
	}
	.ms-overlay{
		padding: 10px;
	}
	.credits-ticker h3, .sp-container h2, .master-footer h3, .main-heading, .works-item-inner h3, .news-item h1{
		font-size: 20px;
		line-height: 27px;
	}
	.sp-container h2.frame-4, .ticker-container h2, .news-post-inner h2, .error-content-inner h2{
		font-size: 28px;
		line-height: 35px;
	}
	.footer-column{
		padding: 30px;
	}
	#works-container, .news-container{
		padding: 0 !important;
	}
	.works-item, .news-item{
		width: 49.9% !important;
	}
	.home-06-container h2 > span{
		background-color: transparent;
		font-size: 24px;
		line-height: 31px;
		color: #fff;
	} .page-head h1 > span{
		font-size: 20px;
		line-height: 25px;
		letter-spacing: 1px;
	}
	.works-filter li{
		display: block;
		width: 100%;
		line-height: 20px;
	}
	.works-filter li:after{
		display: none;
	}
	.works-filter li a.active > span, .news-item p > span{
		padding-left: 7px;
	}
	.page-head h1 > span{
		padding: 7px;
	}
	.about-bg{
		background-size: cover;
	}
	.about-content-inner, .service-details, .team-job {
		padding-left: 40px;
		padding-right: 40px;
	}
	.credits-ticker li{
		padding: 20px !important;
	}
	.main-logo{
		width: 100px;
	} 
	.agency-head img{
		width: 125px;
	}
	
}
	

/*Google Nexus and Other Large Smart Phones v1*/
@media screen and (max-width: 600px) {
	
	
	.container{
		max-width: 600px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.inner-pad{
		padding: 40px 20px;
	}
	.page-head{
		margin-top: 48px;
	}
	.split-home-panel .inner-pad{
		padding: 60px;
	}
	.split-home-panel .ms-right{
		opacity: 0;
	}
	.split-home-panel .ms-left{
		width:100% !important;
	}
	.ms-static-title{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
	.ms-static-title h1, .ms-section h1{
		font-size: 16px;
		line-height: 23px;
	}
	.news-item p > span, .ms-static-title h3 > span, .ms-section h3 > span, .agency-head h3 > span, .works-filter li a > span{
		font-size: 10px;
		line-height: 17px;
		letter-spacing: 1px;
	}
	.ms-overlay{
		padding: 10px;
	}
	.credits-ticker h3, .sp-container h2, .master-footer h3, .main-heading, .works-item-inner h3, .news-item h1{
		font-size: 16px;
		line-height: 21px;
	}
	.sp-container h2.frame-4, .ticker-container h2, .news-post-inner h2, .error-content-inner h2{
		font-size: 24px;
		line-height: 31px;
	}
	.footer-column{
		padding: 30px;
	}
	#works-container, .news-container{
		padding: 0 !important;
	}
	.works-item, .news-item{
		width: 49.9% !important;
	}
	.home-06-container h2 > span{
		background-color: transparent;
		font-size: 20px;
		line-height: 27px;
		color: #fff;
	} .page-head h1 > span{
		font-size: 16px;
		line-height: 21px;
		letter-spacing: 1px;
	}
	.works-filter li{
		display: block;
		width: 100%;
		line-height: 20px;
	}
	.works-filter li:after{
		display: none;
	}
	.works-filter li a.active > span, .news-item p > span{
		padding-left: 7px;
	}
	.page-head h1 > span{
		padding: 7px;
	}
	.about-bg{
		background-size: cover;
	}
	.about-content-inner, .service-details, .team-job {
		padding-left: 40px;
		padding-right: 40px;
	}
	.credits-ticker li{
		padding: 20px !important;
	}
	.main-logo{
		width: 100px;
	} 
	.agency-head img{
		width: 125px;
	}
	
}
	

/*iPhone Landscape Mode and Mediium Smart Phones*/
@media screen and (max-width: 480px) {
	
	
	.container{
		max-width: 480px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.inner-pad{
		padding: 40px 20px;
	}
	.page-head{
		margin-top: 48px;
	}
	.split-home-panel .inner-pad{
		padding: 48px;
	}
	.split-home-panel .ms-right{
		opacity: 0;
	}
	.split-home-panel .ms-left{
		width:100% !important;
	}
	.ms-static-title{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
	.ms-static-title h1, .ms-section h1{
		font-size: 16px;
		line-height: 23px;
	}
	.news-item p > span, .ms-static-title h3 > span, .ms-section h3 > span, .agency-head h3 > span, .works-filter li a > span{
		font-size: 10px;
		line-height: 17px;
		letter-spacing: 1px;
	}
	.ms-overlay{
		padding: 10px;
	}
	.credits-ticker h3, .sp-container h2, .master-footer h3, .main-heading, .works-item-inner h3, .news-item h1{
		font-size: 16px;
		line-height: 21px;
	}
	.sp-container h2.frame-4, .ticker-container h2, .news-post-inner h2, .error-content-inner h2{
		font-size: 24px;
		line-height: 31px;
	}
	.footer-column{
		padding: 30px;
	}
	#works-container, .news-container{
		padding: 0 !important;
	}
	.works-item, .news-item{
		width: 100% !important;
	}
	.home-06-container h2 > span{
		background-color: transparent;
		font-size: 20px;
		line-height: 27px;
		color: #fff;
	} .page-head h1 > span{
		font-size: 16px;
		line-height: 21px;
		letter-spacing: 1px;
	}
	.works-filter li{
		display: block;
		width: 100%;
		line-height: 20px;
	}
	.works-filter li:after{
		display: none;
	}
	.works-filter li a.active > span, .news-item p > span{
		padding-left: 7px;
	}
	.page-head h1 > span{
		padding: 7px;
	}
	.about-bg{
		background-size: cover;
	}
	.about-content-inner, .service-details, .team-job {
		padding-left: 40px;
		padding-right: 40px;
	}
	.credits-ticker li{
		padding: 20px !important;
	}
	.main-logo{
		width: 75px;
	} 
	.agency-head img{
		width: 100px;
	}
	
}

/*Other Major Small Smart Phones*/
@media screen and (max-width: 360px) {
	
	
	.container{
		max-width: 360px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.inner-pad{
		padding: 40px 20px;
	}
	.page-head{
		margin-top: 48px;
	}
	.split-home-panel .inner-pad{
		padding: 36px;
	}
	.split-home-panel .ms-right{
		opacity: 0;
	}
	.split-home-panel .ms-left{
		width:100% !important;
	}
	.ms-static-title{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
	.ms-static-title h1, .ms-section h1{
		font-size: 16px;
		line-height: 23px;
	}
	.news-item p > span, .ms-static-title h3 > span, .ms-section h3 > span, .agency-head h3 > span, .works-filter li a > span{
		font-size: 10px;
		line-height: 17px;
		letter-spacing: 1px;
	}
	.ms-overlay{
		padding: 10px;
	}
	.credits-ticker h3, .sp-container h2, .master-footer h3, .main-heading, .works-item-inner h3, .news-item h1{
		font-size: 16px;
		line-height: 21px;
	}
	.sp-container h2.frame-4, .ticker-container h2, .news-post-inner h2, .error-content-inner h2{
		font-size: 24px;
		line-height: 31px;
	}
	.footer-column{
		padding: 30px;
	}
	#works-container, .news-container{
		padding: 0 !important;
	}
	.works-item, .news-item{
		width: 100% !important;
	}
	.home-06-container h2 > span{
		background-color: transparent;
		font-size: 20px;
		line-height: 27px;
		color: #fff;
	} .page-head h1 > span{
		font-size: 16px;
		line-height: 21px;
		letter-spacing: 1px;
	}
	.works-filter li{
		display: block;
		width: 100%;
		line-height: 20px;
	}
	.works-filter li:after{
		display: none;
	}
	.works-filter li a.active > span, .news-item p > span{
		padding-left: 7px;
	}
	.page-head h1 > span{
		padding: 7px;
	}
	.about-bg{
		background-size: cover;
	}
	.about-content-inner, .service-details, .team-job {
		padding-left: 40px;
		padding-right: 40px;
	}
	.credits-ticker li{
		padding: 20px !important;
	}
	.main-logo{
		width: 75px;
	} 
	.agency-head img{
		width: 100px;
	}
	
}

/*iPhone Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
	
	.container{
		max-width: 320px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.inner-pad{
		padding: 40px 20px;
	}
	.page-head{
		margin-top: 48px;
	}
	.split-home-panel .inner-pad{
		padding: 32px;
	}
	.split-home-panel .ms-right{
		opacity: 0;
	}
	.split-home-panel .ms-left{
		width:100% !important;
	}
	.ms-static-title{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
	.ms-static-title h1, .ms-section h1{
		font-size: 16px;
		line-height: 23px;
	}
	.news-item p > span, .ms-static-title h3 > span, .ms-section h3 > span, .agency-head h3 > span, .works-filter li a > span{
		font-size: 10px;
		line-height: 17px;
		letter-spacing: 1px;
	}
	.ms-overlay{
		padding: 10px;
	}
	.credits-ticker h3, .sp-container h2, .master-footer h3, .main-heading, .works-item-inner h3, .news-item h1{
		font-size: 16px;
		line-height: 21px;
	}
	.sp-container h2.frame-4, .ticker-container h2, .news-post-inner h2, .error-content-inner h2{
		font-size: 24px;
		line-height: 31px;
	}
	.footer-column{
		padding: 30px;
	}
	#works-container, .news-container{
		padding: 0 !important;
	}
	.works-item, .news-item{
		width: 320px !important;
	}
	.home-06-container h2 > span{
		background-color: transparent;
		font-size: 20px;
		line-height: 27px;
		color: #fff;
	} .page-head h1 > span{
		font-size: 16px;
		line-height: 21px;
		letter-spacing: 1px;
	}
	.works-filter li{
		display: block;
		width: 100%;
		line-height: 20px;
	}
	.works-filter li:after{
		display: none;
	}
	.works-filter li a.active > span, .news-item p > span{
		padding-left: 7px;
	}
	.page-head h1 > span{
		padding: 7px;
	}
	.about-bg{
		background-size: cover;
	}
	.about-content-inner, .service-details, .team-job {
		padding-left: 40px;
		padding-right: 40px;
	}
	.credits-ticker li{
		padding: 20px !important;
	}
	.main-logo{
		width: 75px;
	} 
	.agency-head img{
		width: 100px;
	}

}