@font-face {
    font-family: 'TheMix-300';
    src: url("../fonts/TheMix_300_.eot");
    src: local("?"), url("../fonts/TheMix_300_.woff") format("woff"), url("../fonts/TheMix_300_.svg#filename") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TheMix-500';
    src: url("../fonts/TheMix_500_.eot");
    src: local("?"), url("../fonts/TheMix_500_.woff") format("woff"), url("../fonts/TheMix_500_.svg#filename") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TheMix-700';
    src: url("../fonts/TheMix_700_.eot");
    src: local("?"), url("../fonts/TheMix_700_.woff") format("woff"), url("../fonts/TheMix_700_.svg#filename") format("svg");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'TheMixB-W7Bold';
    src: url("../fonts/TheMixB/TheMixB-W7Bold.otf") format("opentype");
    src: url("../fonts/TheMixB/TheMixB-W7Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'TheSans-500';
    src: url("../fonts/TheSans_B2_500_.eot");
    src: local("?"), url("../fonts/TheSans_B2_500_.woff") format("woff"), url("../fonts/TheSans_B2_500_.svg#filename") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Blackcube Stencil';
    src: url('../fonts/Blackcube-Stencil.woff2') format('woff2'),
        url('../fonts/Blackcube-Stencil.woff') format('woff'),
        url('../fonts/Blackcube-Stencil.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Blackcube Solid';
    src: url('../fonts/Blackcube-Solid.woff2') format('woff2'),
        url('../fonts/Blackcube-Solid.woff') format('woff'),
        url('../fonts/Blackcube-Solid.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




/* line 47, ../sass/_typography.scss */
body {
    font-size: 14px;
    line-height: 21px;
    margin: 0 auto;
    color: #2f2f2f;
}

body section h1 *,
body section h1,
body section h2 *,
body section h2,
body section h3 *,
body section h3,
body section h4 *,
body section h4,
body div h3 *,
body div h3 {
    font-family: 'Blackcube Stencil';

}


/*Nov 7 starts*/
.bc-banner {
    position: relative;
}
.logo_animation_outer_wrapper {
    float: left;
    text-align: left;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
    max-width: 470px;
    width: 100%;
}
.logo_animation_outer_wrapper #bc-banner-logo_home {
    float: none;
    position: static !important;
    display: inline-block;
    margin-bottom: 20px;
}
.bc-banner #bc-banner-text_home {
    width: 100% !important;
    display: inline-block;
    position: static !important;
}
.what-makes-us-unique .city {
    background-position: 100% 100% !important;
}
.what-makes-us-unique .city {
        margin-bottom: -45px;
        top: 0px;
    }
/*Nov 7 ends*/







/* line 53, ../sass/_typography.scss */
h1 {
    font-family: 'Blackcube Stencil';
    font-size: 29px;
    line-height: 36px;
    margin-top: 42px;
    margin-bottom: 21px;
}

@media (min-width: 768px) {

    /* line 53, ../sass/_typography.scss */
    h1 {
        font-size: 52px;
        line-height: 57px;
    }
}

/* line 64, ../sass/_typography.scss */
h2 {
    font-family: 'Blackcube Stencil';
    font-size: 22px;
    line-height: 1.1em;
    margin-top: 42px;
    margin-bottom: 21px;
}

@media (min-width: 768px) {

    /* line 64, ../sass/_typography.scss */
    h2 {
        font-size: 36px;
        line-height: 42px;
    }
}

/* line 75, ../sass/_typography.scss */
h3 {
    font-family: 'Blackcube Stencil';
    font-size: 22px;
    line-height: 1.1em;
    margin-top: 21px;
    margin-bottom: 21px;
}

/* line 82, ../sass/_typography.scss */
h4 {
    font-family: 'Blackcube Stencil';
    font-size: 42px;
    line-height: 46px;
    margin-top: 21px;
    margin-bottom: 21px;
}

/* line 89, ../sass/_typography.scss */
p,
ul,
ol,
pre,
table,
blockquote,
a {
    font-family: 'TheSans-500', sans-serif;
    margin-top: 21px;
    margin-bottom: 21px;
}

@media (min-width: 768px) {

    /* line 89, ../sass/_typography.scss */
    p,
    ul,
    ol,
    pre,
    table,
    blockquote,
    a {
        font-size: 16px;
    }
}

/* Sanitation */
/* line 101, ../sass/_typography.scss */
hr {
    border: 1px solid;
    margin: -1px 0;
}

/* line 105, ../sass/_typography.scss */
ul ul,
ol ol,
ul ol,
ol ul {
    margin-top: 0;
    margin-bottom: 0;
}

/* line 109, ../sass/_typography.scss */
b,
strong,
em,
small,
code {
    line-height: 1;
}

/* line 112, ../sass/_typography.scss */
sup,
sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

/* line 117, ../sass/_typography.scss */
sub {
    top: 0.4em;
}

/* line 121, ../sass/_typography.scss */
.highlighted {
    color: #629ba5;
    font-family: 'TheMix-500', serif;
    font-weight: bold;
}

@media (min-width: 768px) {

    /* line 121, ../sass/_typography.scss */
    .highlighted {
        font-weight: normal;
    }
}

/* line 128, ../sass/_typography.scss */
.invert .highlighted {
    color: #629ba5 !important;
}

/* line 1, ../sass/components/_navbar.scss */
#primary-menu {
    position: fixed;
    z-index: 10;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    margin: 0 auto;
    background: url('../images/rgbapng/000000d9-5.png?1447427492');
    background: rgba(0, 0, 0, 0.85);
}

@media (min-width: 768px) {

    /* line 1, ../sass/components/_navbar.scss */
    #primary-menu {
        left: auto !important;
        height: auto;
        position: fixed;
        z-index: 10;
    }
}

/* line 19, ../sass/components/_navbar.scss */
#primary-menu #primary-menu-toggler {
    border: 0;
    position: fixed;
    right: 15px;
    top: 12px;
    z-index: 10;
}

@media (min-width: 768px) {

    /* line 19, ../sass/components/_navbar.scss */
    #primary-menu #primary-menu-toggler {
        display: none;
    }
}

/* line 31, ../sass/components/_navbar.scss */
.admin-bar #primary-menu #primary-menu-toggler {
    top: 61px;
}

/* line 36, ../sass/components/_navbar.scss */
#primary-menu .logo {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 50%;
    background: url('../images/logo.svg?1447427492') no-repeat center center;
    height: 60px;
    width: 135px;
    background-size: contain;
}

@media (min-width: 768px) {

    /* line 36, ../sass/components/_navbar.scss */
    #primary-menu .logo {
        margin: 0 auto;
        text-align: center;
        width: 188px;
    }
}

@media (min-width: 992px) {

    /* line 36, ../sass/components/_navbar.scss */
    #primary-menu .logo {
        float: left;
        margin-left: 20px;
        width: 188px;
    }
}

/* line 59, ../sass/components/_navbar.scss */
#primary-menu ul {
    display: none;
    list-style: none;
    position: relative;
    top: 0;
}

@media (min-width: 768px) {

    /* line 59, ../sass/components/_navbar.scss */
    #primary-menu ul {
        display: block;
        padding: 0;
        margin: 0;
    }
}

@media (min-width: 992px) {

    /* line 59, ../sass/components/_navbar.scss */
    #primary-menu ul {
        margin-left: 15px;
        overflow: hidden;
    }
}

/* line 74, ../sass/components/_navbar.scss */
#primary-menu ul li {
    float: left;
    text-align: center;
}

/* line 77, ../sass/components/_navbar.scss */
#primary-menu ul li a {
    color: #888888;
    display: block;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    margin: 0;
    opacity: 0.8;
}

/* line 85, ../sass/components/_navbar.scss */
#primary-menu ul li a:hover,
#primary-menu ul li a:focus {
    text-decoration: none;
    opacity: 1;
    border-bottom: 1px solid #888888;
}

/* line 91, ../sass/components/_navbar.scss */
#primary-menu ul li.current-menu-item a {
    color: #ffffff;
    border-bottom: 1px solid #8cd8e4;
}

/* line 98, ../sass/components/_navbar.scss */
#primary-menu.open {
    background: url('../images/menu-bg.svg?1447427492') no-repeat;
    height: 200%;
    width: 100%;
    position: fixed;
    z-index: 10;
    padding-right: 15px;
    background-position: 100% 0%;
    background-size: contain;
}

@media (max-height: 520px) {

    /* line 98, ../sass/components/_navbar.scss */
    #primary-menu.open {
        overflow: scroll;
        position: absolute;
    }

    /* line 110, ../sass/components/_navbar.scss */
    #primary-menu.open #primary-menu-toggler {
        position: absolute;
    }
}

/* line 118, ../sass/components/_navbar.scss */
#primary-menu.open .logo {
    display: inline;
    float: right;
    margin-top: 60px;
    margin-bottom: 0;
    margin-right: 0;
}

/* line 126, ../sass/components/_navbar.scss */
#primary-menu.open ul {
    display: block;
    margin-top: 120px;
}

/* line 129, ../sass/components/_navbar.scss */
#primary-menu.open ul li {
    float: none;
    text-align: right;
    margin-bottom: 5px;
}

/* line 133, ../sass/components/_navbar.scss */
#primary-menu.open ul li a {
    font-family: 'TheMixB-W7Bold';
    font-size: 19px;
    display: inline;
    color: #ffffff;
    height: 40px;
    line-height: 30px;
    text-decoration: none;
    letter-spacing: 1px;
    opacity: 1;
}

/* line 144, ../sass/components/_navbar.scss */
#primary-menu.open ul li.current-menu-item a {
    color: #8cd8e4;
    border-bottom: none;
}

/* line 1, ../sass/components/_preloader.scss */
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #eeeeee url('../images/loader.svg?1447427492') no-repeat center center;
    background-size: 55px 55px;
    z-index: 10000;
}

/* line 9, ../sass/components/_preloader.scss */
#preloader p {
    color: #333333;
    position: absolute;
    top: 55%;
    width: 100%;
    text-align: center;
    margin: 0;
}

/* line 1, ../sass/components/_sliders.scss */
.bc-banner {
    width: 100%;
    height: 480px;
    background: #222222;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {

    /* line 1, ../sass/components/_sliders.scss */
    .bc-banner {
        height: 770px;
    }
}

