@font-face {

    font-family: 'star';

    src:url('../fonts/star.eot');

    src:url('../fonts/star.eot?#iefix') format('embedded-opentype'),

    url('../fonts/star.woff') format('woff'),

    url('../fonts/star.ttf') format('truetype'),

    url('../fonts/star.svg#star') format('svg');

    font-weight: normal;

    font-style: normal;

}



.star{

    font-family: 'star';

}



body{

    color: #272727;

    background: #faf8f5;

    background: #f0f0f0;

    font-family: 'Ubuntu', sans-serif;

    font-size: 14px;

    font-weight: 300;

    overflow-x: hidden;

}



html{

    overflow-x: hidden;

}



a{

    color: #686868;

    text-decoration: none;

    cursor: pointer;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



a:hover,

a:active

a:focus{

    color: #e74c3c;

    text-decoration: none;

}



.sep-main .thin,

.sep-left .thin{

    background: #ccc;

}



.dark-section .sep-main .thin,

.dark-section .sep-main .thick,

.dark-section .sep-left .thin,

.dark-section .sep-left .thick{

    background: #686868;

}



.dark-section a{

    color: #686868;

}



.dark-section .svg_scroll_img svg path{

    stroke: rgba(255,255,255,0.7);

}



.light-section .svg_scroll_img svg path{

    stroke: rgba(0,0,0,0.7);

}



h1,

h2,

h3,

h4,

h5,

h6{

    font-family: 'Ubuntu', sans-serif;

    font-weight: 300;

    text-transform: uppercase;

    margin: 1.2em auto 0.8em;

    line-height: 1em;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



h1,

h2,

h3{

    font-weight: 100;

}



h1{

    font-size: 42px;

}



h2{

    font-size: 36px;

}



h3{

    font-size: 30px;

}



h4{

    font-size: 26px;

}



h5{

    font-size: 20px;

}



h6{

    font-size: 16px;

}



strong{

    font-weight: 500;

}



h1 strong,

h2 strong,

h3 strong,

h4 strong,

h5 strong,

h6 strong{

    font-weight: 700;

}



iframe{

    max-width: 100%;

    width: 100%;

    border: none;

}

input:focus,

select:focus,

textarea:focus,

button:focus,

button,

button:focus{

    outline: none!important;

}



.pp_pic_holder .ppt{

    display: none;

}



/*****************

 * Buttons

 ******************/



.btn {

    font-weight: 300;

    font-family: 'Ubuntu', sans-serif;

    white-space: nowrap;

    padding: 6px 14px;

    text-transform: uppercase;

    font-size: 14px;

    border: none;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    border-top-left-radius: 200px 7px;

    border-top-right-radius: 200px 7px;

    overflow: hidden;

    border-bottom-left-radius: 200px 7px;

    border-bottom-right-radius: 200px 7px;

}

.cta-button .btn {

    background: white;

}



.cta-button .btn:hover{

    background: rgba(255,255,255,0.9);

}



.btn i:before,

.btn i:after {

    font-size: 20px;

    margin-left: 0;

    margin-right: 0.5em;

}



.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger{

    text-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    color: white;

}



.btn-default:hover{

    color: white;

}



/** sizes */



.btn-lg, .btn-group-lg>.btn {

    padding: 12px 16px;

    font-size: 16px;

    line-height: 1em;

}



.btn-lg .fa:before{

    font-size: 16px;

    margin-right: 0.5em;

}



.btn-sm, .btn-group-sm>.btn {

    padding: 7px 10px 5px;

    font-size: 12px;

    line-height: 1.2;

}



.btn-sm .fa:before{

    font-size: 16px;

}



.btn-xs, .btn-group-xs>.btn {

    padding: 2px 5px 1px;

    font-size: 11px;

    line-height: 1.5em;

}



.btn-xs .fa:before{

    font-size: 14px;

}



.btn-default {

    text-shadow: none;

}



.nav-tabs>li>a{

    border-radius: 0;

}



.tab-content>.tab-pane {

    padding: 1em;

}



.panel-group .panel {

    border-radius: 0;

}



.panel-default>.panel-heading{

    background: rgba(0,0,0,0.1);

}

/*****************

 * Helpers

 ******************/



.overlay{

    position: absolute;

    vertical-align: bottom;

    display: inline-block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.show-dl:nth-child(0){

    -webkit-animation-delay: 100ms;

    animation-delay: 100ms;

}

.show-dl:nth-child(1){

    -webkit-animation-delay: 200ms;

    animation-delay: 200ms;

}

.show-dl:nth-child(2){

    -webkit-animation-delay: 300ms;

    animation-delay: 300ms;

}

.show-dl:nth-child(3){

    -webkit-animation-delay: 400ms;

    animation-delay: 400ms;

}

.show-dl:nth-child(4){

    -webkit-animation-delay: 500ms;

    animation-delay: 500ms;

}

.show-dl:nth-child(5){

    -webkit-animation-delay: 600ms;

    animation-delay: 600ms;

}

.show-dl:nth-child(6){

    -webkit-animation-delay: 700ms;

    animation-delay: 700ms;

}

.show-dl:nth-child(7){

    -webkit-animation-delay: 800ms;

    animation-delay: 800ms;

}

.show-dl:nth-child(8){

    -webkit-animation-delay: 900ms;

    animation-delay: 900ms;

}

.show-dl:nth-child(9){

    -webkit-animation-delay: 1000ms;

    animation-delay: 1000ms;

}

.show-dl:nth-child(10){

    -webkit-animation-delay: 1100ms;

    animation-delay: 1100ms;

}

.show-dl:nth-child(11){

    -webkit-animation-delay: 1200ms;

    animation-delay: 1200ms;

}

.show-dl:nth-child(12){

    -webkit-animation-delay: 1300ms;

    animation-delay: 1300ms;

}



.abs-img{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.cover-img{

    background-size: cover;

    background-position: center center;

}



.repeat-img{

    background-repeat: repeat;

    background-size: auto;

}



p.drop-caps:first-child:first-letter {

    float: left;

    font-size: 78px;

    line-height: 70px;

    padding: 8px;

    margin: 5px 8px 5px 0;

    font-family: 'Ubuntu', sans-serif;

}



p.drop-caps.alt:first-child:first-letter {

    color: white;

    background: black;

}



p.drop-caps.fnt2:first-child:first-letter {

    font-family: 'Ubuntu', sans-serif;

    font-weight: 200;

}



.icon-list li:before{

    margin-right: 0.3em;

}



.alert{

    border-radius: 0;

}



.alert-success{

    background: #b2dba1;

}



.alert-info{

    background: #9acfea;

}



.alert-warning{

    background: #f5e79e;

}



.alert-danger{

    background: #dca7a7;

}

.label{

    border-radius: 0;

    font-weight: 500;

    padding: .2em .6em .2em;

}



/*****************

 * SLIDER

 ******************/



.home-slider{

    background: black;

}

.home-slider.owl-theme .owl-controls .owl-buttons div{

    background: rgba(255,255,255,0.5);

}

.home-slider.owl-theme .owl-controls .owl-buttons div:hover{

    background: rgba(255,255,255,0.8);

}



.home-slider.owl-theme .owl-controls .owl-buttons div:before{

    color: black;

}



.home-slider{

    width: 100%;

    list-style-type: none;

    padding: 0;

    margin-bottom: 0;

    position: relative;

}



.home-slider.owl-carousel .owl-wrapper-outer{

    max-height: 100%;

}



.home-slider li{

    height: calc(100vh + 12px);

    background-size: cover;

    background-position: center center;

}



.home-slider .owl-controls{

    position: absolute;

    bottom: 0;

    width: 100%;

}



.home-slider.owl-theme .owl-controls .owl-buttons{

    position: absolute;

    bottom: 0;

    right: 0;

}



.home-slider.owl-theme .owl-controls .owl-buttons div{

    width: 70px;

    height: 70px;

    border-radius: 0;

    border: none;

    padding: 0;

    margin: 0;

    opacity: 1;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}

.home-slider.owl-theme .owl-controls .owl-buttons div:before{

    font-family: FontAwesome;

    font-size: 4em;

}



.home-slider.owl-theme .owl-controls .owl-buttons .owl-prev:before{

    content: "\f104";

}



.home-slider.owl-theme .owl-controls .owl-buttons .owl-next:before{

    content: "\f105";

}



.home-slider .owl-pagination{

    display: inline-block;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 18px;

}



.home-slider.owl-theme .owl-controls .owl-page{

    background: rgba(255,255,255,0.5);

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



.home-slider.owl-theme .owl-controls .owl-page span {

    position: relative;

    border-radius: 0;

    margin: 3px 0;

    width: 50px;

    height: 6px;

    background: rgba(0,0,0,0.5);

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



.home-slider.owl-theme .owl-controls .owl-page span:hover{

    background: white;

    background: rgba(0,0,0,1);

}



.home-slider.owl-theme .owl-controls .owl-page span i{

    /** progress bar */

    position: absolute;

    width: 0;

    left: 0;

    top: 0;

    height: 100%;

    background: rgba(255,255,255,1);

    background: rgba(0,0,0,1);

}



.home-slider.owl-theme .owl-controls .owl-page:first-child span{

    /*margin: 5px 5px 5px 8px;*/

    margin: 3px 0 3px 5px;

}



.home-slider.owl-theme .owl-controls .owl-page:last-child span{

    /*margin: 5px 8px 5px 5px;*/

    margin: 3px 5px 3px 0;

    border-right: none;

}



.home-slider.owl-theme .owl-controls .owl-page.active span,

.home-slider.owl-theme .owl-controls .owl-page:hover span {

    border-color: rgba(255,255,255,1);

}



.slide-text-wrap{

    display: table;

    width: 90%;

    height: 100vh;

    margin: 0 auto;

    padding-right: 30px;

}



.slide-text-center{

    display: table-cell;

    vertical-align: middle;

    text-align: right;

}





.top-arrows, .bottom-arrows {

    position: absolute;

    width: calc(100% - 32px);

    left: 16px;

    height: 12px;

}

.top-arrows{

    top: 16px;

}



.bottom-arrows {

    bottom: 16px;

}



.top-arrows:before,

.top-arrows:after,

.bottom-arrows:before,

.bottom-arrows:after{

    content: "\f005";

    position: absolute;

    font-family: fontawesome;

    font-size: 14px;

    line-height: 14px;

    height: 14px;

    color: white;

}



.top-arrows:before,

.bottom-arrows:before{

    left: 0;

}

.top-arrows:after,

.bottom-arrows:after{

    right: 0

}



.slide-icon {

    margin: 10px auto;

    position: relative;

    width: 170px;

    height: 170px;

    padding: 20px;

    line-height: 100px;

    text-align: center;

    border-radius: 50%;

    border: 9px solid white;

}



.slide-text{

    display: inline-block;

    padding: 48px 50px;

    text-transform: uppercase;

    font-size: 22px;

    line-height: 1.3em;

    font-family: 'Ubuntu', sans-serif;

    font-weight: 100;

    text-align: center;

}



.slide-text .hl{

    line-height: 1em;

    margin: 20px auto;

}



/*****************************************/

/* Stick it */

/*****************************************/



.home-slider .owl-wrapper {

    -webkit-perspective: 1600px;

    perspective: 1600px;

}



.home-slider .owl-stickit-out {

    -webkit-transform-origin: 50% 0%;

    transform-origin: 50% 0%;

    -webkit-animation: rotateBottomSideOut 0.8s forwards ease-in;

    animation: rotateBottomSideOut 0.8s forwards ease-in;

}



.home-slider .owl-stickit-in {

    z-index: 1001;

    opacity: 1;

    -webkit-animation: slideInFromBottomDelayed 0.8s forwards;

    animation: slideInFromBottomDelayed 0.8s forwards;

}



@-webkit-keyframes rotateBottomSideOut {

    from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */

    40% {

        -webkit-transform: rotateX(-15deg);

        -webkit-animation-timing-function: ease-out;

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(0.8) translateZ(-200px);

    }

}



@keyframes rotateBottomSideOut {

    from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */

    40% {

        -webkit-transform: rotateX(-15deg);

        transform: rotateX(-15deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(0.8) translateZ(-200px);

        transform: scale(0.8) translateZ(-200px);

    }

}



@-webkit-keyframes slideInFromBottomDelayed {

    0%, 30% {

        -webkit-transform: translateY(100%);

    }

    100% {

        -webkit-transform: translateY(0);

    }

}



@keyframes slideInFromBottomDelayed {

    0%, 30% {

        -webkit-transform: translateY(100%);

        transform: translateY(100%);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



/******************

 * KENBURNS

 ******************/



#kenburns {

    position: relative;

    width: 100%;

    height: 100vh;

    background-color:black;

    overflow: hidden;

}

.kenburns-section {

    position: relative;

    z-index: 1;

}

.kb-slide{

    position: absolute;

    z-index: 1;

    opacity: 0;

}



.kb-slide img{

    position: relative;

    -webkit-transform: translate3d(0,0,0)

    -moz-transform: translate3d(0,0,0);

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

}



#kb-over{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    z-index: 99;

}



/******************

 * Navigation

 ******************/



.center-logo {

    position: absolute;

    left: 50%;

    margin-left: -75px;

    width: 150px;

    background-size: 150px auto;

    background-position: center center;

    z-index: 3;

}

.center-logo a {

	text-decoration: none !important;

	margin:0 !important;

	padding:0 !important

}



.preloader-wrap.animated{

    -webkit-animation-duration: 200ms;

    animation-duration: 200ms;

}



.curtains {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 10;

}



.curtains:after{

    content: "";

    z-index: 0;

    position: absolute;

    background: #373332;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all 0.8s ease-in;

    -moz-transition: all 0.8s ease-in;

    -ms-transition: all 0.8s ease-in;

    -o-transition: all 0.8s ease-in;

    transition: all 0.8s ease-in;

}



.curtains:before{

    content: "";

    z-index: 3;

    position: absolute;

    top: 50%;

    right: 0;

    height: 20px;

    width: 100%;

    margin-top: -10px;

    -webkit-transition: all 0.8s ease-in;

    -moz-transition: all 0.8s ease-in;

    -ms-transition: all 0.8s ease-in;

    -o-transition: all 0.8s ease-in;

    transition: all 0.8s ease-in;

}



.curtains .top {

    margin-top: -8px;

    position: absolute;

    z-index: 2;

    top: 0;

    width: 100%;

    height: 50%;

    -webkit-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    -ms-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in;

}



.curtains .top:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 8px;

    background: url(../img/svg-angle.svg);

    background-repeat: repeat-x;

    background-position: 12px center;

    bottom: -7px;

    left: 0;

    z-index: 0;

}



.curtains .bottom {

    position: absolute;

    z-index: 3;

    margin-bottom: -8px;

    bottom: 0;

    width: 100%;

    height: 50%;

    -webkit-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    -ms-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in;

}



.curtains .bottom:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 8px;

    background: url(../img/svg-angleup.svg);

    background-repeat: repeat-x;

    background-position: 0 center;

    top: -7px;

    left: 0;

    z-index: 0;

}



.hero-section:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 8px;

    background: url(../img/svg-angleup.svg);

    background-repeat: repeat-x;

    background-position: 0 center;

    top: -7px;

    left: 0;

    z-index: 0;

}



#content-main{

    margin-bottom: 358px;

    position: relative;

    z-index: 1;

    background: #f0f0f0;

}

#page-content{

    background: #ffffff;

    padding: 70px 50px;

    margin-bottom: 420px; /* for the fixed footer */

}

#site-footer{

    height: 350px;

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    z-index: 0;

}



#site-footer:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 8px;

    background: url(../img/svg-angleup-wh.svg);

    background-repeat: repeat-x;

    background-position: 0 center;

    top: -7px;

    left: 0;

    z-index: 0;

}





