@font-face {
  font-family: 'Simplifica';
  src: url('/includes/fonts/simplifica.ttf')  format('truetype');
}
/**********
RESET
/**********
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
ul{
    padding: 0;
    margin:0;
}
body{
    margin: 0;
}
h1, h2, h3, h4, h5, h5{
    margin: 0;
    color: #222;
}
p, a, li{
    font-family: 'Muli', sans-serif;
}
p{
    font-weight: 200;
}
/**********
BASE
**********/
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; }
html, body{
    font-size: 16px;
    font-family: 'Josefin Sans', sans-serif;
    background-color: #cccccc;
    z-index: -5;
    position: relative;
}
@media(min-width:600px){
    html, body{
    font-size: 20px;
  }
}
@media(min-width:900px){
    html, body{
    font-size: 24px;
  }
}
@media(min-width:1200px){
    html, body{
    font-size: 27px;
  }
}
@media(min-width:1500px){
    html, body{
    font-size: 30px;
  }
}
@media(min-width: 1800px){
    html, body{
    font-size: 33px;
  }
}
@media(min-width: 2100px){
    html, body{
    font-size: 34px;
  }
}
/*font-family: 'Josefin Sans', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Muli', sans-serif*/
/***************
GRID
***************/
.custom-col-6{
    width: 50%;
    float: left;
    position: relative;
}
.custom-col-3{
    width: 25%;
    float: left;
    position: relative;
    padding: .1%;
}
/***************
MAIN MENU
***************/
#main-nav{
    background-color: #222;
    width: 300px;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    padding: .8rem 0;
    -webkit-transition: all .6s;
    transition: all .6s;
    text-align: center;
    border-left: 1px solid #A99758;
    border-right: 1px solid #A99758;
}
@media(max-width: 58em){
    #main-nav{
        margin-left:0!important;
    }
}
#main-nav li {
    text-align: center;
    /*transition: all .6s;*/
}
#main-nav li.active {
  background: #fff;
  border-bottom: 1.5px solid #A99758;
  border-top: 1.5px solid #A99758;
}
#main-nav li.active a {
  color: #222;
}
#main-nav li a:hover {
    text-decoration: underline;
}
#main-nav li a{
    color: #7d7d7d;
    text-decoration: none;
    font-size: .55rem;
    text-transform: uppercase;
    display: block;
    padding: .5rem 0;
    font-family: 'Josefin Sans', sans-serif;
}
@media(min-width: 1500px){
    #main-nav li a{
       font-size: .5rem;
    }
}
@media(max-width: 767px){
    #main-nav li a{
        font-size: .8rem;
    }
}
/*header {
    background: #222;
    height: 1rem;
    z-index: 50;
    width: 100%;
}*/
#logo {
    background: url(/img/logo-2017.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 240px;
    height: 5rem;
    margin: 0 auto;
    margin-bottom: 2rem;
    display: block;
}
/***************
MAIN CONTENT
***************/
.section-module{
    opacity: 0;
    padding-top: 2em;
    -webkit-transition: all .7s ease .3s;
    transition: all .7s ease .3s;
    overflow: hidden;
    /*height: 100%;*/
    position: relative;
}
#main-content-wrap{
   margin-left: 300px;
   -webkit-transition: all .6s;
   transition: all .6s;
   position: relative;
   z-index: -1;
   margin-bottom: 1.7rem;
}
@media(max-width: 58em){
    #main-content-wrap{
        margin-bottom: 0!important;
    }
}
#home-top-video-wrap{
    overflow: hidden;
    z-index: -1;
    position: relative;
}
#home-links-to-deeper-page-outer-wrap{
    background: #eee;
}
#home-links-to-deeper-pages{
    position: relative;
    z-index: 1;
}
.home-link-to-deeper-image{
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    z-index: -1;
}
#home-main-link-to-deeper-image{
    height: 15rem;
    position: relative;
}
.home-links-to-deeper-standard{
    height: 7.5rem;
    float: left;
}
#main-nav-menu-button {
    background: #222;
    position: absolute;
    right: -2.02rem;
    border-radius: 0 3px 3px 0;
    z-index: 1000;
    -webkit-transition: all .7s;
    transition: all .7s;
    top: 1.1rem;
    cursor: pointer;
    text-align: center;
    padding: .35rem .8rem;
    border-top: 1px solid #A99758;
    border-right: 1px solid #A99758;
    border-bottom: 1px solid #A99758;
}
@media(max-width: 58em){
    #main-nav-menu-button{
        display: none;
    }
}
#main-nav-menu-button i {
    color: #fff;
    font-size: 1.1rem;
     -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */        /* FF */          /* Opera */
    -ms-transform: rotate(180deg);         /* IE9 */
    transform: rotate(180deg);
    -webkit-transition: all .6s;
    transition: all .6s;
}
#home-tagline-inner-wrap {
    background: #61543B;
    padding: 3rem 4rem;
}
/*#home-tagline-inner-wrap h3 {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
}*/
#home-tagline-inner-wrap h3 {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    font-family: 'Muli', sans-serif;
}
#home-top-video-wrap video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#home-video-text-wrap {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    margin: 0 auto;
    text-align: center;
    opacity: 1;
    -webkit-transition: all .6s;
    transition: all .6s;
}
#common-template-main-content-wrap .common-template-item-module:first-child #home-video-text-wrap{
    top: 80%;
    opacity: 0;
}
#home-video-text-wrap.videoTextLoadAni{
    -webkit-animation: videoTextLoadAni forwards ease-in-out .7s ;
}
@-webkit-keyframes videoTextLoadAni{
    0%{
        opacity: 0;
        top: 80%;
    }
    100%{
        opacity: 1;
        top: 45%;
    }
}
@keyframes videoTextLoadAni{
    0%{
        opacity: 0;
        top: 80%;
    }
    100%{
        opacity: 1;
        top: 45%;
    }
}
#home-video-text-wrap h2, #home-video-text-wrap h1 {
    color: #fff;
    font-weight: 500;
    line-height: 1.3;
    font-size: 2.2rem;
    margin-bottom: 1.2rem;
    -webkit-transition: all .6s;
    transition: all .6s;
}
#home-video-text-wrap a {
    display: block;
    color: #A99758;
    text-decoration: none;
    padding: .5rem .7rem;
    border: 1px solid #A99758;
    width: 240px;
    margin: 0 auto;
    font-size: .8rem;
    position: relative;
    z-index: 5;
    line-height: 1.3;
}
#home-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3);
}
#main-menu-social-media li {
    display: inline-block;
    background: #A99758!important;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-right: .4rem;
}
#main-menu-social-media li:last-child {
    margin-right: 0;
}
#main-menu-social-media li a {
    padding: .4rem;
    color: #fff!important;
}
#main-menu-social-media {
    padding: .5rem 0;
}
footer {
    background: #222;
    overflow: hidden;
    clear: both;
    /* padding: 0 1rem; */
    border-bottom: 1px solid #A99758;
    padding-left: 298px;
    position: fixed;
    border-left: 1px solid #A99758;
    -webkit-transition: all .6s;
    transition: all .6s;
    width: 100%;
    bottom: 0;
}
@media(max-width: 58rem){
    footer{
        /*position: relative;*/
        padding: 0 1rem;
    }
}
#footer-copyright-wrap {
    float: left;
    width: 40%;
    padding-left: 1rem;
    border-top: 1px solid #A99758;
}
#footer-menu-wrap {
    float: right;
    width: 60%;
    border-top: 1px solid #A99758;
    padding-right: 1rem;
}
#footer-menu-wrap ul li{
    display: inline-block;
}
#footer-menu-wrap li a{
    color: #fff;
    text-decoration: none;
    font-size: .45rem;
    padding: .6rem .3rem;
    display: block;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
}
#footer-menu-wrap ul{
    float: right;
}
#footer-menu-wrap li a:hover{
    text-decoration: underline;
}
#footer-copyright-wrap p {
    color: #fff;
    font-size: .45rem;
    display: inline-block;
    margin-right: .3rem;
    /*font-family: 'Josefin Sans', sans-serif;*/
    margin-top: .5rem;
}
#footer-copyright-wrap a {
    color: #D5C239;
    text-decoration: none;
    font-size: .45rem;
}
.home-main-link-top-deeper-text-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .5rem .9rem;
}
#home-main-link-to-deeper-image .home-main-link-top-deeper-text-wrap{
   padding: 1rem;