/* line 11, ../sass/components/_sliders.scss */
.bc-banner #bc-banner-logo_home {
    color: #ffffff;
    position: absolute;
    height: 58px;
}

@media (max-width: 480px) {

    /* line 11, ../sass/components/_sliders.scss */
    .bc-banner #bc-banner-logo_home {
        height: 29px;
        left: 20px;
        top:256px;
    }
    
    #bc-banner-text_home {
        top: 305px;
        left: 20px;
    }
    
    
}

@media (min-width: 768px) {

    /* line 11, ../sass/components/_sliders.scss */
    .bc-banner #bc-banner-logo_home {
        height: 58px;
        
    }
}

/* line 22, ../sass/components/_sliders.scss */
.bc-banner #bc-banner-text_home {
    color: #ffffff;
    position: absolute;
    margin: 0;
    width: 80%;
    font-family: 'TheSans-500', sans-serif;
    font-size: 22px;
    line-height: 26px;
}

@media (min-width: 768px) {

    /* line 22, ../sass/components/_sliders.scss */
    .bc-banner #bc-banner-text_home {
        width: 460px;
        
    }
}

/* line 34, ../sass/components/_sliders.scss */
.bc-banner #bc-banner-suitman-static {
    position: absolute;
    background: url('../images/suitman-mob.png?1447427492') no-repeat;
    left: 0px;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {

    /* line 34, ../sass/components/_sliders.scss */
    .bc-banner #bc-banner-suitman-static {
        left: 0px;
        background: url('../images/suitman-large.png?1447427492') no-repeat;
        top: 60px;
    }
}

/* line 46, ../sass/components/_sliders.scss */
.bc-banner #bc-banner-cube {
    position: absolute;
    display: none;
    background: url('../images/cube.png?1447427492') no-repeat center right;
    right: -253px;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {

    /* line 46, ../sass/components/_sliders.scss */
    .bc-banner #bc-banner-cube {
        display: block;
    }
}

/* line 59, ../sass/components/_sliders.scss */
.bc-creativebanner {
    width: 100%;
    height: 280px;
    background: #8AD3DF;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {

    /* line 59, ../sass/components/_sliders.scss */
    .bc-creativebanner {
        height: 650px;
    }
}

/* line 69, ../sass/components/_sliders.scss */
.bc-creativebanner #bc-creativebanner-city {
    position: absolute;
    width: 100%;
    height: 279px;
    background: url('../images/city.jpg?1447427492') no-repeat bottom right;
}

@media (min-width: 768px) {

    /* line 69, ../sass/components/_sliders.scss */
    .bc-creativebanner #bc-creativebanner-city {
        height: 650px;
    }
}

/* line 80, ../sass/components/_sliders.scss */
.bc-creativebanner #bc-creativebanner-mask_home {
    position: absolute;
    width: 100%;
    height: 280px;
    background: #8AD3DF url('../images/creative-mask-small.png?1447427492') no-repeat bottom right;
    background-position: 55% 100%;
}

@media (min-width: 768px) {

    /* line 80, ../sass/components/_sliders.scss */
    .bc-creativebanner #bc-creativebanner-mask_home {
        background: url('../images/creative-mask.png?1447427492') no-repeat bottom right;
        height: 650px;
        background-position: 100% 100%;
    }
}

/* line 93, ../sass/components/_sliders.scss */
.bc-creativebanner .creative-intelligence {
    position: relative;
}

/* line 95, ../sass/components/_sliders.scss */
.bc-creativebanner .creative-intelligence h1 {
    font-size: 28px;
    line-height: 36px;
    color: #ffffff;
    margin-top: 0;
}

@media (min-width: 768px) {

    /* line 95, ../sass/components/_sliders.scss */
    .bc-creativebanner .creative-intelligence h1 {
        font-size: 52px;
        line-height: 60px;
    }
}

/* line 105, ../sass/components/_sliders.scss */
.bc-creativebanner .creative-intelligence p {
    font-family: "TheSans-500", sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    margin-right: 50%;
}

@media (min-width: 768px) {

    /* line 105, ../sass/components/_sliders.scss */
    .bc-creativebanner .creative-intelligence p {
        font-size: 22px;
        line-height: 26px;
    }
}

/* line 1, ../sass/components/_testimonial.scss */
.testimonial_design {
    background: url('../images/rgbapng/000000cc-5.png?1447427492');
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    margin-top: 300px;
}

@media (min-width: 768px) {

    /* line 1, ../sass/components/_testimonial.scss */
    .testimonial_design {
        width: 300px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: url('../images/rgbapng/0000007f-5.png?1447427492');
        background: rgba(0, 0, 0, 0.5);
        margin-left: 20px;
        position: absolute;
        bottom: 20px;
    }
}

/* line 16, ../sass/components/_testimonial.scss */
.testimonial_design .testimonial-link {
    color: #fff;
    cursor: pointer;
}

/* line 21, ../sass/components/_testimonial.scss */
.testimonial_design .content_design {
    margin: 0;
    padding: 14px 20px;
    min-height: 75px;
    font-size: 14px;
    line-height: 18px;
}

@media (min-width: 768px) {

    /* line 21, ../sass/components/_testimonial.scss */
    .testimonial_design .content_design {
        padding: 26px;
        border-bottom: 1px solid #606060;
        min-height: 100px;
    }
}

/* line 35, ../sass/components/_testimonial.scss */
.testimonial_design .testimonial-sep-line {
    margin: 0px 20px;
    height: 1px;
    background-color: #606060;
    border: 0;
}

@media (min-width: 768px) {

    /* line 35, ../sass/components/_testimonial.scss */
    .testimonial_design .testimonial-sep-line {
        display: none;
    }
}

/* line 45, ../sass/components/_testimonial.scss */
.testimonial_design .source {
    font-family: 'TheSans-500', sans-serif;
    color: #fff;
    font-size: 12px;
    line-height: 19px;
    margin: 10px 0 0;
    text-align: right;
    visibility: hidden;
    padding: 20px;
    padding-top: 4px;
}

@media (min-width: 768px) {

    /* line 45, ../sass/components/_testimonial.scss */
    .testimonial_design .source {
        color: #848484;
        padding: 26px;
        padding-top: 8px;
    }
}

/* line 1, ../sass/components/_footer.scss */
#footer {
    background: #222222;
    position: static;
    width: 100%;
    font-size: 11px;
    line-height: 18px;
    color: #868686;
    z-index: 9999;
}

@media (min-width: 992px) {

    /* line 1, ../sass/components/_footer.scss */
    #footer {
        font-size: 12px;
    }
}

@media (min-width: 768px) {

    /* line 1, ../sass/components/_footer.scss */
    #footer {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

/* line 17, ../sass/components/_footer.scss */
#footer p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: 'TheMix-300', serif;
    cursor: default;
}

/* line 24, ../sass/components/_footer.scss */
#footer p span {
    color: #ffffff;
    font-family: 'TheMix-700', serif;
}

@media (min-width: 768px) {

    /* line 24, ../sass/components/_footer.scss */
    #footer p span {
        display: block;
    }
}

/* line 34, ../sass/components/_footer.scss */
#footer a {
    color: inherit;
    font-size: inherit;
    margin: 0;
}

/* line 35, ../sass/components/_footer.scss */
#footer a:after {
    content: '';
    display: block;
}

/* line 39, ../sass/components/_footer.scss */
#footer a:hover {
    color: #ffffff;
    text-decoration: none;
}

/* line 46, ../sass/components/_footer.scss */
#footer .linkedin {
    background: url('../images/linkedin.svg?1447427492') no-repeat;
    float: left;
    width: 40px;
    height: 40px;
    display: block;
    margin-bottom: 20px;
}

/* line 54, ../sass/components/_footer.scss */
#footer .linkedin:hover {
    background: url('../images/linkedin-white.svg?1447427492') no-repeat;
}

/* line 58, ../sass/components/_footer.scss */
#footer .small {
    display: none;
}

/* line 61, ../sass/components/_footer.scss */
#footer .drop {
    display: initial;
    color: #868686;
    font-family: 'TheMix-300', serif;
}

/* line 66, ../sass/components/_footer.scss */
#footer .copyright-wrap {
    display: initial;
    color: #868686;
    font-family: 'TheMix-300', serif;
}

@media (min-width: 768px) {

    /* line 71, ../sass/components/_footer.scss */
    #footer .copyright-wrap .drop {
        display: block;
        color: #868686;
        font-family: 'TheMix-300', serif;
        width: 100%;
        float: left;
    }
}

@media (min-width: 992px) {

    /* line 66, ../sass/components/_footer.scss */
    #footer .copyright-wrap {
        display: block;
        float: left;
        width: 250px;
    }

    /* line 83, ../sass/components/_footer.scss */
    #footer .copyright-wrap .drop {
        display: initial;
        color: #868686;
        font-family: 'TheMix-300', serif;
        width: initial;
        float: none;
    }
}

@media (max-width: 767px) {

    /* line 1, ../sass/components/_footer.scss */
    #footer {
        background-color: transparent;
    }

    /* line 94, ../sass/components/_footer.scss */
    #footer .small {
        display: block;
    }

    /* line 97, ../sass/components/_footer.scss */
    #footer .full {
        display: none;
    }

    /* line 100, ../sass/components/_footer.scss */
    #footer .col-sm-3 {
        height: 80px;
        width: 50%;
        float: left;
    }

    /* line 104, ../sass/components/_footer.scss */
    #footer .col-sm-3 .drop {
        display: block;
    }
}

/* line 109, ../sass/components/_footer.scss */
#footer .contact-details {
    width: 100%;
    float: left;
    padding: 23px 20px;
    color: #FFF;
    font-size: 10px;
    line-height: 22px;
    font-family: "TheSans-500", serif;
    position: relative;
    display: block !important;
    background: url('../images/rgbapng/0000007f-5.png?1447427492');
    background: rgba(0, 0, 0, 0.5);
	
}

@media (min-width: 768px) {
	
	#footer{
		bottom: -10px;
	}
	.what-make h1 {
    padding-left: 20px !important;
}
	
    /* line 109, ../sass/components/_footer.scss */
    #footer .contact-details {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        font-size: 14px;
        line-height: 22px;
        padding: 24px;
        clear: both;
        float: right;
        width: 50%;
        margin-left: 0;
        margin-top: 60px;
		bottom: -10px;
        display: block;
    }
}