@-webkit-keyframes toBottom {

    0% {

        -webkit-transform: translateY(-100%);

        transform: translateY(-100%);

    }



    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@keyframes toBottom {

    0% {

        -moz-transform: translateY(-100%);

        -ms-transform: translateY(-100%);

        -o-transform: translateY(-100%);

        transform: translateY(-100%);

    }



    100% {

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        transform: translateY(0);

    }

}



@media (min-width: 1025px){



    .play-intro .curtains:before{

        width: 0;

    }



    .play-intro .curtains .bottom{

        -webkit-transition-delay: 900ms;

        transition-delay: 900ms;

        -webkit-transform: translate3d(0,100%,0);

        -moz-transform: translate3d(0,100%,0);

        -ms-transform: translate3d(0,100%,0);

        -o-transform: translate3d(0,100%,0);

        transform: translate3d(0,100%,0);

        -webkit-transition-timing-function: cubic-bezier(1.000, 0.040, 0.605, 0.785);

        transition-timing-function: cubic-bezier(1.000, 0.040, 0.605, 0.785);

    }



    .play-intro .curtains .top{

        -webkit-transition-delay: 900ms;

        transition-delay: 900ms;

        -webkit-transform: translate3d(0,-100%,0);

        -moz-transform: translate3d(0,-100%,0);

        -ms-transform: translate3d(0,-100%,0);

        -o-transform: translate3d(0,-100%,0);

        transform: translate3d(0,-100%,0);

        -webkit-transition-timing-function: cubic-bezier(1.000, 0.040, 0.605, 0.785);

        transition-timing-function: cubic-bezier(1.000, 0.040, 0.605, 0.785);

    }



    .play-intro .curtains:after{

        transition-delay: 1200ms;

        opacity: 0;

    }



    .play-intro #site-header:before {

        -webkit-transition-delay: 1200ms;

        transition-delay: 1200ms;

        -webkit-transition-timing-function: cubic-bezier(1.000, 0.040, 0.605, 0.785);

        transition-timing-function: cubic-bezier(1.000, 0.040, 0.605, 0.785);

        width: 100%;

    }



    .play-intro .center-logo .logobg{

        -webkit-animation-name: toBottom;

        animation-name: toBottom;

        -webkit-animation-duration: 400ms;

        animation-duration: 400ms;

        -webkit-animation-delay: 1500ms;

        animation-delay: 1500ms;

        -webkit-animation-timing-function: cubic-bezier(1.000, 0.040, 0.605, 0.785);

        animation-timing-function: cubic-bezier(1.000, 0.040, 0.605, 0.785);

        -webkit-animation-fill-mode: both;

        animation-fill-mode: both;

    }



    .play-intro #site-logo{

        -webkit-animation-name: zoomIn;

        animation-name: zoomIn;

        -webkit-animation-duration: 300ms;

        animation-duration: 300ms;

        -webkit-animation-delay: 1800ms;

        animation-delay: 1800ms;

        -webkit-animation-fill-mode: both;

        animation-fill-mode: both;

    }



    .play-intro .menu-list li{

        -webkit-animation-name: zoomIn;

        animation-name: zoomIn;

        -webkit-animation-delay: 2000ms;

        animation-delay: 2000ms;

        -webkit-animation-duration: 200ms;

        animation-duration: 200ms;

        -webkit-animation-fill-mode: both;

        animation-fill-mode: both;

    }



    .play-intro .menu-left:before,

    .play-intro .menu-right:before{

        -webkit-animation-name: zoomIn;

        animation-name: zoomIn;

        -webkit-animation-delay: 2100ms;

        animation-delay: 2100ms;

        -webkit-animation-duration: 200ms;

        animation-duration: 200ms;

        -webkit-animation-fill-mode: both;

        animation-fill-mode: both;

    }



    .play-intro .slide-text{

        -webkit-animation-name: drawFadeInUp;

        animation-name: drawFadeInUp;

        -webkit-animation-delay: 2200ms;

        animation-delay: 2200ms;

        -webkit-animation-duration: 700ms;

        animation-duration: 700ms;

        -webkit-animation-fill-mode: both;

        animation-fill-mode: both;

    }



}





