/*

Theme Name: Demeter

Theme URI: http://demo.vegatheme.com/demeter

Author: OceanThemes Team

Author URI: http://oceanthemes.net/

Description: In 2016, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.

Version: 1.5.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

Text Domain: demeter



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

/* #RESET CSS - Line 57================================== */ 

/* #Loading Logo - Line 57================================== */ 

/* #Color Panel - Line 76=================================== */ 

/* #Navigation - Line 210=================================== */ 

/* #Home - Line 805========================================= */ 

/* #All Sections - Line 1001================================ */  

/* #Video Fullscreen - Line 1217============================ */  

/* #Work - Line 1263======================================== */  

/* #Ajax Projects Expander Styles - Line 1719=============== */ 

/* #Single Projects - Line 1884============================= */  

/* #Buttons - Line 1909===================================== */  

/* #Embed Videos - Line 2050================================ */  

/* #Tabs - Line 2065======================================== */   

/* #Icons - Line 2325======================================= */   

/* #Blockquotes - Line 2347================================= */  

/* #Pricing Tables - Line 2457============================== */  

/* #Shop - Line 3209======================================== */  

/* #Shop Single - Line 3465================================= */  

/* #Tooltip Shop - Line 3643================================ */ 

/* #Blog - Line 3753======================================== */  

/* #Call To Action - Line 4874============================== */  

/* #Blockquotes - Line 4958================================= */   

/* #Logos - Line 5019======================================= */   

/* #Carousels - Line 5147=================================== */    

/* #Lightboxe - Line 5207=================================== */    

/* #Coming soon - Line 5228================================= */   

/* #Alerts - Line 5256====================================== */    

/* #Our Office - Line 5314================================== */   

/* #Team - Line 5353======================================== */  

/* #Team Tooltip - Line 5479================================ */  

/* #Skills - Line 5588====================================== */  

/* #Services - Line 5757==================================== */  

/* #Accordion - Line 5880=================================== */  

/* #Counters - Line 5964==================================== */  

/* #Contact - Line 6035===================================== */   

/* #App Showcase - Line 6304================================ */  

/* #Footer - Line 6856====================================== */   

/* #Points of Interest - Line 6965========================== */  

/* #Parallax Sections - Line 7334=========================== */   

/* #Timeline - Line 7727==================================== */ 

/* #More Features - Line 8137=============================== */

/* #Media Queries - Line 8878=============================== */  


/* #RESET CSS */
.screen-reader-text{}
.container {max-width: 100%;}
.container .column, .container .columns {max-width: 100% !important;}
.wp-caption {max-width: 100%;}
.wp-caption-text{}
.sticky {}
.gallery-caption{}
.bypostauthor{}
.alignright {}
.alignleft{}
.aligncenter {}
img.aligncenter {
  margin-left: auto;
  margin-right: auto !important;
  display: block;
  clear: both;
  margin-top: 5px;
  width: auto !important;
}
.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
  clear: both;
}
img.alignleft {
  margin: 5px 20px 20px 0;
  float: left;
  width: auto !important;
}
.alignleft {
  margin: 5px 10px 20px 0;
  float: left;
}
img.alignright {
  margin: 5px 0 20px 20px;
  float: right;
  width: auto !important;
}
.alignright {
  margin: 5px 0 20px 20px;
  float: right;
}
.transparent {
  z-index:1;
  display:block;
  padding:100px 0;
  position:relative;
}
pre {max-width: 100%;}
table,
th,
td {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin-bottom: 24px;
  width: 100%;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
  padding: 5px 10px;
}
th {
  border-width: 0 1px 1px 0;
  font-weight: bold;
}
td {
  border-width: 0 1px 1px 0;
}
dl {
  margin-bottom: 24px;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: 24px;
}
address {
  font-style: italic;
  margin-bottom: 24px;
}
cite {
    color: #1a1a1a;
    font-weight: bold;
}
blockquote, blockquote p {
  background: none repeat scroll 0 0 #111111;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  font-style: italic;
}
blockquote{padding: 40px;}
/* #PAGE LOAD */



body.royal_loader {

    background: none;

    visibility: hidden;

}

#royal_preloader {

    width: 100%;

    height: 100%;

    font-family: Arial;

    font-size: 12px;

    visibility: visible;

    position: fixed;

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: 0px;

    z-index: 9999999999;

    -webkit-transition: opacity 0.2s linear 0.8s;

       -moz-transition: opacity 0.2s linear 0.8s;

        -ms-transition: opacity 0.2s linear 0.8s;

         -o-transition: opacity 0.2s linear 0.8s;

            transition: opacity 0.2s linear 0.8s;

}

#royal_preloader.complete {

    opacity: 0;

}

#royal_preloader .background {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    bottom: 0px;

    left: 0px;

    right: 0px;

    background-color: #000000;

    -webkit-transition: background 0.5s linear;

       -moz-transition: background 0.5s linear;

        -ms-transition: background 0.5s linear;

         -o-transition: background 0.5s linear;

            transition: background 0.5s linear;

}

#royal_preloader.number .name {

    position: absolute;

    top: 20%;

    left: 0px;

    right: 0px;

    text-transform: uppercase;

    color: #EEEEEE;

    text-align: center;

    opacity: 0;

    -webkit-transition: -webkit-transform 0.3s linear;

       -moz-transition: -moz-transform 0.3s linear;

        -ms-transition: -ms-transform 0.3s linear;

         -o-transition: -o-transform 0.3s linear;

            transition: transform 0.3s linear;

    -webkit-animation: fly 0.3s;

       -moz-animation: fly 0.3s;

        -ms-animation: fly 0.3s;

         -o-animation: fly 0.3s;

            animation: fly 0.3s;

}

#royal_preloader.number .percentage {

    color: #FFFFFF;

    font-family: Impact, Arial;

    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

    text-align: center;

    margin: -90px 0px 0px -90px;

    background-image: url('images/loader.gif');

    background-repeat: no-repeat;

    background-position: 50% 0;

    padding-top: 80px;

    width: 180px;

    position: absolute;

    font-size: 50px;

    top: 50%;

    left: 50%;

    -webkit-transition: all 0.3s linear 0.5s;

       -moz-transition: all 0.3s linear 0.5s;

        -ms-transition: all 0.3s linear 0.5s;

         -o-transition: all 0.3s linear 0.5s;

            transition: all 0.3s linear 0.5s;

}

#royal_preloader.text .loader {

    position: absolute;

  text-shadow: 0 0 15px rgba(0,0,0,0.3);

  text-transform:uppercase;

  text-align:center;

    top: 50%;

    left: 50%;

  width:240px;

  margin-left:-120px;

    height: 60px;

    line-height: 60px;

    margin-top: -30px;

    font-size: 30px;

    white-space: nowrap;

}

#royal_preloader.text .loader div {

    position: absolute;

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: 0%;

    background-color: #000000;

    opacity: 0.7;

    filter: alpha(opacity=70);

    -webkit-transition: left 0.3s linear;

       -moz-transition: left 0.3s linear;

        -ms-transition: left 0.3s linear;

         -o-transition: left 0.3s linear;

            transition: left 0.3s linear;

}

#royal_preloader.logo .loader {

    width: 204px;

    height: 28px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -14px 0px 0px -102px;

    background-size:200px 28px;

    overflow: hidden;

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-size: cover;

}

#royal_preloader.logo .loader div {

    position: absolute;

    bottom: 0%;

    left: 0px;

    right: 0px;

    height: 100%;

    opacity: 0.7;

    filter: alpha(opacity=70);

    -webkit-transition: bottom 0.3s linear;

       -moz-transition: bottom 0.3s linear;

        -ms-transition: bottom 0.3s linear;

         -o-transition: bottom 0.3s linear;

            transition: bottom 0.3s linear;

}

#royal_preloader.logo .percentage {

    position: absolute;

    width: 80px;

    height: 40px;

    line-height: 40px;

  font-family: 'Open Sans', sans-serif;

  font-weight:400;

  font-size: 13px;

  letter-spacing:2px;

    top: 50%;

    left: 50%;

    margin: 20px 0px 0px -40px;

    color: #212121;

    text-align: center;

}



@-webkit-keyframes fly {

    0% { opacity: 0; top: 50%; }

    20% {opacity: 1; top: 40%; }

    100% { opacity: 0; top: 20%;}

}

@-moz-keyframes fly {

    0% { opacity: 0; top: 50%; }

    20% {opacity: 1; top: 40%; }

    100% { opacity: 0; top: 20%;}

}

@-ms-keyframes fly {

    0% { opacity: 0; top: 50%; }

    20% {opacity: 1; top: 40%; }

    100% { opacity: 0; top: 20%;}

}

@-o-keyframes fly {

    0% { opacity: 0; top: 50%; }

    20% {opacity: 1; top: 40%; }

    100% { opacity: 0; top: 20%;}

}

@keyframes fly {

    0% { opacity: 0; top: 50%; }

    20% {opacity: 1; top: 40%; }

    100% { opacity: 0; top: 20%;}

}





/* #Navigation

================================================== */

#menu-wrap{

  position: fixed;

  padding-bottom:10px;

  width:100%;

  z-index:500;

  top:0;

  left:0;

}

.logged-in.admin-bar #menu-wrap{

  top: 32px;

}



.menu-back{

  background: #efefef;

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

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

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

  transition : all 0.3s ease-out;

}





.cbp-af-header {

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

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

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

  transition : all 0.3s ease-out;

}



.cbp-af-header.cbp-af-header-shrink {

  background: #efefef;

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

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

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

  transition : all 0.3s ease-out;

}

.cbp-af-header.cbp-af-header-shrink .logo{

  width:116px;

  height:16px;

  top:22px;

  background:url('images/logo.png') no-repeat center center;

  background-size:116px 16px;

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

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

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

  transition : all 0.3s ease-out;

}



.cbp-af-header.cbp-af-header-shrink ul.slimmenu {

  margin-top:5px;

  margin-bottom:4px;

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

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

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

  transition : all 0.3s ease-out;

}

.cbp-af-header.cbp-af-header-shrink ul.slimmenu li:first-child {

  background:none;

}

.cbp-af-header.cbp-af-header-shrink ul.slimmenu li ul li:first-child { 

  background:none; 

}

ul.slimmenu li ul li a {

    color: #000;

}

ul.slimmenu li ul li a:hover {

}

ul.slimmenu li ul li { 

  background:none;

  padding-left:0; }

ul.slimmenu li ul {

  background:rgba(250,250,250,.95);

  box-shadow: 0 0 15px rgba(0,0,0,0.1);

}

.logo{

  position:absolute;

  width:145px;

  height:20px;

  z-index:10000;

  left:20px;

  top:20px;

  background:url('images/logo.png') no-repeat center center;

  background-size:145px 20px;

}

.menu-collapser {

    position: relative;

    width: 100%;

    height: 48px;

    line-height: 48px;

    font-size: 16px;

    padding: 0 8px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

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

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

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

  transition : all 0.3s ease-out;

}

.collapse-button {

    position: absolute;

    right: 8px;

    top: 60%;

    width: 40px;

    background-image: linear-gradient(to bottom, #151515, #040404);

    background-repeat: repeat-x;

    border-style: solid;

    border-width: 1px;

    color: #000;

    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);

    padding: 7px 10px;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

    cursor: pointer;

    font-size: 14px;

    text-align: center;



    transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);



    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box

}

.collapse-button:hover, .collapse-button:focus {

    background-image: none;

    background-color: #040404;

    color: #FFF;

}

.collapse-button .icon-bar {

    background-color: #fff;

    border-radius: 1px 1px 1px 1px;

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

    display: block;

    height: 2px;

    width: 18px;

    margin: 2px 0;

}



ul.slimmenu {

  padding-top:10px;

  padding-right:10px;

  text-align:right;

  margin-top:33px;

  margin-bottom:30px;

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

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

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

  transition : all 0.3s ease-out;

}

ul.slimmenu li {

    position: relative;

    display: inline-block;

  background:url('images/line.png') 0 14px no-repeat;

  background-size:15px 10px;

  padding-left:20px;

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

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

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

  transition : all 0.3s ease-out;

}

ul.slimmenu > li {}

ul.slimmenu > li:first-child { border-left: 0 }

ul.slimmenu > li:last-child { margin-right: 0 }