@media (min-width: 992px) {

    /* line 109, ../sass/components/_footer.scss */
    #footer .contact-details {
        clear: none;
        float: left;
        width: 37.5%;
        margin-left: 12.5%;
        margin-top: 0;
    }
}

/* line 144, ../sass/components/_footer.scss */
#footer .contact-details p {
    margin: 0;
    font-family: "TheSans-500", serif;
    font-size: 10px;
}

/* line 148, ../sass/components/_footer.scss */
#footer .contact-details p span {
    font-family: "TheSans-500", serif;
    display: initial;
}

@media (min-width: 768px) {

    /* line 144, ../sass/components/_footer.scss */
    #footer .contact-details p {
        margin-bottom: 22px;
    }
}

/* line 155, ../sass/components/_footer.scss */
#footer .contact-details p.last {
    margin-bottom: 0;
}

/* line 159, ../sass/components/_footer.scss */
#footer .contact-details .bold {
    font-family: "TheSans-500", serif;
}

@media (min-width: 768px) {

    /* line 159, ../sass/components/_footer.scss */
    #footer .contact-details .bold {
        font-family: "TheMix-700", serif;
        font-size: 14px;
        line-height: 21px;
    }
}

@media (max-width: 767px) {

    /* line 167, ../sass/components/_footer.scss */
    #footer .contact-details .bold::after {
        content: " | ";
    }
}

/* line 172, ../sass/components/_footer.scss */
#footer .contact-details .address {
    font-size: 10px;
}

@media (min-width: 1340px) {

    /* line 172, ../sass/components/_footer.scss */
    #footer .contact-details .address {
        display: block;
        font-size: 14px;
    }
}

/* line 184, ../sass/components/_footer.scss */
#footer .contact-details a {
    color: inherit;
}

/* line 187, ../sass/components/_footer.scss */
#footer .contact-details .contact {
    padding-left: 20px;
}

/* line 190, ../sass/components/_footer.scss */
#footer .contact-details .marker {
    background: url('../images/marker.svg?1447427492') no-repeat left 4px;
}

@media (min-width: 768px) {

    /* line 190, ../sass/components/_footer.scss */
    #footer .contact-details .marker {
        background: url('../images/marker.png?1447427492') no-repeat left 4px;
    }
}

/* line 196, ../sass/components/_footer.scss */
#footer .contact-details .mail {
    background: url('../images/mail.svg?1447427492') no-repeat left 4px;
}

@media (min-width: 768px) {

    /* line 196, ../sass/components/_footer.scss */
    #footer .contact-details .mail {
        background: url('../images/mail.png?1447427492') no-repeat left 5px;
    }
}

/* line 1, ../sass/components/_sections-pager.scss */
.sections-pager {
    display: none;
}

@media (min-width: 768px) {

    /* line 1, ../sass/components/_sections-pager.scss */
    .sections-pager {
        display: block;
        position: fixed;
        right: 20px;
        bottom: 50%;
        z-index: 1;
        list-style: none;
    }
}

/* line 13, ../sass/components/_sections-pager.scss */
.sections-pager li {
    background: url('../images/bullet-gray.svg?1447427492') no-repeat center center;
    margin: 5px 0;
    height: 20px;
    width: 20px;
}

/* line 19, ../sass/components/_sections-pager.scss */
.sections-pager li.active {
    background-image: url('../images/bullet-white.svg?1447427492');
}

/* line 21, ../sass/templates/_front.scss */
.what-makes-us-unique {
    background: #eeeeee;
    counter-reset: list;
}

/* line 24, ../sass/templates/_front.scss */
.what-makes-us-unique h1 {
    font-size: 1.9em;
    margin: 0;
    padding-top: 1em;
    padding-left: 0.8em;
    color: #8ad3df;
}

@media (min-width: 768px) {

    /* line 24, ../sass/templates/_front.scss */
    .what-makes-us-unique h1 {
        font-size: 3.6em;
        padding-top: 2.1em;
    }
}

/* line 14, ../sass/templates/_front.scss */

@media (max-width: 480px) {
.logo_animation_outer_wrapper {
    transform: translate(0%,10%);
    left: 0%;
    max-width: 410px;
    padding-left: 20px;
}

    /* line 24, ../sass/templates/_front.scss */
    .what-makes-us-unique h1 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* line 29, ../sass/templates/_front.scss */
.what-makes-us-unique ol {
    position: relative;
    background: url("../images/li_home_overlay.png") repeat;
    z-index: 2;
    width: 90%;
    margin: 0 auto;
    padding: 0;
}

@media (min-width: 768px) {

    /* line 29, ../sass/templates/_front.scss */
    .what-makes-us-unique ol {
        width: 600px;
    }
}

/* line 38, ../sass/templates/_front.scss */
.what-makes-us-unique li {
    list-style: none;
    position: relative;
    padding-left: 60px;
    opacity: 1;
}

@media (max-width: 480px) {

    /* line 38, ../sass/templates/_front.scss */
    .what-makes-us-unique li {
        padding-left: 30px;
    }
}

@media (min-width: 768px) {

    /* line 38, ../sass/templates/_front.scss */
    .what-makes-us-unique li {
        opacity: 1;
    }
}

/* line 46, ../sass/templates/_front.scss */
.what-makes-us-unique li::before {
    font-size: 24px;
    font-weight: bold;
    color: #eeeeee;
    counter-increment: list;
    content: counter(list);
    text-align: center;
    line-height: 35px;
    display: block;
    position: absolute;
    left: 0;
    top: -10px;
    height: 40px;
    width: 40px;
    background: url("../images/li_home.png") no-repeat;
}

@media (max-width: 480px) {

    /* line 46, ../sass/templates/_front.scss */
    .what-makes-us-unique li::before {
        top: 0;
        font-size: 12px;
        line-height: 20px;
        height: 20px;
        width: 20px;
        background: url("../images/li_home_small.png") no-repeat;
    }
}

/* line 71, ../sass/templates/_front.scss */
.what-makes-us-unique li.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/li_home_overlay.png") repeat-x bottom;
    z-index: 3;
    bottom: 0;
    left: 0;
}

/* line 79, ../sass/templates/_front.scss */
.what-makes-us-unique li.overlay::before {
    display: none;
}

/* line 82, ../sass/templates/_front.scss */
.what-makes-us-unique h2 {
    margin-bottom: 0.1em;
    font-size: 22px;
    color: #333333;
    line-height: 1.1em;
}

@media (max-width: 480px) {

    /* line 82, ../sass/templates/_front.scss */
    .what-makes-us-unique h2 {
        width: 200px;
    }
}

/* line 92, ../sass/templates/_front.scss */
.what-makes-us-unique p {
    font-size: 16px;
    line-height: 22px;
}

/* line 96, ../sass/templates/_front.scss */
.what-makes-us-unique .city {
    background: transparent url("../images/hands-layer1-z.jpg") no-repeat center top;
    position: relative;
    top: 0;
    margin-bottom: 0;
    background-size: cover;
}

@media (min-width: 768px) {

    /* line 96, ../sass/templates/_front.scss */
}

/* line 109, ../sass/templates/_front.scss */
.what-makes-us-unique .hands img {
    width: 100%;
}

/* line 113, ../sass/templates/_front.scss */
.credo {
    background: #eeeeee url("../images/credo-layer1.jpg") repeat-x center bottom;
    position: relative;
    height: 625px;
}

@media (min-width: 768px) {

    /* line 113, ../sass/templates/_front.scss */
    .credo {
        height: 760px;
    }
}

/* line 122, ../sass/templates/_front.scss */
.credo h1 {
	font-size: 1.9em;
	margin: 0;
	padding-top: 1em;
	padding-left: 18px;
	color: #8ad3df;
}

@media (min-width: 768px) {

    /* line 122, ../sass/templates/_front.scss */
    .credo h1 {
        font-size: 3.6em;
        padding-top: 2.1em;
    }
}

/* line 14, ../sass/templates/_front.scss */

/* line 124, ../sass/templates/_front.scss */
.credo #spinning-cube-slideshow,
.credo #spinning-cube {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 240px;
    height: 240px;
    top: 250px;
    word-break: break-all;
}

@media (max-width: 480px) {

    /* line 124, ../sass/templates/_front.scss */
    .credo #spinning-cube-slideshow,
    .credo #spinning-cube {
        top: 80px;
    }
}

@media (min-width: 768px) {

    /* line 124, ../sass/templates/_front.scss */
    .credo #spinning-cube-slideshow,
    .credo #spinning-cube {
        width: 300px;
        height: 300px;
        top: 180px;
    }
}

@media (min-width: 992px) {

    /* line 124, ../sass/templates/_front.scss */
    .credo #spinning-cube-slideshow,
    .credo #spinning-cube {
        width: 300px;
        height: 300px;
        top: 110px;
    }
}

/* line 147, ../sass/templates/_front.scss */
.credo #spinning-cube-slideshow .cycle-slideshow,
.credo #spinning-cube .cycle-slideshow {
    height: 100%;
    width: 100%;
}

/* line 151, ../sass/templates/_front.scss */
.credo #spinning-cube-slideshow .wrapper,
.credo #spinning-cube .wrapper {
    background: url('../images/rgbapng/000000bf-5.png?1447427492');
    background: rgba(0, 0, 0, 0.75);
    padding: 15px;
    color: #ffffff;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {

    /* line 151, ../sass/templates/_front.scss */
    .credo #spinning-cube-slideshow .wrapper,
    .credo #spinning-cube .wrapper {
        padding: 55px;
    }
}

/* line 159, ../sass/templates/_front.scss */
.credo #spinning-cube-slideshow h3,
.credo #spinning-cube h3 {
    margin: 0;
}

/* line 164, ../sass/templates/_front.scss */
.credo canvas {
    margin: 0 auto;
    display: block;
}

/* line 169, ../sass/templates/_front.scss */
.credo .man {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../images/credo-layer2.png") no-repeat bottom center;
/*    z-index: 9;*/
}

/* line 177, ../sass/templates/_front.scss */
.credo #cubez-wrapper {
    height: 250px;
    overflow: visible;
    margin: 0 auto;
    -webkit-perspective: 800px;
    -webkit-perspective-origin: 50% 200px;
    perspective: 800px;
    perspective-origin: 50% 200px;
}