.menu-left {

    position: absolute;

    right: 50%;

    margin-right: 80px;

}



.menu-left:before,

.menu-right:before{

    content: "\f005";

    position: absolute;

    font-family: fontawesome;

    top: 50%;

    margin-top: -2px;

    font-size: 10px;

    line-height: 10px;

    height: 10px;

    color: white;

}



.menu-left:before {

    left: -80px;

}



.menu-right:before {

    right: -80px;

}



.menu-right {

    position: absolute;

    left: 50%;

    margin-left: 80px;

}



#site-header{

    position: relative;

    width: 100%;

    z-index: 99;

    height:70px;

    background: white;

    -webkit-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    -ms-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in;

}



#site-header:before{

    content: "";

    position: absolute;

    width: 0;

    height: 7px;

    background: white;

    top: 0;

    left: 0;

    z-index: 1;

    -webkit-transition: all 0.5s ease-in;

    -moz-transition: all 0.5s ease-in;

    -ms-transition: all 0.5s ease-in;

    -o-transition: all 0.5s ease-in;

    transition: all 0.5s ease-in;

}



#site-header:after{

    content: "";

    position: absolute;

    width: 100%;

    height: 8px;

    background: url(../img/svg-angle.svg);

    background-repeat: repeat-x;

    background-position: 12px 0;

    bottom: -7px;

    left: 0;

    z-index: -5;

}



#site-header.sticky{

    position: fixed;

    width: 100%;

    z-index: 150;

    height: 55px;

    top: 0;

}



#site-header.sticky .center-logo {

    position: absolute;

    left: 50%;

    margin-left: -75px;

    width: 150px;

    background-size: 150px auto;

    background-position: center center;

    z-index: 3;

}



#site-header.sticky:after{

    content: "";

    position: absolute;

    bottom: -5px;

    left: 0;

    width: 100%;

    height: 5px;

    z-index: -1;

    background-position: 8px center;

}



#site-header.sticky #site-nav{

    height: 50px;

}



#site-header.sticky-hdn{

    position: fixed;

    top: -300px;

}



#site-header.sticky #site-logo{

    height: 50px;

    height: 90px

}



#site-header.transparent{

    background: transparent;

}



#site-header.semi-transparent{

    background: rgba(255,255,255,0.93);

}



#site-header.fixed{

    position: fixed;

}



.header-inner{

    display: block;

    background: inherit;

    width: 100%;

    height: 100%;

}



.logo-wrap{

    display: inline-block;

    vertical-align: middle;

    float: left;

    height: 100%;

}



#site-logo{

    height: 100%;

    margin: 0 auto;

    position: absolute;

    top: 20px;

    width: 110px;

    left: 0;

    right: 0;

}



#site-header.sticky #site-logo{

    width: 100%;

}



#site-logo img{

    margin: 0 auto;

    max-height: 100%;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



#site-nav .menu-list a{

    font-weight: 400;

    text-transform: uppercase;

    display: inline-block;

    position: relative;

    white-space: nowrap;

    outline: none;

    text-decoration: none;

    color: white;

    font-size: 15px;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



#site-nav .menu-list a:before,

#site-nav .menu-list a:after{

    width: 0;

    content: "";

    height: 2px;

    background: white;

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



#site-nav .menu-list a:before{

    margin: -15px auto 0 auto;

}



#site-nav .menu-list a:after{

    margin: 12px auto 0 auto;

}



#site-nav .menu-list a:hover:before,

#site-nav .menu-list a:hover:after,

#site-nav .menu-list li.current a:before,

#site-nav .menu-list li.current a:after{

    width: 100%;

}



#site-nav li{

    outline: none;

    position: relative;

}



#site-nav > ul > li{

    display: inline-block;

    position: relative;

    line-height: 65px;

    height: 100%;

    font-family: 'Ubuntu', sans-serif;

    font-size: 15px;

    padding-top: 7px;

}



#site-nav > ul.menu-left > li{

    margin-right: 36px;

}



#site-nav > ul.menu-right > li{

    margin-left: 36px;

}



.sticky #site-nav > ul > li{

    line-height: 50px;

}



#site-nav ul{

    list-style-type: none;

    padding: 0;

}



#site-nav > ul{

    padding: 0;

}



li.menu-has-children:before{

    font-family: 'FontAwesome';

    content: "\f0d7";

    position: absolute;

    right: -12px;

    font-size: 12px;

    height: 12px;

    top: -42px;

    bottom: 0;

    margin: auto;

    color: #fff;

}



.sticky li.menu-has-children:before{

    top: -32px;

}



#site-nav ul li ul{

    display: none;

    position: absolute;

    top: 100%;

    margin-top: -10px;

    z-index: 0;

    left: -20px;

    padding: 12px 0 12px;

}



@media (max-width: 1024px){

    #site-nav ul li ul {

        left: 0;

    }

}



.play-intro .menu-list li ul li{

    -webkit-animation-name: none;

    animation-name: none;

}



#site-nav ul li ul li ul{

    top: -10px;

    left: 100%;

    padding: 3px 0 7px;

}



#site-nav ul li ul li{

    margin: 8px 0 0;

    padding: 2px 20px;

    line-height: 2em;

}

#site-nav ul li ul li a{

    font-weight: 500;

}

#site-nav ul li:hover > ul{

    display: block;

}



#responsive-toggle{

    cursor: pointer;

    display: none;

    height: 28px;

    position: absolute;

    right: 18px;

    top: 18px;

    width: 38px;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



#responsive-toggle.open{

    height: 38px;

}



#responsive-toggle span{

    background: #ffffff;

    height: 6px;

    left: 0;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    width: 100%;

}



#responsive-toggle:before{

    background: #ffffff;

    content: "";

    height: 6px;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



#responsive-toggle:after{

    background: #ffffff;

    bottom: 0;

    content: "";

    height: 6px;

    left: 0;

    position: absolute;

    width: 100%;

}



@media (max-width: 1024px){



    #responsive-toggle{

        display: block;

        z-index: 2;

    }


    #top-header{

        display: none;

    }



    #hidden-toggle{

        display: none;

    }



    .header-inner {

        display: block;

        text-align: center;

        width: 100%;

    }



    .logo-wrap {

        display: block;

        width: 100%;

    }



    .menu-wrap {

        display: block;

        padding-left: 0;

        width: 100%;

        height:0;

    }



    #site-nav {

        display: none;

        height: auto;

        margin-top: -5px;

    }



    #site-nav.open {

        display: block;

        background: white;

    }



    #site-nav > ul > li {

        display: block;

        position: relative;

        padding-bottom: 10px;

        font-size: 25px;

        font-weight: 200;

        margin-right: 0;

        margin-top: 5px;

    }



    #site-nav > ul > li:after {

        left: 0;

        right: 0;

        bottom: 3px;

        margin: auto;

    }



    #site-nav > ul > li.nav-search {

        margin-left: 0;

    }



    #site-nav > ul > li [class^="flaticon-"]:before,

    #site-nav > ul > li [class*=" flaticon-"]:before {

        text-align: center;

    }



    #site-nav ul li ul{

        position: relative;

        padding: 4px 0;

    }



    #site-nav ul li ul li ul {

        left: 0;

        padding: 4px 0;

        top: 0;

    }



    #site-nav .search-box {

        left: 0;

        margin: auto;

        right: 0;

        text-align: center;

        top: 46px;

        width: 212px;

    }

}



.subheader{

    position: relative;

    z-index: 1;

    display: block;

    overflow: hidden;

    width: 100%;

    background: #ffffff;

    border-bottom: 1px solid rgba(0,0,0,0.3);

}



.subheader .slide-text-wrap{

    height: 100%;

    position: relative;

}



.slide-text{

    color: white;

    position: relative;

}



.svg_scroll_img{

    position: absolute;

    bottom: 0;

    width: 100%;

}



.subheader .svg_scroll_img svg{

    width: 50px;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

}



#subheader-video{

    position: relative;

    width: 100%;

    height: 100%;

}



.video-box{

    pointer-events: none;

}



.vf-controls{

    position: absolute;

    bottom: 0;

    right: 0;

}



.video-content{

    display: block;

    height: 100%;

    position: absolute;

    top: 0;

    width: 100%;

    -webkit-transition: all 0.5s ease-in;

    -moz-transition: all 0.5s ease-in;

    -ms-transition: all 0.5s ease-in;

    -o-transition: all 0.5s ease-in;

    transition: all 0.5s ease-in;

}



.vf-controls .vf-play,

.vf-controls .vf-sound{

    cursor: pointer;

    display: inline-block;

    width: 70px;

    height: 70px;

    border-radius: 0;

    border: none;

    padding: 0;

    margin: 0;

    opacity: 1;

    background: rgba(255,255,255,0.5);

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



.vf-controls .vf-play:hover,

.vf-controls .vf-sound:hover{

    background: rgba(255,255,255,0.8);

}



.vf-controls .vf-play i:before,

.vf-controls .vf-sound i:before{

    color: black;

    font-size: 32px;

    line-height: 1em;

    margin-left: 20px;

    display: block;

    margin-top: 18px;

}



.vf-controls .vf-play i,

.vf-controls .vf-sound i{

    font-size: 4em;

}



.cantsee{

    opacity: 0;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



#b2top, #b2fb, #b2gp{

    position: fixed;

    right: 30px;

    bottom: 36px;

    width: 38px;

    height: 38px;

    background: rgba(0,0,0,0.28);

    z-index: 80;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    cursor: pointer;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



#b2top:before{

    content: "\f106";

    font-family: 'FontAwesome';

    font-size: 40px;

    line-height: 25px;

    font-style: normal;

    position: absolute;

    color: white;

    top: 3px;

    left: 6px;

    speak: none;

    font-style: normal;

    font-weight: 700;

    font-variant: normal;

    text-transform: none;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



#b2fb{

    bottom: 78px;

}



#b2gp{

    bottom: 120px;

}