ul.slimmenu li a {

    display: block;

    color: #323232;

    padding: 10px 0px;

  cursor:pointer;

    margin: 0px 12px;

  font-family: 'Open Sans', sans-serif;

  font-weight:700;

  text-transform:uppercase;

  letter-spacing:2px;

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

    font-size: 11px;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

ul.slimmenu li a:hover {

    text-decoration: none;

}

ul.slimmenu li {

}

ul.slimmenu li:first-child {

  background:none;

}



ul.slimmenu li .sub-collapser {

    position: absolute;

    right: 0;

    top: 0;

    width: 48px;

    height: 100%;

    z-index: 999;

    cursor: pointer;

}

ul.slimmenu li .sub-collapser:before {

  display:none;

}

ul.slimmenu li .sub-collapser > i {

  display:none;

}

ul.slimmenu li ul {

    margin: 0;

    list-style-type: none;

}

ul.slimmenu li ul a{

    font-size:10px;

}

ul.slimmenu li ul li:first-child { 

  background:none; }

ul.slimmenu li ul li {

  background:none;

  padding-left:0; 

  display: block;

}

ul.slimmenu li > ul {

    display: none;

    position: absolute;

  text-align:left;

    left: 0;

    top: 100%;

    z-index: 999;

    min-width: 150%;

    white-space: nowrap;

}

ul.slimmenu li > ul > li ul {

    display: none;

    position: absolute;

    left: 100%;

    top: 0;

    z-index: 999;

    width: 100%;

}

ul.slimmenu.collapsed {

  padding:0;

  margin:0;

}

ul.slimmenu.collapsed li {

    display: block;

    width: 100%;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

}

ul.slimmenu.collapsed li a {

    display: block;

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

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box

}

ul.slimmenu.collapsed li .sub-collapser {

    height: 40px;

}

ul.slimmenu.collapsed li > ul {

    display: none;

    position: static;

}



/* #Home

================================================== */

.home{

  min-height:800px;

}



.moving-home {  

  background-image: url('images/parallax/home.jpg');

  background-attachment: scroll;

  background-repeat: repeat;  

  position: absolute;

  background-size:cover;

  top: 0; 

  left: 0; 

  bottom: 0;

  z-index: -1;

  width:100%; 

}



.section {

  position:relative;

  margin:0 auto;

}



/* #Boxed or Full-Width

================================================== */

.boxed-width {

  width:100%;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

/* ================================================== */





/* #video-volume (Home YouTube Video)

================================================== */

#video-volume {

  bottom: 60px;

  color: #212121;

  width:35px;

  height:35px;

  border-radius:3px;

  line-height:35px;

  cursor: pointer;

  font-size: 15px;

  display:block;

  right:10%;

  background:#fff;

  position: absolute;

  z-index:100;

  text-align:center;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

#video-volume:hover {

  color: #fff;

}

a#bgndVideo {

  z-index:-5;

}

/* youtube player

--------------------------------------------------------*/



.mb_YTVPlayer :focus {

  outline: 0;

}



.mb_YTVPlayer{

  display:block;

  overflow:hidden;

}



.mbYTP_wrapper iframe{

  max-width: 4000px !important;

  overflow:hidden;

}



.inline_YTPlayer{

  margin-bottom: 20px;

  vertical-align:top;

  position:relative;

  left:0;

  overflow: hidden;

  border-radius: 4px;

  box-shadow: 0 0 5px rgba(0,0,0,.7);

  background: rgba(0,0,0,.5);

}



.inline_YTPlayer img{

  border: none!important;

  transform: none!important;

}



/*CONTROL BAR*/

.mb_YTVPBar{

  transition: opacity 1s;

  width:280px;

  height:10px;

  padding:5px;

  position:absolute;

  bottom:60px;

  right:10%;

  box-sizing:padding-box;

  text-align:left;

  z-index: 1000;

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

  font-size: 13px;

  line-height:24px;

  opacity:.8;

}



.mb_YTVPBar:hover{

  opacity:.9;

}



.mb_YTVPBar .buttonBar{

  transition: all 1s;

  background:rgba(5,5,5,.9);

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

  font-size: 13px;

  line-height:24px;

  position:absolute;

  top:-17px;

  left:0;

  padding: 5px;

  width:100%;

  box-sizing: border-box;

}

.mb_YTVPBar:hover .buttonBar{

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

}



.mb_YTVPBar span{

  display:inline-block;

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

  font-size: 13px;

  line-height:24px;

  position:relative;

  width: 30px;

  height: 25px;

  vertical-align: middle;

}

.mb_YTVPBar span.mb_YTVPTime{

  width: 100px;

  text-align:right;

  float:right;

  margin-right:20px;

}



.mb_YTVPBar span.mb_YTVPUrl,.mb_YTVPBar span.mb_OnlyYT {

  position: absolute;

  width: auto;

  display:block;

  top:6px;

  right:20px;

  cursor: pointer;

}

.mb_YTVPBar span.mb_YTVPUrl img{

  width: 60px;

}



.mb_YTVPBar span.mb_OnlyYT {

  left:185px;

  right: auto;

}

.mb_YTVPBar span.mb_OnlyYT img{

  width: 25px;

}



.mb_YTVPBar span.mb_YTVPUrl a{

  color:white;

}



.mb_YTVPPlaypause,.mb_YTVPlayer .mb_YTVPPlaypause img{

  cursor:pointer;

  margin-left: 20px;

}



.mb_YTVPMuteUnmute{

  cursor:pointer;

}



/*PROGRESS BAR*/

.mb_YTVPProgress{

  height:4px;

  width:100%;

  background:#111;

  bottom:-2px;

  left:0;

}



.mb_YTVPLoaded{

  height:4px;

  width:0;

  background:#555;

  left:0;

}



.mb_YTVTime{

  height:4px;

  width:0;

  bottom:0;

  left:0;

}



.YTPOverlay{

  /*box-shadow: inset 0 0 5px rgba(0,0,0,.5);*/

}

.YouTube_play, .YouTube_pause, .YouTube_mute, .YouTube_unmute {

  width: 12px;

  height: 11px;

  background-repeat: no-repeat;

  background-position: center center; 

}

.YouTube_play {background-image: url("images/icon-play.png");}

.YouTube_pause {background-image: url("images/icon-pause.png");}

.YouTube_mute {background-image: url("images/icon-mute.png");}

.YouTube_unmute {background-image: url("images/icon-volume-up.png");}

#homeYouTube .cd-intro h1 , #homeYouTube .scroll-down {color: #ffffff;}

#homeYouTube .small-intro {color: #f0f0f0;}

#homeYouTube {

  z-index:100;

}

/*================= End Home YouTube Video ========*/



/* #Fullscreen Slider

================================================== */



#gallery {

  position: absolute;

  width: 100%;

  height: 700px;

  top: 0;

  left: 0;

}

#controls div {

}

#controls div:hover:not(.counter) {

}

#controls div:not(.counter) {

}

#controls div.sel {

} 

.prev {

  bottom:50px;

  position:absolute;

  cursor:pointer;

  background:url('images/arrow-left.png') no-repeat center center;

  background-size:6px 10px;

  background-color:#212121;

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

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

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

  transition : all 0.2s ease-out;

  right:10%;

  margin-right:68px;

  border-top-left-radius:3px;

  border-bottom-left-radius:3px;

  width:32px;

  height:32px;

  z-index:100;

}

.next {

  bottom:50px;

  position:absolute;

  cursor:pointer;

  background:url('images/arrow-right.png') no-repeat center center;

  background-size:6px 10px;

  background-color:#212121;

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

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

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

  transition : all 0.2s ease-out;

  right:10%;

  border-top-right-radius:3px;

  border-bottom-right-radius:3px;

  width:32px;

  height:32px;

  z-index:100;

} 

.play {

  bottom:50px;

  position:absolute;

  cursor:pointer;

  background:url('images/play.png') no-repeat center center;

  background-size:7px 12px;

  background-color:#212121;

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

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

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

  transition : all 0.2s ease-out;

  right:10%;

  margin-right:34px;

  width:32px;

  height:32px;

  z-index:100;

} 

.pause {

  bottom:50px;

  position:absolute;

  cursor:pointer;

  background:url('images/pause.png') no-repeat center center;

  background-size:7px 12px;

  background-color:#212121;

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

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

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

  transition : all 0.2s ease-out;

  right:10%;

  margin-right:34px;

  width:32px;

  height:32px;

  z-index:100;

} 



.boxed-width-menu {

  width:calc(100% - 300px);

}

.padding-top-bottom{

  padding-top:110px;

  padding-bottom:130px;

}

.padding-top{

  padding-top:110px;

}

.padding-bottom{

  padding-bottom:130px;

}

.white-background {

  background-color:#fff;

}

.grey-background {

  background-color:#f7f7f7;

}

.white-background {

  background-color:#fff;

}

.section-padding-bottom{

  padding-bottom:40px;

}





.banner-photographer .cd-intro h1, .banner-photographer .scroll-down {color: #fff;}

.banner-photographer .small-intro {color: #f8f8f8;}



.cd-intro {

  position:absolute;

  left:0;

  top:50%;

  margin-top:-130px;

  margin-left:10%;

  width: 80%;

  z-index:10;

}

.cd-intro h1 {

  font-size: 90px; 

  line-height:100px;

  text-align: left;

  letter-spacing:3px;

  font-weight: 700;

}

.cd-headline {

}

.cd-words-wrapper {

  display: inline;

  position: relative;

  text-align: left;

}

.cd-words-wrapper b {

  display: inline;

  position: absolute;

  white-space: nowrap;

  left: 0;

  top: 0;

}

.cd-words-wrapper b.is-visible {

  position: relative;

}

.no-js .cd-words-wrapper b {

  opacity: 0;

}

.no-js .cd-words-wrapper b.is-visible {

  opacity: 1;

}

.cd-headline.loading-bar span {

  display: inline;

}

.cd-headline.loading-bar .cd-words-wrapper {

  overflow: hidden;

  vertical-align: top;

}

.cd-headline.loading-bar .cd-words-wrapper::after {

  /* loading bar */

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  height: 3px;

  width: 0;

  z-index: 2;

  -webkit-transition: width 0.3s -0.1s;

  -moz-transition: width 0.3s -0.1s;

  transition: width 0.3s -0.1s;

}

.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {

  width: 100%;

  -webkit-transition: width 3s;

  -moz-transition: width 3s;

  transition: width 3s;

}

.cd-headline.loading-bar b {

  top: .2em;

  opacity: 0;

  -webkit-transition: opacity 0.3s;

  -moz-transition: opacity 0.3s;

  transition: opacity 0.3s;

}

.cd-headline.loading-bar b.is-visible {

  opacity: 1;

  top: 0;

}



.black-heavy-2{

  position:absolute;

  width:100%;

  left:0;

  top:50%;

  margin-top:-65px;

  color:#212121;

  text-transform: uppercase;

  font-family: 'Open Sans', sans-serif;

  font-weight:800;

  letter-spacing:2px;

  font-size:70px;

  line-height:80px;

  text-align:center;

}

.black-small{

  position:absolute;

  width:100%;

  left:0;

  top:50%;

  margin-top:40px;

  color:#424242;

  text-transform: uppercase;

  font-family: 'Open Sans', sans-serif;

  font-weight:800;

  letter-spacing:5px;

  font-size:32px;

  line-height:32px;

  text-align:center;

}



.scroll-down-middle{

  position:absolute;

  left:50%;

  margin-left:-20px;

  bottom:40px;

  font-family: 'FontAwesome';

  font-size: 17px;

  line-height:40px;

  width:40px;

  height:40px;

  text-align:center;

  background:rgba(0,0,0,.9);

  border-radius:3px;

    text-transform: uppercase;

  letter-spacing:2px;

  color:#fff;

  z-index:1000;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.scroll-down-middle:hover{

  color:#000;

}





.small-intro {

  position:absolute;

  left:0;

  top:50%;

  margin-top:120px;

  margin-left:10%;

  width: 80%;

  font-family: 'Open Sans', sans-serif;

  font-weight:700;

  font-size: 22px;

  line-height:32px;

  text-align:left;

  color:#707070;

  z-index:10;

}





.scroll-down{

  position:absolute;

  left:10%;

  bottom:50px;

  font-family: 'Open Sans', sans-serif;

  font-weight:700;

  font-size: 13px;

  line-height:16px;

    text-transform: uppercase;

  letter-spacing:2px;

  text-align:left;

  color:#202020;

  z-index:10;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.scroll-down span{

  font-family: 'FontAwesome';

  padding-right:5px;

}



.home-background-mask{

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:100%;  

  z-index:1;

}







.header-section-text{

  position:relative;

  width:100%;

  padding-bottom:40px;

}

.header-section-text h2{

  z-index:2;

  text-align: center;

}

.sub-top{

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

    text-transform: uppercase;

  letter-spacing:2px;

  font-size: 18px;

  line-height:24px;

  color:#999999;

  text-align:center;

  padding-bottom:10px;

  z-index:2;

}

.sub-line{

  position:relative;

  margin:0 auto;

  width:40px;

  height:0;

  margin-top:20px;

}

.text-padding{

  padding-bottom:20px;

}



.section-separator-line{

  position:relative;

  width:100%;

  max-width:350px;

  margin:0 auto;

  opacity:.3;

  margin-bottom:80px;

  padding-bottom:80px;

}



/* #About

================================================== */

.about-carousel-wrap{ 
  position:relative;
  width:100%;
  margin:0 auto;
  overflow:hidden;
  z-index:2;
} 

#sync1 .item {
  position: relative; 
  margin: 0 auto;
    width:100%;
    display: block;
    text-align: center;
}
#sync1 .item:after {
  content: '';
  display: block;
  clear: both;
}
#sync1 .item img{
}
#sync1 .item p{
  width:100%;
  max-width:800px;
  margin: 0 auto;
}
#sync1 .item h6{
}
#sync2 {
  position:relative;
  width:100%;
  max-width:550px;
  margin:0 auto;
}
#sync2 .item{
  width:80%;
  margin-left:10%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  z-index:200;
  cursor:pointer;
  margin-top:80px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    text-align: center;
}
#sync2 .item .line{
  position:absolute;
  width:100%;
  height:1px;
  top:80px;
  left:-100%;
  z-index:1px;
  background:#212121;
  opacity:0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