@media (min-width: 768px) {

    /* line 177, ../sass/templates/_front.scss */
    .credo #cubez-wrapper {
        height: 300px;
    }
}

/* line 193, ../sass/templates/_front.scss */
.credo #cubez-wrapper #cubez {
    position: relative;
    margin: 0 auto;
    height: 180px;
    width: 180px;
    -moz-transition: -moz-transform 2s linear;
    -o-transition: -o-transform 2s linear;
    -webkit-transition: -webkit-transform 2s linear;
    transition: transform 2s linear;
    -moz-transform: translateZ(-200px);
    -ms-transform: translateZ(-200px);
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

@media (min-width: 768px) {

    /* line 193, ../sass/templates/_front.scss */
    .credo #cubez-wrapper #cubez {
        width: 240px;
        height: 240px;
    }
}

/* line 207, ../sass/templates/_front.scss */

@media (min-width: 768px) {

    /* line 207, ../sass/templates/_front.scss */
    .credo #cubez-wrapper .face {
        width: 240px;
        height: 240px;
    }
}

/* line 220, ../sass/templates/_front.scss */
.credo #cubez-wrapper .face h3 {
    font-family: "TheMix-500", sans-serif;
    margin: 0;
}

/* line 227, ../sass/templates/_front.scss */
.credo #cubez-wrapper .face p {
    font-family: "TheSans-500", sans-serif;
    margin-top: 5px;
    font-size: 12px;
    line-height: 14px;
}

@media (min-width: 768px) {

    /* line 227, ../sass/templates/_front.scss */
    .credo #cubez-wrapper .face p {
        margin-top: 15px;
        font-size: 16px;
        line-height: 22px;
    }
}

/* line 239, ../sass/templates/_front.scss */
.credo #cubez-wrapper .one {
    -moz-transform: rotateX(90deg) translateZ(90px);
    -ms-transform: rotateX(90deg) translateZ(90px);
    -webkit-transform: rotateX(90deg) translateZ(90px);
    transform: rotateX(90deg) translateZ(90px);
}

/* line 240, ../sass/templates/_front.scss */
.credo #cubez-wrapper .two {
    -moz-transform: translateZ(90px);
    -ms-transform: translateZ(90px);
    -webkit-transform: translateZ(90px);
    transform: translateZ(90px);
}

/* line 241, ../sass/templates/_front.scss */
.credo #cubez-wrapper .three {
    -moz-transform: rotateY(90deg) translateZ(90px);
    -ms-transform: rotateY(90deg) translateZ(90px);
    -webkit-transform: rotateY(90deg) translateZ(90px);
    transform: rotateY(90deg) translateZ(90px);
}

/* line 242, ../sass/templates/_front.scss */
.credo #cubez-wrapper .four {
    -moz-transform: rotateY(180deg) translateZ(90px);
    -ms-transform: rotateY(180deg) translateZ(90px);
    -webkit-transform: rotateY(180deg) translateZ(90px);
    transform: rotateY(180deg) translateZ(90px);
}

/* line 243, ../sass/templates/_front.scss */
.credo #cubez-wrapper .five {
    -moz-transform: rotateY(-90deg) translateZ(90px);
    -ms-transform: rotateY(-90deg) translateZ(90px);
    -webkit-transform: rotateY(-90deg) translateZ(90px);
    transform: rotateY(-90deg) translateZ(90px);
}

/* line 244, ../sass/templates/_front.scss */
.credo #cubez-wrapper .six {
    -moz-transform: rotateX(-90deg) translateZ(90px);
    -ms-transform: rotateX(-90deg) translateZ(90px);
    -webkit-transform: rotateX(-90deg) translateZ(90px);
    transform: rotateX(-90deg) translateZ(90px);
}

@media (min-width: 768px) {

    /* line 247, ../sass/templates/_front.scss */
    .credo #cubez-wrapper .one {
        -moz-transform: rotateX(90deg) translateZ(120px);
        -ms-transform: rotateX(90deg) translateZ(120px);
        -webkit-transform: rotateX(90deg) translateZ(120px);
        transform: rotateX(90deg) translateZ(120px);
    }

    /* line 248, ../sass/templates/_front.scss */
    .credo #cubez-wrapper .two {
        -moz-transform: translateZ(120px);
        -ms-transform: translateZ(120px);
        -webkit-transform: translateZ(120px);
        transform: translateZ(120px);
    }

    /* line 249, ../sass/templates/_front.scss */
    .credo #cubez-wrapper .three {
        -moz-transform: rotateY(90deg) translateZ(120px);
        -ms-transform: rotateY(90deg) translateZ(120px);
        -webkit-transform: rotateY(90deg) translateZ(120px);
        transform: rotateY(90deg) translateZ(120px);
    }

    /* line 250, ../sass/templates/_front.scss */
    .credo #cubez-wrapper .four {
        -moz-transform: rotateY(180deg) translateZ(120px);
        -ms-transform: rotateY(180deg) translateZ(120px);
        -webkit-transform: rotateY(180deg) translateZ(120px);
        transform: rotateY(180deg) translateZ(120px);
    }

    /* line 251, ../sass/templates/_front.scss */
    .credo #cubez-wrapper .five {
        -moz-transform: rotateY(-90deg) translateZ(120px);
        -ms-transform: rotateY(-90deg) translateZ(120px);
        -webkit-transform: rotateY(-90deg) translateZ(120px);
        transform: rotateY(-90deg) translateZ(120px);
    }

    /* line 252, ../sass/templates/_front.scss */
    .credo #cubez-wrapper .six {
        -moz-transform: rotateX(-90deg) translateZ(120px);
        -ms-transform: rotateX(-90deg) translateZ(120px);
        -webkit-transform: rotateX(-90deg) translateZ(120px);
        transform: rotateX(-90deg) translateZ(120px);
    }
}

/* line 1, ../sass/templates/_board.scss */
.page-template-template-board {
    overflow: scroll;
    height: 100%;
    width: 100%;
    /* position: fixed; */
}

.positionFixed{
	position: fixed;
}
@media (min-width: 768px) {

    /* line 1, ../sass/templates/_board.scss */
    .page-template-template-board {
        overflow: hidden;
        height: auto;
        width: auto;
        position: static;
    }
}

/* line 12, ../sass/templates/_board.scss */
.page-template-template-board #footer {
    /* position: absolute; */
    /* bottom: -100%; */
    /* padding-bottom: 10px; */
    /* padding-top: 10px; */
}

@media (min-width: 768px) {

    /* line 12, ../sass/templates/_board.scss */
    .page-template-template-board #footer {
        position: absolute;
        bottom: -100%;
        padding-bottom: 25px;
        padding-top: 25px;
    }
}

/* line 26, ../sass/templates/_board.scss */
.page-template-template-board .content-area {
    /* position: absolute; */
    top: 0; 
    bottom: 0;
}

@media (min-width: 768px) {

    /* line 26, ../sass/templates/_board.scss */
    .page-template-template-board .content-area {
        left: 45%;
    }
}

@media (min-width: 992px) {

    /* line 26, ../sass/templates/_board.scss */
    .page-template-template-board .content-area {
        left: 30%;
    }
}

@media (min-width: 768px) {

    /* line 33, ../sass/templates/_board.scss */
    .page-template-template-board .title-area {
        display: block;
    }
}

/* line 36, ../sass/templates/_board.scss */
.page-template-template-board .focuspoint {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    /* z-index: -1; */
}

/* line 43, ../sass/templates/_board.scss */
.page-template-template-board.admin-bar .focuspoint {
    top: 46px;
}

@media (min-width: 768px) {

    /* line 43, ../sass/templates/_board.scss */
    .page-template-template-board.admin-bar .focuspoint {
        top: 32px;
    }
}

/* line 45, ../sass/templates/_board.scss */
.page-template-template-board .board-members-list-wrap {
    /* width: 100%; */
    overflow: hidden;
    /* position: fixed; */
    z-index: 1;
    top: 60px;
    opacity: 0;
}

@media (min-width: 768px) {

    /* line 45, ../sass/templates/_board.scss */
    .page-template-template-board .board-members-list-wrap {
        width: 200px;
        position: relative;
        opacity: 1;
    }
}

/* line 58, ../sass/templates/_board.scss */
.page-template-template-board.admin-bar .board-members-list-wrap {
    top: 106px;
}

@media (min-width: 768px) {

    /* line 58, ../sass/templates/_board.scss */
    .page-template-template-board.admin-bar .board-members-list-wrap {
        top: 92px;
    }
}

/* line 59, ../sass/templates/_board.scss */
.page-template-template-board .board-members-list {
    float: left;
    padding: 0;
    margin: 0 -999em 0 0;
    white-space: nowrap;
    list-style: none;
    text-align: center;
    background: url('../images/rgbapng/3f5d7ebf-5.png?1447427492');
    background: rgba(63, 93, 126, 0.75);
}

@media (min-width: 768px) {

    /* line 59, ../sass/templates/_board.scss */
    .page-template-template-board .board-members-list {
        background: none;
        float: none;
        margin: 0 0 0 20px;
        list-style: url('../images/bullet-gray.png?1447427492') inside;
        text-align: left;
    }
}

/* line 77, ../sass/templates/_board.scss */
.page-template-template-board .board-members-list .title {
    font-size: 10px;
    text-align: center;
    color: #656d75;
    display: block;
}

@media (min-width: 768px) {

    /* line 77, ../sass/templates/_board.scss */
    .page-template-template-board .board-members-list .title {
        display: none;
    }
}

/* line 85, ../sass/templates/_board.scss */
.page-template-template-board .board-members-list li {
    height: 50px;
    margin: 10px 20px 0 20px;
    float: left;
}

/* line 89, ../sass/templates/_board.scss */
.page-template-template-board .board-members-list li a {
    font-size: 16px;
    color: #ffffff;
    opacity: 0.8;
}

/* line 93, ../sass/templates/_board.scss */
.page-template-template-board .board-members-list li a:hover {
    text-decoration: none;
    opacity: 1;
}

@media (min-width: 768px) {

    /* line 89, ../sass/templates/_board.scss */
    .page-template-template-board .board-members-list li a {
        color: #656d75;
        margin-left: 10px;
    }
}

/* line 102, ../sass/templates/_board.scss */
.page-template-template-board .board-members-list li.active,
.page-template-template-board .board-members-list li:active,
.page-template-template-board .board-members-list li:focus {
    border-bottom: 1px solid #8CD8E4;
}

