/*-----------------------------------------------------------------
 Output Custom CSS from Theme Options Panel
---------------------------------------------------------------- */

#subfooter h2 {
color: #000;
font-size: 13px;
font-weight: 800;
line-height: 21px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 10px;
}
#subfooter {
background: #eef1f5 !important;
padding: 70px 0;
color: #000;
font-size: 13px;
line-height: 21px;
}
@media only screen and (max-width: 999px){
#subfooter {
padding: 3px 0;
}
}
body.home #portfolio .slider-nav {
width: 100px !important;
margin: auto;
padding-top: 25px;
float: none !important;
}
@media only screen and (max-width: 999px)
body.home #portfolio .slider-nav, body.home #portfolio .slider-nav .flex-direction-nav {
float: left;
width: 100px !important;; 
}

body.home #portfolio h1 {
color: #1c1c1c;
font-size: 50px ;
font-weight: 900;
line-height: 32px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 15px;
margin: auto ;
width: 42%;
padding-top: 15px;;
margin-bottom: 25px;
float: none !important;
   -webkit-transform: scale(1,1); 
        transition:all .2s linear;
        -o-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -webkit-transition:all .2s linear;
}
@media screen and (min-width: 100px) and (max-width: 199px){
body.home #portfolio h1 {
padding-top: 15px !important;
width: 95% !important;
font-size: 30px !important;
}
}
@media screen and (min-width: 200px) and (max-width: 299px){
body.home #portfolio h1 {
padding-top: 15px !important;
width: 95% !important;
font-size: 30px !important;
}
}
@media screen and (min-width: 300px) and (max-width: 399px){
body.home #portfolio h1 {
padding-top: 15px !important;
width: 68% !important;
font-size: 35px !important;
}
}
@media screen and (min-width: 400px) and (max-width: 499px){
body.home #portfolio h1 {
padding-top: 15px !important;
width: 78% !important;
font-size: 55px !important;
}
}
@media screen and (min-width: 500px) and (max-width: 599px){
body.home #portfolio h1 {
padding-top: 15px !important;
width: 76% !important;
font-size: 65px !important;
}
}
@media screen and (min-width: 600px) and (max-width: 699px){
body.home #portfolio h1 {
padding-top: 15px !important;
width: 79% !important;
}
}
@media screen and (min-width: 700px) and (max-width: 799px){
body.home #portfolio h1 {
padding-top: 15px !important;
width: 65% !important;
}
}
@media screen and (min-width: 800px) and (max-width: 899px){
body.home #portfolio h1 {
padding-top: 15px !important;
width: 55% !important;
}
}
@media screen and (min-width: 900px) and (max-width: 999px){
body.home #portfolio h1 {
padding-top: 15px !important;
width: 56% !important;
}
}

body.home #hero {
z-index: 100;
background-color: #eef1f5;
position: relative;
line-height: 0;
margin-top: -285px;
        -webkit-transform: scale(1,1); 
        transition:all .2s linear;
        -o-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -webkit-transition:all .2s linear;
}
 @media screen and (min-width: 100px) and (max-width: 999px){
body.home #hero {
display: none;
}
}
 @media only screen and (max-width: 999px)
.slicknav_menu .slicknav_icon {
margin: 190px !important;
}

div#wrapper{
         width: 100% !important;
        margin: auto !important;
}

div#wrapper{
        -webkit-transform: scale(1,1); 
         width: 100% !important;
        margin: auto !important;
        transition:all .2s linear;
        -o-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -webkit-transition:all .2s linear;
}
@media screen and (min-width: 100px) and (max-width: 200px){
        div#wrapper{
   -webkit-transform: scale(.3,.3);
margin-left: -48px !important;
        }
}
@media screen and (min-width: 201px) and (max-width: 400px){
        div#wrapper{
-webkit-transform: scale(.35,.35);
margin-left: -48px !important;
        }
}

@media screen and (min-width: 401px) and (max-width: 574px){
        div#wrapper{
-webkit-transform: scale(.4,.4);
margin-left: -38px !important;
        }
}
@media screen and (min-width: 575px) and (max-width: 674px){
       div#wrapper{
                -webkit-transform: scale(.60,.60);

        }
}
@media screen and (min-width: 675px) and (max-width: 774px){
      div#wrapper{
                -webkit-transform: scale(.65,.65);
        }
}
@media screen and (min-width: 775px) and (max-width: 999px){
       div#wrapper{
                -webkit-transform: scale(.75,.75);
        }
}
@media screen and (min-width: 1000px) and (max-width: 1200px){
       div#wrapper{
                -webkit-transform: scale(1,1);
}
 }

 body.home #columns{
        -webkit-transform: scale(1,1); 
         margin: 60px 0px 0px 70px;
        transition:all .2s linear;
        -o-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -webkit-transition:all .2s linear;
}



@media screen and (min-width: 100px) and (max-width: 575px){
       body.home #columns{
                margin: 10px 0px 0px 6px !important;
        }
}


@media screen and (min-width: 575px) and (max-width: 675px){
       body.home #columns{
                margin: 10px 0px 0px 6px !important;
        }
}

div.clientsBase {
width: 1100px;
 float: left; 
margin: auto;
}

div.clientsBase {
          width: 1100px;
          float: left; 
          margin: auto;

        -webkit-transform: scale(1,1); 
        transition:all .2s linear;
        -o-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -webkit-transition:all .2s linear;
}
@media screen and (min-width: 100px) and (max-width: 384px){
        div.clientsBase{
   -webkit-transform: scale(.3,0.3);
margin-left: -393px;
margin-top: -51px;
margin-bottom: -65px;
}
}
@media screen and (min-width: 385px) and (max-width: 449px){
        div.clientsBase{
   -webkit-transform: scale(.35,0.35);
margin-left: -360px;
margin-top: -54px;
margin-bottom: -65px;
}
}
@media screen and (min-width: 450px) and (max-width: 486px){
        div.clientsBase{
-webkit-transform: scale(.4,.4);
margin-left: -355px;
margin-top: -53px;
margin-bottom: -50px;
        }
}
@media screen and (min-width: 487px) and (max-width: 524px){
        div.clientsBase{
-webkit-transform: scale(.47,.47);
margin-left: -330px;
margin-top: -55px;
        }
}