#site-footer{

    padding: 2em 7em 1em;

}



#site-footer ul.social{

    display: inline-block;

    padding: 20px 0 8px;

}



#site-footer .social li{

    width: 40px;

    height: 40px;

    border: 2px solid #686868;

    border-radius: 50%;

    line-height: 40px;

    margin: 0 5px;

    font-size: 20px;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



#site-footer .social li:hover{

    border-color: white;

}



#site-footer .social li:hover a{

    color: white;

}



.footer-social{

    margin-top: 180px;

}



.footer-widgets{

    margin-bottom: 2em;

}



.footer-widgets .footer-contacts .fa{

    margin-right: 0.5em;

    font-size: 20px;

}



.footer-widgets .footer-contacts > div{

    margin-bottom: 5px;

}



.footer-copyright{

    margin-top: 10px;

    color: #686868;

    font-size: 14px;

}



.copy-sign{

    vertical-align: bottom;

}



.footer-widgets .widget{

    padding: 0 2em;

    color: #686868;

}



.widget h4{

    color: black;

}



.widget .contacts-intro{

    margin: 1em auto;

}



.footer-widgets .recent-works ul{

    font-size: 0; /** this is for inline-block spacing */

}



.footer-widgets .recent-works li{

    width: 80px;

    height: 80px;

    padding: 0;

    margin: 0;

}



.footer-widgets .recent-works li a{

    display: block;

    width: 100%;

    height: 100%;

}



.footer-copyright{

    font-family: 'Ubuntu', sans-serif;

}



#site-footer.dark-section{

    background: #272727;

}



#site-footer.light-section{

    background: #ffffff;

}

.footer-links {

	list-style: none;

	margin-top: 20px;

}

/*****************

 * Section general

 ******************/



.content-section{

    padding: 0;

    position: relative;

    background: #f0f0f0;

    border-top:2px solid #ccc;

}

.parallax-btm-img + .content-section{

    padding-top: 100px;

}

#page-content .content-section{

    margin: 2em auto;

}



.heading-image,

.heading-text{

    height: 380px;

    background: #ffffff;

    -webkit-transition: width 1s cubic-bezier(.13,.94,.81,.97);

    -moz-transition: width 1s cubic-bezier(.13,.94,.81,.97);

    -ms-transition: width 1s cubic-bezier(.13,.94,.81,.97);

    -o-transition: width 1s cubic-bezier(.13,.94,.81,.97);

    transition: width 1s cubic-bezier(.13,.94,.81,.97);

}



.heading-wrap{

    position: relative;

    background: white;

}



.heading-image{

    position: absolute;

    width: 100%;

    z-index: 1;

    background-size: cover;

}



.head-r .heading-image{

    left: 0;

}



.head-l .heading-image{

    right: 0;

}



.section-heading h2{

    margin-bottom: 10px;

    line-height: 1.2em;

}



.head-r .heading-text{

    margin-left: 75%;

    float: right;

}



.head-l .heading-text{

    margin-right: 75%;

    float: left;

}



.heading-text{

    width: 25%;

    position: relative;

    z-index: 2;

}



@media (max-width: 1280px){

    .heading-text{

        width: 35%;

    }



    .head-r .heading-text{

        margin-left: 65%;

    }



    .head-l .heading-text{

        margin-right: 65%;

    }

}



@media (max-width: 960px){

    .heading-text{

        width: 50%;

    }



    .head-r .heading-text{

        margin-left: 50%;

    }



    .head-l .heading-text{

        margin-right: 50%;

    }

}



@media (max-width: 640px){

    .heading-text,

    .heading-image{

        width: 100%;

        float: none;

    }

}



.heading-icon-wrap{

    position: absolute;

    bottom: 50px;

    height: 160px;

}



.head-r .heading-icon-wrap{

    left: -43px;

}



.head-l .heading-icon-wrap{

    right: -43px;

}



.heading-icon{

    position: absolute;

    color: #686868;

    font-size: 32px;

    top: 58px;

    left: 28px;

}



.head-r .heading-icon{

    left: 28px;

}



.head-l .heading-icon{

    left: -18px;

}



.heading-icon-wrap svg{

    height: 100%;

}



.section-heading{

    position: relative;

}



.head-r .section-heading{

    text-align: left;

    margin: 210px 20px 0 60px;

}



.head-l .section-heading{

    text-align: right;

    margin: 210px 60px 0 20px;

}



.caption-sep svg{

    width: 160px;

}



.section-heading .heading-title{

    margin: 2em auto 0.7em;

}



.section-heading .heading-subtitle{

    margin: 2em auto 3em;

    line-height: 2.3em;

    font-size: 1.2em;

    color: #686868;

}



.section-main{

    padding: 40px 0;

    margin: 0 auto;

    position: relative;

}



.section-row{

    margin-bottom: 3em;

    margin-left: 0;

    margin-right: 0;

}



.section-row:last-child{

    margin-bottom: 0;

}





.dark-section{

    color: white;

}



.light-section{

    color: black;

}



.owl1, .owl2, .owl3, .owl4, .owl5{

    list-style-type: none;

    padding: 0;

}



/** BLOG */



#breadcrumbs{

    padding: 2em 4em;

}



#breadcrumbs h1{

    margin: 0 auto;

}



.page-categories{

    margin-top: 0.9em;

}



#subheader-single{

    z-index: 1;

    text-align: center;

}



#subheader-single h1{

    position: relative;

    text-align: center;

    display: inline-block;

    margin: 150px auto;

}



/** SEPARATORS */



.sep-main{

    width: 120px;

    margin: 2.5em auto;

    position: relative;

}

.sep-main .thin{

    width: 100%;

    height: 1px;

    display: block;

}



.sep-main .thick{

    width: 40px;

    height: 5px;

    margin: 0 auto;

    display: block;

    top: -2px;

    position: absolute;

    left: 0;

    right: 0;

}



.sep-left{

    width: 100%;

    margin: 1em auto;

    position: relative;

}

.sep-left .thin{

    width: 100%;

    height: 1px;

    display: block;

}



.sep-left .thick{

    width: 40px;

    height: 5px;

    margin: 0 auto;

    display: block;

    top: -2px;

    position: absolute;

    left: 0;

}



.show-off{

    visibility: hidden;

}



.show-off.nohide{

    visibility: visible;

}



svg.sep-double polyline{

    stroke-dasharray: 1000;

    stroke-dashoffset: 1000;

}



svg.sep-double.draw polyline.bottom-line{

    -webkit-animation-delay: 300ms;

    animation-delay: 300ms;

}



svg.sep-double.draw polyline{

    -webkit-animation: dash 2s ease-in-out forwards;

    animation: dash 2s ease-in-out forwards;

}



@-webkit-keyframes dash {

    to {

        stroke-dashoffset: 0;

    }

}



@keyframes dash {

    to {

        stroke-dashoffset: 0;

    }

}



/** SERVICES */



.service-item{

    padding: 15px 15px 0;

    margin-bottom:30px;

}



.service-inner{

    background: white;

    padding: 15px;

    position: relative;

}



.service-text{

    text-align: center;

    color: #686868;

    padding: 8px 0;

}



.service-icon-wrap{

    width: 100%;

    position: relative;

    margin: 1em auto;

}



.service-border-thick{

    width: 120px;

    height: 120px;

    border: 2px solid;

    border-radius: 50%;

    position: absolute;

    overflow: hidden;

    display: block;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    transform: rotate3d(0,0,1,45deg);

}



.service-border-thick:before {

    position: absolute;

    bottom: 0;

    left: 0;

    border-top-right-radius: 50%;

    border-top-left-radius: 50%;

    content: "";

    width: 100%;

    height: 0;

    background: #e74c3c;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    -webkit-transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    -webkit-transition-delay: 100ms;

    transition-delay: 100ms;

}



.service-item:hover .service-border-thick:before{

    height: 100%;

    -webkit-box-shadow: inset 1px 3px 5px 0px rgba(0,0,0,0.25);

    -moz-box-shadow: inset 1px 3px 5px 0px rgba(0,0,0,0.25);

    box-shadow: inset 1px 3px 3px 0px rgba(0,0,0,0.25);

}



.service-border-thin{

    width: 98px;

    height: 98px;

    border: 2px solid;

    position: absolute;

    border-radius: 50%;

    left: 0;

    border-color: white;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    transform: rotate3d(0,0,1,45deg);

}



.service-icon{

    text-align: center;

    color: #686868;

}



.service-icon .fa:before,