/* line 104, ../sass/templates/_board.scss */
.page-template-template-board .board-members-list li.active a,
.page-template-template-board .board-members-list li:active a,
.page-template-template-board .board-members-list li:focus a {
    color: #ffffff;
    text-decoration: none;
}

@media (min-width: 768px) {

    /* line 102, ../sass/templates/_board.scss */
    .page-template-template-board .board-members-list li.active,
    .page-template-template-board .board-members-list li:active,
    .page-template-template-board .board-members-list li:focus {
        border-bottom: none;
        list-style-image: url('../images/bullet-white.png?1447427492');
    }
}

@media (min-width: 768px) {

    /* line 85, ../sass/templates/_board.scss */
    .page-template-template-board .board-members-list li {
        float: none;
        margin: 0;
        height: auto;
    }
}

/* line 121, ../sass/templates/_board.scss */
.page-template-template-board .member {
    padding: 0;
    color: #ffffff;
}

/* line 127, ../sass/templates/_board.scss */
.page-template-template-board .member img {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 20px;
}

/* line 134, ../sass/templates/_board.scss */
.page-template-template-board .member .title {
    font-size: 16px;
    color: #ffffff;
    line-height: 25px;
    margin: 0;
}

@media (min-width: 768px) {

    /* line 134, ../sass/templates/_board.scss */
    .page-template-template-board .member .title {
        color: #656d75;
        font-size: 12px;
        line-height: 12px;
        padding-top: 12px;
    }
}

/* line 147, ../sass/templates/_board.scss */
.page-template-template-board .member .name {
    font-size: 22px;
    font-family: 'TheMix-700', sans-serif;
    color: #ffffff;
    line-height: 35px;
    margin: 0;
}

/* line 154, ../sass/templates/_board.scss */
.page-template-template-board .member .content_design {
    padding-bottom: 0;
}

/* line 158, ../sass/templates/_board.scss */
.page-template-template-board .member .member-border {
    border-bottom: 1px solid #8CD8E4;
    width: 100%;
    margin: 30px 0;
}

@media (min-width: 768px) {

    /* line 158, ../sass/templates/_board.scss */
    .page-template-template-board .member .member-border {
        width: 30%;
    }
}

/* line 166, ../sass/templates/_board.scss */
.page-template-template-board .member .member-border.top {
    display: none;
}

@media (min-width: 992px) {

    /* line 166, ../sass/templates/_board.scss */
    .page-template-template-board .member .member-border.top {
        display: block;
    }
}

@media (min-width: 992px) {

    /* line 171, ../sass/templates/_board.scss */
    .page-template-template-board .member.left,
    .page-template-template-board .member.right,
    .page-template-template-board .member.center {
        width: 45%;
        position: relative;
        margin-top: -33%;
    }

    /* line 175, ../sass/templates/_board.scss */
    .page-template-template-board .member.left.no-move,
    .page-template-template-board .member.right.no-move,
    .page-template-template-board .member.center.no-move {
        margin-top: 0;
    }

    /* line 180, ../sass/templates/_board.scss */
    .page-template-template-board .member.right {
        left: 50%;
    }

    /* line 186, ../sass/templates/_board.scss */
    .page-template-template-board .member.center {
        left: 25%;
    }
}

@media (min-width: 1340px) {

    /* line 191, ../sass/templates/_board.scss */
    .page-template-template-board .member.left,
    .page-template-template-board .member.right,
    .page-template-template-board .member.center {
        margin-top: +5%;
    }
}

@media (max-width: 767px) {

    /* line 194, ../sass/templates/_board.scss */
    .page-template-template-board .title-area {
        background: url('../images/rgbapng/0000007f-5.png?1447427492');
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        margin-left: 0px;
        height: 69px;
        margin-top: 60px;
    }
}

/* line 202, ../sass/templates/_board.scss */
.page-template-template-board .title-area .heading {
    color: #FFF;
    width: 100%;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 69px;
    padding-left: 15px;
}

@media (min-width: 768px) {

    /* line 202, ../sass/templates/_board.scss */
    .page-template-template-board .title-area .heading {
        width: 174px;
        line-height: 57px;
        margin-top: 42px;
        margin-bottom: 21px;
        text-align: left;
        padding-left: 0px;
    }
}

@media (min-width: 768px) {

    /* line 1, ../sass/templates/_content-page.scss */
    .page-template-template-content-page {
        overflow: hidden;
    }
}

/* line 6, ../sass/templates/_content-page.scss */
.page-template-template-content-page .content-area {
    background: #ffffff;
    padding-top: 0;
}

/* line 9, ../sass/templates/_content-page.scss */
.page-template-template-content-page .content-area h3 {
    margin-top: 40px;
    margin-bottom: 15px;
}

/* line 15, ../sass/templates/_content-page.scss */
.page-template-template-content-page .content-area p {
    margin-top: 0px;
}

/* line 19, ../sass/templates/_content-page.scss */
.page-template-template-content-page .content-area p:nth-child(1) {
    margin-top: 20px;
}

/* line 23, ../sass/templates/_content-page.scss */
.page-template-template-content-page .invert .content-area {
    background: #222222;
}

/* line 25, ../sass/templates/_content-page.scss */
.page-template-template-content-page .invert .content-area h1,
.page-template-template-content-page .invert .content-area h2,
.page-template-template-content-page .invert .content-area h3,
.page-template-template-content-page .invert .content-area h4,
.page-template-template-content-page .invert .content-area h5,
.page-template-template-content-page .invert .content-area h6,
.page-template-template-content-page .invert .content-area p {
    color: #ffffff;
}

/* line 28, ../sass/templates/_content-page.scss */
.page-template-template-content-page .focuspoint {
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    z-index: 0;
}

@media (min-width: 768px) {

    /* line 28, ../sass/templates/_content-page.scss */
    .page-template-template-content-page .focuspoint {
        height: 100%;
        position: fixed;
    }
}

/* line 40, ../sass/templates/_content-page.scss */
.page-template-template-content-page.admin-bar .focuspoint {
    top: 46px;
}

@media (min-width: 768px) {

    /* line 40, ../sass/templates/_content-page.scss */
    .page-template-template-content-page.admin-bar .focuspoint {
        top: 32px;
    }
}

@media (min-width: 768px) {

    /* line 42, ../sass/templates/_content-page.scss */
    .page-template-template-content-page #footer {
        position: absolute;
        bottom: -100%;
    }
}

/* line 1, ../sass/templates/_sectors.scss */
.page-template-template-sectors {
    overflow: auto;
    overflow-x: hidden;
}

/* line 5, ../sass/templates/_sectors.scss */
.page-template-template-sectors .title-area {
    display: none;
}

/* line 7, ../sass/templates/_sectors.scss */
.page-template-template-sectors .title-area.wide {
    position: absolute;
}