#sync2 .item .point-item {
  position: absolute;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  background:#212121;
  z-index:1;
  top:40px;
  left:50%;
  margin-left:-3px;
  opacity:0;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}


#sync2 .item .line-ver{
  position:absolute;
  width:1px;
  height:20px;
  top:40px;
  left:50%;
  z-index:1px;
  background:#212121;
  opacity:0;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}
#sync2 .item p{
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  font-size: 12px;
  line-height:25px;
  padding-top:10px;
  color:#212121;
    text-transform: uppercase;
  letter-spacing:3px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#sync2 .item:hover p{
}
#sync2 .synced .item {
}


#sync2 .synced .item .line{
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
  opacity:1;
}
#sync2 .synced .item .line-ver{
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
  opacity:1;
}
#sync2 .synced .item .point-item {
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
  opacity:1;
}

.cd-single-item {

  position: relative;

  background: #ffffff; }



.cd-slider-wrapper {

  position: relative;

  z-index: 1;

  -webkit-transition: width 0.4s;

  -moz-transition: width 0.4s;

  transition: width 0.4s;

  /* Force Hardware Acceleration in WebKit */

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  -ms-transform: translateZ(0);

  -o-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  will-change: width; }

  @media only screen and (min-width: 1024px) {

    .cd-slider-wrapper {

      width: 50%; }

      .cd-slider-active .cd-slider-wrapper {

        width: 100%; } }



.cd-slider {

  position: relative;

  z-index: 1;

  overflow: hidden; }

  .cd-slider::before {

    /* never visible - this is used in jQuery to check the current MQ */

    content: 'mobile';

    display: none; }

  .cd-slider li {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    height: 100%;

    width: 100%;

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

    -webkit-transition: -webkit-transform 0.3s;

    -moz-transition: -moz-transform 0.3s;

    transition: transform 0.3s; }

    .cd-slider li img {

      display: block;

      width: 100%; }

    .cd-slider li.selected {

      position: relative;

      z-index: 2;

      -webkit-transform: translateX(0);

      -moz-transform: translateX(0);

      -ms-transform: translateX(0);

      -o-transform: translateX(0);

      transform: translateX(0); }

    .cd-slider li.move-left {

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

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

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

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

      transform: translateX(-100%); }

  @media only screen and (min-width: 1024px) {

    .cd-slider {

      cursor: pointer; }

      .cd-slider::before {

        /* never visible - this is used in jQuery to check the current MQ */

        content: 'desktop'; }

      .cd-slider::after {

        /* slider cover layer - to indicate the image is clickable */

        content: '';

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        height: 100%;

        width: 100%;

  background: rgba(245,245,245,.5) url("images/cd-icon-zoom.svg") no-repeat center center;

        /* size of the icon */

        background-size: 48px;

        opacity: 0;

        z-index: 4;

        -webkit-transition: opacity 0.2s;

        -moz-transition: opacity 0.2s;

        transition: opacity 0.2s; }

      .no-touch .cd-slider:hover::after {

        opacity: 1; }

      .cd-slider-active .cd-slider {

        cursor: auto; }

        .cd-slider-active .cd-slider::after {

          display: none; } }



@media only screen and (min-width: 1024px) {

  .cd-slider-navigation li, .cd-slider-pagination {

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;

    -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;

    transition: opacity 0.4s 0s, visibility 0s 0.4s; }

    .cd-slider-active .cd-slider-navigation li, .cd-slider-active .cd-slider-pagination {

      opacity: 1;

      visibility: visible;

      -webkit-transition: opacity 0.4s 0.4s, visibility 0s 0.4s;

      -moz-transition: opacity 0.4s 0.4s, visibility 0s 0.4s;

      transition: opacity 0.4s 0.4s, visibility 0s 0.4s; } }

.cd-slider-navigation li {

  position: absolute;

  z-index: 2;

  top: 50%;

  bottom: auto;

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

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

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

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

  transform: translateY(-50%); }

  .cd-slider-navigation li:first-of-type {

    left: 10px; }

  .cd-slider-navigation li:last-of-type {

    right: 10px; }

  .cd-slider-navigation li a {

    display: block;

    width: 48px;

    height: 48px;

    background: url("images/cd-icon-arrow.svg") no-repeat center center;

    -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;

    -moz-transition: opacity 0.2s 0s, visibility 0s 0s;

    transition: opacity 0.2s 0s, visibility 0s 0s;

    /* image replacement */

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap; }

    .cd-slider-navigation li a.inactive {

      opacity: 0;

      visibility: hidden;

      -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;

      -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;

      transition: opacity 0.2s 0s, visibility 0s 0.2s; }

    .no-touch .cd-slider-navigation li a:hover {

      opacity: .7; }

  .cd-slider-navigation li:first-of-type a {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg); }

  @media only screen and (min-width: 1024px) {

    .cd-slider-navigation li:first-child {

      left: 30px; }

    .cd-slider-navigation li:last-child {

      right: 30px; } }



.cd-slider-pagination {

  /* you won't see this element in the html but it will be created using jQuery */

  position: absolute;

  z-index: 2;

  bottom: 30px;

  left: 50%;

  right: auto;

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

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

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

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

  transform: translateX(-50%);

  visibility: hidden; }

  .cd-slider-pagination:after {

    content: "";

    display: table;

    clear: both; }

  .touch .cd-slider-pagination {

    visibility: hidden; }

  .cd-slider-pagination li {

    display: inline-block;

    float: left;

    margin: 0 3px; }

    .cd-slider-pagination li.selected a {

      background: #323232; }

  .cd-slider-pagination a {

    display: block;

    height: 5px;

    width: 5px;

    border-radius: 50%;

    border: 1px solid #323232;

    /* fix a bug in IE9/10 - transparent anchor not clickable */

    background-color: rgba(32, 32, 32, 0);

    /* image replacement */

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap; }



.cd-slider-wrapper .cd-close {

  display: none;

  position: absolute;

  z-index: 2;

  top: 30px;

  right: 30px;

  width: 48px;

  height: 48px;

  background: url("images/cd-icon-close.svg") no-repeat center center;

  /* image replacement */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.4s;

  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.4s;

  transition: transform 0.3s 0s, visibility 0s 0.4s; }

  .cd-slider-active .cd-slider-wrapper .cd-close {

    visibility: visible;

    opacity: 1;

    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s;

    -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s;

    transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s; }

  .no-touch .cd-slider-active .cd-slider-wrapper .cd-close:hover {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2); }

  @media only screen and (min-width: 1024px) {

    .cd-slider-wrapper .cd-close {

      display: block; } }



.cd-item-info {

  padding: 50px 5%; }

  .cd-item-info h5, .cd-item-info p {

    max-width: 480px; 

  text-align:left;}

  .cd-item-info h5 {}

  .cd-item-info p {}

@media only screen and (min-width: 1024px) {

.cd-item-info {

    position: absolute;

    width: 50%;

    top: 0;

    right: 0;

    padding: 60px 60px 0;

    margin: 0; 

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

} 

}



.cd-content p {

  width: 90%;

  max-width: 768px;

  margin: 0 auto;}







@media only screen and (min-width: 1200px) {

.cd-item-info {

    padding: 80px 60px 0;

}

}

@media only screen and (min-width: 1400px) {

.cd-item-info {

    padding: 100px 60px 0;

}

}

@media only screen and (min-width: 1600px) {

.cd-item-info {

    padding: 120px 60px 0;

}

}

@media only screen and (min-width: 1800px) {

.cd-item-info {

    padding: 180px 60px 0;

}

}

@media only screen and (min-width: 2000px) {

.cd-item-info {

    padding: 200px 60px 0;

}

}









.team-wrap{

  position:relative;

  width:100%;

  overflow:hidden;

  padding-bottom:67px;

}

.team-wrap img{

  width:100%;

  height:auto;

  display:block;

}