.service-icon .fa:after{

    font-size: 62px;

    top: 45px;

    margin: auto;

    position: absolute;

    left: 0;

    right: 0;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



.service-item:hover .service-icon .fa:before{

    color: white;

}



.service-title{

    text-align: center;

    margin: 1em auto 2em;

}



.service-title h4{

    font-size:16px !important;

}



.service-content{

    padding: 0 0.5em;

}



.service-item:hover .service-icon-wrap{

    -webkit-transform: scale(1.1) translate3d(0,-15px,0);

    -moz-transform: scale(1.1) translate3d(0,-15px,0);

    -ms-transform: scale(1.1) translate3d(0,-15px,0);

    -o-transform: scale(1.1) translate3d(0,-15px,0);

    transform: scale(1.1) translate3d(0,-15px,0);

    -webkit-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    -ms-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in;

    -webkit-transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    -webkit-transition-delay: 100ms;

    transition-delay: 100ms;

}



.service-item:hover .service-title{

    -webkit-transform: translate3d(0,-12px,0);

    -moz-transform: translate3d(0,-12px,0);

    -ms-transform: translate3d(0,-12px,0);

    -o-transform: translate3d(0,-12px,0);

    transform: translate3d(0,-12px,0);

    -webkit-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    -ms-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in;

    -webkit-transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    -webkit-transition-delay: 100ms;

    transition-delay: 100ms;

}



.service-item:hover .sep-left{

    transform: translate3d(0,-12px,0);

    -webkit-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    -ms-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in;

    transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    -webkit-transition-delay: 120ms;

    transition-delay: 120ms;

}



.service-item:hover .service-text{

    transform: translate3d(0,-12px,0);

    -webkit-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    -ms-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in;

    transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    -webkit-transition-delay: 160ms;

    transition-delay: 160ms;

}



.service-item:hover .thick{

    width: 100%;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    -webkit-transition-delay: 200ms;

    transition-delay: 200ms;

}



.service-border-thin{

    border-color: transparent;

}

.service-item:hover .service-border-thin{

    border-color: white;

}



.service-border-thick{

    border-color: #e0e0e0;

}



.service-item:hover .service-border-thick{

    border-color: transparent;

}



/** CLIENTS */







.client-item{

    display: table;

    padding: 0;

}



.client-info{

    color: white;

}



.client-text,

.client-info{

    display: table-cell;

    width: 49.5%;

    height: 100%;

    vertical-align: middle;

    padding: 0;

}



.client-rating,

.client-about{

    width: 49%;

    display: block;

    height: 100%;

    float: left;

    text-align: center;

}



.client-text{

    padding: 1em;

    background: white;

}



.client-text-holder{

    position: relative;

    font-family: 'Ubuntu', sans-serif;

    font-size: 16px;

    line-height: 1.7em;

    font-weight: 300;

    font-style: italic;

    text-align: justify;

}



/*

.client-text-holder img {

	width:100% !important;

	height: auto !important

}

*/



.client-stars{

    font-size: 3em;

    line-height: 0;

}



.client-numbers{

    margin: 2.5em auto 2em;

}



.client-name{

    margin: 0.5em auto;

    font-weight: 700;

}



.r-big{

    font-family: 'Ubuntu', sans-serif;

    font-size: 7em;

    line-height: 1em;

}



.r-slash{

    font-family: 'Ubuntu', sans-serif;

    font-weight: 200;

    font-size: 6em;

    line-height: 1em;

}



.r-of{

    font-family: 'Ubuntu', sans-serif;

    font-weight: 200;

    font-size: 3em;

    line-height: 1em;

}



.client-photo-border{

    /*border-radius: 50%;*/

    /*border: 2px solid;*/

    /*width: 135px;*/

    /*height: 135px;*/

    margin: 1em auto;

}



.client-img-wrap{

    width: 140px;

    height: 140px;

    border-radius: 50%;

    position: relative;

    margin: 5px auto;

    overflow: hidden;

}



.star{

    font-size: 0.3em;

    letter-spacing: -0.5em;

    position: relative;

    display: inline-block;

    margin-right: 3px;

    width: 15px;

}



.star:before,

.star:after{

    position: absolute;

    left: 0;

    top: 0;

}



.client-position{

    color: #ffffff;

}



.client-photo-border{

    border-color: white;

}



.star:before,

.star:after{

    color: white;

}



.star:before{

    content: "\73";

}



.star.full:after{

    content: "\53";

}



/** PRICE */



.price-item{

    padding: 8px;

    position: relative;

}

.price-inner{

    text-align: center;

    background: white;

    padding: 1em 0 2em;

    position: relative;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    -webkit-transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    transition-timing-function: cubic-bezier(.59,.22,.84,.28);

}



.price-inner > div{

    position: relative;

}



.bent-cut{

    border-top-left-radius: 200px 7px;

    border-top-right-radius: 200px 7px;

    overflow: hidden;

    border-bottom-left-radius: 200px 7px;

    border-bottom-right-radius: 200px 7px;

}



.bent{

    position: relative;

    /*padding-bottom: 50px;*/

}



.bent:before,

.bent:after{

    position: absolute;

    width: 100%;

    content: "";

    height: 12px;

    left: 0;

    background: white;

}



.bent:before{

    border-top-left-radius: 50%;

    border-top-right-radius: 50%;

    top: -10px;



}



.bent:after{

    border-bottom-left-radius: 50%;

    border-bottom-right-radius: 50%;

    bottom: -10px;

}



.price-inner:hover,

.price-inner.featured{

    -webkit-transform: translate3d(0,-20px,0);

    -moz-transform: translate3d(0,-20px,0);

    transform: translate3d(0,-20px,0);

}



.price-circle{

    width: 140px;

    height: 140px;

    margin: 1em auto 0;

    border-radius: 50%;

    background: white;

    color: black;

    text-align: center;

    padding-top: 40px;

    position: relative;

    overflow: hidden;

    border: 2px solid rgba(0,0,0,0.07);

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    -webkit-transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    transform: rotate3d(0,0,1,45deg);

}



.price-inner:hover .price-circle,

.price-inner.featured .price-circle{

    color: white;

    background: transparent;

    border-color: transparent;

    -webkit-transform: scale(1.1) rotate3d(0,0,1,45deg);

    -moz-transform: scale(1.1) rotate3d(0,0,1,45deg);

    -ms-transform: scale(1.1) rotate3d(0,0,1,45deg);

    -o-transform: scale(1.1) rotate3d(0,0,1,45deg);

    transform: scale(1.1) rotate3d(0,0,1,45deg);

}



.price-circle:before {

    position: absolute;

    bottom: 0;

    left: 0;

    border-top-right-radius: 50%;

    border-top-left-radius: 50%;

    content: "";

    width: 100%;

    height: 0;

    background: #e74c3c;

    z-index: 0;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    -webkit-transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    -webkit-transition-delay: 100ms;

    transition-delay: 100ms;

    -webkit-box-shadow: inset 1px 3px 5px 0px rgba(0,0,0,0.25);

    -moz-box-shadow: inset 1px 3px 5px 0px rgba(0,0,0,0.25);

    box-shadow: inset 1px 3px 3px 0px rgba(0,0,0,0.25);



}



.price-circle:after{

    position: absolute;

    content: "";

    width: 88%;

    height: 88%;

    border: 2px solid white;

    background: transparent;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}



.price-inner:hover .price-circle:before,

.price-inner.featured .price-circle:before{

    height: 100%;

}



.circle-wrap{

    margin-top: 28px;

    position: relative;

}



.price-main{

    position: absolute;

    top: 45px;

    margin: auto;

    text-align: center;

    width: 100%;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    -webkit-transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    -webkit-transition-delay: 100ms;

    transition-delay: 100ms;

}



.price-inner:hover .price-main,

.price-inner.featured .price-main{

    color: white;

    -webkit-transform: rotate3d(0,0,1,8deg) scale(1.1);

    -moz-transform: rotate3d(0,0,1,8deg) scale(1.1);

    -ms-transform: rotate3d(0,0,1,8deg) scale(1.1);

    -o-transform: rotate3d(0,0,1,8deg) scale(1.1);

    transform: rotate3d(0,0,1,8deg) scale(1.1);

}



.price-period{

    position: relative;

    margin: auto;

    text-align: center;

}



.price-itself,

.price-currency{

    font-family: 'Ubuntu', sans-serif;

    font-size: 3em;

    line-height: 1em;

}



.price-currency{

    font-weight: 300;

}



.price-itself{

    font-weight: 500;

}



.price-features ul{

    list-style-type: none;

    padding: 0;

    margin: 2em 3em;

}



.price-features ul li{

    text-align: center;

    margin-bottom: 14px;

    font-size: 1em;

    display: inline;

    border-bottom: 1px dashed #ccc;

    padding-bottom: 2px;

    float: none;

    clear: both;

    line-height: 2.5em;

}



.price-features ul li:after{

    content:"\A"; white-space:pre;  /* This is for line breaks */

}



/** TEAM */

.team-item{

    padding: 8px;

}

.team-wrap{

    background: white;

    position: relative;

    text-align: center;

    padding: 20px 12px 12px;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    -webkit-transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    transition-timing-function: cubic-bezier(.59,.22,.84,.28);

}



.team-wrap > div{

    position: relative;

}



.team-name h5{

    font-weight: 700;

    margin-bottom: 5px;

}

.team-position h6{

    text-transform: none;

    margin-top: 1em;

    margin-bottom: 1.2em;

}

.team-skills{

    padding: 15px 15px 0;

}



.team-wrap:hover{

    -webkit-transform: translate3d(0,-20px,0);

    transform: translate3d(0,-20px,0);

}



.team-photo-wrap{

    position: relative;

    width: 160px;

    height: 160px;

    margin: auto;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    -webkit-transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    transition-timing-function: cubic-bezier(.59,.22,.84,.28);

}



.team-wrap:hover .team-photo-wrap{

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

}



.team-photo-inner{

    position: absolute;

    width: 100%;

    height: 100%;

    margin: auto;

    border: 2px solid transparent;

}



.team-photo-border-thick {

    width: 100%;

    height: 100%;

    border: 2px solid white;

    overflow: hidden;

    margin: auto;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    position: absolute;

    z-index: 1;

    -webkit-transform: rotate3d(0,0,1,45deg);

    transform: rotate3d(0,0,1,45deg);

}



.team-photo-border-thick:before{

    position: absolute;

    bottom: 0;

    left: 0;

    border-top-right-radius: 50%;

    border-top-left-radius: 50%;

    content: "";

    width: 100%;

    z-index: 1;

    height: 0;

    opacity: 0.92;

    background: #e74c3c;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    -webkit-transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    -webkit-transition-delay: 100ms;

    transition-delay: 100ms;

    -webkit-box-shadow: inset 1px 3px 5px 0px rgba(0,0,0,0.25);

    -moz-box-shadow: inset 1px 3px 5px 0px rgba(0,0,0,0.25);

    box-shadow: inset 1px 3px 3px 0px rgba(0,0,0,0.25);

}



.team-photo-border-thick:after{

    position: absolute;

    content: "";

    width: 88%;

    height: 88%;

    border: 2px solid white;

    background: transparent;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    z-index: 1;

    opacity: 0;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    -webkit-transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    transition-timing-function: cubic-bezier(.59,.22,.84,.28);

    -webkit-transition-delay: 100ms;

    transition-delay: 100ms;

}



.team-wrap:hover .team-photo-border-thick:after{

    opacity: 1;

}



.team-wrap:hover .team-photo-border-thick:before{

    height: 100%;

}

.team-wrap:hover .team-photo-border-thick{

    border-color: transparent;

}

.team-photo-border-thin{

    width: 165px;

    height: 165px;

    margin: 5px auto;

    border-radius: 50%;

    position: relative;

    overflow: hidden;

}



.team-photo{

    border-radius: 50%;

    border: 1px solid transparent;

}



.team-profiles{

    position: absolute;

    top: 50%;

    left: 0;

    width: 130px;

    right: 0;

    margin: auto;

    z-index: 2;

    text-align: center;

    opacity: 0;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



.team-wrap:hover .team-profiles{

    opacity: 1;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    -webkit-transition-delay: 300ms;

    transition-delay: 300ms;

}



.team-profiles ul{

    list-style-type: none;

    padding: 0;

    margin: 0;

}



.team-profiles ul li{

    display: inline-block;

    font-size: 20px;

    margin: 0 0.3em;

    -webkit-transition: all 0.1s linear;

    -moz-transition: all 0.1s linear;

    -ms-transition: all 0.1s linear;

    -o-transition: all 0.1s linear;

    transition: all 0.1s linear;

}



.team-profiles ul li a{

    color: white;

}



.team-profiles ul li:hover{

    -webkit-transform: translate3d(0,-5px,0);

    transform: translate3d(0,-5px,0);

}



.progress:first-child{

    margin-top: 3em;

}



.progress{

    overflow: visible;

    height: 2px;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    margin-bottom: 35px;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.progress-bar{

    margin-top: -2px;

    overflow: visible;

    height: 6px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    position: relative;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.progress-label{

    font-size: 13px;

    visibility: hidden;

    position: absolute;

    display: block;

    color: #686868;

    top: -23px;

    margin: auto;

    right: 0;

}



/** COUNTERS */



.counter-item{

    text-align: center;

}



.counter-inner{

    background: white;

    padding: 38px 0;

}



.counter-icon .fa:before{

    font-size: 60px;

    color: #686868;

}



.counter-number{

    font-family: 'Ubuntu', sans-serif;

    font-size: 4em;

    font-weight: 700;

    line-height: 1em;

    margin: 0.3em 0 0;

}



/** PORTFOLIO */



#filters{

    list-style-type: none;

    text-align: center;

    background: white;

    display: inline-block;

    margin: 0 auto 30px;

    padding: 0 30px;

}



#filters li{

    display: inline-block;

    font-family: 'Ubuntu', sans-serif;

    font-size: 1.2em;

    margin: 1em 1em;

}



#filters li a{

    position: relative;

     color: rgba(0,0,0,0.5);

    -webkit-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    -ms-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in;

 }



#filters li a:hover,

#filters li a.selected{

    color: rgba(0,0,0,1);

}