/*   background: rgba(0, 0, 0, .5);
   height: 50%;*/
}
/*#home-links-to-deeper-pages .custom-col-6 .home-links-to-deeper-standard:nth-child(2) .home-link-to-deeper-image, #home-links-to-deeper-pages .custom-col-6 .home-links-to-deeper-standard:nth-child(3) .home-link-to-deeper-image{
    background-color: #eeeeee;
    background-image: none!important;
}*/
.home-links-to-deeper-standard h4{
    font-size: .85rem;
    color: #222;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.home-links-to-deeper-standard p{
   font-size: .55rem;
   color: #222;
   line-height: 1.3;
   margin: .4rem 0 0 0;
}
#link-arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(/guncast/img/home-arrow.png);
    width: 2.4rem;
    height: 2.4rem;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
#home-main-link-to-deeper-image h4 {
    color: #fff;
    -webkit-transition: all .6s;
    transition: all .6s;
}
#home-main-link-to-deeper-image p {
    color: #fff;
    font-size: .7rem;
    margin: .4rem 0 0 0;
}
#home-links-to-deeper-pages .custom-col-6 .home-links-to-deeper-standard h4, #home-links-to-deeper-pages .custom-col-6 .home-links-to-deeper-standard p, #home-links-to-deeper-pages .custom-col-6 .home-links-to-deeper-standard h4, #home-links-to-deeper-pages .custom-col-6 .home-links-to-deeper-standard p{
    color: #fff;
}
.image-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -2;
}
@media(max-width: 58em){
    #main-nav{
        width: 100%;
        position: relative;
    }
    #main-content-wrap{
        margin-left: 0!important;
    }
    .custom-col-6{
        width: 100%;
    }
    .custom-col-6.home-links-to-deeper-standard{
        width: 50%;
        float: left;
    }
    #home-main-link-to-deeper-image h4{
        font-size: 1.5rem;
    }
    #home-main-link-to-deeper-image p{
        font-size: 1rem;
    }
    .home-links-to-deeper-standard h4{
        font-size: 1.2rem;
    }
    .home-links-to-deeper-standard p{
        font-size: .75rem;
    }
    .home-links-to-deeper-standard{
        height: 9.5rem;
    }
}
#home-main-link-to-deeper-image .home-link-to-deeper-image, #home-links-to-deeper-pages .custom-col-6 .home-links-to-deeper-standard .home-link-to-deeper-image, #home-links-to-deeper-pages .custom-col-6 .home-links-to-deeper-standard .home-link-to-deeper-image{
    opacity: .7;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.home-links-to-deeper-standard:hover .home-link-to-deeper-image{
    opacity: .3!important;
}
.home-links-to-deeper-standard:hover  h4{
    font-size: 1rem;
}
#home-main-link-to-deeper-image:hover .home-link-to-deeper-image{
    opacity: .3!important;
}
#home-main-link-to-deeper-image:hover h4{
    font-size: 1.4rem;
}
.deeper-page-indicator {
    position: absolute;
    top: 3rem;
    right: 1rem;
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}
.deeper-page-indicator i{
    color: #fff;
}
#home-main-link-to-deeper-image:hover .deeper-page-indicator{
    top: 1rem!important;
    opacity: 1!important;
}
.home-links-to-deeper-standard:hover .deeper-page-indicator{
    top: 1rem!important;
    opacity: 1!important;
}
.deeper-page-indicator span {
    color: #fff;
    text-decoration: none;
    font-size: .8rem;
    display: block;
    float: left;
    padding-top: 1px;
    padding-right: .3rem;
    font-weight: 700;
}
.deeper-page-indicator span:after {
    background: #A99758;
    bottom: -8px;
    content: "";
    display: block;
    height: 1px;
    left: -5px;
    position: absolute;
    /* width: 0; */
    z-index: 50;
    -webkit-transition: all 1s ease 0.3s;
    transition: all 1s ease 0.3s;
}
.fadeInOn #home-main-link-to-deeper-image:hover .deeper-page-indicator span:after{
    -webkit-animation: titleUnderlineDisplay forwards ease-in-out 1.5s;
}
.fadeInOn .home-links-to-deeper-standard:hover .deeper-page-indicator span:after{
    -webkit-animation: titleUnderlineDisplay forwards ease-in-out 1.5s;
}
@-webkit-keyframes titleUnderlineDisplay{
     0%{
        width: 0;
     }
     100%{
        width: 90%;
     }
}
@keyframes titleUnderlineDisplay{
     0%{
        width: 0;
     }
     100%{
        width: 90%;
     }
}
.home-links-to-deeper-standard .deeper-page-indicator span{
    font-size: .6rem;
    padding-top: 8px;
}
.home-links-to-deeper-standard .deeper-page-indicator i{
    font-size: .8rem;
}
.fadeInOn #home-main-link-to-deeper-image:hover .deeper-page-indicator i{
    -webkit-animation: iconTurnGoldHover forwards ease-in-out 1s;
}
.fadeInOn .home-links-to-deeper-standard:hover .deeper-page-indicator i{
    -webkit-animation: iconTurnGoldHover forwards ease-in-out 1s;
}
@-webkit-keyframes iconTurnGoldHover{
     0%{
        color: #fff;
     }
     100%{
        color: #A99758;
     }
}
@keyframes iconTurnGoldHover{
     0%{
        color: #fff;
     }
     100%{
        color: #A99758;
     }
}
.our-work-project{
    -webkit-background-size: cover!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    height: 10rem;
    position: relative;
    overflow: hidden;
    display: block;
}
.our-work-text-wrap {
    position: absolute;
    bottom: .5rem;
    left: .3rem;
    width: 100%;
    opacity: 0;
    z-index: 10;
}
.our-work-text-wrap h4 {
    color: #fff;
    font-size: .65rem;
    margin-bottom: .3rem;
    font-family: 'Muli', sans-serif;
    font-weight: 500;
}
.our-work-text-wrap h3 {
    color: #A99758;
    font-size: .8rem;
    text-transform: uppercase;
    margin-bottom: .2rem;
    font-family: 'Montserrat', sans-serif;
}
.our-work-text-wrap p {
    font-size: .5rem;
    line-height: 1.3;
    color: #fff;
    margin: 0;
    margin-bottom: .3rem;
    max-width: 80%;
}
.our-work-text-wrap a, .our-work-text-wrap span  {
    color: #A99758;
    text-decoration: none;
    font-size: .6rem;
    display: block;
    margin: 0;
    width: 140px;
}
.our-work-text-wrap span:hover {
   text-decoration: underline;
}
.our-work-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
}
.our-work-project:hover .our-work-overlay{
    opacity: 1;
}
.our-work-project:hover .our-work-text-wrap{
    opacity: 1;
}
@media(min-width: 58rem) and (max-width: 100rem){
    #our-work-projects-wrap .custom-col-3{
        width: 33%;
    }
}
@media(max-width: 35rem){
    #our-work-projects-wrap .custom-col-3{
        width: 100%;
        float: none;
    }
}
@media(min-width: 35rem) and (max-width: 58rem){
    #our-work-projects-wrap .custom-col-3{
        width: 50%;
    }
}
.our-work-filter-wrap h2 {
    color: #222;
    font-size: 1rem;
    text-align: center;
    font-family: 'Muli', sans-serif;
}
.our-work-filter-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: .5rem;
}
.our-work-filter-wrap form{
    text-align: center;
}
.our-work-filter-wrap select {
    padding: .3rem .5rem;
    margin-top: 1rem;
    border: none;
    background: #222;
    color: #fff;
    font-family: 'Muli', sans-serif!important;
    text-transform: uppercase;
}
#our-work-deeper-slider{
    position: relative;
}
.our-work-deeper-slider-item {
    -webkit-background-size: cover!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    height: 15rem;
    position: absolute;
    width: 100%;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#our-work-deeper-slider-inner-wrap {
    position: relative;
    height: 15rem;
    overflow: hidden;
}
div#our-work-deeper-slider-controls{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
div#left {
    /*background: #222;*/
    /*width: 2rem;*/
    /*height: 2rem;*/
    z-index: 1000;
    margin-left: 1rem;
    float: left;
    color: #fff;
    font-size: 1.6rem;
    cursor: pointer;
}
div#right {
    /*background: #222;*/
    /*width: 2rem;*/
    /*height: 2rem;*/
    z-index: 1000;
    margin-right: 1rem;
    float: right;
    color: #fff;
    font-size: 1.6rem;
    cursor: pointer;
}
.project-right-wrap {
    width: 68%;
    float: left;
}
.project-left-wrap {
    width: 28%;
    float: left;
    margin-right: 4%;
}
.project-right-wrap h1 {
    font-size: 1.3rem;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: .7rem;
}
.project-right-wrap h2 {
    font-size: 1rem;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: .7rem;
}
.project-right-wrap p{
    font-family: 'Muli', sans-serif;
    font-size: .65rem;
    line-height: 1.4;
    margin: 0;
    margin-bottom: .7rem;
}
.project-right-wrap a, .project-left-wrap a{
    text-decoration: none;
    color: #A99758;
}
.project-right-wrap a:hover, .project-left-wrap a:hover{
    text-decoration: underline;
}
.project-left-wrap h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: .8rem;
    margin-bottom: .2rem;
}
.project-left-wrap p {
    margin: 0;
    margin-bottom: .6rem;
    font-size: .55rem;
    line-height: 1.4;
}
.project-right-wrap, .project-left-wrap {
    padding: 1rem;
}
@media(max-width: 58em){
    .project-right-wrap, .project-left-wrap{
        width: 100%;
        float: none;
    }
}
.common-template-item-module{
    -webkit-background-size: cover!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    position: relative;
}
@media(max-width: 767px){
    .common-template-item-module{
        background-position: initial !important; /* VJKL */
        height: 25rem!important;
    }
}
.common-template-item-text-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75%;
    text-align: center;
    z-index: 10;
}
.common-template-item-text-wrap h2, .common-template-item-text-wrap h1 {
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 2.5rem;
    margin-bottom: .5rem;
}
.common-template-item-text-wrap p {
    color: #fff;
    line-height: 1.3;
    font-size: .8rem;
    max-width: 24rem;
    margin: 0 auto;
}
.image-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}
#common-template-scroll-control {
    position: fixed;
    right: 3rem;
    top: 50%;
    bottom: 50%;
    z-index: 100;
    margin: auto;
    display: table;
}
#common-template-scroll-control a {
    display: block;
    margin-bottom: .5rem;
    padding: 5px;
    width: 400px;
    overflow: hidden;
}
.common-template-control-icon {
    width: .3rem;
    height: .3rem;
    display: block;
    background: #fff;
    border-radius: 100%;
    position: relative;
    float: right;
}