.team-wrap .mask-team{

  position:absolute;

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

  width:100%;

  height:100%;

  left:0;

  top:calc(100% - 67px);

  overflow:hidden;

  z-index:2;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.team-wrap:hover .mask-team{

  background:rgba(247,247,247,.9);

  top:0;  

}

.team-wrap .mask-team h6{

  text-align:left;

  padding-bottom:5px; 

  padding-top:30px;   

  padding-left:30px;

}

.team-wrap .mask-team p span{

  width:100%;

  font-size:10px;

  display:block;

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

  line-height:14px;

  text-align:left;  

  padding-bottom:30px;    

  padding-left:30px;

  letter-spacing:2px;

  text-transform: uppercase;

}

.team-wrap .mask-team ul{

  display:block;  

  padding-bottom:23px;    

  padding-left:30px;

}

.team-wrap .mask-team ul li{  

  margin-bottom:2px;

}

.team-wrap .mask-team ul li{

}

.team-wrap .mask-team ul li {

  text-align:left;

  font-family: 'Open Sans', sans-serif;

  font-weight:500;

  font-size: 10px;

  line-height:25px;

  color:#606060;

  letter-spacing:2px;

  text-transform: uppercase;

  display: block;

}

.team-wrap .mask-team > ul li:before{

  content: "\f1db";

  font-family: 'FontAwesome';

  padding-right:10px;

  font-size: 6px;

  line-height:17px;

  vertical-align:text-top;

  display:inline-block;

  text-align:left;  

  padding-bottom:0;   

  padding-left:0;

  width:auto;

}



.social-team{ 

  position:relative;

  z-index:2;

  height:25px;

}

.list-social li {

    list-style: none;

  text-align:left;

    display: inline-block;

  float:left;

  padding-left:15px;

  margin-right:15px;

  border-left:1px dotted rgba(0,0,0,.2);

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.list-social li:first-child {

  padding-left:0;

  border-left:none;;

}

.list-social li.icon-soc a {

  font-family: 'FontAwesome';

    display: block;

  font-size: 14px;

  line-height: 25px;

  color:#212121;

  opacity:1;

  margin:0;

  padding:0;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.list-social li:hover{

}

.list-social li:hover.icon-soc a{

  opacity:.6;

}









.about-history{

  position:relative;

  width:100%;

}

.about-history h6,

.about-history p{

  text-align:left;

}



.pro-bar-container {

  position:relative;

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

  width: calc(100% - 50px);

  height: 2px;

  background: #ccc;

}

.pro-bar-margin {

  margin-bottom:15px;

}

.pro-bar-margin-last {

  margin-bottom:9px;

}

.skills-name{

  position:relative;

  width:100%;

  text-align:left;

  padding-bottom:5px;

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

  font-size: 10px;

  letter-spacing:2px;

  color:#212121;

  text-transform: uppercase;

}

.pro-bar {

  position:relative;

  height: 2px;

  overflow:hidden;

}

.text-in-bar {

  position:absolute;

  top:-13px;

  right:-50px;

  width:35px;

  height:25px;

  background:#212121;

  border-radius:3px;

  text-align:center;

  font-weight:400;

  font-size: 11px; 

  line-height:25px;

  color:#fff;

  z-index:2;

}

.arrow-skills{

  position:absolute;

  right:-16px;

  top:-7px;

  width:0;

  height:0;

  border-top:7px solid transparent;

  border-bottom:7px solid transparent;

  border-right:7px solid #212121;

  z-index:2;

} 





  .pro-bar.bar-100  { width: 100%; }

  .pro-bar.bar-99   { width: 99%;  }

  .pro-bar.bar-98   { width: 98%;  }

  .pro-bar.bar-97   { width: 97%;  }

  .pro-bar.bar-96   { width: 96%;  }

  .pro-bar.bar-95   { width: 95%;  }

  .pro-bar.bar-94   { width: 94%;  }

  .pro-bar.bar-93   { width: 93%;  }

  .pro-bar.bar-92   { width: 92%;  }

  .pro-bar.bar-91   { width: 91%;  }

  .pro-bar.bar-90   { width: 90%;  }

  .pro-bar.bar-89   { width: 89%;  }

  .pro-bar.bar-88   { width: 88%;  }

  .pro-bar.bar-87   { width: 87%;  }

  .pro-bar.bar-86   { width: 86%;  }

  .pro-bar.bar-85   { width: 85%;  }

  .pro-bar.bar-84   { width: 84%;  }

  .pro-bar.bar-83   { width: 83%;  }

  .pro-bar.bar-82   { width: 82%;  }

  .pro-bar.bar-81   { width: 81%;  }

  .pro-bar.bar-80   { width: 80%;  }

  .pro-bar.bar-79   { width: 79%;  }

  .pro-bar.bar-78   { width: 78%;  }

  .pro-bar.bar-77   { width: 77%;  }

  .pro-bar.bar-76   { width: 76%;  }

  .pro-bar.bar-75   { width: 75%;  }

  .pro-bar.bar-74   { width: 74%;  }

  .pro-bar.bar-73   { width: 73%;  }

  .pro-bar.bar-72   { width: 72%;  }

  .pro-bar.bar-71   { width: 71%;  }

  .pro-bar.bar-70   { width: 70%;  }

  .pro-bar.bar-69   { width: 69%;  }

  .pro-bar.bar-68   { width: 68%;  }

  .pro-bar.bar-67   { width: 67%;  }

  .pro-bar.bar-66   { width: 66%;  }

  .pro-bar.bar-65   { width: 65%;  }

  .pro-bar.bar-64   { width: 64%;  }

  .pro-bar.bar-63   { width: 63%;  }

  .pro-bar.bar-62   { width: 62%;  }

  .pro-bar.bar-61   { width: 61%;  }

  .pro-bar.bar-60   { width: 60%;  }

  .pro-bar.bar-59   { width: 59%;  }

  .pro-bar.bar-58   { width: 58%;  }

  .pro-bar.bar-57   { width: 57%;  }

  .pro-bar.bar-56   { width: 56%;  }

  .pro-bar.bar-55   { width: 55%;  }

  .pro-bar.bar-54   { width: 54%;  }

  .pro-bar.bar-53   { width: 53%;  }

  .pro-bar.bar-52   { width: 52%;  }

  .pro-bar.bar-51   { width: 51%;  }

  .pro-bar.bar-50   { width: 50%;  }

  .pro-bar.bar-49   { width: 49%;  }

  .pro-bar.bar-48   { width: 48%;  }

  .pro-bar.bar-47   { width: 47%;  }

  .pro-bar.bar-46   { width: 46%;  }

  .pro-bar.bar-45   { width: 45%;  }

  .pro-bar.bar-44   { width: 44%;  }

  .pro-bar.bar-43   { width: 43%;  }

  .pro-bar.bar-42   { width: 42%;  }

  .pro-bar.bar-41   { width: 41%;  }

  .pro-bar.bar-40   { width: 40%;  }

  .pro-bar.bar-39   { width: 39%;  }

  .pro-bar.bar-38   { width: 38%;  }

  .pro-bar.bar-37   { width: 37%;  }

  .pro-bar.bar-36   { width: 36%;  }

  .pro-bar.bar-35   { width: 35%;  }

  .pro-bar.bar-34   { width: 34%;  }

  .pro-bar.bar-33   { width: 33%;  }

  .pro-bar.bar-32   { width: 32%;  }

  .pro-bar.bar-31   { width: 31%;  }

  .pro-bar.bar-30   { width: 30%;  }

  .pro-bar.bar-29   { width: 29%;  }

  .pro-bar.bar-28   { width: 28%;  }

  .pro-bar.bar-27   { width: 27%;  }

  .pro-bar.bar-26   { width: 26%;  }

  .pro-bar.bar-25   { width: 25%;  }

  .pro-bar.bar-24   { width: 24%;  }

  .pro-bar.bar-23   { width: 23%;  }

  .pro-bar.bar-22   { width: 22%;  }

  .pro-bar.bar-21   { width: 21%;  }

  .pro-bar.bar-20   { width: 20%;  }

  .pro-bar.bar-19   { width: 19%;  }

  .pro-bar.bar-18   { width: 18%;  }

  .pro-bar.bar-17   { width: 17%;  }

  .pro-bar.bar-16   { width: 16%;  }

  .pro-bar.bar-15   { width: 15%;  }

  .pro-bar.bar-14   { width: 14%;  }

  .pro-bar.bar-13   { width: 13%;  }

  .pro-bar.bar-12   { width: 12%;  }

  .pro-bar.bar-11   { width: 11%;  }

  .pro-bar.bar-10   { width: 10%;  }

  .pro-bar.bar-9    { width: 9%;   }

  .pro-bar.bar-8    { width: 8%;   }

  .pro-bar.bar-7    { width: 7%;   }

  .pro-bar.bar-6    { width: 6%;   }

  .pro-bar.bar-5    { width: 5%;   }

  .pro-bar.bar-4    { width: 4%;   }

  .pro-bar.bar-3    { width: 3%;   }

  .pro-bar.bar-2    { width: 2%;   }

  .pro-bar.bar-1    { width: 1%;   }

  .pro-bar.bar-0    { width: 0%;   }



  

.counter-wrap{

  position:relative;

  width:100%;

  margin:0 auto;

  z-index:10;

} 

.counter-numb{

  position:relative;

  width:100%;

  margin:0 auto;

  text-align:center;

  font-family: 'Open Sans', sans-serif;

  font-weight:100;

  font-size: 44px;

  line-height:44px;

  letter-spacing:4px;

  color:#212121;

  padding-bottom:10px;

}

.counter-line{

  position:relative;

  width:30px;

  margin:0 auto;

  text-align:center;

  height:2px;

  margin-top:10px;

  margin-bottom:10px;

} 

.counter-wrap h6{

  text-align:center;

  padding-top:10px;

  padding-bottom:0;

} 

  

  



/* #Work

================================================== */

#projects-grid{

  position:relative;

  text-align:center;

  margin:0 auto;

  width:calc(100% - 60px);

  padding-bottom:30px;

}
/**** No Spaced Portfolio ****/
#projects-grid.no-spaced-portfolio{width:calc(100%);padding-bottom: 0px;padding-top: 30px;}
.no-spaced-portfolio .portfolio-box-1 .mask-1{border: 0px solid #fff;}

#projects-grid:after {

  content: '';

  display: block;

  clear: both;

}



.portfolio-box-1{

  position:relative;

  float:left;

  width:25%;

  display:inline-block;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  overflow:hidden;

  margin-left:-1px;

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

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

}

.portfolio-box-1.box-port-half{

  width:50%;

  margin-left:-3px;

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

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

}

.portfolio-box-1 .mask-1{

  position:absolute;

  width:100%;

  height:100%;

  top:0;

  left:0;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border:30px solid #fff;

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

  z-index:2;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}


.portfolio-box-1:hover .mask-1{

  background:rgba(0,0,0,.8);

}

.portfolio-box-1 h6{

  position:absolute;

  top:60px;

  left:120px;

  color:#fff;

  z-index:4;

  opacity:0;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.portfolio-box-1:hover h6{

  left:60px;

  opacity:1;

}

.portfolio-box-1 .line-mask{

  position:absolute;

  top:93px;

  left:120px;

  z-index:4;

  opacity:0;

  width:30px;

  height:1px;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.portfolio-box-1:hover .line-mask{

  left:60px;

  opacity:1;

  -webkit-transition-delay:0.2s;

  transition-delay:0.2s;

}

.portfolio-box-1 p{

  position:absolute;

  top:107px;

  left:120px;

  color:#fff;

  z-index:4;

  opacity:0;

  font-size:10px;

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

  line-height:14px;

  text-align:left;  

  letter-spacing:3px;

  text-transform: uppercase;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.portfolio-box-1:hover p{

  left:60px;

  opacity:1;

  -webkit-transition-delay:0.4s;

  transition-delay:0.4s;

}

/**** Style CSS Portfolio Video ****/
.portfolio-box-1.folio-video {width:33.33333333%;border: 30px solid #fff;}
.portfolio-box-1 iframe{
  width:100%;
  height:auto;
  display:block;
}
.portfolio-box-1.folio-video .mask-1{
  position:absolute;
  width:100%;
  height:100%;
  border: 0px solid #fff;
  top:0;
  left:0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background:rgba(0,0,0,.85);
  z-index:2;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear; 
}
.portfolio-box-1.folio-video:hover .mask-1{
  top:-100%;
}
.portfolio-box-1.folio-video h6{
  position:absolute;
  top:30px;
  left:30px;
  color:#fff;
  z-index:4;
  opacity:1;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.portfolio-box-1.folio-video:hover h6{
  top:-100px;
}
.portfolio-box-1.folio-video .line-mask{
  position:absolute;
  top:63px;
  left:30px;
  z-index:4;
  opacity:1;
  width:30px;
  height:1px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.portfolio-box-1.folio-video:hover .line-mask{
  top:-67px;
  -webkit-transition-delay:0.1s;
  transition-delay:0.1s;
}
.portfolio-box-1.folio-video p{
  position:absolute;
  top:77px;
  left:30px;
  color:#fff;
  z-index:4;
  opacity:1;
  font-size:10px;
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  line-height:14px;
  text-align:left;  
  letter-spacing:3px;
  text-transform: uppercase;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.portfolio-box-1.folio-video:hover p{
  top:-53px;
  -webkit-transition-delay:0.2s;
  transition-delay:0.2s;
}

/**** End Style CSS Portfolio Video ****/

.portfolio-box-1 img{

  width:100%;

  height:auto;

  display:block;

}

#portfolio-filter {

  position:relative;

  width:100%;

  text-align: center;

}

#filter {

  position:relative;

  width:100%;

  text-align: center;

}



#filter li {

  display: inline-block;

  text-align: center;

}

#filter:after {

  content: '';

  display: block;

  clear: both;

}

#filter li a {

  position: relative;

  display: inline-block;

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

  text-transform: uppercase;

  border-radius:3px;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  font-size: 11px; 

  padding:8px 22px;

  background:#efefef;

  margin-bottom:5px;

  text-align: center;

  outline: none;

  color: #323232;

  margin-left:5px;

  margin-right:5px;

  letter-spacing:2px;

  text-decoration: none;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

#filter li .current {

  background:#e2e2e2;

}

#filter li a:hover {

  background:#e2e2e2;

}

.isotope-item {

    z-index: 2;

}

.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}

.isotope, .isotope .isotope-item {

    -webkit-transition-duration: 0.6s;

       -moz-transition-duration: 0.6s;

            transition-duration: 0.6s;

}

.isotope {

    -webkit-transition-property: height, width;

       -moz-transition-property: height, width;

            transition-property: height, width;

}

.isotope .isotope-item {

    -webkit-transition-property: -webkit-transform, opacity;

       -moz-transition-property:    -moz-transform, opacity;

        -ms-transition-property:     -ms-transform, opacity;

         -o-transition-property:         top, left, opacity;

            transition-property:         transform, opacity;

}





/* #Ajax Projects Expander Styles

================================================== */



  .relative{

    position: relative;

  }

  .portfolio{

    width:100%;

    height: auto;

    margin:0 auto;

    max-width: 1200px;

  } 

  .expander-wrap {

    position:relative;

    display: none;

    text-align: center;

  }



  #expander-wrap{

    position: relative;

    width:100%;

    max-width:1200px;

    margin:0 auto;

    overflow: hidden;

  }





/* Expander Item Controls */



  .project-controls{

    position: relative;

    width:100%;

    height: auto;

    top:105px;

    max-width: 1200px;

    margin:0 auto;

  }

  .expander-inner{

    position: relative;

  }

  .cls-btn{

    width:100%;

    padding: 0;

    margin: 0 auto;

    display: block;

    height: auto;

  }

  .expander-wrap .cls-btn .close {

    position:relative;

    display: inline-block;

    color:#000;

    top:0;

    margin-top:110px;

    margin-bottom:20px;

    width:auto;

    height:auto;

    font-size:30px;

    font-weight:400;

    text-align:center;

    cursor: pointer;

    float:none;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

  }

  .expander-close:hover {

    color:#3a3a3a;

    cursor:pointer;

  } 

.scroll-to-contact{

  position: relative; 

  margin: 0 auto;

  width: 100%;

  overflow:hidden;

  background:#fff;

  z-index:2;

  padding-top:40px;

  padding-bottom:35px;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

}   

.scroll-to-contact p{

  text-align:center;

  color:#606060;

  text-transform:uppercase;

  letter-spacing:2px;

  font-weight:400;

  font-size: 12px;

  line-height:12px;

  margin:0 auto;

  width:120px;

  padding-bottom:7px;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

}  









.ajax-project-content{

  position: relative;

  width:100%;

  padding-top:34px;

  padding-bottom:34px;

  border-top:1px solid #ccc;

  border-bottom:1px solid #ccc;

}

.ajax-project-content p{

  text-align:left;

  padding-bottom:34px;

  border-bottom:1px solid #ccc;

}

.ajax-project-info{

  position: relative;

  width:100%;

  padding-top:34px;

  padding-bottom:22px;

  margin-bottom:34px;

  border-bottom:1px solid #ccc;

}

.ajax-project-content .ajax-project-info p {

  padding-bottom:0px;

  border-bottom:0px solid #ccc;

  margin: 0px;

}

.ajax-project-info ul li{

  position: relative;

  width:100%;

  padding-bottom:12px;

  font-family: 'Open Sans', sans-serif;

  font-weight:400;

  font-size: 12px;

  line-height:24px;

  text-align:left;

  text-transform: uppercase;

  letter-spacing:3px;

  color:#404040;

}

.ajax-project-info ul li i{

  padding-right:10px;

  font-size: 14px;

  font-family: 'FontAwesome'; 

}

.ajax-link{

  position: relative;

  width:100%;

  font-family: 'Open Sans', sans-serif;

  font-weight:400;

  font-size: 12px;

  line-height:24px;

  text-align:left;

  text-transform: uppercase;

  letter-spacing:3px;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

}

.ajax-link:hover{

  color:#404040;

}

.full-image img{

  width:100%;

  height:auto;

  display:block;

}



#owl-portfolio-slider{

}