#filters li a:hover:before,

#filters li a.selected:before {

    content: "\f0b0";

    font-family: FontAwesome;

    font-size: 1em;

    font-style: normal;

    position: absolute;

    top: 2px;

    left: -1.2em;

    color: #686868;

    speak: none;

    font-style: normal;

    font-weight: 700;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.portfolio-section .content-item{

    padding: 15px 15px 30px;

    margin: 0;

}



.pf-img{

    position: relative;

    overflow: hidden;

}



.pf-inner{

    padding-bottom: 10px;

    background: white;

    text-align: center;

}

.pf-description{

    color: #686868;

}

.pf-inner h5{

    margin-bottom: 0.5em;

}



.related-carousel li{

    background: white;

    padding-bottom: 10px;

    margin: 0 5px;

}



.portfolio-section .pf-img.animated{

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    -webkit-animation-duration: 500ms;

    animation-duration: 500ms;

}



.pf-img img{

   /* -webkit-transition: all 0.3s cubic-bezier(.59,.22,.84,.28);

    -moz-transition: all 0.3s cubic-bezier(.59,.22,.84,.28);

    -ms-transition: all 0.3s cubic-bezier(.59,.22,.84,.28);

    -o-transition: all 0.3s cubic-bezier(.59,.22,.84,.28);

    transition: all 0.3s cubic-bezier(.59,.22,.84,.28);*/

}



.pf-cover{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 20px 50px;

    opacity: 0;

    background: rgba(0,0,0,0.7);

    color: white;

    /*-webkit-transition: all 0.5s ease-in;

    -moz-transition: all 0.5s ease-in;

    -ms-transition: all 0.5s ease-in;

    -o-transition: all 0.5s ease-in;

    transition: all 0.5s ease-in;*/

}



.portfolio-item:hover .pf-cover{

    opacity: 1;

}



.portfolio-item:hover .pf-img img{

    /*-webkit-transform: scale(1.12) rotate3d(0,0,1,-5deg);

    -moz-transform: scale(1.12) rotate3d(0,0,1,-5deg);

    -ms-transform: scale(1.12) rotate3d(0,0,1,-5deg);

    -o-transform: scale(1.12) rotate3d(0,0,1,-5deg);

    transform: scale(1.12) rotate3d(0,0,1,-5deg);*/

}