.common-template-control-icon span {
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    color: #ffffff;
    position: absolute;
    right: 10px;
    opacity: 0;
    text-transform: uppercase;
}

#common-template-scroll-control a:hover .common-template-control-icon {
    background: none;
    border: 2px solid white;
}

#common-template-scroll-control a:hover .common-template-control-icon span {
    right: 20px;
    opacity: 1;
    top: -2px;
}

.common-template-item-text-wrap a {
    color: #fff;
    display: block;
    text-decoration: none;
    padding: .4rem .7rem;
    border: 1px solid #fff;
    width: 6rem;
    margin: 0 auto;
    text-align: center;
    font-size: .8rem;
    margin-top: 1rem;
    font-weight: 200;
}
#our-clients-main-content-wrap{
    padding: 3rem 1rem 1rem 1rem;
}
#our-clients-main-content-wrap h1{
    font-family: 'Montserrat',sans-serif;
    font-size: 1.3rem;
    margin-bottom: .7rem;
}
#our-clients-main-content-wrap h2{
    font-family: 'Montserrat',sans-serif;
    font-size: 1rem;
    margin-bottom: .6rem;
}
#our-clients-main-content-wrap p {
    font-size: .65rem;
    line-height: 1.4;
    margin: 0;
    margin-bottom: .7rem;
}
div#our-work-filter-buttons {
    position: fixed;
    z-index: 10;
    right: 3rem;
    background: #A99758;
    padding: 0 .5rem;
    border-radius: 0 0 5px 5px;
}
#our-work-filter-buttons li {
   display: inline-block;
   padding-bottom: .4rem;
   margin-right: .4rem;
}
#our-work-filter-buttons li:last-child {
   margin-right: 0;
}
#our-work-filter-buttons a {
    color: #fff;
    text-decoration: none;
    font-size: .5rem;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
}
#our-work-filter-buttons a:hover {
   text-decoration: underline;
}
.our-story-section-wrap{
    position: relative;
}
.our-story-image-section {
    -webkit-background-size: cover!important;
    background-size: cover!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    width: 100%;
    float: left;
    position: absolute;
    left: 0;
    -webkit-transition: all .8s;
    transition: all .8s;
}
.our-story-section-wrap {
    overflow: hidden;
}
.our-story-text-wrap {
    width: 50%;
    float: left;
    padding: 1rem;
    position: absolute;
    right: -50%;
    -webkit-transition: all .8s;
    transition: all .8s;
}
.our-story-text-wrap p {
    margin: 0;
    margin-bottom: .7rem;
    font-size: .65rem;
    line-height: 1.4;
}
.our-story-date-text-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.our-story-date-text-wrap h2 {
    color: #fff;
    font-size: 3rem;
}
.news-blog-image {
    -webkit-background-size: cover!important;
    background-size: cover!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    height: 12rem;
    width: 38%;
    float: left;
    margin-right: 4%;
    display: block;
}
.news-blog-text-wrap {
    width: 58%;
    float: left;
}
.news-blog-item {
    overflow: hidden;
    padding: 1rem;
}
h3 {
    font-size: 1.1rem;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.3;
    margin-bottom: .5rem;
}
.news-blog-text-wrap p {
    font-size: .65rem;
    line-height: 1.3;
    margin: 0;
    margin-bottom: .7rem;
}
.news-blog-text-wrap a{
    display: block;
    color: #A99758;
    text-decoration: none;
    font-size: .7rem;
}
.news-blog-text-wrap a:hover{
   text-decoration: underline;
}
#news-deeper-top-image {
    -webkit-background-size: cover!important;
    background-size: cover!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    height: 15rem;
}
#footer-menu-wrap li.active {
    background: #A99758;
}
#nav-contact-wrap li {
    color: #fff;
    font-size: .5rem;
    margin: 0;
    padding: 0;
    margin-bottom: .3rem;
}
#nav-contact-wrap a {
    margin: 0;
    padding: 0!important;
    font-size: .45rem!important;
}
#nav-contact-wrap li.active{
    background: #222;
    color: #fff;
    border: none;
}
#nav-contact-wrap li.active a{
    color: #fff;
}