#owl-portfolio-slider .item{

  position:relative;

  width:100%;

}

#owl-portfolio-slider .item img{

  width:100%;

  height:auto;

  display:block;

}

#owl-portfolio-slider .item .left-info{

  position:absolute;

  bottom:30px;

  left:30px;

  background:rgba(244,244,244,.95);

  color:#212121;

  padding:15px 30px;

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

  font-size: 13px;

  line-height:20px;

  letter-spacing:4px;

  text-transform: uppercase;

}



 

.single-project-ajax .header-section-text{

  padding-bottom:20px;

}

.single-project-ajax .header-section-text h5{

  z-index:2;

  padding-bottom:0;

    text-transform: uppercase;

}

.single-project-ajax .header-section-text .sub-top{

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

    text-transform: uppercase;

  letter-spacing:2px;

  font-size: 14px;

  line-height:20px;

  color:#999999;

  text-align:center;

  padding-bottom:7px;

  z-index:2;

}







.section-call-action-link{

  position:relative;

  text-align:center;

  margin:0 auto;

  padding-top:50px;

  padding-bottom:50px;

  background:#060606;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.section-call-action-link:hover{

  background:#f9f9f9;

}

.section-call-action-link p{

  text-align:center;

  font-weight:600;

  letter-spacing:2px;

  padding-bottom:15px;

}

.section-call-action-link h6{

  text-align:center;

  color:#fff;

  padding-bottom:0;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.section-call-action-link:hover h6{

  color:#323232;

}





/* #External Project

================================================== */



.parallax-project {

  background: url('images/portfolio/project/5.jpg') repeat fixed;  

  background-size: cover;

  position: absolute;

  top: 0; 

  left: 0; 

  right: 0;

  bottom: 0;

  z-index: -1;

  width:100%;  

}

@media only screen and (min-width: 1930px) { .parallax-project { background-size: cover; } }

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

  .parallax-project { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}

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

  .parallax-project { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}



.parallax-project-1 {

  background: url('images/portfolio/project/5.jpg') repeat fixed;

  background-size: cover;

  position: absolute;

  top: 0; 

  left: 0; 

  right: 0;

  bottom: 0;

  z-index: -1;

  width:100%;  

}

@media only screen and (min-width: 1930px) { .parallax-project-1 { background-size: cover; } }

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

  .parallax-project-1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}

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

  .parallax-project-1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}



.project-text{

  position:relative;

  width:100%;

  margin:0 auto;

  max-width:700px;

  padding-bottom:50px;

}

.project-text p{

  text-align:center;

}



.project-image-wrapper{

  position:relative;

  width:100%;

}

.project-image-wrapper img{

  width:100%;

  height:auto;

  display:block;

}







.project-arrows-wrapper{

  position:relative;

  width:100%;

}

.project-arrows-wrapper {

  content: '';

  display: block;

  clear: both;

}

.project-arrow-left{

  position:relative;

  display:inline-block;

  float:left;

  height:60px;

  width:49.99999999%;

  min-width:100px;

  background-image:url('images/project-left.svg');

  background-position:center left;

  background-repeat:no-repeat;

  background-size:100px 100px;

}

.project-arrow-left p a, 

.project-arrow-right p a{

  color: #828282;

  display: block;

}

.project-arrow-left p{

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

  font-size: 12px;

  line-height:60px;

  color:#828282;

  text-align:left;

    text-transform: uppercase;

  letter-spacing:2px;

  padding-left:40px;

  opacity:0;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.project-arrow-left:hover p{

  padding-left:90px;

  opacity:1;

}

.project-arrow-right{

  position:relative;

  display:inline-block;

  float:right;

  height:60px;

  width:49.99999999%;

  min-width:100px;

  background-image:url('images/project-right.svg');

  background-position:center right;

  background-repeat:no-repeat;

  background-size:100px 100px;

}

.project-arrow-right p{

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

  font-size: 12px;

  line-height:60px;

  color:#828282;

  text-align:right;

    text-transform: uppercase;

  letter-spacing:2px;

  padding-right:40px;

  opacity:0;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.project-arrow-right:hover p{

  padding-right:90px;

  opacity:1;

}



/* #Logos

================================================== */



#owl-logos{

  position:relative;

  width:100%;

  margin:0 auto;

  z-index:2;

  padding-bottom:30px;

}

#owl-logos .item{

  position:relative;

  margin:0 auto;

  margin-left:10px;

  margin-right:10px;

    text-align: center;

}

#owl-logos .item img{

  width:100%;

  max-width:120px;

  height:auto;

  display:block;

  margin:0 auto;

    text-align: center;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

#owl-logos .item:hover img{

  opacity:.4;

}

#owl-logos.owl-theme .owl-controls{

  top:auto;

  bottom:-10px;

  left:0;

  width:100%;

  margin:0 auto;

}



/* #Services

================================================== */

.services-box {margin-bottom: 20px;}

.services-item{

  position:relative;

  width:100%;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding:40px;

  -moz-box-shadow:    inset 0 0 2px rgba(0,0,0,.2);

  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.2);

  box-shadow:         inset 0 0 2px rgba(0,0,0,.2);

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.services-item h6{

  text-align:center;

  padding-top:20px;

}

.services-item h6 a {

  color: #323232;

  -webkit-transition: all 300ms linear;

  -moz-transition: all 300ms linear;

  -o-transition: all 300ms linear;

  -ms-transition: all 300ms linear;

  transition: all 300ms linear;

}

.services-item p{

  text-align:center;

}