@media (min-width: 768px) {

    /* line 7, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .title-area.wide {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    /* line 10, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .title-area.wide h1 {
        margin-top: 0px;
    }
}

/* line 16, ../sass/templates/_sectors.scss */
.page-template-template-sectors .title-area.narrow {
    display: block;
    position: relative;
    margin: 0;
    height: auto;
    padding-left: 20px;
}

@media (min-width: 768px) {

    /* line 16, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .title-area.narrow {
        display: none;
    }
}

/* line 24, ../sass/templates/_sectors.scss */
.page-template-template-sectors .title-area.narrow h1 {
    margin-top: 60px;
}

@media (min-width: 768px) and (max-width: 992px) {

    /* line 5, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .title-area {
        margin-top: 150px;
    }
}

/* line 30, ../sass/templates/_sectors.scss */
.page-template-template-sectors .wide-testimonials {
    display: none;
}

@media (min-width: 768px) {

    /* line 30, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .wide-testimonials {
        display: block;
    }
}

/* line 33, ../sass/templates/_sectors.scss */
.page-template-template-sectors .wide-testimonials .testimonial_design {
    bottom: -40px;
}

/* line 38, ../sass/templates/_sectors.scss */
.page-template-template-sectors .narrow-testimonials {
    display: block;
    position: relative;
}

@media (min-width: 768px) {

    /* line 38, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .narrow-testimonials {
        display: none;
    }
}

/* line 42, ../sass/templates/_sectors.scss */
.page-template-template-sectors .narrow-testimonials .testimonial_design {
    margin-top: 0;
}

/* line 49, ../sass/templates/_sectors.scss */
.page-template-template-sectors .sector-wrapper {
    height: 500px;
    position: relative;
}

/* line 52, ../sass/templates/_sectors.scss */
.page-template-template-sectors .sector-wrapper .focuspoint {
    height: 500px;
    width: 100%;
    position: absolute;
    top: 70px;
}

@media (max-width: 767px) {

    /* line 57, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .sector-wrapper.first {
        height: 690px;
    }

    /* line 60, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .sector-wrapper.first .focuspoint {
        height: 690px;
    }
}

/* line 69, ../sass/templates/_sectors.scss */
.page-template-template-sectors .sector {
    height: 500px;
    position: relative;
    display: table;
    vertical-align: middle;
}

@media (max-width: 767px) {

    /* line 75, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .sector.first {
        height: 20px;
        margin-top: 20px;
    }
	
	.positionFixed{
		position: relative;
	}
}

/* line 81, ../sass/templates/_sectors.scss */
.page-template-template-sectors .sector.left {
    left: 20px;
    width: 80%;
    right: 10%;
}

@media (min-width: 768px) {

    /* line 81, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .sector.left {
        right: 50%;
        width: 55%;
    }
}

/* line 91, ../sass/templates/_sectors.scss */
.page-template-template-sectors .sector.right {
    left: 20px;
    width: 80%;
    right: 10%;
}

@media (min-width: 768px) {

    /* line 91, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .sector.right {
        left: 50%;
        width: 52%;
    }
}

@media (min-width: 768px) {

    /* line 99, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .sector.right .wrap {
        padding-right: 15px;
    }
}

/* line 107, ../sass/templates/_sectors.scss */
.page-template-template-sectors .sector.white {
    color: #ffffff;
}

/* line 108, ../sass/templates/_sectors.scss */
.page-template-template-sectors .sector.gray {
    color: #333333;
}

/* line 110, ../sass/templates/_sectors.scss */
.page-template-template-sectors .sector .wrap {
    display: table-cell;
    vertical-align: middle;
}

/* line 114, ../sass/templates/_sectors.scss */
.page-template-template-sectors .sector h3 {
    margin-top: 0;
}

@media (min-width: 768px) {

    /* line 114, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .sector h3 {
        margin-top: 120px;
    }
}

@media (min-width: 992px) {

    /* line 114, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .sector h3 {
        margin-top: 60px;
    }
}

/* line 126, ../sass/templates/_sectors.scss */
.page-template-template-sectors .sectors-mobile {
    display: block;
    height: 265px;
}

/* line 134, ../sass/templates/_sectors.scss */
.page-template-template-sectors .sectors-mobile .wrap {
    display: block;
    margin-top: 95px;
}

@media (min-width: 768px) {

    /* line 126, ../sass/templates/_sectors.scss */
    .page-template-template-sectors .sectors-mobile {
        display: none;
    }
}

/* line 1, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies {
    overflow: auto;
}

/* line 4, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies #page-content {
    background: #ffffff;
}

/* line 6, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study-header {
    text-align: center;
    height: 300px;
    display: table;
    width: 100%;
}

@media (min-width: 768px) {

    /* line 6, ../sass/templates/_case-studies.scss */
    .page-template-template-case-studies .case-study-header {
        height: 560px;
    }
}

/* line 14, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study-header .wrapper {
    margin: 65px 0 0 20px;
    position: absolute;
    top: 0;
}

@media (min-width: 768px) {

    /* line 14, ../sass/templates/_case-studies.scss */
    .page-template-template-case-studies .case-study-header .wrapper {
        display: table-cell;
        position: relative;
        vertical-align: middle;
    }
}

/* line 23, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study-header .wrapper .heading {
    text-align: left;
}

@media (min-width: 768px) {

    /* line 23, ../sass/templates/_case-studies.scss */
    .page-template-template-case-studies .case-study-header .wrapper .heading {
        text-align: center;
    }
}

/* line 29, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study-header .wrapper p {
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
}

@media (min-width: 768px) {

    /* line 29, ../sass/templates/_case-studies.scss */
    .page-template-template-case-studies .case-study-header .wrapper p {
        font-size: 16px;
        line-height: 16px;
        text-align: center;
    }
}

/* line 42, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .focuspoint {
    width: 100%;
    height: 300px;
    position: absolute;
}

@media (min-width: 768px) {

    /* line 42, ../sass/templates/_case-studies.scss */
    .page-template-template-case-studies .focuspoint {
        height: 560px;
    }
}

/* line 49, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .focuspoint img {
    width: auto;
    height: 100%;
}

@media (min-width: 768px) {

    /* line 49, ../sass/templates/_case-studies.scss */
    .page-template-template-case-studies .focuspoint img {
        width: auto;
        height: auto;
    }
}

/* line 59, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study-container {
    padding-top: 20px;
}

@media (min-width: 768px) {

    /* line 59, ../sass/templates/_case-studies.scss */
    .page-template-template-case-studies .case-study-container {
        padding-top: 120px;
    }
}

/* line 66, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study,
.page-template-template-case-studies .case-study-link {
    margin-bottom: 60px;
}

/* line 70, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study .img-responsive,
.page-template-template-case-studies .case-study-link .img-responsive {
    width: 100%;
}

/* line 72, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study a,
.page-template-template-case-studies .case-study-link a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    text-decoration: none;
    font-family: 'TheMix-500';
}

/* line 79, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study h2,
.page-template-template-case-studies .case-study-link h2 {
    font-size: 22px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 0px;
}

/* line 86, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study p,
.page-template-template-case-studies .case-study-link p {
    font-size: 16px;
    line-height: 22px;
    color: #333333;
}

/* line 90, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study p.location,
.page-template-template-case-studies .case-study-link p.location {
    font-size: 12px;
    line-height: 19px;
    color: #cacaca;
    margin: 0;
}

/* line 99, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study-link h2 {
    font-size: 16px;
    line-height: 22px;
}

/* line 106, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study-modal .close {
    position: absolute;
    right: -20px;
    background: url(/wp-content/themes/blackcube/images/x-button.svg);
    width: 15px;
    height: 14px;
    opacity: 0.9;
}

/* line 113, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study-modal .close:hover {
    opacity: 1;
}

/* line 117, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study-modal .content_design {
    padding: 10px;
}

@media (min-width: 768px) {

    /* line 117, ../sass/templates/_case-studies.scss */
    .page-template-template-case-studies .case-study-modal .content_design {
        padding: 20px;
    }
}

@media (min-width: 1340px) {

    /* line 117, ../sass/templates/_case-studies.scss */
    .page-template-template-case-studies .case-study-modal .content_design {
        padding: 48px;
    }
}

/* line 123, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study-modal .links {
    border-top: 1px solid #cacaca;
    margin-top: 130px;
    padding-top: 30px;
}

/* line 129, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study-modal .modal-heading {
    position: absolute;
    top: 0;
    left: 0;
}

/* line 133, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study-modal .modal-heading h2 {
    color: #FFF;
    margin-top: 0px;
}

/* line 137, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study-modal .modal-heading .location {
    color: #cacaca;
}

/* line 141, ../sass/templates/_case-studies.scss */
.page-template-template-case-studies .case-study-modal .target-content {
    position: relative;
}

@media (min-width: 768px) {

    /* line 1, ../sass/templates/_login.scss */
    .page-template-template-login {
        overflow: hidden;
    }
}

/* line 5, ../sass/templates/_login.scss */
.page-template-template-login #footer {
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {

    /* line 5, ../sass/templates/_login.scss */
    .page-template-template-login #footer {
        position: absolute;
        bottom: -100%;
    }
}

/* line 14, ../sass/templates/_login.scss */
.page-template-template-login .focuspoint {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 0;
}

/* line 21, ../sass/templates/_login.scss */
.page-template-template-login .numpad {
    width: 205px;
    text-align: center;
    padding: 0;
    color: #FFFFFF;
    font-family: sans-serif;
    margin-top: 0px;
    margin: 0 auto;
}

@media (min-width: 768px) {

    /* line 21, ../sass/templates/_login.scss */
    .page-template-template-login .numpad {
        float: left;
        margin-left: 100px;
    }
}

/* line 33, ../sass/templates/_login.scss */
.page-template-template-login .numpad .num {
    font-family: 'TheMix-500', serif;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: none;
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #888888;
    background: transparent;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 15px 15px 0px;
}

/* line 47, ../sass/templates/_login.scss */
.page-template-template-login .numpad .num:hover {
    background: #FFF;
    color: #888888;
}

/* line 54, ../sass/templates/_login.scss */
.page-template-template-login .content-area {
    padding-bottom: 0;
}

@media (min-width: 768px) {

    /* line 54, ../sass/templates/_login.scss */
    .page-template-template-login .content-area {
        top: 190px;
    }
}

@media (max-width: 480px) {

    /* line 54, ../sass/templates/_login.scss */
    .page-template-template-login .content-area {
        margin-top: 0px;
    }
}

/* line 63, ../sass/templates/_login.scss */
.page-template-template-login .login-title-area {
    margin-left: 0;
    margin-top: 75px;
}

@media (min-width: 768px) {

    /* line 63, ../sass/templates/_login.scss */
    .page-template-template-login .login-title-area {
        margin-top: 200px;
        margin-left: 100px;
    }
}

@media (max-width: 480px) {

    /* line 63, ../sass/templates/_login.scss */
    .page-template-template-login .login-title-area {
        text-align: center;
        height: 120px !important;
    }
}

/* line 75, ../sass/templates/_login.scss */
.page-template-template-login .login-title-area h1 {
    text-align: center;
}

@media (min-width: 768px) {

    /* line 75, ../sass/templates/_login.scss */
    .page-template-template-login .login-title-area h1 {
        text-align: left;
    }
}

/* line 81, ../sass/templates/_login.scss */
.page-template-template-login .login-title-area .login-form {
    width: 180px;
    margin: 0 auto;
    text-align: left;
}

@media (min-width: 768px) {

    /* line 81, ../sass/templates/_login.scss */
    .page-template-template-login .login-title-area .login-form {
        float: left;
        width: 270px;
    }
}

/* line 90, ../sass/templates/_login.scss */
.page-template-template-login .login-title-area .login-form .login-pass {
    background: transparent;
    border: 0;
    font-size: 72px;
    width: 100%;
    text-shadow: none;
    color: #FFF;
    font-family: 'TheMix-700', serif;
    height: 60px;
    border-bottom: 1px solid #888888;
}

/* line 100, ../sass/templates/_login.scss */
.page-template-template-login .login-title-area .login-form .login-pass:focus,
.page-template-template-login .login-title-area .login-form .login-pass:active {
    outline: none;
}

@media (max-width: 767px) {

    /* line 90, ../sass/templates/_login.scss */
    .page-template-template-login .login-title-area .login-form .login-pass {
        font-size: 46px;
        height: 50px;
    }
}

/* line 109, ../sass/templates/_login.scss */
.page-template-template-login .login-title-area .login-form .reset {
    float: right;
    color: #FFF;
    margin-top: 5px;
}

/* line 113, ../sass/templates/_login.scss */
.page-template-template-login .login-title-area .login-form .reset:hover {
    text-decoration: none;
}

@media (max-width: 767px) {

    /* line 109, ../sass/templates/_login.scss */
    .page-template-template-login .login-title-area .login-form .reset {
        display: none !important;
    }
}

@media (min-width: 768px) {

    /* line 109, ../sass/templates/_login.scss */
    .page-template-template-login .login-title-area .login-form .reset {
        display: none;
    }
}

@media (max-width: 767px) {

    /* line 127, ../sass/templates/_login.scss */
    .page-template-template-login .title-area {
        position: relative;
        height: 120px;
        margin-top: 65px;
    }

    /* line 132, ../sass/templates/_login.scss */
    .page-template-template-login .title-area .heading {
        margin-bottom: 10px;
    }
}

/* line 140, ../sass/templates/_login.scss */
.btn-reset {
    display: none;
    background: url('../images/rgbapng/0000007f-5.png?1447427492');
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    padding: 0;
    text-align: center;
    height: 60px;
}

@media (min-width: 768px) {

    /* line 140, ../sass/templates/_login.scss */
    .btn-reset {
        display: none !important;
    }
}

/* line 150, ../sass/templates/_login.scss */
.btn-reset .reset {
    display: block;
    line-height: 60px;
    font-size: 21px;
    color: #FFF;
    text-decoration: none;
}

/* line 156, ../sass/templates/_login.scss */
.btn-reset .reset:hover {
    text-decoration: none;
}

/* line 161, ../sass/templates/_login.scss */
.login-status {
    height: 100%;
}

/* line 164, ../sass/templates/_login.scss */
.error {
    background: url('../images/rgbapng/be26267f-5.png?1447427492');
    background: rgba(190, 38, 38, 0.5);
    position: relative;
    z-index: 10;
}

/* line 168, ../sass/templates/_login.scss */
.error .num {
    position: relative;
    z-index: -1;
}

@media (min-width: 768px) {

    /* line 1, ../sass/templates/_contact.scss */
    .page-template-template-contact {
        overflow: hidden;
    }
}

/* line 6, ../sass/templates/_contact.scss */
.page-template-template-contact .title-area {
    margin-left: 0px;
    position: relative;
    height: auto;
    text-align: center;
}

@media (min-width: 768px) {

    /* line 6, ../sass/templates/_contact.scss */
    .page-template-template-contact .title-area {
        text-align: inherit;
        display: block;
    }
}

/* line 16, ../sass/templates/_contact.scss */
.page-template-template-contact .title-area h1 {
    margin-bottom: 10px;
    margin-top: 80px;
}

/* line 21, ../sass/templates/_contact.scss */
.page-template-template-contact #footer {
    position: relative;
    bottom: 0;
}