/***********************
JS INCROPORATED CLASSES
************************/
#main-nav.mainMenuOn{
    margin-left: -285px;

}
#main-content-wrap.mainMenuOn{
    margin-left: 15px;
}
.fadeInOn{
    opacity: 1;
    padding: 0;
}
#main-nav-menu-button.mainMenuOn i{
    -webkit-transform: rotate(0deg);     /* Chrome and other webkit browsers */        /* FF */          /* Opera */
    -ms-transform: rotate(0deg);         /* IE9 */
    transform: rotate(0deg);
}
.homeDeeperLinkHover{
    opacity: 1!important;
}
.homeDeeperLinkNotHover{
    opacity: .3;
}
.home-links-to-deeper-standard{
    -webkit-transition: all .6s;
    transition: all .6s;
}
.imageSliderItemOn{
    opacity: 1;
}
body.mainMenuOn footer{
    padding-left: 0;
    border-left: 0;
}
.our-story-section-wrap.ourStorySectionInView .our-story-image-section{
    /*width: 50%;*/
}
.our-story-section-wrap.ourStorySectionInView .our-story-text-wrap{
    right: 0;
    background-color: #eee;
    opacity: 0.8;
}
/************************
UPDATES JAN 23RD 2017
************************/
#main-nav, #footer-copyright-wrap, #footer-menu-wrap, #main-nav-menu-button, footer{
    border: none;
    background: #333;
}
#main-nav-menu-button{
    right: -1.8rem;
}
#main-content-wrap{
    margin-bottom: 0;
}
#logo{
    margin-bottom: 1rem;
}
#home-top-video-wrap {
    overflow: hidden;
    z-index: -1;
    position: relative;
    -webkit-background-size: cover!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
}
footer {
    background: rgba(0, 0, 0, .3);
}
#footer-copyright-wrap, #footer-menu-wrap{
    background: transparent;
}
/*********************
MENU BUTTON ANIMATION
*********************/
#menu-icon:after, #menu-icon:before, #menu-icon {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 24px;
    background: #7d7d7d;
    position: absolute;
    display: block;
    content: '';
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
#main-nav #menu-icon:before{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
}
#main-nav #menu-icon:after{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
}
#main-nav.mainMenuOn #menu-icon:before{
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: -10px;
}
#main-nav.mainMenuOn #menu-icon:after{
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: 10px;
}
#menu-icon{
    background: transparent;
}
#main-nav.mainMenuOn #menu-icon{
    background-color: #7d7d7d;
}
#menu-icon-wrap {
    position: relative;
    padding: 14px 18px;
}
#logo {
    background: url(http://217.199.187.200/dev-guncast2015.co.uk/test2018/images/Logo_2.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 3rem;
    height: 3rem;
    margin: 0;
    margin-bottom: 1rem;
    display: block;
}
#home-video-text-wrap h2, #home-video-text-wrap h1 {
    color: #fff;
    font-weight: 200;
    line-height: 1.3;
    font-size: 2.2rem;
    margin-bottom: 1.2rem;
    -webkit-transition: all .6s;
    transition: all .6s;
}
@media (min-width: 1500px){
    #main-nav li a {
        font-size: .55rem;
    }
}
#logo span {
    display: block;
    font-size: .9rem;
}
#main-menu-social-media {
    padding: .3rem 0 .8rem;
}
#logo{
    color: #A99758;
}
#main-nav li.active a {
    color: #fff;
}
#main-nav li.active{
    background-color: transparent;
}
#main-nav, #main-nav-menu-button{
    background: #efefef;
}
#main-menu-social-media li {
    background: #A99758;
    border-radius: 100%;
}
#main-menu-social-media li a{
    color: #303030!important;
}
@media(max-width: 767px){
   #main-menu-social-media li{
    padding: 6px;
   }
}
@media(min-width: 768px) and (max-width: 1350px){
   #main-menu-social-media li{
    padding: 3px;
   }
}
#footer-copyright-wrap p{
    margin-top: .6rem;
    margin-bottom: .6rem;
}
#home-video-text-wrap a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: .5rem .3rem;
    width: 170px;
    margin: 0 auto;
    font-size: 16px;
    position: relative;
    z-index: 5;
    line-height: 1.3;
    background: #A99758;
    text-align: center;
}
#main-nav{
    width: 10rem;
    padding: 1.5rem 1.8rem;
    background-color: #efefef;
    text-align: left;
}
#main-nav li.active {
    background: transparent;
     border-bottom: none;
     border-top: none;
}
#main-nav li.active a {
    color: #A99758;
    font-weight: 600!important;
}
#main-nav li{
    text-align: left;
}
#main-nav li a{
    padding: .3rem 0;
}
#main-menu-social-media li{
    text-align: center;
}
#main-nav.mainMenuOn {
    margin-left: -9.5rem;
}
#main-nav li a {
    font-family: 'Muli';
    font-weight: 350!important;
}
#main-content-wrap {
    margin-left: 10rem;
    display: block;
}
.common-template-item-text-wrap h2, .common-template-item-text-wrap h1{
    font-weight: 200;
}
.common-template-item-text-wrap p{
    font-size: .7rem;
}
#nav-text {
    padding: 1rem 0;
}
#nav-text p {
    color: #7d7d7d;
    font-size: .5rem;
    line-height: 1.3;
}
#main-content-wrap.mainMenuOn {
    margin-left: 12px;
}
@media(max-width: 58em){
    #main-nav{
        width: 100%;
        position: relative;
    }
}
.home-slider-item{
    overflow: hidden;
    position: relative;
    -webkit-background-size: cover!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    opacity: 0;
    -webkit-transition: all .7s;
    transition: all .7s;
    position: absolute;
    width: 100%;
    height: 100%;
}
.home-slider-image{
    overflow: hidden;
    position: absolute;
    -webkit-background-size: cover!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    opacity: 0;
    -webkit-transition: all .7s;
    transition: all .7s;
    position: absolute;
    width: 100%;
    height: 100%;
}
#slider-controls-wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}
/*#slider-controls-wrap #left, #slider-controls-wrap #right{
    background: #222;
    height: 2rem;
    width: 2rem;
}*/
.home-slider-item.imageSliderItemOn, .home-slider-item.imageSliderItemOn .home-slider-image{
   opacity: 1;
}
#home-slider-wrap .home-slider-item #home-video-text-wrap{
    opacity: 1;
    top: 45%;
}
#home-slider-wrap .home-slider-item:first-child #home-video-text-wrap{
    opacity: 0;
}
#nav-text a{
    color: #A99758;
    text-decoration: none;
}
#nav-text a:hover{
   text-decoration: underline;
}
#home-slider-logo {
    -webkit-background-size: contain!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    width: 3.5rem;
    height: 3.5rem;
    max-width: 140px;
    position: absolute;
    top: 34%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1000;
}
#home-video-text-wrap a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: .5rem .3rem;
    width: 170px;
    margin: 0 auto;
    font-size: 18px;
    position: relative;
    z-index: 5;
    line-height: 1.3;
    background: rgba(255, 255, 255, .2);
    text-align: center;
    -webkit-transition: all .6s;
    transition: all .6s;
    border: none;
}
#home-video-text-wrap a:hover {
    color: #fff;
    background: rgba(255, 255, 255, .3);
}
.common-template-item-text-wrap p {
    font-size: .6rem;
}
.common-template-item-text-wrap a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: .3rem;
    width: 170px;
    margin: 0 auto;
    font-size: 18px;
    position: relative;
    z-index: 5;
    line-height: 1.3;
    background: rgba(255, 255, 255, .2);
    text-align: center;
    -webkit-transition: all .6s;
    transition: all .6s;
    border: none;
}
.common-template-item-text-wrap a:hover {
    color: #fff;
    background: #A99758;
}
.common-template-item-text-wrap p{
    margin-bottom: .8rem;
}
.homeSliderZoom{
    -webkit-animation: homeSliderZoomAni linear infinite  25s;
}
@-webkit-keyframes homeSliderZoomAni{
    0%{
        /*translate: 0;*/
        -webkit-transform: scale(1);
        transform: scale(1);

    }
    100%{
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes homeSliderZoomAni{
    0%{
        /*translate: 0;*/
        -webkit-transform: scale(1);
        transform: scale(1);

    }
    100%{
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
#home-video-text-wrap a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 13px 15px 11px 15px;
    width: 240px;
    margin: 0 auto;
    font-size: 17px;
    position: relative;
    z-index: 5;
    line-height: 1.3;
    background: transparent;
    text-align: center;
    -webkit-transition: all .6s;
    transition: all .6s;
    border: 2px solid #fff;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#home-video-text-wrap a:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 150px;
    height: 2px;
    top: 50%;
    right: -72%;
}
#home-video-text-wrap a:before {
    content: "";
    height: 2px;
    width: 150px;
    background: #fff;
    position: absolute;
    left: -40%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#home-video-text-wrap h2, #home-video-text-wrap h1, #home-video-text-wrap .hhead {
    color: #fff;
    font-weight: 200;
    line-height: 1.2;
    font-size: 1.7rem;
    -webkit-transition: all .6s;
    transition: all .6s;
    letter-spacing: 2px;
    max-width: 70%;
    margin: 0 auto;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
#home-slider-logo {
    -webkit-background-size: contain!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    width: 3rem;
    height: 3rem;
    max-width: none;
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 1000;
    margin: 0 auto;
    margin-bottom: 1rem;
}
footer{
    background: transparent;
}
#footer-menu-wrap{
    width: auto;
    padding-left: 1rem;
    background: rgba(0, 0, 0, .2)
}
/*#footer-menu-wrap li a{
    font-family: 'Muli', sans-serif;
    font-weight: 200;
}*/
#logo{
    margin: 0 auto;
    margin-bottom: 1rem;
}
#main-nav li, #nav-text, #main-menu-social-media{
    text-align: center;
}
#main-nav-list li a{
    padding: .6rem 0;
    border-bottom: 1px solid rgba(167, 150, 87, .1);
}
#main-nav li a:hover {
    text-decoration: none;
    color: rgba(167, 150, 87, .5);
    background: transparent;
}
#nav-contact-wrap li a {
    font-weight: 500!important;
    font-size: 13px!important;
}
.our-story-text-wrap, .our-story-image-section{
    -webkit-transition: all 1.4s;
    transition: all 1.4s;
}
#menu-icon-wrap {
    position: relative;
    display: block;
    width: 60px;
    height: 35px;
    padding: 0;
}