.services-item .icon-services{

  position:relative;

  margin:0 auto;

  text-align:center;

  width:100%;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.icon-services .glyph-icon:before {    

    font-size: 60px;

    margin-left: 0;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.services-item:hover .glyph-icon:before{color: #212121;}





/* #Pricing

================================================== */



.pricing-item{

  position:relative;

  width:100%;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding:40px;

  margin:0 auto;

  text-align:center;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

    -webkit-transform: scale(0.95);

    -moz-transform: scale(0.95);

    -ms-transform: scale(0.95);

    -o-transform: scale(0.95);

    transform: scale(0.95);

}

.pricing-item:hover{

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

.pricing-item.popular{

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

.pricing-item h6{

  text-align:center;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.pricing-item p{

  text-align:center;

  padding-top:3px;

  padding-bottom:3px;

    text-transform: uppercase;

  letter-spacing:2px;

  font-size: 12px;

  color:#626262;

}

.pricing-item p strong{

  font-weight:800;

}

.pricing-item .number-price{

  position:relative;

  width:100%;

  font-family: 'Open Sans', sans-serif;

  font-weight:100;

  font-size: 54px;

  line-height:54px;

  color:#323232;

  text-align:center;

  padding-bottom:17px;

}

.pricing-item .number-price span{

  font-family: 'FontAwesome';

  font-size: 22px;

  line-height:62px;

  vertical-align:super;

  font-weight:400;

  padding-right:8px;

}

.pricing-item .number-price span:last-child{

  font-family: 'Open Sans', sans-serif;

  font-size: 16px;

  line-height:54px;

  vertical-align:-1%;

  font-weight:600;

  padding-right:0;

  padding-left:5px;

}

.pricing-item a.price-link{

  position:relative;

  font-family: 'Open Sans', sans-serif;

  text-align:center;

  padding-top:7px;

  padding-bottom:7px;

  width:130px;

  margin:0 auto;

  margin-top:22px;

    text-transform: uppercase;

  letter-spacing:2px;

  display:block;

  background:#111111;

  border-radius:3px;

  font-size: 12px;

  color:#fff;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.pricing-item a.price-link:hover{

  color:#fff;

}





 

/* #Blog

================================================== */



.blog-item{

  position:relative;

  width:100%;

  z-index:2;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding:30px;

  background:rgba(255,255,255,.85);

  border:5px solid transparent;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.blog-item:hover{

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

  border-color:rgba(10,10,10,.2);

}



.blog-item h6{

  text-align:left;

}

.blog-item p{

  text-align:left;

  color:#828282;

}



.blog-item .blog-item-top-text{

  position:relative;

  width:100%;

  text-align:left;

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

  font-size: 11px;

  line-height:25px;

    text-transform: uppercase;

  letter-spacing:1px;

  padding-bottom:10px;

}

.blog-item .blog-item-top-text span{

  font-weight:800;

  color:#212121;

}



.blog-item .read-more{

  position:relative;

  width:100%;

  text-align:left;

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

  font-size: 13px;

  line-height:25px;

  letter-spacing:1px;

  padding-top:30px;

  color:#707070;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.blog-item .read-more span{

  font-family: 'FontAwesome';

  padding-left:5px;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.blog-item:hover .read-more span{

  padding-left:10px;

}

.blog-item .read-more.articles-text-center{

  text-align:center;

  padding-top:0;

}
.sticky p {
  background: #111;
  padding: 20px;
}
.sticky a.animsition-link .link-to-post {
  background: none repeat scroll 0 0 #1a1a1a;
  display: block;
  padding: 5px 0;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  margin-top: 15px;
}
.sticky a.animsition-link:hover .link-to-post {background: #0096a7;}

a{color: #fff;}

/* #Blog Page
================================================== */



.parallax-blog {

  background: url('images/parallax/blog.jpg') repeat fixed;

  background-size: cover;

  position: absolute;

  top: 0; 

  left: 0; 

  right: 0;

  bottom: 0;

  z-index: -1;

  width:100%;  

}

@media only screen and (min-width: 1930px) { .parallax-blog { background-size: cover; } }

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

  .parallax-blog { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}

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

  .parallax-blog { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}





.blog-box-wrapper {

  position: relative; 

    width: 100%;

}

.blog-box-wrapper:after {

  content: '';

  display: block;

  clear: both;

}



.blog-box-4 {

  position: relative; 

  float:left;

    width: 33.3333333%;

  display:inline-block;

  overflow:hidden;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.blog-box-4 img {

    width: 100%;

  height:auto;

  display:block;

}

.blog-box-4 .mask-blog-white{

  position: absolute;

  top:0;

  left:0; 

  width: 100%;

  height:100%;

  z-index:5;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background:rgba(255,255,255,.9);

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

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

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

  transition : all 0.2s ease-out;

}

.blog-box-4:hover .mask-blog-white{

  background:rgba(255,255,255,.4);

}

.blog-box-4 .mask-blog-white::before{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0px solid transparent;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  content: '';

  -webkit-transition: border-width 0.4s, border-color 0.4s;

  -moz-transition: border-width 0.4s, border-color 0.4s;

  -ms-transition: border-width 0.4s, border-color 0.4s;

  -o-transition: border-width 0.4s, border-color 0.4s;

  transition: border-width 0.4s, border-color 0.4s;

}

.blog-box-4:hover .mask-blog-white::before{

  border-width: 10px;

  border-color: rgba(0,0,0,.2);

}







.blog-box-4 .mask-blog-grey{

  position: absolute;

  top:0;

  left:0; 

  width: 100%;

  height:100%;

  z-index:5;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background:rgba(235,235,235,.9);

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

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

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

  transition : all 0.2s ease-out;

}

.blog-box-4:hover .mask-blog-grey{

  background:rgba(235,235,235,.4);

}

.blog-box-4 .mask-blog-grey::before{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border: 0px solid transparent;

  content: '';

  -webkit-transition: border-width 0.4s, border-color 0.4s;

  -moz-transition: border-width 0.4s, border-color 0.4s;

  -ms-transition: border-width 0.4s, border-color 0.4s;

  -o-transition: border-width 0.4s, border-color 0.4s;

  transition: border-width 0.4s, border-color 0.4s;

}

.blog-box-4:hover .mask-blog-grey::before{

  border-width: 10px;

  border-color: rgba(0,0,0,.2);

}





.blog-box-4 .link{

  position: absolute;

  z-index:10;

  bottom: 40px;

  left: 40px;

  font-family: 'FontAwesome';

  font-size:16px;

  line-height:24px;

  color:#212121;

  text-align:left;

  -webkit-transition: color .3s, font-size .3s;

  -moz-transition: color .3s, font-size .3s;

  transition: color .3s, font-size .3s;

}

.blog-box-4:hover .link{

  font-size:20px;

}



.blog-box-4 .post-date{

  position: absolute;

  z-index:10;

  top: 40px;

  left: 40px;

  font-family: 'Open Sans', sans-serif;

  text-transform:uppercase;

  letter-spacing:2px;

  font-size:13px;

  font-weight:600;

  line-height:24px;

  text-align:left;

}

.blog-box-4 h6{

  position: absolute;

  z-index:10;

  top: 75px;

  left: 40px;

  text-align:left;

}



/* #Blog Posts

================================================== */

.single{

  text-align: left;

}

.padding-posts {

  padding-bottom:130px;

  padding-top:190px;

}

.post-top-text{

  position: relative; 

    width: 100%;

  padding-bottom:60px;

}

.post-top-text h4{

  text-align:left;

  line-height: 42px;

  padding-bottom:5px;

}

.post-top-text{

  text-align: left;

}

.post-top-text p{

  text-align:left;

  padding-bottom: 20px;

}

.post-top-text p:last-child{

  padding-bottom: 0;

}

.post-top-text .sub-line{

  float:left;

  display:block;

}

.post-top-text .sub-text{

  display:block;

  padding-top:45px;

  font-family: 'Open Sans', sans-serif;

  text-transform:uppercase;

  letter-spacing:2px;

  text-align:left;

  font-weight:600;

  font-size: 12px;

  line-height:24px;

  color:#606060;

}

.post-top-text .sub-text span{

  font-weight:800;

}



.post-bottom-text{

  position: relative; 

    width: 100%;

  margin-top:60px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.post-bottom-text.left-align-text{

  padding-left:40px;

  border-left:5px solid #ccc;

}

.post-bottom-text p{

  text-align:left;

}



.post-link-wrap{

  position: relative; 

    width: 100%;

  padding:40px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background:#111111;

  color:#fff;

  font-size: 18px; 

  line-height: 26px;

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

  text-align:left;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.post-link-wrap:hover{

  background:#fff;

  color: #414141;

}

.audio-player{

  background-color:#131313;

  width:100%; 

  display:block;

  padding-top:50px;

  padding-bottom:45px;

}

audio{

  width:100%; 

  display:block;

}

.post-quote-wrap{

  position: relative; 

    width: 100%;

  padding:40px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background:#111111;

  color:#fff;

  font-size: 18px; 

  line-height: 34px;

  font-style: italic;

  letter-spacing:2px;

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

  text-align:left;

}

.post-quote-wrap:before{

  content:'"';

  padding-right:5px;

  font-size: 28px;

  font-family: 'Courgette', cursive;

}

.post-quote-wrap:after{

  content:'"';

  padding-left:5px;

  font-size: 28px;

  font-family: 'Courgette', cursive;

}



/*Comments*/



.post-content-com-top{ 

  position:relative;

  width:100%;

  padding:30px;

  padding-left: 0;

  margin-bottom:20px;

}

.post-content-com-top p{ 

  text-align:left;  

  font-size: 12px;

  letter-spacing:2px;

  text-transform:uppercase;

  line-height:15px;

  font-weight:400;

  color:#212121;

}





.post-content-comment{ 

  position:relative;

  padding:30px;

  margin-bottom:20px;

  background: #fff;

}

.post-content-comment:after {

  content: '';

  display: block;

  clear: both;

}

.post-content-comment img{ 

  width:80px;

  height:80px;

  display:block;

  float:left;

  margin-right:30px;

  margin-bottom:20px;

}

.post-content-comment h6{ 

  padding-bottom:20px;

  text-align:left;

}

.post-content-comment p{ 

  padding-bottom:20px;

  text-align:left;

}

.post-content-comment .reply a{ 

  position:relative;

  display:block;

  float:right;

  text-align:right; 

  font-size: 11px;

  letter-spacing:2px;

  text-transform:uppercase;

  line-height:15px;

  font-weight:400;

  color:#212121;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.children{ 

  margin-left:30px;

  width:calc(100% - 30px);

}





.leave-reply{ 

  position:relative;

  width:100%;

  overflow:hidden;

}

.leave-reply:after {

  content: '';

  display: block;

  clear: both;

}

.leave-reply h6, .leave-reply h3.comment-reply-title{ 

  padding-bottom:20px;

  text-align:left;

  font-size: 16px;

  font-weight: 700px;

  line-height: 20px;

}

.leave-reply p{ 

  padding-bottom:20px;

  text-align:left;

  font-size: 10px;

  letter-spacing:1px;

  text-transform:uppercase;

  line-height:15px;

  font-weight:400;

}

.leave-reply input[type=text]{

  width:100%;

  margin-top:5px;

  font-family: 'Open Sans', sans-serif;

  float:left;

  display:inline-block;

  padding-left:20px;

  padding-right:20px;

  font-weight:400;

  letter-spacing:1px;

  margin-top:5px;

  font-size: 14px;

  line-height:22px;

  padding-top: 15px;

  padding-bottom: 15px;

  background:#fff;

  border:none;

  color: #212121;

  -webkit-transition: background 0.3s, color 0.3s;

  transition: background 0.3s, color 0.3s;

}

.leave-reply textarea{

  height:120px;

  font-family: 'Open Sans', sans-serif;

  width:100%;

  padding-left:20px;

  padding-right:20px;

  font-weight:400;

  letter-spacing:1px;

  margin-top:5px;

  font-size: 14px;

  line-height:22px;

  padding-top: 15px;

  padding-bottom: 15px;

  background:#fff;

  border:none;

  color: #212121;

  -webkit-transition: background 0.3s, color 0.3s;

  transition: background 0.3s, color 0.3s;

}

.leave-reply textarea:active,

.leave-reply input:active { 

  outline: none;

}

.leave-reply textarea:hover,

.leave-reply input:hover {  

  color: #737373;

  outline: none;

}

.leave-reply textarea:focus,

.leave-reply input:focus {

  outline: none;

}

.leave-reply textarea:-ms-input-placeholder,

.leave-reply input:-ms-input-placeholder  {

  font-size: 12px;

  text-transform:uppercase;

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

  -webkit-transition:  color 0.3s;

  transition:  color 0.3s;

}

.leave-reply textarea::-moz-placeholder,

.leave-reply input::-moz-placeholder  {

  font-size: 12px;

  text-transform:uppercase;

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

  -webkit-transition:  color 0.3s;

  transition:  color 0.3s;

}

.leave-reply textarea:-moz-placeholder,

.leave-reply input:-moz-placeholder  {

  font-size: 12px;

  text-transform:uppercase;

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

  -webkit-transition:  color 0.3s;

  transition:  color 0.3s;

}

.leave-reply textarea::-webkit-input-placeholder,

.leave-reply input::-webkit-input-placeholder  {

  font-size: 12px;

  text-transform:uppercase;

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

  -webkit-transition:  color 0.3s;

  transition:  color 0.3s;

}

.leave-reply textarea:active:-ms-input-placeholder,

.leave-reply input:active:-ms-input-placeholder  {

  color: #fff;

}

.leave-reply textarea:active::-moz-placeholder,

.leave-reply input:active::-moz-placeholder  {

  color: #fff;

}

.leave-reply textarea:active:-moz-placeholder,

.leave-reply input:active:-moz-placeholder  {

  color: #fff;

}

.leave-reply textarea:active::-webkit-input-placeholder,

.leave-reply input:active::-webkit-input-placeholder  {

  color: #fff;

}

.leave-reply textarea:focus:-ms-input-placeholder,

.leave-reply input:focus:-ms-input-placeholder  {

  color: #fff;

}

.leave-reply textarea:focus::-moz-placeholder,

.leave-reply input:focus::-moz-placeholder  {

  color: #fff;

}

.leave-reply textarea:focus:-moz-placeholder,

.leave-reply input:focus:-moz-placeholder  {

  color: #fff;

}

.leave-reply textarea:focus::-webkit-input-placeholder,

.leave-reply input:focus::-webkit-input-placeholder  {

  color: #fff;

}

.leave-reply .form-submit{padding-bottom: 0;}

.leave-reply input[type=submit] {

  position:relative;

  width:100%;

  height:50px;

  font-weight:400;

  letter-spacing:1px;

  text-transform:uppercase;

  margin-top:5px;

  display: block;

  padding:0;

  font-weight: bold;

  font-size: 13px;

  line-height:50px;

  border:none;

  -webkit-transition: background 0.3s, color 0.3s;

  transition: background 0.3s, color 0.3s;

}

.leave-reply input[type=submit]:hover {

  color:#fff;

}

.leave-reply input[type=submit]:focus,

.leave-reply input[type=submit]:active {

  border:none;

  outline:none;

}

.leave-reply input[type=submit]:active {

  opacity:.7;

}





/*Sidebar*/



.post-sidebar{ 

  position:relative;

}



.post-sidebar input{

  width:100%;

  padding-left:20px;

  padding-right:20px;

  margin-top:0;

  display:inline-block;

  font-weight:400;

  letter-spacing:1px;

  font-size: 16px;

  line-height:20px;

  padding-top: 15px;

  padding-bottom: 15px;

  background:#f1f1f1;

  border:none;

  color: #212121;

  -webkit-transition: background 0.3s, color 0.3s;

  transition: background 0.3s, color 0.3s;
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box

}
.wpcf7-response-output{
  width:100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}
.post-sidebar input:active {  

  outline: none;

}

.post-sidebar input:hover { 

  outline: none;

}

.post-sidebar input:focus {

  outline: none;

}



.post-sidebar input:-ms-input-placeholder  {

  font-size: 10px;

  text-transform:uppercase;

  -webkit-transition:  color 0.3s;

  transition:  color 0.3s;

  color:rgba(0,0,0,.7);

}

.post-sidebar input::-moz-placeholder  {

  font-size: 10px;

  text-transform:uppercase;

  -webkit-transition:  color 0.3s;

  transition:  color 0.3s;

  color:rgba(0,0,0,.7);

}

.post-sidebar input:-moz-placeholder  {

  font-size: 10px;

  text-transform:uppercase;

  -webkit-transition:  color 0.3s;

  transition:  color 0.3s;

  color:rgba(0,0,0,.7);

}

.post-sidebar input::-webkit-input-placeholder  {

  font-size: 10px;

  text-transform:uppercase;

  -webkit-transition:  color 0.3s;

  transition:  color 0.3s;

  color:rgba(0,0,0,.7);

}

.post-sidebar input:active:-ms-input-placeholder  {

  color: #fff;

}

.post-sidebar input:active::-moz-placeholder  {

  color: #fff;

}

.post-sidebar input:active:-moz-placeholder  {

  color: #fff;

}

.post-sidebar input:active::-webkit-input-placeholder  {

  color: #fff;

}

.post-sidebar input:focus:-ms-input-placeholder  {

  color: #fff;

}

.post-sidebar input:focus::-moz-placeholder  {

  color: #fff;

}

.post-sidebar input:focus:-moz-placeholder  {

  color: #fff;

}

.post-sidebar input:focus::-webkit-input-placeholder  {

  color: #fff;

}

.post-sidebar h6{ 

  text-align:left;

  padding-bottom:20px;

  padding-top: 50px;

}

.post-sidebar .widget:first-child h6{

  padding-top: 0;

}



.widget ul{ 

  position:relative;

  width:100%;

  overflow:hidden;

  text-align:left;

}

.widget ul li{ 

  display:block;

  padding:0;

  margin:0;

  border-top:1px solid rgba(0,0,0,.1);

  font-size: 11px;

}

.widget a{

  position:relative;

  display:inline-block;

  cursor:pointer;

  font-size: 11px;

  line-height:21px;

  text-align:left;

  text-transform:uppercase;

  padding-top:10px;

  padding-bottom:10px;

  letter-spacing:1px;

  color:#212121;

  font-weight:400;

  -webkit-transition: padding-left 0.3s, color 0.3s;

  transition: padding-left 0.3s, color 0.3s;

}

.widget ul li:last-child{

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

}
.tagcloud ul li {border-top:0px solid #fafafa;}
.tagcloud ul li:last-child {border-bottom:0px solid #fafafa;}
.widget_archive a:hover, .widget_categories a:hover, .widget_pages a:hover {
  padding-left:10px;
}
.widget_rss ul li a.rsswidget {display: block;}
.widget_rss ul li .rss-date {font-weight: bold;display: block;margin-top: 10px;font-style: italic;}
.widget_rss ul li .rssSummary {line-height: 22px;}
.widget_rss ul li cite {display: block;margin-bottom: 10px;margin-top: 10px;}

.tagcloud ul{ 

  position:relative;

  width:100%;

  overflow:hidden;

  text-align:left;

}

.tagcloud ul li{ 

  display: inline-block;

}

.tagcloud li a {

  position: relative;

  display: inline-block;

  cursor:pointer;

  outline: none;

  text-decoration: none;

  white-space: nowrap;

  font-size: 11px!important;

  line-height:16px;

  text-align:left;

  padding:3px 12px;

  margin-right:5px;

  margin-bottom:5px;

  border:1px solid rgba(0,0,0,.2);

  text-transform:uppercase;

  letter-spacing:1px;

  color:#212121;

  font-weight:400;

  -webkit-transition: background 0.3s, color 0.3s;

  transition: background 0.3s, color 0.3s;

}

.tagcloud a:hover {

  padding-left: 12px;

}
.widget_meta abbr {
    border-bottom: 1px dotted #999999;
    cursor: help;
}


.recentcomments{

  line-height: 40px;

}
.widget_recent_entries ul li{
    position: relative; 
    width: 100%;
    padding: 8px 0;
    background:rgba(220,220,220,.4);
    text-align:center;
    line-height:20px;
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:5px;
    cursor:pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    border-top: 0px solid transparent;
}
.widget_recent_entries ul li:last-child{
    margin-bottom:0;
    border-bottom: 0px solid transparent;
}
.widget_recent_entries ul li a{
    display: inline-block;
    color:#827b7d;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    padding-bottom: 0px;
    padding-top: 0px;
}
.widget_recent_entries ul li span{
    font-family: 'Lato', sans-serif;
    font-weight:700;
    display: block;
    font-size: 11px;
    color: #404040;
}

.widget_recent_entries ul li:hover a{
    color:#000;
}
.widget_recent_entries ul li:hover{
    background:rgba(220,220,220,.7);
}
.widget_recent_entries ul li a:hover {padding-left: 0px;}

iframe {
  max-width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/*  CALENDAR STYLES WIDGET
/*-----------------------------------------------------------------------------------*/
.widget_calendar {float: none;}
#wp-calendar {width: 100%; }
#wp-calendar caption { 
    background: none repeat scroll 0 0 #E9E9E9;
    color: #333333;
    font-size: 16px;
    padding: 10px 0;
    text-align: center; 
}
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th {
    border: 1px solid #E9E9E9;
    font-size: 13px;
    padding: 8px 0;
    text-align: center;
    vertical-align: middle;
}
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #E9E9E9; text-align: center; padding:8px;}
#wp-calendar tbody td#today {background: #cbab82;color: #fff;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot {border: 1px solid #E9E9E9;}
#wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; color: #cbab82;}
#wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px; color: #cbab82;}

.widget select {max-width: 100%;padding: 5px;border: 1px solid #ccc; width: 100%;}
.widget_text .textwidget img{max-width: 100%;height: auto;}
.widget_text select, .widget_text input , .widget_text textarea  {max-width: 100%;padding: 5px;border: 1px solid #ccc; width: 100%;}
.widget_text option {max-width: 100%;}
.blog-post ul{padding-left: 20px;list-style: disc outside none !important;margin-bottom: 15px;}
.blog-post ul ul {list-style: circle outside none !important;}
.blog-post ul ul ul{list-style: square outside none !important;}
.blog-post ul li ul  {
    margin-bottom: 0;    
}

.widget_nav_menu .sub-menu {  
  padding-left: 20px;
}
.widget_nav_menu .sub-menu li:last-child {
  border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}

.lat-pro{ 

  position:relative;

  width:100%;

}

.lat-pro:after {

  content: '';

  display: block;

  clear: both;

}

.lat-pro-img{

  position:relative; 

  width:50%;

  float:left;

  display:inline-block;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.lat-pro-img img{ 

  width:100%;

  display:block;

  height:auto;

}

.lat-pro-img:hover{ 

  opacity:0.3;

}

.separator-sidebar{ 

  position:relative;

  width:100%;

  padding-top:50px;

}

.blog-big-wrapper{ 

  position:relative;

  width:100%;

  padding:30px;

  margin-bottom:20px;

  background: #fff;

  box-sizing: border-box;

}

.blog-big-wrapper img{ 

  width:100%;

  height:auto;

  display:block;

  padding-bottom:30px;

}

.blog-big-wrapper iframe{ 

  padding-bottom:30px;

}

.blog-big-wrapper h5{ 

  text-align:left;

  padding-bottom:20px;

}

.blog-big-wrapper a h5{ 

  color: #414141;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.blog-big-wrapper a:hover h5{ 

}

.blog-big-wrapper p{ 

  text-align:left;

  margin-bottom:20px;

  font-size: 14px;

}

.blog-big-wrapper p:last-child{

  margin-bottom: 0;

}

.blog-big-wrapper .link-to-post{ 

  text-align:left;

  display:block;

  font-weight:700;

  font-size: 14px;

  line-height:22px;

  text-transform: uppercase;

  letter-spacing:2px;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.blog-big-wrapper .link-to-post:hover{ 

  color:#212121;

}

.blog-big-wrapper .link-to-post span{ 

  font-family: 'FontAwesome';

  padding-left:10px;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.blog-big-wrapper .link-to-post:hover span{ 

  color:#212121;

  padding-left:15px;

}





.blog-big-wrapper .big-post-date{ 

  padding-bottom: 12px;

  color:#212121;

}

.blog-big-wrapper .big-post-date span{ 

  font-family: 'FontAwesome';

  padding-right:5px;

}





.blog-big-wrapper .bottom-autor-text{ 

  text-align:left;

  display:block;

  font-weight:400;

  font-size: 16px;

  line-height:22px;

  letter-spacing:3px;

  color:#212121;

  padding-top:30px;

  font-family: 'Playball', cursive;

}

.blog-big-wrapper .bottom-autor-text span{ 

  font-family: 'FontAwesome';

}





#owl-blog-big-slider{

}

#owl-blog-big-slider .item{

  position:relative;

  width:100%;

}

#owl-blog-big-slider .item img{

  width:100%;

  height:auto;

  display:block;

}



#owl-blog-big-slider.owl-theme .owl-controls{

  top:50px;

}

#owl-blog-big-slider.owl-theme .owl-controls .owl-page span{

  width: 8px;

  height: 8px;

}



.audio-player{

  background-color:#131313;

  width:100%; 

  display:block;

  padding-top:50px;

  padding-bottom:45px;

  margin-bottom:30px;

}

audio{

  width:100%; 

}



.blog-big-wrapper.link-big-post h5{ 

  padding-bottom:0;

}

.blog-big-wrapper.link-big-post h5 span{ 

  font-family: 'FontAwesome';

  padding-right:10px;

}



.blog-big-wrapper.quote-big-post h5{ 

  margin-bottom:20px;

  padding-bottom:0;

  padding-left:30px;

  border-left:5px solid #212121;

}

.blog-big-wrapper.quote-big-post p{ 

  padding-bottom:0;

}

.blog-big-wrapper pre{  

  text-align:left;

  padding:20px;

  background:#212121;

  margin-top:5px;

  font-size: 13px;

  line-height:24px;

  letter-spacing:2px;

  font-weight:400;

  color:#fff;
  overflow: auto;

}



.post-tags-categ{ 

  position:relative;

  width:100%;

  padding:30px;

  margin-bottom:20px;

}

.post-tags-categ p{ 

  text-align:left;

  font-size:12px;

  font-weight:400;

  color:#212121;

  letter-spacing:1px;

  text-transform:uppercase;

}

.post-tags-categ p span{ 

  padding-left:10px;

  padding-right:10px;

}

.post-tags-categ p a{ 

  color:#646464;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}







/* #Contact

================================================== */





#ajax-form {

  width: 100%;

  font-family: 'Open Sans', sans-serif;

  font-size: 10px;

  line-height:14px;

  color:#101010;

  margin:0 auto;

}

#ajax-form label {

  display: block;

  font-family: 'Open Sans', sans-serif;

  font-size: 14px;

  line-height:30px;

}

#ajax-form input{

  width:calc(100% - 40px);

  padding-left:20px;

  padding-right:20px;

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

  letter-spacing:1px;

  font-size: 13px;

  line-height:24px;

  padding-bottom: 15px;

  background:transparent;

  border:none;

  color: #737373;

  -webkit-transition: border-bottom 0.3s, color 0.3s;

  transition: border-bottom 0.3s, color 0.3s;

}

#ajax-form textarea {

  width:calc(100% - 40px);

  padding-left:20px;

  padding-right:20px;

  font-family: 'Open Sans', sans-serif;

  font-weight:600;

  letter-spacing:1px;

  font-size: 13px;

  line-height:24px;

  padding-bottom: 15px;

  background:transparent;

  height:100px;

  border:none;

  color: #737373;

  -webkit-transition: border-bottom 0.3s, color 0.3s;

  transition: border-bottom 0.3s, color 0.3s;

}

#ajax-form textarea,

#ajax-form input {  

  border-bottom:1px solid rgba(100,100,100,.2);

}

.error {

  font: 11px/22px 'Open Sans', sans-serif;

  text-transform:uppercase;

  letter-spacing:1px;

  display: none;

  color:#636363;

}

#ajaxsuccess {

  background: #f2f2f2;

  color:#101010;

  font: 20px/60px 'Open Sans', sans-serif;

  height:60px;

  display: none;

  padding-left:10px;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

  margin-top: 30px;

}

.text-align-center{

  text-align:center;

  padding-top:10px;

 }

#ajax-form textarea:active,

#ajax-form input:active { 

  color: #101010;

}

#ajax-form textarea:active,

#ajax-form input:hover {  

  color: #101010;

}

#ajax-form textarea:focus,

#ajax-form input:focus {   

    outline: none !important;

}

#ajax-form input:-ms-input-placeholder  {

  font-size: 12px;

  text-transform:uppercase;

  letter-spacing:2px;

}

#ajax-form input::-moz-placeholder  {

  font-size: 12px;

  text-transform:uppercase;

  letter-spacing:2px;

}

#ajax-form input:-moz-placeholder  {

  font-size: 12px;

  text-transform:uppercase;

  letter-spacing:2px;

}

#ajax-form input::-webkit-input-placeholder  {

  font-size: 12px;

  text-transform:uppercase;

  letter-spacing:2px;

}

#ajax-form textarea:-ms-input-placeholder  {

  font-size: 12px;

  text-transform:uppercase;

  letter-spacing:2px;

}

#ajax-form textarea::-moz-placeholder  {

  font-size: 12px;

  text-transform:uppercase;

  letter-spacing:2px;

}

#ajax-form textarea:-moz-placeholder  {

  font-size: 12px;

  text-transform:uppercase;

  letter-spacing:2px;

}

