/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
@font-face {
	font-family: 'std-medium';
	src: url('/sites/all/fonts/Polaris_V2_Medium.eot');
	src: local('☺'), url('/sites/all/fonts/Polaris_V2_Book.woff') format('woff'), url('/sites/all/fonts/Polaris_V2_Book.ttf') format('truetype'), url('/sites/all/fonts/Polaris_V2_Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'GalaxiePolarisBold';
    src: url('/sites/all/fonts/polaris_v2_bold.eot');
    src: url('/sites/all/fonts/polaris_v2_bold.eot') format('embedded-opentype'),
         url('/sites/all/fonts/polaris_v2_bold.woff') format('woff'),
         url('/sites/all/fonts/polaris_v2_bold.ttf') format('truetype'),
         url('/sites/all/fonts/polaris_v2_bold.svgƒGalaxiePolarisBold') format('svg');
}
@font-face {
    font-family: 'GalaxiePolarisLight';
    src: url('/sites/all/fonts/polaris_v2_light.eot');
    src: url('/sites/all/fonts/polaris_v2_light.eot') format('embedded-opentype'),
         url('/sites/all/fonts/polaris_v2_light.woff') format('woff'),
         url('/sites/all/fonts/polaris_v2_light.ttf') format('truetype'),
         url('/sites/all/fonts/polaris_v2_light.svg#GalaxiePolarisLight') format('svg');
}
*:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.logged-in #section-content{
    padding: 0px 20px;
}
.logged-in form input{
    width: 100% !important;
    margin: 0 auto;
    position: relative;
    display: block;
}
.logged-in form input.form-submit{
    background: black;
    max-width: 300px;
    padding:10px;
    margin:20px 0px;text-shadow: 0 0px 0px #fff;
    color: white;
    border-radius: 0px;
}
.field-name-body a{
    color: black;
    text-decoration: underline;
}
body{overflow-x:hidden !important;font-family: "std-medium";font-size: 13px;background: #FFF;}
a img { border: none !important;outline:  none !important; }
.ouralbum-container,
.news-container{height: 100% !important;}
ul.primary{border:none;}
button, input[type="reset"], input[type="submit"], input[type="button"] {
    outline: none !important;
    -webkit-box-shadow:0px !important;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0px solid !important;
    text-shadow: 0px !important;
    width: auto;
}
.front{overflow: hidden;}
/*#region-content, #zone-content{width: 100% !important;}
.field-name-body{max-width: 960px;margin: 30px auto;position: relative;display: block;}*/
/*.field-name-body{max-width: 550px;text-align: justify;}
*/
.loader{position: fixed;top:0px;left: 0;width: 100%;height: 100%;background: #FFF;display: block;z-index:300;}
.loader img{width: 80px;height: auto;top:0;bottom: 0;left: 0;right: 0;margin:auto;position: fixed;}
.parallax-container{position: relative;top:0px;left: 0px;background: #FFF;right:0px;margin:auto;width: 100%;}
#section-header-container {
    background: #FFFFFF;
    top: 0;
    width: 100%;
    position: fixed;
    z-index: 350;
    padding-bottom: 0px;
    border-bottom: solid 0px #e8e8e8;
}
.ouralbum-container #section-header-container {
    background: rgba(255,255,255,0.90);
}
#body-container,
#about-us-body-container{z-index: 97;height: 100%;padding-top:0px;background: #FFF;}
.block-logo{
    float: left;
    margin-top: 20px;
}
#logo img {
    height: auto;
    margin: 0px;
    max-width: 150px;
    width: 100%;
}
.field .field-label {
    font-weight: normal;
    text-transform: lowercase;
}
.breadcrumb, .mobile-menu{display: none;}
.node-type-page .field-name-body #page-title,#page-title{display: none;}
.field-name-body #page-title, .category-title,
.field-name-field-about-us-body #page-title,
.context-who-we-are #page-title
{display: block;font-family: "GalaxiePolarisBold";font-size: 20px;color:black;text-transform: uppercase;font-weight: normal;float: left;width: 100%;padding: 0px;text-align: center;}
.node-type-project h1#page-title{
    text-align: center;
    font-family: "GalaxiePolarisBold";
    font-size: 20px;
    text-transform: uppercase;
    margin: 0px 0px;
    padding: 20px 0px;
    font-weight: normal;
    display: none;
}
#body-container h1#page-title {
    color: #000000;
    display: block;
    font-family: "GalaxiePolarisBold";
    font-size: 16px;
    font-weight: normal;
    margin: 0 auto 17px;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.category-title{width: 100%;margin-bottom: 20px;}