div#menu-text-wrap {
    position: relative;
    display: block;
    background: #303030;
    height: 35px;
    width: 60px;
}
#menu-text {
    color: #fff;
    font-size: 15px;
    font-family: 'Muli';
    font-weight: 200;
    position: absolute;
    top: 128%;
    left: 32px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all .7s;
    transition: all .7s;
}
#main-nav-menu-button{
    padding: 0;
}
#menu-icon-inner-wrap {
    padding: 8px 1px;
}
#menu-icon-wrap {
    position: relative;
    display: block;
    width: 60px;
    height: 46px;
    background: #efefef;
}
#menu-icon:after, #menu-icon:before, #menu-icon {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 22px;
    /*background: #fff;*/
    position: absolute;
    display: block;
    content: '';
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
#main-nav.mainMenuOn #menu-icon:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: -8px;
}
#main-nav.mainMenuOn #menu-icon:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: 8px;
}
#menu-icon-wrap {
    padding: 14px 18px;
}
.mainMenuOn #menu-text{
    opacity: 1;
}
#main-nav-list li a{
    font-size: .47rem;
    line-height: normal;
}
#nav-text p{
    font-size: .45rem;
    margin: 0 auto;
}
#nav-text {
    padding: .8rem 0;
}
#main-menu-social-media li {
    width: 35px;
    height: 35px;
}
#main-nav li a {
    padding: .2rem .3rem;
}
#main-nav-list li a {
    padding: .4rem 0;
}
@media(max-width: 1450px){
    #main-menu-social-media li a {
       padding: .3rem 0;
  }
}
/*#home-video-text-wrap{
    position: fixed;
}*/
/*
.home .common-template-item-module {
    background-attachment: initial!important;
}*/
#home-video-text-wrap{
    width: 100%;
    /*padding-left: 10rem;*/
}
#home-video-text-wrap{
    width: 100%;
    /*padding-left: 10rem;*/
}
.mainMenuOn #home-video-text-wrap{
    width: 90%;
    padding-left: 0;
}
#home-video-text-wrap h2, #home-video-text-wrap h1{
    max-width: 80%;
}
.mainMenuOn #home-video-text-wrap h2, .mainMenuOn #home-video-text-wrap h1{
    max-width: 55%;
}
.pagination {
    position: fixed;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.4em;
    z-index: 10;
}
.home-image-nav {
    background: transparent;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    z-index: 100;
    display: block;
    margin-bottom: .4rem;
    border: 1px solid #fff;
}
@media(max-width: 58em){
    #main-nav {
        width: 100%!important;
        position: absolute!important;
        left: -100%;
        height: auto;
    }
     #home-video-text-wrap a {
        font-size: 13px;
     }
}
@media(max-width: 38rem){
      .common-template-item-module {
       height: 32rem!important;  /* VJKL */
   }
}
@media(max-width: 650px){
    #home-video-text-wrap a:before, #home-video-text-wrap a:after{
        content: none;
    }
    #home-video-text-wrap a {
        width: 80%;
   }
   #home-video-text-wrap {
       width: 100%!important;
   }
   #home-video-text-wrap h2, #home-video-text-wrap h1 {
      max-width: 90%!important;
   }
   footer {
    padding: 0;
    width: 100%;
  }
  #footer-menu-wrap {
    padding-left: 0;
    width: 100%;
  }
  #footer-menu-wrap li a {
    font-size: .55rem;
  }
}
#mobile-menu-icon-wrap {
    position: absolute;
    display: block;
    width: 60px;
    height: 46px;
    display: none;
    right: 0;
    padding: 1.5rem 1rem;
}
#mobile-menu-icon-inner-wrap {
    padding: 8px 1px;
}
#mobile-main-nav.mainMenuOn #menu-icon {
    background-color: #fff;
}
#mobile-menu-icon:after, #mobile-menu-icon:before, #mobile-menu-icon {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 22px;
    position: absolute;
    display: block;
    content: '';
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    background: #fff;
}
#mobile-menu-icon:before {
    top: -8px;
}
#mobile-menu-icon:after {
    top: 8px;
}
@media(max-width: 58em){
    #mobile-menu-icon-wrap {
       display: block;
    }
    #main-nav.mobileMenuOpen {
       left: 0;
    }
    #main-nav-list li a {
      font-size: 1rem;
      padding: 1rem 0;
   }
   #nav-text p {
    font-size: .8rem;
    margin: 0 auto;
    line-height: 1.6;
  }
  #logo{
    margin: inherit;
    margin-bottom: 2rem;
  }
  #nav-text {
    padding: 2rem 0;
  }
}
/*******************
UPDATES 06/02/2017
*******************/
.our-story-date-text-wrap {
    z-index: 1;
}
.our-story-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}
.our-story-section-wrap.ourStorySectionInView .our-story-image-section {
    /*width: 60%;*/
}
.our-story-text-wrap {
    width: 40%;
}
.our-story-image-section {
    -webkit-background-size: cover!important;
    background-size: cover!important;
    background-position: 87% 102%!important;
}
.project-info-slide {
    opacity: 0;
    position: absolute;
    left: 0;
    padding: 0 1rem;
}
.project-info-slide.imageSliderItemOn{
    opacity: 1;
}
.project-right-wrap{
    width: 100%;
    float: none;
}
#our-work-deeper-main-content {
    position: absolute;
    top: 0;
    background: rgba(238, 238, 238, .75);
    width: 50%;
    right: 0;
    height: 350px;
    -webkit-transition: all .7s;
    transition: all .7s;
    border-bottom: 2px solid #A99758;
}
#portfolio-control-wrap {
    position: absolute;
    width: 3%;
    top: .7rem;
    right: 1.5rem;
}
#portfolio-left {
    left: 0;
    position: absolute;
}
#portfolio-right {
    position: absolute;
    left: 90%;
}
.portfolio-control{
    color: #222;
    cursor: pointer;
}
.project-right-wrap h1{
    font-size: 1rem;
}
.project-right-wrap h2 {
    font-size: .85rem;
}
.project-right-wrap h3 {
    font-size: .75rem;
    margin-bottom: 0;
}
.project-right-wrap p {
    font-size: .55rem;
}
#project-details-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(238, 238, 238, .75);
    padding: .45rem .8rem;
    -webkit-transition: all .7s;
    transition: all .7s;
}
#project-details-bottom h3 {
    font-size: .65rem;
    margin-bottom: 0;
}
#project-details-bottom p {
    font-size: .5rem;
    margin: .35rem 0;
}
.mainMenuOn #our-work-deeper-main-content{
    top: -100%;
}
.mainMenuOn #project-details-bottom{
    bottom: -100%;
}
#our-work-deeper-slider {
    position: relative;
    overflow: hidden;
}
#our-work-deeper-slider-controls {
    z-index: 10;
}
#mobile-project-info-wrap{
    display: none;
}
@media(max-width: 58em){
    #our-work-deeper-main-content{
        display: none;
    }
    #project-details-bottom{
        display: none;
    }
    #mobile-project-info-wrap{
        display: block;
    }
    .our-work-deeper-slider-item, #our-work-deeper-slider-inner-wrap{
        height: 15rem!important;
    }
    .project-left-wrap p{
        font-size: .9rem;
    }
    .project-left-wrap h3{
        font-size: 1.2rem;
    }
    .project-right-wrap h1 {
       font-size: 1.5rem;
   }
   .project-right-wrap h2 {
      font-size: 1.3rem;
   }
   .project-right-wrap p {
      font-size: .9rem;
   }
}
#logo {
    margin-bottom: 0.4rem;
}
#guncast-brand {
    display: block;
    color: #7d7d7d;
    font-size: .6rem;
    text-align: center;
    line-height: 1.3;
    margin-bottom: .5rem;
    font-weight: 400;
    text-transform: uppercase;
}
@media(max-width: 58em){
    #guncast-brand{
        display: none;
    }
    #common-template-scroll-control{
        display: none;
    }
}
#main-nav {
    padding: 1.2rem 1.8rem;
}
#menu-icon-wrap {
    border-radius: 0 12px 12px 0;
}
#menu-icon-wrap {
    padding: 14px 21px;
}
@media(max-width: 1500px){
    #nav-text{
        display: none;
    }
    #main-menu-social-media {
        margin-top: .65rem;
   }
}
#project-details-bottom .col {
    float: left;
    width: auto;
    margin-right: 3.5rem;
}
#project-details-bottom .col:last-child {
   margin-right: 0;
}
#project-details-bottom p {
    font-size: .5rem;
    margin: .25rem 0;
    margin-bottom: 0;
}
#language-footer-wrap {
    /* position: absolute;
    top: -1.7rem; */
	position:fixed;
	bottom:94%;
    right: -6.7rem;
    background: rgba(0, 0, 0, .2);
    padding: 0 .5rem;
    -webkit-transition: all .7s;
    transition: all .7s;

	right:0;
	bottom:1.8rem;
	height:1.6rem;
}