@media (min-width: 768px) {

    /* line 21, ../sass/templates/_contact.scss */
    .page-template-template-contact #footer {
        position: absolute;
        bottom: -100%;
    }
}

/* line 31, ../sass/templates/_contact.scss */
.page-template-template-contact .content-area {
    padding: 20px 0 0 0;
}

@media (min-width: 768px) {

    /* line 31, ../sass/templates/_contact.scss */
    .page-template-template-contact .content-area {
        left: 30%;
        padding-top: 20px;
    }
}

/* line 40, ../sass/templates/_contact.scss */
.page-template-template-contact .focuspoint {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 0;
}

/* line 48, ../sass/templates/_contact.scss */
.page-template-template-contact form {
    margin: 0 20px;
}

@media (min-width: 768px) {

    /* line 48, ../sass/templates/_contact.scss */
    .page-template-template-contact form {
        width: 50%;
        float: right;
        margin: 0;
    }
}

@media (min-width: 992px) {

    /* line 48, ../sass/templates/_contact.scss */
    .page-template-template-contact form {
        float: left;
    }
}

/* line 61, ../sass/templates/_contact.scss */
.page-template-template-contact form .form-group {
    width: 100%;
    position: relative;
    margin: 0;
    margin-bottom: 5px;
}

@media (min-width: 768px) {

    /* line 61, ../sass/templates/_contact.scss */
    .page-template-template-contact form .form-group {
        margin-bottom: 4px;
    }
}

/* line 71, ../sass/templates/_contact.scss */
.page-template-template-contact form .form-group.text {
    height: 44px;
}

@media (min-width: 768px) {

    /* line 71, ../sass/templates/_contact.scss */
    .page-template-template-contact form .form-group.text {
        height: 34px;
    }
}

/* line 79, ../sass/templates/_contact.scss */
.page-template-template-contact form .form-group input,
.page-template-template-contact form .form-group textarea {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url('../images/rgbapng/ffffffcc-5.png?1447427492');
    background: rgba(255, 255, 255, 0.8);
    border: none;
    height: 44px;
    font-size: 12px;
    line-height: 20px;
    font-family: "TheSans-500", sans-serif;
}

@media (min-width: 768px) {

    /* line 79, ../sass/templates/_contact.scss */
    .page-template-template-contact form .form-group input,
    .page-template-template-contact form .form-group textarea {
        height: 34px;
        font-size: 14px;
        line-height: 22px;
    }
}

/* line 94, ../sass/templates/_contact.scss */
.page-template-template-contact form .form-group input:active,
.page-template-template-contact form .form-group input:focus,
.page-template-template-contact form .form-group input:valid,
.page-template-template-contact form .form-group textarea:active,
.page-template-template-contact form .form-group textarea:focus,
.page-template-template-contact form .form-group textarea:valid {
    background: url('../images/rgbapng/ffffffff-5.png?1447427492');
    background: white;
}

/* line 98, ../sass/templates/_contact.scss */
.page-template-template-contact form .form-group input::-webkit-input-placeholder,
.page-template-template-contact form .form-group textarea::-webkit-input-placeholder {
    opacity: 0.3;
    color: #333333;
}

/* line 105, ../sass/templates/_contact.scss */
.page-template-template-contact form .form-group input:-moz-placeholder,
.page-template-template-contact form .form-group textarea:-moz-placeholder {
    /* Firefox 18- */
    opacity: 0.3;
    color: #333333;
}

/* line 113, ../sass/templates/_contact.scss */
.page-template-template-contact form .form-group input::-moz-placeholder,
.page-template-template-contact form .form-group textarea::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 0.3;
    color: #333333;
}

/* line 120, ../sass/templates/_contact.scss */
.page-template-template-contact form .form-group input:-ms-input-placeholder,
.page-template-template-contact form .form-group textarea:-ms-input-placeholder {
    opacity: 0.3;
    color: #333333;
}

/* line 128, ../sass/templates/_contact.scss */
.page-template-template-contact form .form-group textarea {
    height: 120px;
}

@media (min-width: 768px) {

    /* line 128, ../sass/templates/_contact.scss */
    .page-template-template-contact form .form-group textarea {
        height: 140px;
    }
}

/* line 135, ../sass/templates/_contact.scss */
.page-template-template-contact form .form-group .glyphicon {
    position: absolute;
    line-height: 17px;
    right: 8px;
    color: #8ad3df;
    font-size: 12px;
    top: 13px;
}

@media (min-width: 768px) {

    /* line 135, ../sass/templates/_contact.scss */
    .page-template-template-contact form .form-group .glyphicon {
        top: 9px;
        right: 11px;
    }
}

/* line 148, ../sass/templates/_contact.scss */
.page-template-template-contact form .form-group .icon-required {
    position: absolute;
    line-height: 17px;
    right: 28px;
    font-family: "TheSans-500", sans-serif;
    font-size: 12px;
    color: #8ad3df;
    top: 13px;
}

@media (min-width: 768px) {

    /* line 148, ../sass/templates/_contact.scss */
    .page-template-template-contact form .form-group .icon-required {
        top: 9px;
    }
}

/* line 164, ../sass/templates/_contact.scss */
.page-template-template-contact form .btn-contact {
    background-color: #8cd8e4;
    border: none;
    font-family: "TheMix-700", sans-serif;
    font-size: 22px;
    color: #ffffff;
    margin-top: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

@media (max-width: 767px) {

    /* line 164, ../sass/templates/_contact.scss */
    .page-template-template-contact form .btn-contact {
        width: 100%;
    }
}

/* line 177, ../sass/templates/_contact.scss */
.page-template-template-contact form .btn-contact:hover,
.page-template-template-contact form .btn-contact:active,
.page-template-template-contact form .btn-contact:focus {
    background-color: #8cd8e4;
    border: none;
}

@media (min-width: 768px) {

    /* line 164, ../sass/templates/_contact.scss */
    .page-template-template-contact form .btn-contact {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        bottom: -41px;
        right: 37px;
        background-color: #888888;
        height: 82px;
        width: 82px;
        margin-top: 0;
    }

    /* line 190, ../sass/templates/_contact.scss */
    .page-template-template-contact form .btn-contact:hover,
    .page-template-template-contact form .btn-contact:active,
    .page-template-template-contact form .btn-contact:focus {
        background-color: #8cd8e4;
        border: none;
    }
}

/* line 197, ../sass/templates/_contact.scss */
.page-template-template-contact .contact-details {
    width: 100%;
    float: left;
    padding: 23px 20px;
    color: #FFF;
    font-size: 10px;
    line-height: 22px;
    font-family: "TheSans-500", serif;
    position: relative;
    background: url('../images/rgbapng/0000007f-5.png?1447427492');
    background: rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {

    /* line 197, ../sass/templates/_contact.scss */
    .page-template-template-contact .contact-details {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        font-size: 14px;
        line-height: 22px;
        padding: 24px;
        clear: both;
        float: right;
        width: 50%;
        margin-left: 0;
        margin-top: 60px;
        display: block;
    }
}

@media (min-width: 992px) {

    /* line 197, ../sass/templates/_contact.scss */
    .page-template-template-contact .contact-details {
        clear: none;
        float: left;
        width: 37.5%;
        margin-left: 12.5%;
        margin-top: 0;
    }
}

/* line 231, ../sass/templates/_contact.scss */
.page-template-template-contact .contact-details p {
    margin: 0;
    font-family: "TheSans-500", serif;
}

/* line 234, ../sass/templates/_contact.scss */
.page-template-template-contact .contact-details p span {
    font-family: "TheSans-500", serif;
    display: ini;
}

@media (min-width: 768px) {

    /* line 231, ../sass/templates/_contact.scss */
    .page-template-template-contact .contact-details p {
        margin-bottom: 22px;
    }
}

/* line 241, ../sass/templates/_contact.scss */
.page-template-template-contact .contact-details p.last {
    margin-bottom: 0;
}

/* line 245, ../sass/templates/_contact.scss */
.page-template-template-contact .contact-details .bold {
    font-family: "TheSans-500", serif;
}

@media (min-width: 768px) {

    /* line 245, ../sass/templates/_contact.scss */
    .page-template-template-contact .contact-details .bold {
        font-family: "TheMix-700", serif;
        font-size: 14px;
        line-height: 21px;
    }
}

@media (max-width: 767px) {

    /* line 253, ../sass/templates/_contact.scss */
    .page-template-template-contact .contact-details .bold::after {
        content: " | ";
    }
}

/* line 258, ../sass/templates/_contact.scss */
.page-template-template-contact .contact-details .address {
    font-size: 12px;
}

@media (min-width: 768px) {

    /* line 258, ../sass/templates/_contact.scss */
    .page-template-template-contact .contact-details .address {
        font-size: 12px;
        display: block;
    }
}

@media (min-width: 1340px) {

    /* line 258, ../sass/templates/_contact.scss */
    .page-template-template-contact .contact-details .address {
        display: block;
        font-size: 14px;
    }
}

/* line 271, ../sass/templates/_contact.scss */
.page-template-template-contact .contact-details a {
    color: inherit;
    font-size: 14px;
}

/* line 277, ../sass/templates/_contact.scss */
.page-template-template-contact .contact-details .contact {
    padding-left: 20px;
}

/* line 280, ../sass/templates/_contact.scss */
.page-template-template-contact .contact-details .marker {
    background: url('../images/marker.svg?1447427492') no-repeat left 4px;
}

@media (min-width: 768px) {

    /* line 280, ../sass/templates/_contact.scss */
    .page-template-template-contact .contact-details .marker {
        background: url('../images/marker.png?1447427492') no-repeat left 4px;
    }
}

/* line 286, ../sass/templates/_contact.scss */
.page-template-template-contact .contact-details .mail {
    background: url('../images/mail.svg?1447427492') no-repeat left 4px;
}

@media (min-width: 768px) {

    /* line 286, ../sass/templates/_contact.scss */
    .page-template-template-contact .contact-details .mail {
        background: url('../images/mail.png?1447427492') no-repeat left 5px;
    }
}

@media (max-width: 767px) {

    /* line 295, ../sass/templates/_contact.scss */
    .page-template-template-contact .contact-details {
        display: none;
    }

    .source_design {
        padding: 20px 26px !important;
        margin: 0px;
    }

}

/* line 302, ../sass/templates/_contact.scss */
.page-template-template-contact .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 768px) {

    /* line 455, ../sass/templates/_contact.scss */
    .page-template-template-contact #footer {
        display: none !important;
    }
}