.menu1 ul li.leaf {
    border-right: 1px solid;
    display: inline;
    height: 26px;
    list-style-image: url("../../misc/menu-leaf.png");
    list-style-type: none;
    margin: 0 3px 0 0;
    padding: 0 7px 0 0;
}
/******Menu link*************/
.menu-icon {
    text-align: right;
    margin-top: 30px;
    text-decoration: underline;
    cursor: pointer;
    float: right;
}
.main-menu{
    top: 60px;
    padding-right: 0px;
    position: absolute;
    width: 100%;
    right: 0px;
    height: 0px;
    overflow: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: linear all .4s;
         transition: linear all .4s;
}
#section-content{
    margin-top:74px;
}
#section-header-container{
    height: 70px;
    -webkit-transition: ease all .4s;
         transition: ease all .4s;
}
#section-header-container.expand{
    height: 250px;
    box-shadow: 20px 4px 28px -11px #000;
}
.main-menu.expand{
    opacity: 1;
    height: 230px;
    z-index: 100;
}
.main-menu ul{
    opacity: 0;
    padding: 0px 0px 30px;
    -webkit-transition: linear all .6s;
         transition: linear all .6s;
    -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}
.main-menu.expand ul{
    opacity: 1;
       -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);

}
.main-menu ul li{
    margin:0px;
    padding:0px;
    display: block;
    list-style-image: none;
    list-style-type: none;
    margin:0px;
    text-align: right;
}
.menu1 ul li.last{border: none;}
.main-menu a{
    color:black;
    text-decoration: none;
    text-transform: lowercase;
-moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;}
.menu1 a:hover, .menu2 a:hover, li a.active{color: #CCC;}
.menu2 {
    float: right;
    margin: 10px 0 5px;
    right: 0;
    vertical-align: middle;
    width: 400px;
}
.menu2 ul.menu {
    border: medium none;
    list-style: none outside none;
    text-align: right;
}
.menu2 ul li.leaf {
    display: block;
    list-style-image: none;
    list-style-type: none;
    margin:0px;}
.mobile-menu-container ul li.leaf {
    background: none repeat scroll 0 0 #CCCCCC;
    display: table !important;
    border-bottom: solid 1px white;
    padding: 0;
    height: 40px;
}
.node ol, .node ul{
    padding-left: 0px;
}
.flexslider {
    background: none repeat scroll 0 0 #FFF;
    border: 0px solid #FFF;
    border-radius: 0px;
    margin: 0;
    position: relative;
    width: 100%;
    overflow: hidden;
    box-shadow: none;
    width: 100%;
    left: 0px;
    top: 0px;

}
.flexslider .slides li{
    background: none;
}
.front .flexslider .slides li{
    position: relative;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover ;
    position: relative;
}
.front .flexslider .slides img {
    height: auto;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
}
.flexslider .slides img {
    width: 100%;
    height: auto;
}
.flex-direction-nav a{
    text-indent: -999999px;
    font-size: 0px;
}
#zone-user-wrapper{max-width: 1252px;margin: 0 auto;position: relative;}
.ouralbum-container #zone-content,
.ouralbum-container #zone-content .region,
.news-container #zone-content,
.news-container #zone-content .region,
 #zone-content,
#zone-content .region{width: 100% !important;}
#zone-content .region{margin: 0px !important;}
.grid-item {
    float: none;
    position: relative;
    width: 100%;
    margin-right:0px;
    margin:0px auto 30px;
}
.view-footer{
    float: left;
    margin: 20px auto;
    padding: 20px;
}
.view-our-album{margin: 0 auto;position: relative;}
.our-album{width: 100%;position: relative;margin: 0 auto;}
.album-item {
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    position: relative;
}
.album-item img {
    height: auto;
    width: 100%;
    left: 0;
    min-height: auto;
    max-width: auto;
    position: relative;
    top: 0;
}
div.views-field-field-about-us-video-cover .field-content,
.views-field-field-project-cover,
.views-field-field-news-image{padding: 10px;}
.views-field-field-news-image{
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}
.views-field-field-pdf-cover-image img,
.views-field-field-news-image img{
    max-width: 250px;
    display: table-cell;
    vertical-align: middle;
    margin:0 auto;
}
.grid-item img{width: 100%;height: auto;}

.view-films, .view-work, .view-news{padding:0px 20px;}
.view-news .grid-item img{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.view-news .grid-item img:hover{opacity: 0.5;}

.view-news .views-field-title,
.view-films .views-field-title,
.view-work .views-field-title {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border-top: 1px solid #999999;
    color: #000000;
    height: 100%;
    left: 0;
    opacity: 1;
    padding-top: 20px;
    position: relative;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.view-films .views-field-title .field-content,
.view-work .views-field-title .field-content
{
    display: table;width:100%;height: 100%;text-align: center;
}
.view-films .views-field-title .field-content a,
.view-work .views-field-title .field-content a
{
    display: table-cell;vertical-align: middle;color:black;text-transform: uppercase;text-decoration: none;font-family:"std-medium";font-size: 16px;
}

/***Our news***/
.view-news{
    position: relative;
}
.view-news .views-field-title .field-content{
    bottom: 0;
    height: 20px;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    color:black;text-transform: uppercase;text-decoration: none;font-family:"std-medium";font-size: 16px;
}
.view-films .views-field-title:hover,
.view-work .views-field-title:hover,
.view-news .views-field-title:hover{opacity: 1;}
.body-outer{
    width: 100%;
    background-color: #FFF;
    position: relative;
    float: left;
     -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    margin:20px auto;
}
/*.context-brand .field-name-body,
.context-design .field-name-body,
.context-interiorarchitecture .field-name-body{
    display: none;
}*/
.field-name-body{
    margin: 0 auto;  
    padding-left: 0px; 
    max-width: 500px;
}
.view-work .field-name-body {
    float: none;
    margin: 0 auto;
    width: auto;
    display: block;
    padding: 10px;
    opacity: 1;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.view-work  .field-name-body .field-items{padding-right: 20px;}
.node-type-project .field-name-body .field-items,
.field-name-field-about-us-body .field-items {
    float: left;
    position: relative;
    width: auto;
    padding: 10px;
}
#otherprojects-container{display: none;}
#body-container{

}
#body-container #otherprojects-container{
    display: block;
    margin-top: 0px;
    padding: 0px 10px;
    text-align: center;
}
.field-name-field-other-projects .field-items{float: none;width: auto;right: 0px;text-align: center;}
.field-name-field-other-projects{text-align: center;max-width: 1145px;margin: 0 auto;position: relative;}
.field-name-field-other-projects img{width: 40%;height: auto;}
.field-name-field-other-projects .field-item{
    display: inline-block;
    text-align: left;
    margin-right:10px;
    margin-top:3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
width: 80px;}
.field-name-field-other-projects .field-item:hover{opacity: 0.8;}
#otherprojects-container h2.node-title{display: none;}
.field-name-field-other-projects img{width: 100%;height: auto;}
.field-name-field-other-projects .field-label {
    font-weight: normal;
    margin: 0px auto;
    padding-top: 0px;
    text-align: center;
    text-transform: lowercase;
    display: none;
}
.field-name-field-other-projects{text-align: center;}

.view-work{margin: 0 auto;position: relative;}
button, input[type="reset"], input[type="submit"], input[type="button"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 0px;
    color: #333333;
    cursor: pointer;
    font: bold 12px/1.2 Arial,sans-serif;
    outline: 0 none;
    overflow: visible;
    padding: 3px 10px 4px;
    text-shadow: 0 1px 1px #FFF;
    width: auto;
}
.vjs-default-skin .vjs-big-play-button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 0;
    bottom: 0;
    box-shadow: none !important;
    cursor: pointer !important;
    display: block;
    height: 100px;
    left: 0;
    margin: auto;
    opacity: 0.95;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100px;
}
.vjs-default-skin div.vjs-big-play-button span {
    background: url("/sites/all/images/play.png") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
    display: block;
    height: 100px;
    left: 0%;
    margin:0px;
    position: absolute;
    top: 0%;
    width: 100px;
    z-index: 100;
}
.vjs-controls{display: none !important;}

.flex-nav-container{top:0px;}
.flex-active-slide{overflow: hidden;}
.flex-direction-nav a:before,
.flex-direction-nav a.flex-next:before{content: none;font-size: 0px;}
.flex-direction-nav a.flex-next {
    background: url("/sites/all/images/next.png") no-repeat scroll 0 0 transparent !important;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 82px !important;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 10px !important;
    top: 0;
    z-index: 10;
    text-indent: 999999px;
    margin-top:;
}
.flex-direction-nav a.flex-prev {
    background: url("/sites/all/images/prev.png") no-repeat scroll 0 0 transparent !important;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 82px !important;
    margin: auto;
    opacity: 1;
    position: absolute;
    left: 10px !important;
    top: 0;
    z-index: 10;
    text-indent: 999999px;
}

.mobile-menu-container{
    background: none repeat scroll 0 0 #CCC;
    color: #FFFFFF;
    height: 100%;
    position: fixed;
    right: -300px;
    top: 0;
    width: 300px;
    z-index: 500;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.open{
    right: 0px;

}
.mobile-menu-link {
    display: block;
    float: right;
    margin-top: -33px;
    text-align: right;
    position: relative;
    cursor: pointer;
}
.mobile-menu-link img{height: 25px;width: auto;}
.box-shadow-menu {
  position: relative;
  padding-left: 1.25em;
}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: black;
  box-shadow: 
    0 0.25em 0 0 black,
    0 0.5em 0 0 black;
}
.menu1,
.menu2{display: none;}
.mobile-menu-container .menu1,
.mobile-menu-container .menu2,
.mobile-menu-container ul li.leaf{
    display: block;
    float: none;
    text-align: center;
    width: 100%;
    right: auto;
}
.mobile-menu-container .menu2{margin:0px;}
.mobile-menu-container a{
    font-family:"GalaxiePolarisBold";
    font-size: 12px;
    text-transform: uppercase;
}
.mobile-menu-container a {
    color: #FFFFFF !important;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.mobile-menu-container .mobile-menu{display: block;}
.mobile-menu-container .mobile-menu li{display: block;padding: 20px;}
.mobile-menu-container .mobile-menu a{color: white;}
/***COLORBOX***/
#colorbox{z-index: 150;}
#cboxOverlay {
    background: none repeat scroll 0 0 #FFF;
    cursor: pointer;
    display: block;
    height: 100%;
    opacity: 0.78;
    position: fixed;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index: 100;
}
#cboxPrevious {
    background: url("/sites/all/images/prev-slim-black.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    bottom: 0;
    height: 146px;
    left: 30px;
    margin: -74px 0 0;
    overflow: hidden;
    position: fixed;
    text-indent: -999999px;
    top: 50%;
    width: 89px;
    outline: none;
    border: none;
}
#cboxNext {
    background: url("/sites/all/images/next-slim-black.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    bottom: 0;
    height: 146px;
    right: 30px;
    margin: -74px 0 0;
    overflow: hidden;
    position: fixed;
    text-indent: -999999px;
    top: 50%;
    width: 89px;
    outline: none;
    border: none;
}
#cboxClose{display: none;}
#cboxTitle {
    color: #000000;
    margin-top: 10px;
}
.cboxPhoto{max-width: 900px;height: auto !important;}
.news-item{
    width: 25%;
}
.our-album li {
    display: block;
    list-style-type: none;
    width: 100%;
    margin: 0px !important;
    text-align: center;
    margin-bottom: 20px !important;
}
.news-item .views-field-field-news-image,
.news-item .views-field-title{
    padding: 0px 20px;
}
.news-item img{width: 100%;height: auto;}
.view-news{margin: 0 auto;}
.pager{display: none;}
#infscr-loading {
    bottom: 0;
    font-size: 0;
    left: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 10000;
}
#infscr-loading  img{height: 100px;width: auto;}
.pager-previous, .pager-current, .pager-next{display: none !important;}
iframe.cboxIframe{height: 100%;
    overflow: hidden;
    width: 100%;
}
img.vjs-poster{
    width: 100% !important;
}
/**
NEW WHO WE ARE PAGE
**/
.context-who-we-are .field-name-body{
    padding: 15px;
}
.who-we-are-container{
    margin: 40px 0px;
}
.who-we-are-container .grid-item .field-content{
    padding: 10px;
}
#lightbox2-overlay{
    background: white !important;
}
#lightbox{
}
#imageDataContainer,
#modalContainer,
#outerImageContainer{
    overflow: visible !important;
    padding: 0px !important;
}
#imageDataContainer{/*width: 900px !important;height: auto !important;*/display: none !important;}
#modalContainer,
#outerImageContainer,
object#qtboxMovie{width: 900px !important;height: 522px !important;
-moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;}
.left{
display:block;
width: auto;
left: 0px;
text-align: left;
margin-bottom: 30px;
}
.left .left-content{max-width: 500px;}
.right{
display:block;
width: auto;
right: 0px;
text-align: left;
vertical-align: top;
}
.right .right-content{padding-right: 17px;}
.right a{color: black;text-decoration: none;}
/*VIdeo*/
.video-js{
    width: 100% !important;
}
/*Who we are*/
.node-type-who-we-are .node-who-we-are{
    max-width: 900px;
    margin:0 auto;
    position: relative;
    display: block;
    height: auto;
}
.node-type-who-we-are .node-who-we-are .content{
    display: block;
    vertical-align: middle;
    position: relative;
}
.node-type-who-we-are .field-name-body{
    float: none;
    width: auto;
    padding: 0px 10px;
    margin: 0px auto;
    position: relative;
}
.field-name-field-portrait{
    float: none;
    width: 100%;
    text-align: center;
}

.field-name-field-portrait img{
    width: auto;
    height: auto;
    max-height: 450px;
}