@media screen and (max-width:767px){
	#language-footer-wrap {
		right:-3.4rem;
	}
}

#language-footer-wrap li {
    display: inline-block;
}
#language-footer-wrap a {
    color: #fff;
    text-decoration: none;
    font-family: 'Josefin Sans', sans-serif;
    font-size: .5rem;
    padding: .6rem .05rem;
    display: block;
}
#language-footer-wrap a:hover {
   text-decoration: underline;
}
footer{
    overflow: visible;
}
#language-footer-wrap.openLangMenu{
    right: 0;
}
#globe-lang {
    position: absolute;
    height: 100%;
    width: 1.6rem;
    left: 0;
    background: rgba(169, 151, 88, 1);
    text-align: center;
    cursor: pointer;
}
#language-footer-wrap ul {
    margin-left: 1.6rem;
}
#globe-lang i {
    color: #fff;
    font-size: .6rem;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.home .image-overlay {
    background: rgba(0, 0, 0, .3);
}

.portfolio-control {
    color: #fff;
    background: rgba(169, 151, 88, 1);
    padding: 5px 10px;
    font-size: .85rem;
}
#portfolio-control-wrap {
    width: 1.3rem;
}
#our-work-deeper-main-content {
    height: 230px;
    width: 60%;
}
@media(min-width: 58em) and (max-width: 70em){
    .project-right-wrap h1 {
        max-width: 93%;
    }
}
#news-deeper-main-content-wrap #our-work-deeper-main-content {
    height: auto;
    width: 100%;
}
#news-deeper-main-content-wrap #our-work-deeper-main-content {
    position: relative;
    top: auto;
    background: transparent;
    width: auto;
    right: auto;
    height: auto;
    -webkit-transition: all .7s;
    transition: all .7s;
    border-bottom: none;
}
#news-deeper-main-content-wrap .project-right-wrap {
     width: 68%;
     float: left;
}
#news-deeper-main-content-wrap #our-work-deeper-main-content{
    display: block!important;
}
@media(max-width: 58em){
    #news-deeper-main-content-wrap .project-right-wrap {
         width: 100%;
         float: none;
   }
}
div#cck1r_label_portfolio_categories {
    display: none;
}
#portfolio_categories label:last-child {
    padding: 0;
}
#portfolio-search {
    position: fixed;
    z-index: 100;
    right: 3rem;
    background: #A99758;
    padding: 0 .5rem;
    border-radius: 0 0 5px 5px;
}
#portfolio-search label{
    color: #fff;
    font-size: .65rem;
}
#portfolio-search #cck1r_button_submit {
    width: auto;
}
#portfolio-search #button_submit {
    font-family: 'Muli', sans-serif;
    font-size: .6rem!important;
    color: #fff;
    text-transform: uppercase;
    background: transparent;
    border: none;
}
#book-service-form input, #book-service-form textarea, #contact-form input, #contact-form textarea {
    display: block;
    padding: .5rem;
    width: 100%;
    margin-bottom: .5rem;
    border: none;
    font-family: 'Muli', sans-serif;
    font-size: .6rem;
}
#book-service-form h4, #contact-form h4{
    font-size: .7rem;
    margin-bottom: .3rem;
}
#book-service-form h4, #book-service-form label, #contact-form h4, #contact-form label{
    font-family: 'Muli', sans-serif;
}
#book-a-service-inner-left {
    width: 38%;
    float: left;
    overflow: hidden;
    margin-right: 4%;
}
#book-a-service-inner-right {
    width: 58%;
    float: left;
    overflow: hidden;
}
@media(max-width: 58em){
    #book-a-service-inner-left {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    #book-a-service-inner-right {
        width: 100%;
        float: none;
    }
}
#book-service-form textarea, #contact-form textarea {
    height: 10rem;
    font-size: .55rem;
    /*font-weight: 200;*/
    color: inherit;
}
#book-service-form label, #contact-form label {
    font-size: .55rem;
}
#book-service-form input {
    width: auto!important;
    display: inline-block;
    margin-right: 10px;
}
#contact-form .checks input{
    width: auto!important;
    display: inline-block;
    margin-right: 10px;
}
span.checkbox-label {
    display: inline-block;
    font-weight: 200;
}
#book-service-user-info-wrap input {
    display: block;
    width: 100%!important;
    margin-right: 0;
    font-size: .55rem;
    /*font-weight: 200;*/
    color: inherit;
}
#book-service-form, #contact-form {
    overflow: hidden;
    padding: .5rem 0;
    display: block;
    clear: both;
}
.checks {
    margin-bottom: 1rem;
}
#book-service-form ::-webkit-input-placeholder, #contact-form ::-webkit-input-placeholder {
    font-size: .55rem;
}
#submit {
    background: #A99758;
    text-align: center;
    padding: 15px 18px;
    text-transform: uppercase;
    font-size: .5rem;
}
.contact-col h4 {
    font-family: 'Muli', sans-serif;
    font-size: .9rem;
    margin-bottom: .2rem;
}
.contact-col h5 {
    font-family: 'Muli', sans-serif;
    font-size: .65rem;
    margin-bottom: .1rem;
}
.contact-col a {
    font-family: 'Muli', sans-serif;
    font-size: .65rem;
    text-decoration: none;
    color: #A99758;
    display: block;
}
.contact-col {
    width: calc((100% / 4) - 10.5%);
    float: left;
    margin-right: 3.5%;
}
#contact-cols-wrap .contact-col:last-child {
    margin-right: 0;
}
@media(max-width: 58em){
    .contact-col {
     width: 100%;
     float: none;
     margin-right: 0;
   }
}
#contact-form #submit, #book-service-form #submit {
    width: auto;
    border-radius: 4px;
    font-size: 500;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
}
.contact-container{
    padding: 3rem 1rem 1rem 1rem;
}
.contact-container h1{
    font-family: 'Montserrat',sans-serif;
    font-size: 1.3rem;
    margin-bottom: .7rem;
}
.contact-container p {
    font-size: .65rem;
    line-height: 1.4;
    margin: 0;
    margin-bottom: 1rem;
}
.common-banner-image {
    -webkit-background-size: cover!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: 10% 225%!important;
    height: 7rem;
    background-attachment: fixed!important;
}
.common-banner-wrap h1 {
    position: absolute;
    color: #fff;
    font-family: 'Muli', sans-serif;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}