@media screen and (min-width: 525px) and (max-width: 600px){
        div.clientsBase{
-webkit-transform: scale(.5,.5);
margin-left: -295x;
margin-top: -55px;
        }
}
@media screen and (min-width: 601px) and (max-width: 675px){
        div.clientsBase{
-webkit-transform: scale(.55,.55);
margin-left: -241px;
margin-top: -46px;
        }
}
@media screen and (min-width: 676px) and (max-width: 714px){
        div.clientsBase{
-webkit-transform: scale(.55,.55);
margin-left: -261px;
margin-top: -40px;
        }
}

@media screen and (min-width: 715px) and (max-width: 774px){
       div.clientsBase{
                -webkit-transform: scale(.65,.65);
margin-left: -241px;
margin-top: -35px;
        }
}
@media screen and (min-width: 775px) and (max-width: 949px){
      div.clientsBase{
                -webkit-transform: scale(.65,.65);
margin-left: -185px;
margin-top: -42px;
        }
}
@media screen and (min-width: 950px) and (max-width: 1049.99px){
       div.clientsBase{
               -webkit-transform: scale(.85,0.85);
margin-left: -116px;
margin-top: -22px;
        }
}
@media screen and (min-width: 1050px) and (max-width: 1200px){
      div.clientsBase{
                -webkit-transform: scale(1,1);
}
 }
@media screen and (min-width: 999px) and (max-width: 1200px){
     body.home #columns{
60px 0px 0px 30px !important;
}
 }

@media screen and (min-width: 1px) and (max-width: 1000px){
    #subfooter #enews {
margin-bottom: 60px;
margin-top: 60px;
}
 }
@media screen and (min-width: 1px) and (max-width: 420px){
    div.iconSet {
margin-top: -150px !important;
}
 }

div#contact p {
width: 190px;
margin-left: 250px;
        -webkit-transform: scale(1,1); 
        transition:all .2s linear;
        -o-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -webkit-transition:all .2s linear;
}

@media screen and (min-width: 1px) and (max-width: 500px){
    div#contact p {
margin-left: 1px !important;
}
 }


body.home #columns p {
margin-bottom: 15px;
text-align: center;
}

div.faces {
width:81%;
margin: auto;
}

div.wp-video {
margin: auto;
}

img.alignnone.size-full.wp-image-84 {
margin: 15px 0px -10px 3px;
}

#header #nav li {
float: left;
margin-left: 25px;
position: relative;
}

#header #nav {
float: left;
width: 100%;
margin-left: 195px;
margin-top: -163px;
}

#header .logo {
background: #FFFFFF !important;
padding: 5px 10px 5px;
border: 2px solid #25aae2;
}

#header-meta {
background-color: #eef1f5;
padding: 15px 0px 0px 0px;
margin-bottom: 25px;
}

#header-meta h1 {
color: #242424;
font-size: 40px;
font-weight: 800;
letter-spacing: 7px;
line-height: 58px;
text-align: center;
text-transform: uppercase;
}


#footer nav {
float: none;
width: 86%;
margin: auto;
}

#footer .copyright {
font-size: 13px;
margin: auto;
text-align: center;
font-weight: 600;
}

#subfooter #contact img {
float: left;
margin-right: 30px;
}

div.contactUs {

width: 191px;
float: right;
}

div#contact p {
width: 190px;
margin-left: 250px;
}

div.face_icon{
float:left;
padding-top: 25px;
padding-right: 10px;
}

div.et_icon{
float:left;
padding-top: 25px;
padding-right: 10px;
}

div.pin_icon{
float:left;
padding-top: 25px;
padding-right: 10px;
}

div.et_icon:hover{
-webkit-transform: scale(1.2,1.2);
}

div.face_icon:hover{
-webkit-transform: scale(1.2,1.2);
}

div.pin_icon:hover{
-webkit-transform: scale(1.2,1.2);
}

div.iconSet {
width: 300px;
float: left;
margin-top: -121px;
}

div.iconSet {
width: 300px;
float: left;
margin-top: -121px;
        -webkit-transform: scale(1,1); 
        transition:all .2s linear;
        -o-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -webkit-transition:all .2s linear;
}

body.home #portfolio .slider-nav {
width: 15%;
margin: auto;
padding-top: 25px;
float:none !important;
}

body.home #portfolio h1 {
color: #1c1c1c;
font-size: 50px ;
font-weight: 900;
line-height: 32px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 15px;
margin: auto !important;
width: 42%;
padding-top: 15px;
margin-bottom: 25px;
float:none !important;
}
body.home #portfolio {
background: #C2C2C2 !important;
padding-top: 15px;
}

div.flex-viewport {
padding-top: 25px;
}

div#enews {
padding-top: 45px;
}


#content {
float: left;
width: 100%;
text-align: left;
margin-bottom: 25px;
}

body.page #content article {
margin-bottom: 0px;
}


body.home #clients {
margin: 75px 0;
}

body.home #hero {
z-index: 100;
background-color: #eef1f5;
position: relative;
line-height: 0;
margin-top: -285px;
}

body {
font-family: Helvetica;
font-size: 18px;
line-height: 30px;
color: #303030;
margin-top: 80px;
-webkit-font-smoothing: antialiased;
}