.pf-circle{

    color: black;

    width: 70px;

    height: 70px;

    margin: auto;

    position: absolute;

    border-radius: 50%;

    background: rgba(255,255,255,0.7);

    top: 0;

    bottom: 0;

    left: 0;

    text-align: center;

    right: 0;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



.pf-circle:hover{

    color: white;

}



.pf-circle .fa{

    display: inline-block;

    line-height: 70px;

}



.pf-circle .fa:before{

    font-size: 32px;

}



.pf-categories ul,

.general-categories ul{

    list-style-type: none;

    padding: 0;

}



.pf-categories ul li,

.general-categories ul li{

    position: relative;

    display: inline-block;

    margin-left: 0.5em;

    font-size: 0.9em;

    font-family: 'Ubuntu', sans-serif;

    color: #686868;

}



.pf-categories ul li:before,

.general-categories ul li:before{

    content: "/";

    font-family: 'Ubuntu', sans-serif;

    font-size: 1.2em;

    font-style: normal;

    position: absolute;

    top: 2px;

    left: -0.5em;

    speak: none;

    font-style: normal;

    font-weight: 200;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.pf-categories ul li:first-child:before,

.general-categories ul li:first-child:before{

    display: none;

}



.general-categories ul li:first-child{

    margin-left: 0;

}



#popup-content{

    background: white;

    position: relative;

}



button.mfp-close{

    background: rgba(0,0,0,0.3);

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



button.mfp-close:hover{

    color: white;

    background: rgba(0,0,0,1);

}



/** SINGLE PROJECT */



.single-work-section .section-heading .heading-subtitle {

    margin: 0.5em auto;

}



.single-work-section{

    padding: 2em;

}



/** CONTACT US */



.contacts-section .section-row{

    text-align: center;

    background: white;

    margin-bottom: 90px;

    padding: 50px 0 40px;

}



.contacts-section .section-row:last-child{

    margin-bottom: 0;

}



.contacts-section .section-row.map-row{

    padding-bottom: 0;

}



.contacts-section .section-row.map-row .content-item{

    padding-left: 0;

    padding-right: 0;

}



.contacts-section .content-item{

    position: relative;

}



.contacts-heading{

    display: inline-block;

    padding: 14px 20px;

    position: absolute;

    top: -84px;

    left: -38px;

    z-index: 1;

    margin: auto;

}



.contacts-step{

    border-radius: 50%;

    border: 2px solid white;

    width: 32px;

    font-size: 18px;

    line-height: 32px;

    color: white;

    height: 32px;

    margin-right: 0.3em;

    display: inline-block;

    font-family: 'Ubuntu', sans-serif;

}



.contacts-title{

    font-size: 22px;

    line-height: 1.0em;

    color: white;

    font-family: 'Ubuntu', sans-serif;

}



.contacts-info{

    font-family: 'Ubuntu', sans-serif;

    font-size: 46px;

    font-weight: 400;

    margin: 0.5em auto;

}

.form-row{

    margin: 3em 3em 1em;

}



.form-item input{

    width: 100%;

    border: none;

    height: 50px;

    margin-bottom: 20px;

    background: #f0f0f0;

    padding: 4px 20px;

    font-size: 16px;

    line-height: 50px;

    font-weight: 300;

    font-family: 'Ubuntu', sans-serif;

}



.form-item textarea{

    width: 100%;

    height: 190px;

    padding: 4px 20px;

    font-size: 16px;

    line-height: 50px;

    font-weight: 300;

    font-family: 'Ubuntu', sans-serif;

    border: none;

    background: #f0f0f0;

}



.form-item .input-wrap{

    position: relative;

}



.form-item .input-wrap:before{

    position: absolute;

    top: 0;

    left: -2px;

    content: "";

    width: 6px;

    height: 50px;

    background: black;

}



.mail-form .bad-value,

.mail-form .bad-value{

    border: 1px solid rgba(255,0,0,0.8);

    -webkit-box-shadow: 0px 0px 8px 0px rgba(250, 50, 50, 0.55);

    -moz-box-shadow:    0px 0px 8px 0px rgba(250, 50, 50, 0.55);

    box-shadow:         0px 0px 8px 0px rgba(250, 50, 50, 0.55);

}



.mail-form .ok-value,

.mail-form .ok-value{

    border: 1px solid rgba(115, 224, 17, 0.8);

    -webkit-box-shadow: 0px 0px 8px 0px rgba(115, 224, 17, 0.55);

    -moz-box-shadow:    0px 0px 8px 0px rgba(115, 224, 17, 0.55);

    box-shadow:         0px 0px 8px 0px rgba(115, 224, 17, 0.55);

}



.mail-file {

	margin-top: 10px;

	padding-top: 15px !important;

	line-height: 0 !important;

}



.form-status-message{

    max-width: 300px;

    font-family: 'Ubuntu', sans-serif;

    padding: 20px;

    position: fixed;

    left: 10px;

    bottom: 10px;

    color: #fff;

    z-index: 1000;

}

.form-status-message.bad-value {

    background: #E65B4A;

}

.form-status-message.ok-value {

    background: rgb(115, 224, 17);

}



.map-holder{

    overflow: hidden;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



.map-button{

    margin-bottom: 40px;

}



#map-popup {

    position: absolute;

    background: rgba(255,255,255,0.9);

    padding: 1em 1.5em;

    width: 300px;

    max-height: 200px;

    text-align: left;

}



#map-popup:before{

    position: absolute;

    content: "";

    left: -20px;

    margin: auto;

    top: 0;

    bottom: 0;

    width: 0;

    height: 0;

    border-top: 20px solid transparent;

    border-bottom: 20px solid transparent;

    border-right:20px solid rgba(255,255,255,0.9);;

}



/** BLOG */





.content-item.blog-item{

    padding: 15px 15px 30px;

}



.blog-inner{

    background: white;

    padding-top: 18px;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    text-align: center;

}



.blog-title h5{

    margin: 1em auto 0.3em;

    line-height: 1em;

}



.blog-image-wrap{

    position: relative;

    margin-top: 18px;

}



.blog-icon{

    position: absolute;

    width: 90px;

    height: 90px;

    border-radius: 50%;

    background: rgba(255,255,255,1);

    bottom: -45px;

    margin: auto;

    left: 0;

    right: 0;

    display: none;

}



.blog-icon:before{

    content: "";

    position: absolute;

    top: 5px;

    left: 5px;

    width: 80px;

    height: 80px;

    border-radius: 50%;

    border: 3px solid rgba(0,0,0,0.2);

}



.blog-icon span{

    line-height: 90px;

    font-size: 40px;

    font-weight: 100;

    color: rgba(0,0,0,0.3);

}



.blog-categories ul li{

    color: #686868;

}



.sep-main.sep-small{

    position: relative;

    margin: 1em auto;

}



.sep-main.sep-small:before{

    position: absolute;

    content: "";

    width: 70px;

    height: 1px;

    background: black;

    margin: auto;

    top: 0;

    left: 0;

    right: 0;

}



.sep-main.sep-small:after{

    position: absolute;

    content: "";

    width: 32px;

    height: 4px;

    background: black;

    margin: auto;

    top: -1px;

    left: 0;

    right: 0;

}



.blog-excerpt{

    padding: 2em;

    text-align: justify;

    color: #686868;

}



.blog-quote{

    padding-left: 20px;

    font-style: italic;

    border-left: 3px solid;

}



.quote-by{

    display: block;

    text-align: right;

    margin: 10px 0;

    font-weight: 700;

    clear: both;

    font-size: 16px;

    color: black;

    font-family: 'Ubuntu', sans-serif;

}



.blog-posted-info{

    color: white;

    text-align: center;

    padding: 10px 35px;

}



.blog-gallery{

    list-style-type: none;

    padding: 0;

}



.blog-gallery .owl-controls{

    position: absolute;

    width: 100%;

    margin: auto;

    top: 0;

    bottom: 0;

}



.blog-gallery .owl-controls .owl-buttons{

    bottom: 0;

    position: absolute;

    left: 0;

    right: 0;

}



.blog-gallery .owl-item{

    height: 250px;

}



.blog-gallery.owl-theme .owl-controls .owl-buttons div{

    width: 70px;

    height: 70px;

    border-radius: 50%;

    background: none;

    border: none;

    padding: 0;

    margin: 0;

    opacity: 1;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}

.blog-gallery.owl-theme .owl-controls .owl-buttons div:before{

    font-family: FontAwesome;

    font-size: 4em;

}



.blog-gallery.owl-theme .owl-controls .owl-buttons .owl-prev:before{

    content: "\f104";

}



.blog-gallery.owl-theme .owl-controls .owl-buttons .owl-next:before{

    content: "\f105";

}



/** IMAGE SECTION */



.image-section{

    padding: 7em 0;

    display: block;

}



.image-section .section-heading .heading-subtitle{

    margin: 0.5em auto;

}



.cta-section{

    text-align: center;

}



.cta-text{

    display: inline-block;

    font-size: 26px;

    font-family: 'Ubuntu', sans-serif;

    font-weight: 200;

    margin-right: 1em;

    line-height: 65px;

    vertical-align: middle;

    color: white;

}



.cta-button{

    display: inline-block;

}



.cta-button .btn{

    background: white;

}



.content-section.cta-section {

    padding: 10px 0;

}



.content-section.cta-section .section-main{

    margin: 3em auto;

    width: 100%;

    padding: 0;

}



/**

 * Launch

 */



.launch-points li{

    background: white;

    color: #686868;

    padding: 2em;

    margin-bottom: 60px;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



.launch-points li:first-child{

    margin-top: 1em;

}



.launch-points li:hover{

    color: white;

    background: rgba(255,255,255,0.9);

}



.launch-right .fa{

    position: absolute;

    top: 20px;

    left: 30px;

}



.launch-left .fa{

    position: absolute;

    top: 20px;

    right: 30px;

}



.launch-right .fa:before,

.launch-left .fa:before{

    font-size: 45px;

}



.launch-points h3{

    margin-top: 0;

    min-height: 50px;

    display: block;

}



.launch-left h3{

    margin-right: 80px;

}



.launch-right h3{

    margin-left: 80px;

}



.launch-left li{

    text-align: right;

}



.launch-right li{

    text-align: left;

}



/** SHOP */



.shop-item{

    margin-bottom: 30px;

}

.shop-inner{

    background: white;

    padding-bottom: 10px;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



.shop-image-wrap{

    position: relative;

}

.image-inner-wrap{

    overflow: hidden;

}



.shop-image-wrap img{

    -webkit-transition: all 0.3s cubic-bezier(.59,.22,.84,.28);

    -moz-transition: all 0.3s cubic-bezier(.59,.22,.84,.28);

    -ms-transition: all 0.3s cubic-bezier(.59,.22,.84,.28);

    -o-transition: all 0.3s cubic-bezier(.59,.22,.84,.28);

    transition: all 0.3s cubic-bezier(.59,.22,.84,.28);

}

.shop-inner:hover .shop-image-wrap img{

    -webkit-transform: scale(1.2) rotate3d(0,0,1,8deg);

    -moz-transform: scale(1.2) rotate3d(0,0,1,8deg);

    -ms-transform: scale(1.2) rotate3d(0,0,1,8deg);

    -o-transform: scale(1.2) rotate3d(0,0,1,8deg);

    transform: scale(1.2) rotate3d(0,0,1,8deg);

}

.shop-overlay{

    position: absolute;

    vertical-align: bottom;

    display: inline-block;

    background: rgba(0,0,0,0.07);

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    -webkit-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    -ms-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in;

}



.shop-inner:hover .shop-overlay{

    opacity: 1;

}



.shop-categories ul li {

    color: #686868;

}



.table-wrap{

    display: table;

    height: 100%;

    margin: auto;

    text-align: center;

    vertical-align: middle;

}



.table-wrap .table-inner{

    display: table-cell;

    height: 100%;

    vertical-align: middle;

}



.shop-old-price h5{

    color: #686868;

    text-decoration: line-through;

    margin: 0 auto 0.5em;

}



.shop-price h2{

    margin-top: 0.3em;

}



.sale-label,

.top-label,

.theme-label{

    display: inline-block;

    position: absolute;

    right: -5px;

    top: 30px;

    z-index: 1;

    border-top-left-radius: 50px 7px;

    border-top-right-radius: 50px 7px;

    overflow: hidden;

    border-bottom-left-radius: 50px 7px;

    border-bottom-right-radius: 50px 7px;

}



.sale-label:before{

    content: "SALE";

    background: green;

    padding: 3px 8px;

    color: white;

    font-family: 'Ubuntu', sans-serif;

    font-weight: 200;

    font-size: 22px;

}



.theme-label:before{

    content: "";

    padding: 5px 8px;

    font-family: 'Ubuntu', sans-serif;

    font-weight: 200;

    font-size: 20px;

    line-height: 32px;

}



.theme-label.hot-label:before{

    content: "HOT";

    background: #f34837;

    color: white;

}



.shop-gallery-wrap{

    position: relative;

}



.related-carousel .owl-item{

    padding: 8px;

}



.product-qty label{

    font-weight: 500;

}



.product-qty input{

    width: 50px;

    border: 1px solid rgba(0,0,0,0.3);

    height: 40px;

    font-family: 'Ubuntu', sans-serif;

    font-weight: 300;

    font-size: 18px;

    margin-bottom: 0.5em;

    padding-left: 1em;

}



/** PARALLAX */



.parallax-section{

    padding: 5em 0;

    position: relative;

}



.parallax-section {

    padding: 50px 0;

}



.svg-box{

    position: absolute;

    top: 0;

    z-index: 1;

    width: 100%;

}



.top-svg{

    top: 0;

}



.bottom-svg{

    bottom: 0;

    transform: rotate3d(0,0,1,180deg);

}



.bottom-img {

    bottom: -120px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    width: 50%;

}



.parallax-section{

    min-height: 100vh;

}



.image-section.fixed-img{

    padding: 35vh 0;

}



/** Preloader */



.preloader-wrap{

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 9999;

    background: #272727;

}



@-webkit-keyframes enter {

    0% {

        opacity: 0;

        top: -10px;

    }

    5% {

        opacity: 1;

        top: 0px;

    }

    50.9% {

        opacity: 1;

        top: 0px;

    }

    55.9% {

        opacity: 0;

        top: 10px;

    }

}

@keyframes enter {

    0% {

        opacity: 0;

        top: -10px;

    }

    5% {

        opacity: 1;

        top: 0px;

    }

    50.9% {

        opacity: 1;

        top: 0px;

    }

    55.9% {

        opacity: 0;

        top: 10px;

    }

}

@-moz-keyframes enter {

    0% {

        opacity: 0;

        top: -10px;

    }

    5% {

        opacity: 1;

        top: 0px;

    }

    50.9% {

        opacity: 1;

        top: 0px;

    }

    55.9% {

        opacity: 0;

        top: 10px;

    }

}



.loader {

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -27.5px;

    margin-top: -27.5px;

}



.square {

    background: white;

    width: 15px;

    height: 15px;

    float: left;

    top: -10px;

    margin-right: 5px;

    margin-top: 5px;

    position: relative;

    opacity: 0;

    -webkit-animation: enter 6s infinite;

    animation: enter 6s infinite;

}



.enter {

    top: 0px;

    opacity: 1;

}



.square:nth-child(1) {

    -webkit-animation-delay: 1.8s;

    -moz-animation-delay: 1.8s;

    animation-delay: 1.8s;

}



.square:nth-child(2) {

    -webkit-animation-delay: 2.1s;

    -moz-animation-delay: 2.1s;

    animation-delay: 2.1s;

}



.square:nth-child(3) {

    -webkit-animation-delay: 2.4s;

    -moz-animation-delay: 2.4s;

    animation-delay: 2.4s;

    background: #fdc96f;

}



.square:nth-child(4) {

    -webkit-animation-delay: 0.9s;

    -moz-animation-delay: 0.9s;

    animation-delay: 0.9s;

}



.square:nth-child(5) {

    -webkit-animation-delay: 1.2s;

    -moz-animation-delay: 1.2s;

    animation-delay: 1.2s;

}



.square:nth-child(6) {

    -webkit-animation-delay: 1.5s;

    -moz-animation-delay: 1.5s;

    animation-delay: 1.5s;

}



.square:nth-child(8) {

    -webkit-animation-delay: 0.3s;

    -moz-animation-delay: 0.3s;

    animation-delay: 0.3s;

}



.square:nth-child(9) {

    -webkit-animation-delay: 0.6s;

    -moz-animation-delay: 0.6s;

    animation-delay: 0.6s;

}



.clear {

    clear: both;

}



.last {

    margin-right: 0;

}





.hero-section{

    text-align: center;

    font-family: 'Ubuntu', sans-serif;

    font-size: 28px;

    font-weight: 300;

    padding: 50px 80px;

    color: white;

}



.hl{

    background: white;

    position: relative;

    display: inline-block;

    padding-left: 8px;

    padding-right: 8px;

    line-height: 1.5em;

    margin: 0 5px;

}



.hl:before,

.hl:after{

    width: 100%;

    position: absolute;

    left: 0;

    height: 3px;

    background: white;

    content: "";

}



.hl:before{

    top: -8px;

}

.hl:after{

    bottom: -8px;

}



.hero-section svg.sep-double polyline{

    stroke: white;

}



.hero-section .hero-content{

    width: 100%;

    margin: 0 auto;

}



.hero-section .hero-text{

    margin: 0 auto;

}



@media (max-width: 768px){



    .hero-section{

        font-size: 30px;

        padding: 50px 80px;

    }

    .hero-section .hero-text{

        margin: 50px auto;

        line-height: 40px;

    }

}



@media (max-width: 480px){

    .hero-section .hero-content{

        width: 90%;

    }

    .hero-section{

        font-size: 20px;

        padding: 50px 30px;

    }

    .hero-section .hero-text{

        margin: 50px auto;

        line-height: 30px;

    }

}



/**

 * Animations

 */



.draw-target{

    /*visibility: hidden;*/

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.draw .draw-target{

    visibility: visible;

}



@-webkit-keyframes drawFadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

    }

    50%{

        opacity: 1;

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes drawFadeInUp {

    0% {

        opacity: 0;

        -moz-transform: translate3d(0, 20px, 0);

        -ms-transform: translate3d(0, 20px, 0);

        -o-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

    }

    50%{

        opacity: 1;

    }

    100% {

        opacity: 1;

        -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        -o-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.drawFadeInUp{

    -webkit-animation-name: drawFadeInUp;

    animation-name: drawFadeInUp;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

}



.draw.hero-section svg.sep-double polyline.bottom-line{

    -webkit-animation-delay: 100ms;

    animation-delay: 100ms;

}



.draw.hero-section svg.sep-double polyline{

    -webkit-animation: dash 2s ease-in-out forwards;

    animation: dash 2s ease-in-out forwards;

}



@-webkit-keyframes dash {

    to {

        stroke-dashoffset: 0;

    }

}



@keyframes dash {

    to {

        stroke-dashoffset: 0;

    }

}



.heading-wrap.draw svg.sep-double polyline{

    -webkit-animation: dash 2s ease-in-out forwards;

    animation: dash 2s ease-in-out forwards;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-delay: 1200ms;

    animation-delay: 1200ms;

}



.icon-list li{

    width: 100%;

}

.blog-pic {

	padding:0;

	width: 25%

}

.blog-pic img {

	width:100%;

}

.product-item {

	margin-bottom:20px;

}

.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}

.list-group .list-group-item {border-width: 1px 0;}

.list-group .list-group-item:focus,

.list-group .list-group-item:hover{

	color: #333 !important

}

.list-group {margin-bottom: 0;}

.list-group-item {border-radius:0;}



.list-group .list-group {margin: 0;margin-top: 10px;}

.list-group-item li.list-group-item {margin: 0 -15px;border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}

.list-group-item li.list-group-item:last-child {padding-bottom: 0;}



div.list-group div.list-group{margin: 0;}

div.list-group .list-group a.list-group-item {border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}

.list-group-item li.list-group-item {border-top: 1px solid #DDD !important;}



.list-cat {

	font-weight: bold !important;

}

@media (max-width: 700px){

	#b2top, #b2fb, #b2gp{

	    left: 10px;

	}

	#b2top {

		bottom:10px;

	}

	#b2fb {

		bottom:50px

	}

	#b2gp {

		bottom:85px

	}

	#b2fb, #b2gp{

	    left: 13px;

	    width:30px;

	    height:30px;

	}

	#b2fb img, #b2gp img{

	    width:100%;

	}

	.slide-text {

	    padding: 10px 40px;

	    font-size: 20px !important;

	}

	#site-logo img {

		z-index: 100;

	}

	#site-nav > ul > li {

		padding:0;

		line-height: 40px;

	}



}