#ajax-form textarea::-webkit-input-placeholder  {

  font-size: 12px;

  text-transform:uppercase;

  letter-spacing:2px;

}

#ajax-form button {

  position:relative;

  width:160px;

  height:40px;

  font-family: 'Open Sans', sans-serif;

  font-weight:400;

  letter-spacing:1px;

  text-transform:uppercase;

  text-align:center;

  border-radius:3px;

  margin:0 auto;

  display: block;

  padding:0;

  font-size: 13px;

  line-height:40px;

  background:#efefef;

  border:none;

  -webkit-transition: background 0.3s, color 0.3s;

  transition: background 0.3s, color 0.3s;

}

#ajax-form button:hover {

  color:#fff;

  background:#212121;

}

#ajax-form button:focus,

#ajax-form button:active {

  border:none;

  outline:none;

}

#ajax-form input:-ms-input-placeholder  {

  color: #828282;

}

#ajax-form input::-moz-placeholder  {

  color: #828282;

}

#ajax-form input:-moz-placeholder  {

  color: #828282;

}

#ajax-form input::-webkit-input-placeholder  {

  color: #828282;

}

#ajax-form textarea:-ms-input-placeholder  {

  color: #828282;

}

#ajax-form textarea::-moz-placeholder  {

  color: #828282;

}

#ajax-form textarea:-moz-placeholder  {

  color: #828282;

}

#ajax-form textarea::-webkit-input-placeholder  {

  color: #828282;

}





.contact-det {

  position: relative;

  width: 100%;

}

.contact-det h6{

  text-align:center;

}

.contact-det h6 i {

font-family: 'FontAwesome';

font-size: 20px;

line-height: 20px;

text-align: center;

z-index: 6;

padding-right: 10px;

}

.contact-det p{

  text-align:center;

  font-weight:600;

  font-size: 15px;

  letter-spacing:3px;

}

.contact-det p a{color: #828282;}

#google-container {

  position: relative;

  width: 100%;

  height: 500px;

}

#cd-google-map {

  position: relative;

}

#cd-google-map address {

  position: absolute;

  width: 100%;

  bottom: 0;

  left: 0;

  padding-top:35px;

  padding-bottom:35px;

  background-color: rgba(255, 255, 255, 0.6);

  font-family: 'Open Sans', sans-serif;

    text-transform: uppercase;

  letter-spacing:2px;

  font-weight:600;

  font-size: 12px;

  line-height:12px;

  text-align: center;
  margin: 0px 0px 0px 0px;  
}



#cd-zoom-in, #cd-zoom-out {

  height: 32px;

  width: 32px;

  cursor: pointer;

  margin-left: 10px;

  background-repeat: no-repeat;

  background-size: 32px 64px;

  opacity:.7;

  background-image: url("images/cd-icon-controller.svg");

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {

  opacity:1;

}

@media only screen and (min-width: 768px) {

  #cd-zoom-in, #cd-zoom-out {

    margin-left: 50px;

  }

}

#cd-zoom-in {

  background-position: 50% 0;

  margin-top: 10px;

  margin-bottom: 1px;

}

@media only screen and (min-width: 768px) {

  #cd-zoom-in {

    margin-top: 50px;

  }

}

#cd-zoom-out {

  background-position: 50% -32px;

}



/* #Footer

================================================== */