/* line 2, ../sass/_wordpress.scss */
body {
    padding-top: 0;
}

/* line 3, ../sass/_wordpress.scss */
body.body-logged-in .navbar-fixed-top,
body.logged-in .navbar-fixed-top {
    top: 32px;
}

@media screen and (max-width: 782px) {

    /* line 3, ../sass/_wordpress.scss */
    body.body-logged-in .navbar-fixed-top,
    body.logged-in .navbar-fixed-top {
        top: 46px;
    }
}

/* line 1, ../sass/_bootstrap.scss */
.container {
    padding-left: 0;
    padding-right: 0;
}

/* line 4, ../sass/_bootstrap.scss */
.container .row {
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 768px) {

    /* line 11, ../sass/_bootstrap.scss */
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* line 14, ../sass/_bootstrap.scss */
    .container .row {
        margin-left: -15px;
        margin-right: -15px;
    }
}

/* line 31, ../sass/style.scss */

html, body.page-id-78 {
    background: transparent !important;
}
html,
body {
    height: 100%;
    background: #333333;
}
/* line 37, ../sass/style.scss */
.fader {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    z-index: 100;
    display: none;
}

/* line 46, ../sass/style.scss */
.content-container {
    position: static;
}

@media (min-width: 768px) {

    /* line 46, ../sass/style.scss */
    .content-container {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
    }
}

/* line 57, ../sass/style.scss */
.title-area {
    margin: 35px 0 0 20px;
    height: 175px;
    position: absolute;
    top: 0;
}

@media (min-width: 768px) {

    /* line 57, ../sass/style.scss */
    .title-area {
        margin-top: 200px;
        height: auto;
        width: 300px;
        position: static;
    }
}

@media (min-width: 992px) {

    /* line 57, ../sass/style.scss */
    .title-area {
        margin-top: 115px;
        position: static;
    }
}

/* line 74, ../sass/style.scss */
.heading {
    color: #ffffff;
}

/* line 78, ../sass/style.scss */
.subheading {
    color: #ffffff;
    font-size: 14px;
    line-height: 23px;
}

@media (min-width: 768px) {

    /* line 78, ../sass/style.scss */
    .subheading {
        font-size: 22px;
        line-height: 31px;
    }
}

/* line 88, ../sass/style.scss */
.content-area {
    padding: 20px;
    padding-right: 10px;
}

@media (min-width: 768px) {

    /* line 88, ../sass/style.scss */
    .content-area {
        position: absolute;
        width: auto;
        height: auto;
        left: 50%;
        right: 15px;
        bottom: 0;
        top: 210px;
        overflow: hidden;
    }
}





@media (min-width: 992px) {

    /* line 88, ../sass/style.scss */
    .content-area {
        top: 105px;
    }
}

/* line 106, ../sass/style.scss */
.content-area h1:first-child,
.content-area h2:first-child {
    margin-top: 0;
}

/* line 109, ../sass/style.scss */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #89D1DE !important;
    width: 10px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* line 114, ../sass/style.scss */
.mCSB_draggerRail {
    background: none;
}




/*-----------------24-10-2019------------------*/
/*#cubez-wrapper .container {*/
/*	width: 100%;*/
/*}*/
.credo #cubez-wrapper .face {
    width: 15.66%;
    height: initial;
    transform: none !important;
    transition: none !important;
    position: relative;
    float: left;
    padding: 0px 5px;
    /*margin-right: 1%;*/
}

.credo #cubez-wrapper #cubez {
    width: 100%;
    height: initial;
    transition: none !important;
    transform: none !important;
    display: flex;
    margin-top: 25px;
/*    padding-left: 3%;*/
}

.credo #cubez-wrapper .face .face-cvr {
    background-color: #69696B;
    padding: 17px 10px;
    height: 100%;
    border-radius: 3px;
    box-shadow: 11px 9px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 11px 9px 6px rgba(0, 0, 0, 0.1);
    border-top: 10px solid #8CD7E4;
}

.credo #cubez-wrapper .face h3,
.credo #cubez-wrapper .face p {
    color: #fff;
    text-align: left;
    font-size: 20px;
}

.credo #cubez-wrapper .face p {
    font-size: 14px;
    /*  text-align: justify;*/
    margin-bottom: 0px;
}

.source_design {
    text-align: right;
    padding: 0px 24px 18px;
}

.credo #cubez-wrapper {
    float: left;
    width: 100%;
}

/*14 Feb, 2020*/

.credo #cubez-wrapper .face {
    /*width: 33% !important;*/
    margin-bottom: 20px;
}
.credo #cubez-wrapper #cubez {
    display: block !important;
    padding: 0px 15px;
}
.recipe-boxes {
    display: flex;
    justify-content: space-between;
}

/*14 Feb, 2020*/

@media (max-width: 1199px) {
    .credo {
        height: 825px;
    }

    .credo #cubez-wrapper .face h3 {
	font-size: 15px;
}
}

@media (max-width: 991px) {
    .heading {
        font-size: 35px;
        line-height: 45px;
    }

    .subheading {
        font-size: 18px;
        line-height: 22px;
    }

    .credo #cubez-wrapper #cubez {
        display: inline-block;
    }

    .credo #cubez-wrapper .face {
        width: 49%;
        margin-bottom: 10px;
    }

    .credo {
        height: 1000px;
    }

    .credo h1 {
        max-width: 100%;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .credo #cubez-wrapper .face .face-cvr {
        min-height: 160px;
    }

}


@media (max-width: 767px) {
    .credo #cubez-wrapper .face p {
        line-height: 18px;
    }

    .credo #cubez-wrapper #cubez {
        padding: 0px 20px;
    }

    .credo #cubez-wrapper .face {
        width: 100%;
        max-width: 500px;
        float: none;
        margin: 15px auto;
    }

    .credo h1 {
        text-align: center;
    }

    .credo {
        height: 1163px;
    }

    .credo #cubez-wrapper .face .face-cvr {
        padding: 17px 10px 17px 12px;
    }

    .credo #cubez-wrapper .face .face-cvr {
        min-height: initial;
    }

}
@media(max-width:575px){
    .recipe-boxes {
    display: block;
}
.credo #cubez-wrapper .face {
    width: 100% !important;
    margin-bottom: 10px;
}
}
@media (max-width: 480px) {
    .credo #cubez-wrapper .face .face-cvr {
        padding: 17px 15px;
    }

    .credo {
        height: 1320px;
    }

    .credo #cubez-wrapper .face p {
        line-height: 18px;
        font-size: 13px;
    }

}

@media (max-width: 1024px) {
.bc-creativebanner #bc-creativebanner-mask_home {
    background-position: 60% 100%;
}
}
@media (max-width: 400px) {
.logo_animation_outer_wrapper {

    transform: translate(0%,10%);
    top: 40%;
    left: 0%;
    position: absolute;
    max-width: 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 70px;

}
}
.testimonial_design {
 webkit-border-radius: 0px; 
 border-radius: 0px;
}

.page-template-template-contact form .form-group input
{
-webkit-border-radius: 0px; 
 border-radius: 0px;
}
textarea#message{
    margin: 0px -3.99306px 0px 0px;
    width: 451px;
    height: 144px;
    resize: none !important;
    border-radius:0px;

}

.page-template-template-case-studies footer{
  padding-top: 0px !important;
}

/* .testimonial_design .content_design {
    margin: 0;
    padding: 14px 20px;
    min-height: 75px;
    font-size: 18px;
    line-height: 22px;
} */

.source_design img{
width:80px;
height:auto !important;
}

#footer {
    background: #222222;
    position: relative;
}
.page-id-78 #footer {
    padding-top:25px !important;
}
.testimonial_design .content_design {
    margin: 0;
    padding: 14px 20px;
    min-height: 75px;
    font-size: 16px;
    line-height: 20px;
} 

ul.what-ul {
    padding-left: 20px !important;
}



button.btn.btn-primary.btn-lg.btn-contact{
	border-radius:50px;
}
@media(max-width: 767px){
textarea#message{
	    width: 100% !important;
}
.page-id-78 #footer {
    padding-top: 0px !important;
}
.page-template-template-contact form {
width: auto !important;
float: left;
}
form.form-horizontal {
    transform: translateX(0px) !important;
}
}

@media(max-width:991px)and (min-width:767px)  {
.page-template-template-contact .contact-details {
margin-top: 0;
width:46%;
float:right;
clear:none;
}
.page-template-template-contact form {
width: 46%;
float: left;
}
.page-template-template-contact .content-area {
position: unset !important;
}

}
form.form-horizontal {
    transform: translateX(32px);
}