.common-banner-wrap {
    position: relative;
}
#contact-cols-wrap .contact-container {
    overflow: hidden;
    background: #e7e7e7;
    padding: 2rem 1rem;
}
#contact-cols-wrap {
    overflow: hidden;
}
.contact-col p{
    margin-bottom: 0;
}
.common-banner-overlay{
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
}
.contact1{
    padding: 1.5rem 1rem;
}
.contact-intro-text, .book-service-intro{
    text-align: center;
    margin-bottom: 1rem!important;
}
.book-a-service-wrap {
    padding: 1.5rem 1rem!important;
}
#book-a-service-link {
    text-decoration: none;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    position: fixed;
    z-index: 10;
    background: #A99758;
    padding: .5rem;
    right: 3rem;
    border-radius: 0 0 5px 5px;
    font-size: .5rem;
}
#book-a-service-link:hover {
    text-decoration: underline;
}
#contact-international-wrap ul{
    margin-bottom: 1rem;
}
#contact-international-wrap li {
    display: inline-block;
    margin-right: .3rem;
    font-family: 'Muli', sans-serif;
    font-size: .55rem;    
}
#contact-international-wrap a {
    color: #A99758;
    text-decoration: underline;
    display: block;
    margin: 0;
}
#contact-international-wrap a:hover{
    text-decoration: underline;
}
#contact-international-wrap h3 {
    margin-bottom: 0;
}
.contact-container h5{
    font-family: 'Muli', sans-serif;
}
div.cck_forms.cck_search div.cck_form.cck_form_checkbox input {
    margin: 14px 5px 0 0 !important;
}
div#cck1r_form_button_submit:before {
    content: '\f002';
    color: #fff;
    font-family: 'fontawesome';
    font-size: .6rem;
}
#project-details-bottom{
    position: fixed;
    left: auto;
}
.common-template-item-module {
    background-attachment: fixed!important;
}
.contact-col a:hover{
    text-decoration: underline;
}
.image-overlay{
    background:rgba(0, 0, 0, .4);
}
.itemid-109 .common-template-item-text-wrap{
    position: fixed;
    left: 57%;
    -webkit-transition: all .7s;
    transition: all .7s;
}
.mainMenuOn.itemid-109 .common-template-item-text-wrap{
    position: fixed;
    left: 50%;
}
.error-message {
    font-family: 'Muli', sans-serif;
    font-size: .5rem;
    margin-bottom: .3rem;
}
#email-send-error {
    text-align: center;
    font-family: 'Muli', sans-serif;
    font-size: .8rem;
}
.news-blog-text-wrap h5 {
    font-family: 'Muli';
    font-weight: 700;
    font-size: .6rem;
    margin-bottom: .3rem;
}
.news-blog-text-wrap h3 {
    margin-bottom: .3rem;
}
#project-details-bottom h3 {
    font-size: .5rem;
    margin-bottom: 0;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
#project-details-bottom p {
    font-size: .45rem;
    margin: .25rem 0;
    margin-bottom: 0;
    color: #fff;
}
#project-details-bottom {
    position: fixed;
    left: auto;
    width: auto;
    padding-left: 1rem;
    background: rgba(0, 0, 0, .2);
}
@media(min-width: 58rem){
    .common-template-item-text-wrap h2, .common-template-item-text-wrap h1 {
        font-weight: 200;
        max-width: 80%;
        margin: 0 auto;
        margin-bottom: 1rem;
   }
}
div#portfolio-arrow {
    background: url(/images/down-icon.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    width: 2rem;
    height: 1rem;
    margin: 0 auto;
    z-index: 100;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -70px;
    opacity: .7;
}
div#portfolio-arrow:hover{
    opacity: 1;
}
#book-form-wrap {
    margin-bottom: 2rem;
}
.swimming-pool-wrap h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: .7rem;
    margin-bottom: .3rem;
}
.swimming-pool-wrap a {
    font-size: .55rem;
    margin-bottom: .3rem;
    display: block;
}
.swimming-pool-wrap ol {
    padding: 0;
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-top: 0;
}
.swimming-pool-wrap .project-right-wrap ol:last-child {
    margin-right: 0;
}
.swimming-pool-wrap li {
    font-family: 'Muli', sans-serif;
    font-weight: 200;
    font-size: .55rem;
    line-height: 1.4;
}
#book-small {
    background: url(/images/swimming-pools-book/book-small.png);
    -webkit-background-size: contain!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    width: 140px;
    height: 130px;
}
#book-form2 label {
    font-family: 'Muli', sans-serif;
    font-weight: 200;
    font-size: .55rem;
}
#book-form2 input {
    margin-left: 5px;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 8px;
    font-family: 'Muli', sans-serif;
}
#book-form2 input.btn.btn-primary {
    font-family: 'Muli', sans-serif;
    background: #333;
    color: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px;
}
form#book-form1 {
    text-align: left!important;
    display: inline-block;
    margin-left: 1rem;
}
form#book-form2 {
    width: auto;
    display: inline-block;
}
@media(max-width: 58rem){
    .common-template-item-module{
        background-attachment: initial!important; /* VJKL */
    }
    .our-work-project{
        height: 12rem;
    }
}
/*
#language-footer-wrap {
    right: -8.3rem;
}
*/
.our-work-mobile-text-wrap{
    display: none;
    padding: 1rem;
}
.our-work-mobile-text-wrap a {
    font-family: 'Muli', sans-serif;
    background: #A99758;
    color: #fff;
    padding: 10px 15px;
    display: block;
    width: 7rem;
    font-size: .85rem;
    text-decoration: none;
    text-align: center;
    margin-top: 1.4rem;
}
.our-work-mobile-text-wrap p{
    margin: 0;
}
@media( max-width: 58em ){
    .our-work-mobile-text-wrap{
        display: block;
        background: #eee;
        min-height: 14rem;
    }
    .our-work-mobile-text-wrap h4 {
        font-size: 1.3rem;
        font-weight: 500;
    }
    .our-work-mobile-text-wrap h4 {
        margin-bottom: .5rem;
    }
    .our-work-text-wrap{
        display: none;
    }
    #portfolio-search {
        position: relative;
        z-index: 10;
        right: 0;
        background: #A99758;
        margin-top: 4rem;
        border-radius: none;
   }
   div.cck_forms.cck_search div.cck_form.cck_form_checkbox input{
        display: inline-block;
        float: none;
   }
   div.cck_forms.cck_search div.cck_form.cck_form_checkbox label{
        display: inline-block;
        float: none;
   }
   .itemid-109 #main-content-wrap{
    background: #303030;
   }
   .itemid-109 .common-template-item-text-wrap{
        left: 50%;
   }
   .common-template-item-text-wrap p {
        font-size: .85rem;
   }
   .common-template-item-text-wrap{
        width: 90%;
   }
   .common-template-item-text-wrap h2, .common-template-item-text-wrap h1{
        font-size: 2.5rem;
    }
    .itemid-109 .common-template-item-text-wrap p{
        max-width: none;
    }
}
@media (max-width: 38rem){
    .common-template-item-module {
        height: 44rem!important; /* VJKL */
    }
}
@media(max-width: 28rem){
    .itemid-109 .common-template-item-text-wrap{
        padding: 1rem!important;
    }
    .common-template-item-text-wrap p {
        font-size: .8rem;
   }
}
/*@media(min-width: 767px) and (max-width: 1023px){
    .itemid-109 .common-template-item-text-wrap{
        top: 20%;
        right: 0;
        left: auto;
        transform: none;
        background: rgba(0, 0, 0, .5);
        text-align: left;
        padding: 2rem;
    }
    .itemid-109 .common-template-item-text-wrap p{
        max-width: none;
    }
}*/
.itemid-109 .common-template-item-text-wrap{
    background: rgba(0, 0, 0, .5);
    padding: 2rem;
    -webkit-transition: all .7s;
    transition: all .7s;
}
#info-bg-control, #info-bg-control-show {
    color: #fff;
    font-family: 'Muli', sans-serif;
    font-weight: 200;
    font-size: .5rem;
    background: #A99758;
    width: 4rem;
    padding: 10px 15px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    -webkit-transition: all .7s;
    transition: all .7s;
}
.portfolioClickOn .common-template-item-text-wrap{
    opacity: 0;
    top: 15%;
}
.portfolioClickOn #info-bg-control{
    opacity: 0;
}
#info-bg-control-show{
    text-decoration: none;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    position: fixed;
    z-index: 10;
    background: #A99758;
    padding: .5rem;
    right: 3rem;
    border-radius: 0 0 5px 5px;
    font-size: .5rem;
    opacity: 0;
}
.portfolioClickOn #info-bg-control-show{
    opacity: 1;
}
@media(max-width: 58rem){
    #info-bg-control{
        font-size: .65rem;
        width: 5rem;
    }
    body.mobileMenuOpen{
        overflow-y: hidden;
    }
}
#cck1r_label_news_type{
    display: none;
}
#news-search {
    position: fixed;
    z-index: 10;
    right: 3rem;
    /*background: #A99758;*/
    padding: 0 .5rem;
    border-radius: 0 0 5px 5px;
}
select#news_type {
    font-size: .65rem!important;
    font-family: 'Josefin Sans', sans-serif;
    background: #A79657!important;
    border: none;
    color: #fff;
}
select#news_type option {
    font-size: .65rem!important;
    font-family: 'Josefin Sans', sans-serif;
    background: #fff;
    color: #333;
}
.cck_module_breadcrumbs {
    width: auto;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    top: 0 ;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .7s;
    transition: all .7s;
    z-index: 10;
}
.cck_module_breadcrumbs a {
    color: #fff;
    text-decoration: none;
    font-size: .45rem;
    padding: .6rem .3rem;
    display: inline-block;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    position: relative;
}
span.pathway-last {
    color: #fff;
    text-decoration: none;
    font-size: .45rem;
    padding: .6rem .3rem;
    display: inline-block;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
}
.cck_module_breadcrumbs a:after {
    font-family: 'FontAwesome';
    content: '\f0da';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -3px;
}
span.separator {
    display: none;
}
@media(max-width: 767px){
    .cck_module_breadcrumbs{
        display: none;
    }
}
@media(min-width: 767px) {
    .common-template-item-text-wrap{
        width: 62%;
    }
}
.common-template-item-module {
    width: 100%;
    overflow: hidden;
}
@media(min-width: 1200px){
   .itemid-109 #portfolio-search, .itemid-109 div.cck-f100{
        width: 32rem;
    }
   .itemid-109 #cck1r_portfolio_categories{
        width: 80%;
    }
}
.itemid-109 #cck1r_portfolio_categories{
        width: 80%;
}
.project-right-wrap li {
    font-family: 'Muli', sans-serif;
    font-size: .55rem;
    line-height: 1.4;
    margin: 0;
    margin-bottom: .5rem;
}
.project-right-wrap ul, .project-right-wrap ol{
    margin: 0;
    padding: 0;
}
.cck_module_breadcrumbs {
    background: rgba(167, 150, 87, .7);
}
#our-work-deeper-main-content tr td:first-child {
    font-size: .58rem;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    width: 10rem!important;
}
#our-work-deeper-main-content td {
    font-size: .55rem;
    font-family: 'Muli', sans-serif;
    font-weight: 200;
    margin-bottom: .2rem;
    display: inline-block;
}
#our-work-deeper-main-content table{
    margin: .5rem 0;
}
.itemid-104 ul li{
    font-weight: 200;
}
.cck_module_breadcrumbs.longPath{
    width: 75%;
    margin: 0 auto;
    text-align: center;
}
.itemid-107 #news-deeper-top-image {
    background-position: center 66%!important;
}
.news-blog-item-outer-wrap.section-module.fadeInOn {
    padding-top: .8rem;
}
@media(max-width: 1450px){
    #main-menu-social-media li {
        width: 30px;
        height: 30px;
    }
}
@media(max-width: 1350px){
    #main-menu-social-media li a {
        padding: .2rem 0;
    }
}
.itemid-101 .image-overlay{
    background: rgba(0, 0, 0, .3);
}
/********************
UPDATES 04/05/2017
********************/
.our-story-section-wrap.ourStorySectionInView .our-story-text-wrap{
    opacity: .9;
}
.our-story-text-wrap h2 {
    margin-bottom: .5rem;
}
.common-template-item-text-wrap h2, .common-template-item-text-wrap h1, .common-template-item-text-wrap p, .common-template-item-text-wrap a, .mainMenuOn #home-video-text-wrap h2, .mainMenuOn #home-video-text-wrap h1{
    text-shadow: 2px 2px 2px #444;
}
#klafs-logo-common-with-link {
    background: url(/images/logo-klafs.jpg);
    background-size: contain!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    width: 6rem;
    height: 4rem;
    margin: 0 auto;
    margin-top: -4rem;
}
#main-menu-social-media {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#main-menu-social-media li{
    display: flex;
    align-items: center;
    justify-content: center;
}
@media(max-width: 58em){
   /* #nav-contact-wrap {
        padding: .5rem 0;
    }*/
    #nav-contact-wrap li{
        margin-bottom: .5rem;
    }
    #main-menu-social-media {
        margin-top: 1rem;
    }
}
#portfolio-search #button_submit{
    cursor: pointer;
}
#contact-international-wrap h3 {
    margin-bottom: 0;
    font-size: .65rem;
    font-weight: 200;
}
.contact-container p {
    font-size: .55rem;
}
#contact-form h4{
    font-weight: 500;
}
#book-service-form input, #book-service-form textarea, #contact-form input, #contact-form textarea, #book-service-form ::-webkit-input-placeholder, #contact-form ::-webkit-input-placeholder{
    font-size: .45rem;
}
.contact-col h4{
    font-size: .8rem;
}
.contact-col h5{
    font-size: .6rem;
    font-weight: 500;
}
.contact-col a{
    font-size: .55rem;
}
/*#contact-international-wrap a{
    font-size: .55rem;
}*/
 .contact-container h5{
    font-size: .65rem;
 }
 #contact-international-wrap ul{
    display: flex;
 }
 #contact-international-wrap li{
    margin-right:.6rem;
 }
 @media (max-width: 58em){
    .contact-col {
        margin-bottom: 1rem;
    }
}
.contact-col{
    width: calc((100% - 10.5%) / 4);
    margin-right: 3.5%;
    float: left;
}
.contact-container .contact-col:nth-child(3){
    margin-right: 0;
}
@media(max-width: 450px){
    .contact-col{
        width: 100%;
        float: none;
        margin: 0!important;
        margin-bottom: 1rem!important;
    }
}
@media(min-width: 450px) and (max-width: 500px){
    .contact-col{
        width: 48%;
        margin-right: 4%;
    }
    .contact-container .contact-col:nth-child(3){
        margin-right: 4%;
    }
    .contact-container .contact-col:nth-child(2){
        margin-right: 0;
    }
}
#book-service-form input, #book-service-form textarea, #contact-form input, #contact-form textarea{
    padding: .35rem;
}
#book-service-form textarea, #contact-form textarea {
    height: 8rem;
}
.form-group.text-box p{
    margin-bottom: .5rem;
}
#contact-form #submit, #book-service-form #submit{
    cursor: pointer;
    transition: background .3s;
}
#contact-form #submit:hover, #book-service-form #submit:hover{
    background: rgba(169, 151, 88, .8);
}
.error-message{
    font-weight: 700;
    color: #FF5C5C;
}
.full-height-section{
  overflow-x: hidden;
  overflow: auto;
  -webkit-scroll-snap-points-y: repeat(100%);
      -ms-scroll-snap-points-y: repeat(100%);
          scroll-snap-points-y: repeat(100%);
  -webkit-scroll-snap-type: mandatory;
      -ms-scroll-snap-type: mandatory;
          scroll-snap-type: mandatory;
  -webkit-scroll-snap-destination: 100% 0%;
      -ms-scroll-snap-destination: 100% 0%;
          scroll-snap-destination: 100% 0%;
}
/**************
22 MAY 2017
**************/