.arrow-up{

  position:absolute;

  width:36px;

  height:36px;

  font-family: 'FontAwesome';

  color:#fff;

  line-height:33px;

  text-align:center;

  font-size:16px;

  background: #212121;

  cursor:pointer;

  top:-18px;

  left:50%;

  margin-left:-18px;

  z-index:10;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.arrow-up:hover{

  background: #efefef;

  color: #212121;

}





.footer-wrap{ 

  position:relative;

  width:100%;

  margin:0 auto;

  z-index:2;

  padding-top:50px;

  padding-bottom:50px;

  background:#fff;

}

.footer-social{ 

  position:relative;

  width:100%;

  margin:0 auto;

  text-align:center;

}

.footer-social a {

  position: relative;

  display: inline-block;

  outline: none;

  margin-left:7px;

  margin-right:7px;

  text-decoration: none;

  white-space: nowrap;

  font-family: 'Open Sans', sans-serif;

  font-size: 10px;

  line-height:10px;

  text-align:center;

  text-transform:uppercase;

  letter-spacing:2px;

  font-weight:600;

  color:#212121;

}

.footer-social a::before,

.footer-social a::after {

  pointer-events: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased;

}

.footer-social a {

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

  -webkit-perspective: 1000px;

  perspective: 1000px;

}

.footer-social a:hover {

}

.footer-social a::before,

.footer-social a::after {

  position: absolute;

  top: 0;

  left: 0;

  content: attr(data-dummy);

  opacity: 0;

  -webkit-transition: -webkit-transform 0.4s, opacity 0.3s, color 0.3s;

  transition: transform 0.4s, opacity 0.3s, color 0.3s;

  pointer-events: none;

}

.footer-social a::before {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

  -webkit-transform: translateY(-300%) translateZ(300px) rotateX(30deg) rotateZ(-10deg);

  transform: translateY(-300%) translateZ(300px) rotateX(30deg) rotateZ(-10deg);

}

.footer-social a::after {

  -webkit-transform: translateY(-300%) translateZ(300px) rotateX(-30deg) rotateZ(10deg);

  transform: translateY(-300%) translateZ(300px) rotateX(-30deg) rotateZ(10deg);

}

.footer-social a:hover::before,

.footer-social a:hover::after {

  color: transparent;

  opacity: 1;

  -webkit-transform: translateY(0) translateZ(0) rotateX(0) rotateZ(0);

  transform: translateY(0) translateZ(0) rotateX(0) rotateZ(0);

}

.footer-social a:hover::before {

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

}

.footer-social a:hover::after {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

}









.footer-credit{ 

  position:relative;

  width:100%;

  margin:0 auto;

  text-align:center;

}

.footer-credit p{ 

  font-family: 'Open Sans', sans-serif;

  font-size:10px;

  line-height:16px;

  text-align:center;

  text-transform:uppercase;

  letter-spacing:2px;

  font-weight:400;

  color:#212121;

}

.footer-credit a {

  position: relative;

  display: inline-block;

  text-decoration: none;

  white-space: nowrap;

  font-family: 'Open Sans', sans-serif;

  font-size:10px;

  line-height:16px;

  text-align:center;

  text-transform:uppercase;

  letter-spacing:2px;

  font-weight:600;

  color:#212121;

}

.footer-credit a::before,

.footer-credit a::after {

  pointer-events: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased;

}

.footer-credit a {

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

  -webkit-perspective: 1000px;

  perspective: 1000px;

}

.footer-credit a:hover {

}

.footer-credit a::before,

.footer-credit a::after {

  position: absolute;

  top: 0;

  left: 0;

  content: attr(data-dummy);

  opacity: 0;

  -webkit-transition: -webkit-transform 0.4s, opacity 0.3s, color 0.3s;

  transition: transform 0.4s, opacity 0.3s, color 0.3s;

  pointer-events: none;

}

.footer-credit a::before {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

  -webkit-transform: translateY(-300%) translateZ(300px) rotateX(30deg) rotateZ(-10deg);

  transform: translateY(-300%) translateZ(300px) rotateX(30deg) rotateZ(-10deg);

}

.footer-credit a::after {

  -webkit-transform: translateY(-300%) translateZ(300px) rotateX(-30deg) rotateZ(10deg);

  transform: translateY(-300%) translateZ(300px) rotateX(-30deg) rotateZ(10deg);

}

.footer-credit a:hover::before,

.footer-credit a:hover::after {

  color: transparent;

  opacity: 1;

  -webkit-transform: translateY(0) translateZ(0) rotateX(0) rotateZ(0);

  transform: translateY(0) translateZ(0) rotateX(0) rotateZ(0);

}

.footer-credit a:hover::before {

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

}

.footer-credit a:hover::after {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

}

 

 /* #Parallax Sections

================================================== */





.padding-top-bottom-parallax{

  padding-top:140px;

  padding-bottom:140px;

  overflow: hidden;

}



.sep-background-mask{

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:100%;  

  z-index:1;

}



.parallax-home {

  background: url('images/parallax/home.jpg') repeat fixed;

  background-size: cover;

  position: absolute;

  top: 0; 

  left: 0; 

  right: 0;

  bottom: 0;

  z-index: -1;

  width:100%;  

}

@media only screen and (min-width: 1930px) { .parallax-home { background-size: cover; } }

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

  .parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}

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

  .parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}





.parallax-sep-1 {

  background: url('images/parallax/sep-1.jpg') repeat fixed;

  background-size: cover;

  position: absolute;

  top: 0; 

  left: 0; 

  right: 0;

  bottom: 0;

  z-index: 1;

  width:100%;  

}

@media only screen and (min-width: 1930px) { .parallax-sep-1 { background-size: cover; } }

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

  .parallax-sep-1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}

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

  .parallax-sep-1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}





.parallax-sep-2 {

  background: url('images/parallax/sep-2.jpg') repeat fixed;

  background-size: cover;

  position: absolute;

  top: 0; 

  left: 0; 

  right: 0;

  bottom: 0;

  z-index: 1;

  width:100%;  

}

@media only screen and (min-width: 1930px) { .parallax-sep-2 { background-size: cover; } }

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

  .parallax-sep-2 { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}

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

  .parallax-sep-2 { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}



/* #Video Background

================================================== */



.poster_background_home { 

  position: absolute; 

  bottom: 0; 

  left: 0;

  top:0;

  right:0;

  background:url('images/1a.jpg')no-repeat center center;

  background-size:cover;

  width: 100%;

  height: 100%;

  z-index: -2;

  overflow: hidden;

}

video#video_background_home { 

  position: absolute;

  top:50%;

  left:50%;

  min-width: 100%;

  width: auto;

  height: auto;

  z-index: -1;

  overflow: hidden;

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

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

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

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

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

}



.poster_background { 

  position: absolute; 

  bottom: 0; 

  left: 0;

  top:0;

  right:0;

  background:url('images/1b.jpg')no-repeat center center;

  background-size:cover;

  width: 100%;

  height: 100%;

  z-index: -2;

  overflow: hidden;

}

video#video_background { 

  position: absolute;

  top:50%;

  left:51%;

  min-width: 102%;

  width: auto;

  height: auto;

  z-index: -1;

  overflow: hidden;

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

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

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

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

    transform: translateX(-51%) translateY(-50%);

}



 

/* #Media Queries

================================================== */



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

.header-section-text h2{

  font-size: 30px; line-height:30px;

}

.sub-top{

  font-size: 15px;

  line-height:21px;

  padding-bottom:3px;

}

#filter li a {

  font-size: 10px; 

  padding:5px 14px;

  margin-left:2px;

  margin-right:2px;

  letter-spacing:1px;

}

}



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

.boxed-width-menu {

  width:calc(100% - 80px);

}

.logo{

  width:109px;

  height:15px;

  left:10px;

  top:20px;

  background:url('images/logo.png') no-repeat center center;

  background-size:109px 15px;

}

.cbp-af-header.cbp-af-header-shrink .logo{

  width:109px;

  height:15px;

  left:10px;

  top:20px;

  background:url('images/logo.png') no-repeat center center;

  background-size:109px 15px;

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

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

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

  transition : all 0.5s ease-out;

}

.cbp-af-header.cbp-af-header-shrink ul.slimmenu li a {

    border-bottom:none;

}

.cbp-af-header.cbp-af-header-shrink ul.slimmenu li a:hover {

    border-bottom:none;

  background:none;

}

.cbp-af-header.cbp-af-header-shrink ul.slimmenu li {

  background:none;

}

ul.slimmenu li a: {

    border-bottom:none;

}

ul.slimmenu li a:hover {

    border:none;

  background:none;

}

ul.slimmenu li {

  background:none;

}

ul.slimmenu li > ul {

    width: 100%;

  text-align:right;

}

}

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

.home{

  min-height:50px;

}

}

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

.boxed-width {

  width:100%;

}

#filter li a:after {

  display:none;

} 

}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

.cd-intro {

  margin-top:-110px;

}

.cd-intro h1 {

  font-size: 70px; 

  line-height:80px;

  letter-spacing:2px;

}

.small-intro {

  margin-top:100px;

  font-weight:700;

  font-size: 18px;

  line-height:26px;

}

}

@media only screen and (min-width: 960px) and (max-width: 1199px) {

.cd-intro {

  margin-top:-100px;

}

.cd-intro h1 {

  font-size: 65px; 

  line-height:75px;

  letter-spacing:2px;

}

.small-intro {

  margin-top:95px;

  font-weight:700;

  font-size: 17px;

  line-height:25px;

}



.team-wrap .mask-team ul{

  display:none;

}
.team-wrap .mask-team ul.list-social{display: block;}
.portfolio-box-1, .portfolio-box-1.folio-video{

  width:50%;

}

.blog-box-4 {

    width: 50%;

}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

.cd-intro {

  margin-top:-70px;

}

.cd-intro h1 {

  font-size: 45px; 

  line-height:55px;

  letter-spacing:2px;

}

.small-intro {

  margin-top:60px;

  font-weight:700;

  font-size: 16px;

  line-height:24px;

}

.team-wrap .mask-team ul{

  display:none;

}
.team-wrap .mask-team ul.list-social{display: block;}

.portfolio-box-1, .portfolio-box-1.folio-video{

  width:50%;

}

.blog-box-4 {

    width: 50%;

}

}



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

.logged-in.admin-bar #menu-wrap {top: 46px;}  

}



@media only screen and (min-width: 480px) and (max-width: 767px) {

.cd-intro {

  margin-top:-60px;

}

.cd-intro h1 {

  font-size: 25px; 

  line-height:35px;

  letter-spacing:2px;

}

.small-intro {

  margin-top:20px;

  font-weight:700;

  font-size: 14px;

  line-height:18px;

}

.portfolio-box-1, .portfolio-box-1.folio-video{

  width:100%;

}

.portfolio-box-1.box-port-half{

  width:100%;

}

.services-item.services-padding{

  padding-bottom:0;

}

.blog-box-4 {

    width: 50%;

}

}



@media only screen and (min-width: 320px) and (max-width: 479px) {

.cd-intro {

  margin-top:-50px;

}

.cd-intro h1 {

  font-size: 18px; 

  line-height:25px;

  letter-spacing:1px;

}

.small-intro {

  margin-top:20px;

  font-weight:700;

  font-size: 12px;

  line-height:16px;

}

.portfolio-box-1, .portfolio-box-1.folio-video{

  width:100%;

}

.portfolio-box-1.box-port-half{

  width:100%;

}

#projects-grid{

  width:calc(100% - 40px);

}

.portfolio-box-1 .mask-1{

  border:20px solid #fff;

}
.portfolio-box-1.folio-video .mask-1, .no-spaced-portfolio .portfolio-box-1 .mask-1{border: 0px solid #fff;}
.services-item.services-padding{

  padding-bottom:0;

}

.blog-box-4 {

    width: 100%;

}

}



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

.cd-intro {

  margin-top:-50px;

}

.cd-intro h1 {

  font-size: 18px; 

  line-height:25px;

  letter-spacing:1px;

}

.small-intro {

  margin-top:20px;

  font-weight:700;

  font-size: 12px;

  line-height:16px;

}

.team-wrap .mask-team ul{

  display:none;

}
.team-wrap .mask-team ul.list-social{display: block;}

.portfolio-box-1, .portfolio-box-1.folio-video{

  width:100%;

}

.portfolio-box-1.box-port-half{

  width:100%;

}

#projects-grid{

  width:calc(100% - 40px);

}

.portfolio-box-1 .mask-1{

  border:20px solid #fff;

}
.portfolio-box-1.folio-video .mask-1, .no-spaced-portfolio .portfolio-box-1 .mask-1{border: 0px solid #fff;}
.services-item.services-padding{

  padding-bottom:0;

}

.blog-box-4 {

    width: 100%;

}

}



/* #Font-Face

================================================== */



@font-face {

    font-family: 'GarnataRegular';

    src: url('font/GarnataRegular.eot');

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

         url('font/GarnataRegular.woff') format('woff'),

         url('font/GarnataRegular.ttf') format('truetype'),

         url('font/GarnataRegular.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}