html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

html, body 
{padding: 0;
margin: 0}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* FONTS */
@font-face {
    font-family: 'Fontin';
    src: url('../fonts/Fontin/fontin-smallcaps-webfont.eot');
    src: url('../fonts/Fontin/fontin-smallcaps-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Fontin/fontin-smallcaps-webfont.woff') format('woff'),
         url('../fonts/Fontin/fontin-smallcaps-webfont.ttf') format('truetype'),
         url('../fonts/Fontin/fontin-smallcaps-webfont.svg#fontin_smallcapssmallcaps') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{   background: #000;
    padding-bottom: 45px;}


.splashWrap
{   width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../img/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;}

.splashWrapInner
{   width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-image: url(../img/splash-shadow.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;    
    text-align: center;}

.explore
{   position: absolute;
    bottom: 55px;
    width: 120px;
    left: 50%;
    margin-left: -60px;}

.explore p 
{   text-align: center;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 25px;
}

.rotate{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    background: url(../img/roundExplore.png);
    width: 74px;
    height: 74px;
    margin: 0 auto;
    display: block;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
 
    }  
 
.rotate:hover  
{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
} 


#image
{   display: block;
    margin: 0 auto;}

.siteTitle p
{   color: #5f5f5f;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    margin-top: 30px;}


.siteTitle
{   width: 612px;
    left: 50%;
    margin-left: -306px;}

.siteTitle h1 
{   font-family: 'Fontin';
    color: #e5e5e5;
    font-size: 79px;
    text-align: center;
    font-weight: normal;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 120px;}

.siteTitle .line 
{   background: url(../img/line.png);
    width: 612px;
    height: 2px;
    margin: 0 auto;
    margin-bottom: 30px;}


.footRow  
{   height: 45px;
    width: 100%;
    background: #000;
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 999;
    bottom: 0}


.item .info
{   position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: rgb(0, 0, 0) transparent;
    background: rgba(0, 0, 0, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}

h3 
{   color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    }

h4 
{   color: #e8341d;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    }    

.item .info:hover
{   opacity: 1}


.item
{   position: relative;}

.item img 
{   width: 100%;
    height: auto;}

.item .infoInner
{   height: 160px;
    top: 50%;
    margin-top: -85px;
    position: absolute;
    width: 100%;
    text-align: center;
    padding-top: 50px;
    background: url(../img/top.png) top center no-repeat, 
                url(../img/bottom.png) bottom center no-repeat;}

.malihuRow
{   width: 20%;
    float: left;}

.malihuRow .mCSB_dragger_bar
{   width: 100% !important;
    height: 45px !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    text-align: left;
    color: #fff;}

.firstRow .mCSB_dragger_bar
{   background: url(../img/fashion.png) left  center no-repeat,
                url(../img/menu-icon.png) right  center no-repeat !important;}

.secondRow .mCSB_dragger_bar
{   background: url(../img/design.png) left  center no-repeat,
                url(../img/menu-icon.png) right  center no-repeat !important;}

.thirdRow .mCSB_dragger_bar
{   background: url(../img/models.png) left  center no-repeat,
                url(../img/menu-icon.png) right  center no-repeat !important;}

.fourthRow .mCSB_dragger_bar
{   background: url(../img/commercials.png) left  center no-repeat,
                url(../img/menu-icon.png) right  center no-repeat !important;}                
.fifthRow .mCSB_dragger_bar
{   background: url(../img/other.png) left  center no-repeat,
                url(../img/menu-icon.png) right  center no-repeat !important;}

.mCustomScrollBox>.mCSB_scrollTools 
{   opacity: 1 !important;
    width: 100%}


.mCSB_container
{   margin-right: 0;
    z-index: 99}

.mCSB_scrollTools .mCSB_draggerRail
{   background: transparent;}

.mCSB_dragger
{   height: 45px !important; 
    width: 100%;
    float: left;
    color: #fff;
    padding-left: 20px;
    background: #000;
    z-index: 99;}

.scrollers
{   clear: both;   overflow: hidden;}

.logo
{   padding-top: 12px;
    padding-left: 20px;
    width: 100px; float: left;}


.menu li
{   height: 45px;
    line-height: 45px;
    display: inline-block;
    padding: 0;
    float: left;
    margin: 0;
    width: 115px;
    text-align: center;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.menu li a 
{   font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    display: inline-block;
    width: 100%;}

.menu
{   padding: 0;
    margin: 0;
    float: right;
    list-style: none;}

.menu li ul li
{   background: #fff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 0;
    width: 115px;
    border: none;
    height: 84px;
    bottom: 0;
    position: absolute;}

.menu li ul
{   position: absolute;   
    bottom: 0;
    padding: 0;
    margin: 0;}

.menu li:hover ul li
{   position: fixed;
    bottom: 45px;
    opacity: 1;
    color: #fff;
    opacity: 1;
    z-index: 999}

.menu li:hover
{   background: #fff;
    color: #000;}

.menu li:hover a 
{   color: #000}


.menu li ul li img 
{   display: block;
    margin: 20px auto;}


.menu li ul li span 
{   font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    display: block;
    font-size: 12px;
    line-height: 12px;
}

li.socials
{   width: 55px;}

li.socials a.facebookFooter
{   background: url(../img/facebook.png) no-repeat center center;
    width: 55px;
    display: inline-block;
    float: right;
    height: 45px;}

li.socials a.facebookFooter:hover 
{   background: url(../img/facebookBlack.png) no-repeat center center}

li.socials a.twitterFooter
{   background: url(../img/twitter.png) no-repeat center center;
    width: 55px;
    display: inline-block;
    float: right;
    height: 45px;}

li.socials a.twitterFooter:hover 
{   background: url(../img/twitterBlack.png) no-repeat center center}

li.socials a.infoFooter
{   background: url(../img/info.png) no-repeat center center;
    width: 55px;
    display: inline-block;
    float: right;
    height: 45px;}

li.socials a.infoFooter:hover 
{   background: url(../img/infoBlack.png) no-repeat center center}

.small-menu
{   background: transparent;
    font-family: 'Lato', sans-serif;
    color: #fff;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 24px;
    float: right;
    width: 50%;
    padding: 13px;}

.small-menu option
{   background-color: #000;
    height: 24px;
    line-height: 24px;}


/*About*/

.aboutWrap
{   background: url(../img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.block
{   width: 100%;}

.firstBlock
{   background: url(../img/aboutimg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    min-height: 480px;
    text-align: center;}

h1.white
{
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 50px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 30px;
	padding: 0;
	margin: 0;
	line-height: 49px;
}

.crossHold
{   padding-top: 109px;
    margin-top: 60px;
    padding-bottom: 90px;
    background: url(../img/crossTop.png) top center no-repeat, 
                url(../img/crossBottom.png) bottom center no-repeat;}

.crossHold p 
{
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	line-height: 20px;
	padding-top: 35px;
}

.secondBlock
{   background: url(../img/aboutimg2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    min-height: 459px;
    padding-top: 90px;
    text-align: center;}

.secondBlock .large-4 img 
{   opacity: 1;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;}

.secondBlock .large-4 img:hover {
    -webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: relative;
    z-index: 99;
}

h3.spreaded
{   color: #3f3f3f;
    font-family: 'Lato', sans-serif;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    margin: 45px 0 35px 0;
    padding: 0;}

.secondBlock p, .fourthBlock p 
{   color: #736e6e;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;}

.button
{   line-height: 48px;
    color: #3f3f3f;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    background: transparent;
    box-shadow: none;
    text-transform: uppercase;
    letter-spacing: 3px;
    border: 3px solid #000;
    padding: 0 40px;
    text-shadow: none;
}

.column, .columns {
position: relative;
padding-left: 37px;
padding-right: 37px;
float: left;
}

.thirdBlock
{   min-height: 437px;
    background: url(../img/aboutimg3.jpg)  no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.testimonials
{   text-align: center;
    padding-top: 70px;}

h3.centered
{   color: #736e6e;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 45px;}

.testimonials p
{   color: #736e6e;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 40px;}

.testimonials .orbit-container
{   background: transparent;}

.testimonials .orbit-bullets 
{   text-align: center;}

.testimonials .orbit-bullets li 
{   float: none;
    display: inline-block;
    border: solid 3px #878b90;
    width: 16px;
    height: 16px;
    background: transparent;}

.testimonials .orbit-bullets li.active {
background: #878b90;
}

.fourthBlock
{   background: #fff;
    min-height: 580px;}

.line .large-5
{   width: 44%;
    padding: 0}

.line .large-2
{   width: 12%;
    padding: 0}

.colorize
{   position: absolute;
    bottom: 0;
    right: 0;
    z-index: 98}

.fourth
{   z-index: 99;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}


/* Team */

.firstBlockTeam
{   background: url(../img/teamimg1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    min-height: 484px;
    text-align: center;}

.circle
{   width: 92px;
    height: 92px;
    -moz-border-radius: 46px;
    -webkit-border-radius: 46px;
    border-radius: 46px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    margin-top: -46px;
    position: absolute;
    left: 50%;
    margin-left: -46px;
    padding: 15px 25px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
    z-index: 99}

.circle-small
{   padding: 25px 5px;}


.grid {
    max-width: 1300px;
    margin: 0 auto;
    list-style: none;
    text-align: center;
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.grid li {
    display: block;
    margin: 0;
    text-align: left;
    position: relative;
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
}

.grid figure {
    margin: 0;
    position: relative;
}

.grid figure img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    background: #ae0505;
    color: #fff;
}

.member
{   width: 25%;
    float: left;}

.teamMembers
{   clear: both;
    overflow: hidden;}



.cs-style-3 figure {
    overflow: hidden;
}

.cs-style-3 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.cs-style-3 figcaption {
    height: 96px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
    position: absolute;
    bottom: -2px;;
    left: 0;
    width: 100%;
}



.socialRow
{   height: 48px;
    width: 100%;
    background: #000;}

.socialRow .name 
{   color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 48px;
    padding-left: 20px;
    text-transform: uppercase;
    float: left;}

.socialRow .name a
{   position: relative;
    color: #fff}

.socialRow .links
{   float: right;}    

.socialRow .links a 
{   display: block;
    width: 48px;
    height: 48px;}

.positionRow
{   height: 48px;
    width: 100%;
    background: #fff;}

/*Flip effect*/

.flipSlide 
{   height: 48px;
    width: 48px;
    float: right;
    position: relative; 
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;}

.flipSlide .flipSlide-front, .flipSlide .flipSlide-back 
{   position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.75s;
    -moz-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s;}

.flipSlide .flipSlide-front 
{  z-index: 5;}

.flipSlide .flipSlide-back 
{   z-index: 0;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);}

.flipSlide:hover .flipSlide-front 
{   z-index: 5;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);}

.flipSlide:hover .flipSlide-back 
{   z-index: 10;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);}

.firstFlip
{   margin-left: 1px;}

.positionRow
{   color: #353535;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 48px;
    padding-left: 20px
}


img.grayscale 
{  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}

img.grayscale:hover 
{   filter: none;
    -webkit-filter: grayscale(0%);}

/* Services */



.service
    {width: 144px;
    height: 144px;
    -moz-border-radius: 72px;
    -webkit-border-radius: 72px;
    border-radius: 72px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: transparent;
    margin: 90px 31px;
    border: 3px solid #fff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    position: relative;
    float: left;}  

.service  a 
{   color: #fff;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 8px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 13px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;    
}

.firstServiceBlock
{   background: url(../img/aboutimg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    min-height: 480px;
    text-align: center;
    padding-top: 100px;}

.service:hover
{   background-color: #fff; }

.service:hover a 
{   color: #000}

.leftAlign
{   text-align: left;}

.secondServiceBlock
{   background: url(../img/layers.png) no-repeat right bottom,
                url(../img/aboutimg2.jpg) repeat top center;
    padding-bottom: 90px;}

.thirdServiceBlock
{   background: url(../img/servicesbg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    min-height: 437px;
    color: #fff;}

.thirdServiceBlock h3.centered
{   color: #fff;
    letter-spacing: 3px;}

.thirdServiceBlock p
{   color: #fff;}

.fourthServiceBlock
{   background: url(../img/abstract.png) no-repeat left top,
                url(../img/aboutimg2.jpg) repeat top center;
                padding-bottom: 90px;}

.fifthServiceBlock
{   background: url(../img/servicebg2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    min-height: 437px;
    color: #fff;}

.fifthServiceBlock h3.centered
{   color: #fff;
    letter-spacing: 3px;}

.fifthServiceBlock p
{   color: #fff;}  

.sixthServiceBlock
{   background: #e8341d;
    padding-top: 150px;}       

.sixthServiceBlock p, .sixthServiceBlock span
{   color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;}          

.sixthServiceBlock span 
{   font-weight: 300;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 25px;
    display: block;}

.whiteButton
{   display: block;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 48px;
    border: 3px solid #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 0 25px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.whiteButton:hover 
{   background: #fff;
    text-align: #000}

.rightAlign
{   text-align: right;}

.smallHead
{   color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    }
p.contact
{   margin-bottom: 20px;}

/* Portfolio */

.filterRow
{ padding-left: 0;
    padding-right: 0}

ul.filter
{   width: 100%;
    height: 45px;
    border: 3px solid #000;
    list-style: none;
    margin-top: 60px;
    margin-bottom: 30px;}

ul.filter li 
{   display: inline-block;}

ul.filter li a 
{   color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 42px;
    padding: 0 40px;
    font-weight: 700;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; }

ul.filter li a:hover
{   color: #e8341d} 

.portfolioBlock
{   background-image: none; }

.fullBackground
{   background: url(../img/bg.jpg) no-repeat center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;}

.portfolioHolder
{   background: #fff;
    padding: 0 200px;}



/* Portfolio Single */

.portfolioSingleBlock
{   background: #343333 url(../img/singlebg.jpg) no-repeat center bottom;
    position: relative;}

.portfolioImage img 
{   width: 100%}

.mockup 
{   margin: -215px auto 0 auto}

.mockup img 
{   margin: 0 auto;}

.portfolioTitle
{   text-align: center;
    padding-bottom: 38px;
    background: url(../img/portfolioTitle.png) no-repeat center bottom;
    margin-bottom: 38px;}

.portfolioTitle h1 
{   color: #fff;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    letter-spacing: 72px;
    font-weight: 900;
    font-size: 65px;
    margin: 0;
    padding: 0}

.portfolioRow p 
{   color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 30px;
    text-align: center;
    font-weight: 300
}

.portfolioLink
{   text-align: center;
    margin-bottom: 75px;}

.portfolioLink a 
{   color: #aba5a5;
    font-family: 'Lato', sans-serif;
    font-size: 19px;
    padding-bottom: 30px;
    text-align: center;
    font-weight: 300;
    display: inline-block;
    margin: 0 auto}

.back
{   display: block;
    width: 88px;
    float: right;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; }

.back:hover
{   opacity: 0.5}


.back a 
{   display: block;
    width: 88px;
    line-height: 45px;
    padding-left: 22px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    color: #fff;
    letter-spacing: 3px;
    background: url(../img/back-butt.png) no-repeat center left;}

.menuSide
{   position: absolute;
    width: 175px;
    right: 0;}

.fullGrayBackground
{   background: #363435;
    padding-top: 165px;}

h2.portfolioTitles
{   text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 42px;
    font-weight: 900;}

h2.portfolioTitles span 
{   font-weight: 300;}

.portfolioParagraphs p 
{   color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 30px;
    font-weight: 300;
}

.portfolioSingle02Block .imageHolder
{   margin-bottom: 60px;}


/* Blog */

.blogContentRow
{   height: 195px;
    background: #fff;
    padding: 20px;}

.blogStyle figcaption 
{   height: 242px;}

.blogContentRow .date
{   color: #353535;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 18px;
    border-bottom: 1px solid #000;
    margin-bottom: 18px;}

.blogContentRow p
{   color: #353535;
    font-family: 'Lato', sans-serif;
    font-size: 12px;}

.blogHead
{   color: #353535;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 42px;
    font-weight: 400;
    letter-spacing: 5px;
    padding: 0 22px}

.blogHead span 
{   color: #727272}

.blogHead li.socialsBlog a 
{   width: 13px;
    height: 13px;
    float: right;
    padding: 0;
    margin-left: 25px;
    margin-top: -2px;}

.blogHead li.socialsBlog
{   float: right;}

.blogHead li.socialsBlog a:hover
{   opacity: 0.3}

.blogHolder
{   background: #fff;
    padding: 0 200px;
    max-width: 1400px;
    margin: 0 auto}

.shortTxt p 
{   color: #949494;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    text-align: center;
    font-weight: 400; 
    margin-top: 45px;
    margin-bottom: 83px;
}

h1.black
{   color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 22px;
    background: url(../img/blackLine.jpg) no-repeat left bottom;
    margin-bottom: 30px;
    line-height: 30px;}

.blogTxt p 
{   color: #4b4b4b;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 35px
}

.blogTxt h2
{    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin-top: 60px;
    margin-bottom: 30px;}

.blogImages
{   padding: 0}

.blogImages img 
{    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; }

.blogImages a
{   margin-bottom: 3px;}

.blogImages a 
{   background: #e8341d;
    display: block;
    background: #e8341d url(../img/plus.png) no-repeat center center;}

.blogImages a:hover img 
{   opacity: 0.2}

.imageBlock
{   margin-top: 99px;}

.imageBlock .large-12
{   padding: 2px}

.imageBlock .large-6
{   padding: 2px}

.imageBlock a
{   margin-bottom: 1px;}

.imageBlock0
{overflow: hidden;}

.blogHolder h3, .commentsHolder h3
{   color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 15px;
    background: url(../img/blackLine.jpg) no-repeat left bottom;
    margin-bottom: 30px;}

ul.categories
{   list-style: none;
    margin-bottom: 60px}

ul.categories li 
{   color: #4b4b4b;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    margin-bottom: 20px;}

ul.categories li a
{   color: #4b4b4b;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

ul.categories li a:hover
{   color: #e8341d;}

ul.categories li:before
{   content: url(../img/listBullet.png);
    padding-right: 8px;}

ul.tags{
    text-align:left;     
    }
.tags li
{    margin:0;
    padding:0;
    list-style:none;
    display:inline;}

.tags li a
{    text-decoration:none;
    color:#4b4b4b;
    padding:0 2px; 
    font-size: 14px;
    line-height: 24px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.tags li a:hover
{   color:#e8341d;}       

li.tag1 a {font-size:100%;}
li.tag2 a {font-size:120%;}
li.tag3 a {font-size:140%;}
li.tag4 a {font-size:160%;}
li.tag5 a {font-size:160%;}
li.tag6 a {font-size:200%;}

.blogCategories
{   padding-right: 0}

ul.popular
{   list-style: none;}

ul.popular li a 
{   color: #4b4b4b;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;}

ul.popular li p
{   color: #4b4b4b;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 0px;}

ul.popular li .date
{   color: #4b4b4b;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px;
    display: block;}

.blogAdditional
{   padding: 0}

.blogHolder
{   padding-bottom: 30px;}

.commentsHolder
{   background: #fff;
    padding-top: 25px;}

.commentItem .imageHolder
{   width: 60px;
    height: 60px;
    border-radius: 5px;
    background: #d4d4d4;
    margin-right: 5px;
    float: left;}

.commentsHolder h3 
{   margin-bottom: 25px;}

.commentItem
{   padding: 0;
    margin-bottom: 40px;}

.commentHolder
{   padding-left: 9px;
    width: 100%;
    margin-left: 65px;
    background: url(../img/commentBG.jpg) no-repeat left top;}

.commentHolder p 
{   color: #4e4c4c;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    border: 5px solid #d4d4d4;
    border-radius: 5px;
    padding: 25px;}

.who 
{   color: #4e4c4c;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    margin-top: 16px;}

.inputHolder 
{    width: 50%;
    float: left;
    padding: 0}

.commentForm input
{   border: 3px solid #d4d4d4;
    line-height: 35px;
    height: 35px;
    width: 100%;
    padding: 0 15px;
    color: #636363;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 12px;}

.commentForm .inputHolder:first-child
{   padding-right: 12px;}


.commentForm textarea
{   width: 100%; float: left;
    border: 3px solid #d4d4d4;
    line-height: 35px;
    padding: 0 15px;
    color: #636363;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    height: 270px;
    margin-bottom: 12px;}

.commentForm .submitButton
{  background-color: #afafaf;
    color: #464646;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    float: right;
    line-height: 40px;
    height: 40px;
    padding: 0 40px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.commentForm .submitButton:hover
{   color: #afafaf;
    background-color: #464646;}

.clearCrossHold
{   background-image: none;}

.videoHolder
{   width: 524px;
    height: 516px;
    background: url(../img/videoHolder.png);}

.videoHolder iframe 
{   margin-top: 20px;
    margin-left: 22px;
    border: none;}

.videoPost
{   border-bottom: 1px solid #d4d4d4;
    overflow: hidden;
    margin-bottom: 60px;}

.slideHolder .bx-wrapper .bx-controls-direction a
{   width: 69px;
    height: 57px;}

.slideHolder .bx-next
{   width: 69px;
    height: 57px;
    background: url(../img/next-BX.png);
    right: -12px;   }

.slideHolder .bx-prev
{   width: 69px;
    height: 57px;
    background: url(../img/prev-BX.png);
    left: -12px;}

.slideHolder .bx-wrapper .bx-next:hover
{  background-position: 0 0 ;}

.slideHolder .bx-wrapper .bx-controls-direction a
{   top: auto;
    bottom: 15px;}


/* Contact */

.contactHolder .map iframe 
{   width: 100%;
    border: none;}

.contactInfoRow
{   background: #fff;
    padding-top: 55px;
    padding-bottom: 55px;
    margin-top: -2px;}

.contactInfoRow h2 
{   color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 28px;
    font-weight: 700;
    background: url(../img/blackLineLong.jpg) no-repeat left bottom;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.contactInfoRow p 
{   color: #171717;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 24px;}

.contactSocials
{   overflow: hidden;}

.contactSocials a 
{   width: 29px;
    height: 29px;
    display: block;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    background: url(../img/socials-contact.png) no-repeat;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.contactSocials a:hover 
{   opacity: 0.5}

.contactSocials a.facebook
{   background-position: 0px 0px; }

.contactSocials a.twitter
{   background-position: -42px 0px; }

.contactSocials a.flickr
{   background-position: -83px 0px; }

.contactSocials a.dribbble
{   background-position: -125px 0px; }

.contactSocials a.vimeo
{   background-position: -167px 0px; }

.contactSocials a.behance
{   background-position: -207px 0px; }

.contactSocials a.rss
{   background-position: -250px 0px; }

.contactSocials a.blogger
{   background-position: -292px 0px; }

.contactSocials a.linkedin
{   background-position: -333px 0px; }

.location
{   width: 230px;}

.sections .section-container.auto
{   background: #ebebeb}

.sections .section-container.auto > section > .title a
{   color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 25px 0}

.section-container.auto > section > .title
{   border: none;   width: 33.3%;   text-align: center;  }

.section-container.auto > section > .content
{   border: none;}

.section-container.auto > section > .content
{   background: #464646}

.section-container.auto > section.active > .title
{   background-color: #ebebeb;
    background: url(../img/sectionActive.jpg) no-repeat bottom center;}

.sectionsWrap
{   background: url(../img/sectionsBG.jpg) repeat-x top;
    background-color: #464646}

[data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content
{   padding-top: 90px;}

.sections .content input 
{   border: 3px solid #636363;
    line-height: 35px;
    height: 35px;
    width: 100%;
    padding: 0 15px;
    color: #636363;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 22px;
    background-color: transparent;}

.sections .content textarea
{   border: 3px solid #636363;
    line-height: 35px;
    width: 100%;
    padding: 0 15px;
    color: #636363;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 22px;
    background-color: transparent;
    height: 80px;}

.sections .content .name 
{   width: 50%;
    float: left;
    padding-right: 15px;}

.sections .content .email
{   width: 50%;
    float: left;
    padding-left: 15px;}

.sections .content .submitButton
{   line-height: 40px;
    height: 40px;
    background-color: #626262;
    color: #464646;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    display: block;
    float: right;
    text-transform: uppercase;
    padding: 0 45px;
    font-weight: 700;
    border: 1px solid #626262;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    box-shadow: none;}

.sections .content .submitButton:hover
{   color: #fff;
     background-color: #464646;
     border: 1px solid #626262}

.sections .content 
{   padding-bottom: 89px;
    overflow: hidden;}

.foo2
{   width: 100% !important}

#foo2_pag
{   float: right;
    padding-right: 173px;}

#foo2_pag a
{   background: #000;
    padding: 0 55px;
    height: 45px;
    line-height: 45px;
    display: block;
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    float: left;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

#foo2_pag a.selected
{   padding: 0 55px;
    height: 45px;
    line-height: 45px;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-decoration: none;
    background: #fff;
    color: #000;}

#foo2_pag a:hover
{   padding: 0 55px;
    height: 45px;
    line-height: 45px;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-decoration: none;
    background: #fff;
    color: #000;}




/* Magnify glass */
#green_wrapper {
    position: relative;
    width: 640px;
    height: auto;
    margin: 0 auto;
    border: 12px solid #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(50,50,50 0.5);
    float: left;
}


#spinner 
{   position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background: url(../img/bgsplash.jpg) #000;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;}

 

#spinner .logo
{   position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 9}


/* Updates */

.splasLoad
{   position: absolute;
    left: 0;
    right: 0;
    z-index: 99999}

.testimonials .orbit-bullets li:hover
{   cursor: pointer;
    background: #878b90;}


.scrollers
{   opacity: 0}

.footRowIndex
{   opacity: 0}

.bxPortfolio .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
float: right;
bottom: 0;
right: 0;
position: fixed;
z-index: 999999999999;
}

.portfolioBack
{margin-right: 410px;}




/* Paralax */


.scene {
  margin: 0 auto;
  padding: 0;
  min-height: 350px;
  max-width: 650px;

}

.layer 
 {  position: absolute;}

.layer:nth-child(1) 
{   padding-top: 0;
    padding-left: 55%;}

.layer:nth-child(2) 
{   padding-top: 45%;
    padding-left: 55%;}

.layer:nth-child(3)
{   padding-top: 5%;
    padding-left: 75%;}

.layer:nth-child(4)
{   padding-top: 38%;
    padding-left: 95%;}

.layer:nth-child(5)
{   padding-top: 12%;
    padding-left: 25%;}

.layer:nth-child(6)
{   padding-top: 14%;
    padding-left: 15%;}

.layer:nth-child(7)
{   padding-top: 16%;
    padding-right: 25%;}

.layer:nth-child(8) 
{   padding-top: 19%;
    padding-left: 10%;}

.layer:nth-child(9)
{   padding-top: 20%;
    padding-left: 35%;}

.layer:nth-child(10)
{   padding-top: 25%;
    padding-left: 45%;}

.layer:nth-child(11)
{   padding-top: 22%;
    padding-left: 66%;}

.layer:nth-child(12)
{   padding-top: 35%;
    padding-left: 25%;}

.layer:nth-child(13)
{   padding-top: 28%;
    padding-left: 35%;}

.layer:nth-child(14)
{   padding-top: 9%;
    padding-left: 15%;}

.layer:nth-child(15)
{   padding-top: 11%;
    padding-left: 5%;}

.layer:nth-child(16)
{   padding-top: 1%;
    padding-left: 25%;}

.layer:nth-child(17)
{   padding-top: 6%;
    padding-left: 55%;}

.layer:nth-child(18)
{   padding-top: 9%;
    padding-left: 95%;}

.layer:nth-child(19)
{   padding-top: 10%;
    padding-left: 65%;}

.layer:nth-child(20)
{   padding-top: 36%;
    padding-left: 55%;}

.layer:nth-child(21)
{   padding-top: 19%;
    padding-left: 63%;}

.layer:nth-child(22)
{   padding-top: 3%;
    padding-left: 22%;}

.layer:nth-child(23)
{   padding-top: 44%;
    padding-left: 19%;}

.layer:nth-child(24)
{   padding-top: 13%;
    padding-left: 75%;}

.layer:nth-child(25)
{   padding-top: 6%;
    padding-left: 95%;}

.layer:nth-child(26)
{   padding-top: 16%;
    padding-left: 80%;}

.layer:nth-child(27)
{   padding-top: 20%;
    padding-left: 79%;}

.layer:nth-child(28)
{   padding-top: 42%;
    padding-left: 55%;}


/* Isotope */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.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;
}

/**** disabling Isotope CSS3 transitions ****/

.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;
}

/* Responsive */

@media only screen and (max-width: 1340px){
    ul.filter li a {padding: 0 30px;}  
}

@media only screen and (max-width: 1280px){
    .sides, .sides2 {width: 50%}
    .sides2 {margin-left: 50% !important}    
}

@media only screen and (max-width: 1238px){
    ul.filter li a {padding: 0 20px;}  
}

@media only screen and (max-width: 1150px){
    .sides, .sides2 {width: 40%}
    .sides2 {margin-left: 60% !important}    
}

@media only screen and (max-width: 1139px){
    ul.filter li a {padding: 0 10px;}  
}

@media only screen and (max-width: 970px){
    .sides, .sides2 {width: 100%}
    .sides2 {margin-left: 0 !important} 
    .secondServiceBlock {background: none; background: url(../img/aboutimg2.jpg) repeat top center;}
    .fourthServiceBlock { background: none; background: url(../img/aboutimg2.jpg) repeat top center;}
}

@media only screen and (max-width: 1024px){
    .malihuRow {width: 33.3%;}
    body {background-color: #000;}
    .menu li, .menu li ul li  {width: 85px;}
    .menu {float: none;}
    .menu li ul li, .bx-wrapper .bx-pager.bx-default-pager a {width: 85px;}
    .portfolioHolder, .blogHolder {padding: 0;}
    .menuSide li {float: right; width: 57px;}
    .mockup {margin: -115px auto 0 auto;}
    .foo2 {padding: 0 50px;}
    .foo2 li {padding-bottom: 90px}
}

@media only screen and (max-width: 1024px){
ul.filter li a {padding: 0 40px;}
}

@media only screen and (max-width: 937px){
ul.filter li a {padding: 0 30px;}
}

@media only screen and (max-width: 837px){
ul.filter li a {padding: 0 30px;}
}

@media only screen and (max-width: 767px){
ul.filter li a {padding: 0 20px;}
}

@media only screen and (max-width: 768px){
    .malihuRow {width: 50%;}
    body {background-color: #000;}
    .menu li {width: 85px;}
    .menu li.socials {display: none;}
    .menu {float: right;}
    .colorize {display: none;}
    .portfolioTitle h1 {letter-spacing: 51px;}
    .bx-wrapper .bx-pager {padding-right: 0px;}
    .foo2 {padding: 0 10px;}
    #foo2_pag {padding-right:0;}
    .blogTxt, .videoHold {width: 100%}
    .videoHolder {margin: 0 auto;}
    .videoPost {border-bottom: none;margin-bottom: 0}
    .slideHolder .bx-wrapper img {width: 100%;height: auto;}
    .slideHolder {margin-bottom: 50px;}
    .location {width: 33%;}
    .member {width: 50%}
    .item {width: 49% !important}

}

@media only screen and (max-width: 739px){
ul.filter li a {padding: 0 10px;}
}


@media only screen and (max-width: 637px){
ul.filter li a {padding: 0 20px;}
ul.filter {height:auto; text-align: center;}

}



@media only screen and (max-width: 480px){
    .malihuRow {width: 100%;}
    body {background-color: #000;}
    .menu li {width: 85px;}
    .menu li.socials {display: none;}
    .menu {float: right;}
    .colorize {display: none;}
    .portfolioTitle h1 {letter-spacing: 51px;}
    .bx-wrapper .bx-pager {padding-right: 0px;}
    .foo2 {padding: 0 10px;}
    #foo2_pag {padding-right:0;}
    ul.filter li a {padding: 0 5px;}
    .blogTxt, .videoHold {width: 100%}
    .videoHolder {margin: 0 auto;}
    .videoPost {border-bottom: none;margin-bottom: 0}
    .slideHolder .bx-wrapper img {width: 100%;height: auto;}
    .slideHolder {margin-bottom: 50px;}
    .location {width: 33%;}
    .crossHold {margin-top: 0px;}
    .firstServiceBlock {min-height: none;padding-top: 20px;}
    .service {margin: 20px 10px;}
    .secondServiceBlock {    background: none;
    background: url(../img/aboutimg2.jpg) repeat-y top center;}
    .thirdServiceBlock {background-repeat: repeat-y;background-position: top;}
    .fourthServiceBlock {    background: none;background: url(../img/aboutimg2.jpg) repeat-y top center;}
    .sixthServiceBlock {padding-top: 50px;}
    .sixthServiceBlock .large-5 {margin-bottom: 60px;}
    ul.filter li a {padding: 0 10px;}
    ul.filter li a {font-size: 10px;letter-spacing: 0px;}
    .item {width: 100%;}
    .portfolioTitle h1 {letter-spacing: 31px;font-size: 59px;}
    .mockup {margin: -35px auto 0 auto;}
    .imageBlock0 a, .imageBlock a  {width: 100%}
    .imageBlock0 img, .imageBlock img {width: 100%; height: auto;}
    .imageBlock {margin-bottom: 40px; overflow: hidden;}
    .location {width: 100%;}
    .member {width: 100%}
    .item {   width: 100% !important}

}

@media only screen and (max-width: 320px){
    .crossHold {padding-top: 60px;margin-top: 0;padding-bottom: 20px;background: none;}
    .column, .columns {padding-left: 20px;padding-right: 20px;}
    .service {width: 111px;height: 111px;}
    h1.white {font-size: 40px; letter-spacing: 5px}
    ul.filter {height: auto;border: none; text-align: center;}
    ul.filter li a {font-size: 12px;}
    .portfolioTitle h1 {letter-spacing: 19px;font-size: 44px;}
    .bx-wrapper .bx-pager.bx-default-pager a {width: 25px;}
    #foo2_pag a, #foo2_pag a:hover {width: 25px;padding: 0;text-align: center;}
    #foo2_pag a.selected {width: 25px;padding: 0;text-align: center;}
    .socialsBlog {display: none !important;}
    .commentHolder {padding-left: 65px; margin-left: 0}
    .member {width: 100%}
}


/* Browser Support */

.lt-ie9 .firstRow .mCSB_dragger_bar 
{   background: none;
    background: url(../img/fashion.png) left center no-repeat;}

.lt-ie9 .secondRow .mCSB_dragger_bar 
{   background: none;
    background: url(../img/design.png) left center no-repeat;}

.lt-ie9 .thirdRow .mCSB_dragger_bar 
{   background: none;
    background: url(../img/models.png) left center no-repeat;}

.lt-ie9 .fourthRow .mCSB_dragger_bar 
{   background: none;
    background: url(../img/commercials.png) left center no-repeat;}    

.lt-ie9 .fifthRow .mCSB_dragger_bar 
{   background: none; 
background: url(../img/other.png) left center no-repeat;}

.lt-ie9 .large-12
{   width: 100%;}

.lt-ie9 .large-11
{   width: 91.66667%;}

.lt-ie9 .large-10
{   width: 83.33333%;}

.lt-ie9 .large-9
{   width: 75%;}

.lt-ie9 .large-8
{   width: 66.66667%;}

.lt-ie9 .large-7
{   width: 58.33333%;}

.lt-ie9 .large-6
{   width: 50%;}

.lt-ie9 .large-5
{   width: 41.66667%;}

.lt-ie9 .large-4
{   width: 33.33333%;}

.lt-ie9 .large-3
{   width: 25%;}

.lt-ie9 .large-2
{   width: 16.66667%;}

.lt-ie9 .large-1
{   width: 8.33333%;}

.lt-ie9 .firstBlock
{   min-height: 0;}

.lt-ie9 .secondBlock
{   min-height: 0;}

.lt-ie9 .thirdServiceBlock 
{   min-height: 0;}

.lt-ie9 .fourthBlock
{   min-height: 0;}

.lt-ie9 .fifthBlock
{   min-height: 0;}

.lt-ie9 .firstServiceBlock
{   min-height: 0;}

.lt-ie9 .menu li ul li 
{   height: 45px;}

.lt-ie9 .videoPost
{   clear: both;}

.lt-ie9 .shortTxt
{   margin: 0 auto;
    float: none;}