#book-lists-wrap{
    overflow: hidden;
}

#book-small {
    display: inline-block;
    margin-right: .65rem;
}
#book-form3 {
    display: inline-block;
    position: relative;
    margin-bottom: .35rem;
}
.itemid-140 .common-template-item-text-wrap {
    background: rgba(0, 0, 0, .5);
    padding: 2rem;
    -webkit-transition: all .7s;
    transition: all .7s;
}
.itemid-140 .common-template-item-text-wrap {
    position: fixed;
    left: 57%;
    -webkit-transition: all .7s;
    transition: all .7s;
}
.itemid-175 #news-deeper-top-image {
    background-position: center 66%!important;
}
#our-story-content-wrap .full-height-section{
    overflow-x: hidden;
}
#back-link{
    text-decoration: none;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    position: fixed;
    z-index: 10;
    background: #A99758;
    padding: .5rem;
    right: 3rem;
    border-radius: 0 0 5px 5px;
    font-size: .5rem;
    top: 0;
}
.itemid-140 #info-bg-control-show{
    width: 5rem;
}
/*#language-footer-wrap{
    right: -3.8rem;
}
#language-footer-wrap.openLangMenu {
    right: 0;
}
*/
.itemid-185 .common-template-item-text-wrap {
    background: rgba(0, 0, 0, .5);
    padding: 2rem;
    -webkit-transition: all .7s;
    transition: all .7s;
}
.itemid-185 .common-template-item-text-wrap {
    position: fixed;
    left: 57%;
    -webkit-transition: all .7s;
    transition: all .7s;
}
.itemid-205 #news-deeper-top-image {
    background-position: center 66%!important;
}

.about {font-size: .6rem!important; 
  font-weight:bold!important; }
  
  .term {
font-size:11px;color:#7d7d7d;text-align:center;
}
.term a {
color:#7d7d7d;line-height:26px;
}


.form-group .chk{
height:16px;
width:16px;
}