@media (min-width: 700px){

	.mobile-logo {

		display: none;

	}

}

@media (min-width: 1024px){

    #phone-icon {

        display: none;

    }

}

.rg-gallery {

	z-index:1000000;

}

.panel-body h1 {

	display:none

}

.service-title {

	height:30px;

}

.modal {

	z-index:100000000 !important;

	margin-top:100px;

}

.modal-backdrop {

	display:none !important

}

.modal-body img {

	width:100% !important;

	height:auto !important

}

.blueimp-gallery {

	z-index:1000000 !important

}

.text-gallery {

	position: absolute;

	font-size:32px;

	z-index: 10;

	background:#333 !important;

	text-shadow: 0px 0px 10px #fff;

	font-weight: bold;

	color:#000 !important;

	text-align: center;

	width:100%;

	bottom:50px;

	display:block;

}

.client-text {

	background: transparent !important;

	margin:10px;

}

.client-text .client-text-holder {

	overflow: hidden !important;

}

.client-text .overlay {

	background:rgba(0,0,0,0.5);

}



.client-text img {

}

.hero-text p {

	margin:0 !important

}

@media (max-width: 1000px){

	.menu-list {

		z-index:100000;

		background:#E85A45;

		padding:0;

		margin:0 !important;

		margin-top:-5px !important

	}

	.hidden {

		display:none !important

	}

	#site-nav {

		margin-top:50px

	}

}

.pdfrow {

	padding: 30px 0;

	border-bottom: 1px solid #ccc;

}

.pdfrow:last-child {

	border-bottom:0px;

}

.bigcat {

	background: #E85A45;

	color: #fff !important

}

.pf-description table, .pf-description th, .pf-description td {

    border: 1px solid black;

    border-collapse: collapse;

}

.pf-description table tr td {

	padding: 5px !important;

	font-weight: bold;

}

.pf-description table tr td p {

	margin: 0;

	padding:0;

	color: #402024;

}

.pf-description table tr:nth-child(even) {

	background: #FABF8F

}

.owl-carousel .owl-wrapper-outer{

    overflow: hidden;

    position: relative;

    width: 100%;

    z-index: 1;  // added this

}

.shop-gallery-wrap.multiple ul.g2 {

	margin-bottom: -4px !important;

}

.shop-gallery-wrap.multiple ul li a {

	border: none;

}

.shop-gallery-wrap.multiple ul li a:hover {

	background: none;

}