@charset "utf-8";

/* ------------ Google Fonts --------------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,700italic,400italic,300italic,300);
@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@300;400;600&display=swap');

/* ------------ Font Icons--------------------*/
@import url(assets/typo/font-awesome/font-awesome.css);
@import url(assets/typo/zsocial/css/fontello.css);

/* --- [ Reset Style] ------*/
html, body, .vs-container {
    position: relative;
    width: 100%;
    height: 100%;
}
html{
    overflow-y: scroll;
    -ms-overflow-style: scrollbar;
}
html, body{
    height: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
.page{overflow: hidden;}
iframe{border: none;}

.show-xs {visibility:hidden;}

a:focus,
a:active{
    -moz-outline: none;
    outline: none;
}
img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto;
}
.lead{
    margin: 1em 0 2em 0;
    line-height: 1.6;
    font-weight: 400;
}
.align-center{ text-align:center !important; }
.align-left{ text-align:left !important;}
.align-right{ text-align:right !important; }
.float-left{float:left !important;}
.float-right{float:right !important;}
.float-none {float: none !important;}
.relative{position:relative;}
.hidden{display:none;}
.overflow-h {overflow: hidden !important;}
.overflow-v {overflow: visible !important;}
.overflow-i {overflow: inherit !important;}
.width-full {width: 100% !important;}
.full-wrapper {
    margin: 0 2%;
    z-index: 9999999;
}
.container-wrapper {
    width: 1200px;
    margin: 0 auto;
}
.stick-fixed{
    position: fixed !important;
    top: 0;
    left: 0;
}
/* --- [ Selection ] ------*/
::selection{background-color:#ffea00;color:#4b4e53}
::-moz-selection{background-color:#ffea00;color:#4b4e53}
/* --- [ Animate ] ------*/
.animate, .animate *{
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.no-animate, .no-animate *{
    -webkit-transition: 0 none !important;
    -moz-transition: 0 none !important;
     -ms-transition: 0 none !important;
    -o-transition: 0 none !important;
    transition:0 none !important;
}
/* --- [ Clear ] ------*/
.clear {
    clear: both;
}
.clearlist, .clearlist li {
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
}
/* --- [ Address ] ------*/
address {
    margin-bottom: 0px;
    font-style: normal;
    line-height: 26px;
    font-size: 12px;
}
dl dt{margin-bottom: 5px;}
dl dd{margin-bottom: 15px;}
pre{background-color: #f9f9f9; border-color: #ddd;}
/* --- [ Seperator ] ------*/
hr{background-color: rgba(255,255,255, .08);}
hr.white{
    border-color: rgba(255,255,255, .35);
    background: rgba(255,255,255, .35);
}
hr.black{
    border-color:rgba(0,0,0, .85);
    background: rgba(0,0,0, .85);
}

/* --- [ Display Options ] ------*/
.block { display: block !important; }
.inline-block{display:inline-block;}
.none {display: none !important;}
.divcenter {
    position: relative!important;
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
.block-100 {
    display: block !important;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}

/* -02-  [ Page Loaders ]---------------------------------*/
.load-container {display: none !important;}
.load-container.show {display: block !important;}
.pageload-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: hidden;
    z-index: 9999999999999;
}
.pageload-overlay.show {visibility: visible;}
.pageload-overlay svg {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.pageload-overlay svg path {fill: #fff;}

.pageload-overlay::after,
.pageload-overlay::before {
    content: '';
    position: fixed;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    z-index: 9999999999999;
    -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
    transition: opacity 0.15s, visibility 0s 0.15s;
}
.pageload-overlay::after {
    background: #6cc88a;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-animation: moveRight 0.6s linear infinite alternate;
    animation: moveRight 0.6s linear infinite alternate;
}
.pageload-overlay::before {
    background: #4fc3f7;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-animation: moveLeft 0.6s linear infinite alternate;
    animation: moveLeft 0.6s linear infinite alternate;
}

@-webkit-keyframes moveRight {
    to { -webkit-transform: translateX(20px); }
}

@keyframes moveRight {
    to { transform: translateX(20px); }
}

@-webkit-keyframes moveLeft {
    to { -webkit-transform: translateX(-20px); }
}

@keyframes moveLeft {
    to { transform: translateX(-20px); }
}

.pageload-loading.pageload-overlay::after,
.pageload-loading.pageload-overlay::before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
canvas {
  display: block;
  z-index: 9999999;
  width: 100%;
  height: 100%;
}
.loader-col {
    background-color: rgba(0,0,0, 0.02);
    vertical-align: middle;
    border-radius: 1px;
    height: 100px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 30px;
}
.bo-loading{
 	display:block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #666;
    z-index: 999999999;
}
.loader-w {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
}
.loader-w1 {
    width: 600px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px 0 0 -300px;
}
.loader{
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(20,185,213, 1);
  border-right: 1px solid rgba(20,185,213, 0.08);
  border-bottom: 1px solid rgba(20,185,213, 0.08);
  border-left: 1px solid rgba(20,185,213, 0.5);

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;

  z-index: 99999999999999;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.o-loader {
    position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
}
.loader-o {
    position: relative;
    display:inline-block;
    height: 46px;
    width: 46px;
    margin: 1em;
    border-radius: 50%;
    background: none repeat scroll 0 0 #DDDDDD;
    overflow:hidden;
    box-shadow: 0 0 10px rgba(0,0,0,.1) inset, 0 0 25px rgba(0,0,255,0.075);
}

.loader-o:after {
    content: "";
    position: absolute;
    top: 9px; left: 9px;
    display: block;
    height: 28px; width: 28px;
    background: none repeat scroll 0 0 #F2F2F2;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.loader-o > span {
    position: absolute;
    height: 100%; width: 50%;
    overflow: hidden;
}
.loader .left  { left:0   }
.loader .right { left:50% }

.anim {
    position: absolute;
    left: 100%; top: 0;
    height: 100%; width: 100%;
    border-radius: 999px;
    background: none repeat scroll 0 0 #508EC3;
    opacity: 0.8;
    -webkit-animation: ui-spinner-rotate-left 3s infinite;
    animation: ui-spinner-rotate-left 3s infinite;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
}
.left .anim {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.right .anim {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    left: -100%;
    -webkit-transform-origin: 100% 50% 0;
    transform-origin: 100% 50% 0;
}

/* v2 */
.loader-o2 .anim {
   -webkit-animation-delay:0;
   animation-delay:0;
}
.loader-o2 .right .anim{
   -webkit-animation-delay: 1.5s;
   animation-delay: 1.5s;
}

/* v3 */
.loader-o3 .anim {
   -webkit-animation-delay: 0s;
   -webkit-animation-duration:3s;
   -webkit-animation-timing-function: linear;
   animation-delay: 0s;
   animation-duration:3s;
   animation-timing-function: linear;
}
.loader-o3 .right .anim{
   -webkit-animation-name: ui-spinner-rotate-right;
   -webkit-animation-delay:0;
   -webkit-animation-delay: 1.5s;
   animation-name: ui-spinner-rotate-right;
   animation-delay:0;
   animation-delay: 1.5s;
}

/* round variation */
.round .loader-o:after {display:none }

/* double variation */
.double .loader-o:after {
  height: 13px; width: 13px;
  left: 7px; top: 7px;
  border: 10px solid #ddd;
  background: transparent;
  box-shadow: none;
}

@keyframes ui-spinner-rotate-right{
  0%{transform:rotate(0deg)}
  25%{transform:rotate(180deg)}
  50%{transform:rotate(180deg)}
  75%{transform:rotate(360deg)}
  100%{transform:rotate(360deg)}
}
@keyframes ui-spinner-rotate-left{
  0%{transform:rotate(0deg)}
  25%{transform:rotate(0deg)}
  50%{transform:rotate(180deg)}
  75%{transform:rotate(180deg)}
  100%{transform:rotate(360deg)}
}

@-webkit-keyframes ui-spinner-rotate-right{
  0%{-webkit-transform:rotate(0deg)}
  25%{-webkit-transform:rotate(180deg)}
  50%{-webkit-transform:rotate(180deg)}
  75%{-webkit-transform:rotate(360deg)}
  100%{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes ui-spinner-rotate-left{
  0%{-webkit-transform:rotate(0deg)}
  25%{-webkit-transform:rotate(0deg)}
  50%{-webkit-transform:rotate(180deg)}
  75%{-webkit-transform:rotate(180deg)}
  100%{-webkit-transform:rotate(360deg)}
}

/* Loader 1 */
.loader-1 {
  position: relative;
  width: 50px;
  height: 50px;
  display: inline-flex;
  background-color: transparent;
  border: 5px solid #c0c0c0;
  border-radius: 50%;
}
.loader-1:after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  padding: 2px;
  border-width: 2px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-radius: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  animation: ringrotate .8s infinite ease-in-out;
  -webkit-animation: ringrotate .8s infinite ease-in-out;
}

/* Animation */
@keyframes ringrotate {
  0% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
  }
}
@-webkit-keyframes ringrotate {
  0% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
  }
}

@keyframes pendulum {
  0% {
    transform: rotateZ(-20deg);
    -webkit-transform: rotateZ(-20deg);
  }
  100% {
    transform: rotateZ(20deg);
    -webkit-transform: rotateZ(20deg);
  }
}
@-webkit-keyframes pendulum {
  0% {
    transform: rotateZ(-20deg);
    -webkit-transform: rotateZ(-20deg);
  }
  100% {
    transform: rotateZ(20deg);
    -webkit-transform: rotateZ(20deg);
  }
}
/* #Animation */

.preloader {
  display: block;
  width: 40px;
  height: 40px;
  border: solid 3px;
  border-color: #555555 transparent;
  border-radius: 50%;
    -webkit-animation:
        rota 1s ease-in-out infinite;
    -moz-animation:
        rota 1s ease-in-out infinite;
    -ms-animation:
        rota 1s ease-in-out infinite;
    -o-animation:
        rota 1s ease-in-out infinite;
    animation:
        rota 1s ease-in-out infinite;
}

@-webkit-keyframes rota {
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes rota {
    to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes rota {
    to { -ms-transform: rotate(360deg); }
}

@-o-keyframes rota {
    to { -o-transform: rotate(360deg); }
}

@keyframes rota {
    to { transform: rotate(360deg); }
}
.bar {
  margin: 0;
  width: 100%;
  background-color: white;
  height: 40px;
  border-radius: 20px;
  -webkit-animation: loadUp 2s infinite alternate;
  animation: loadUp 2s infinite alternate;
}
@-webkit-keyframes loadUp {
  0% {width: 0px;}
  25% {width: 25%;}
  50% {width: 50%;}
  100% {width: 100%;}
}
@keyframes loadUp {
  0% {width: 0px;}
  25% {width: 25%;}
  50% {width: 50%;}
  100% {width: 100%;}
}

.loader-wrapper {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
}

@keyframes rotate {
  0% {-webkit-transform: rotate(0deg) sacale(0.8);}
  50% {-webkit-transform: rotate(360deg) scale(1.2);}
  100% {-webkit-transform: rotate(720deg) scale(0.8);}
}

@keyframes ball1 {
  0% {box-shadow: 30px 0 0 #f8b334;}
  50% {
    box-shadow: 0 0 0 #f8b334;
    margin-bottom: 0;
    -webkit-transform: translate(15px,15px);
  }
  100% {
    box-shadow: 30px 0 0 #f8b334;
    margin-bottom: 10px;
  }
}

@keyframes ball2 {
  0% {
    box-shadow: 30px 0 0 #97bf0d;
  }
  50% {
    box-shadow: 0 0 0 #97bf0d;
    margin-top: -20px;
    -webkit-transform: translate(15px,15px);
  }
  100% {
    box-shadow: 30px 0 0 #97bf0d;
    margin-top: 0;
  }
}


@keyframes loader {
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-webkit-keyframes loader {
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

#fp-nav ul {
    padding-right: 20px !important;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    height: 15px !important;
    width: 15px !important;
    margin: 5px 0px !important;
    
}

#fp-nav ul li a,
.fp-slidesNav ul li a,
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    height: 15px !important;
    width: 15px !important;
    margin: 0px !important;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: rgba(255, 255, 255, 0.20) !important;
    border: 2px solid rgba(0, 0, 0, 0.2) !important;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    background: #28a8d3 !important;
    border: 2px solid #28a8d3 !important;
    height: 15px !important;
    width: 15px !important;
    
 }
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    margin: 0px !important;
}


/* --- [ Body Typography ] ------*/
body{
    color: #111;
    font-family: "Spartan", sans-serif;
    line-height: 1.6;
    font-size: 14px;
  	font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
/* --- [ Links ] ------*/
a {color: #111; text-decoration: none;}
a:hover {color: #888;text-decoration: none;}

/* --- [ Heading Body Typography ] ------*/
h1,h2,h3,h4,h5,h6{
    margin-bottom: 1.3em;
    line-height: 1.6;
    font-weight: 400;
    font-family: 'Spartan', sans-serif;
    color: #414046;
}
h1 {
    font-size: 42px;
    font-weight: 300;
}
h2 {
    font-size: 28px;
    font-weight: 600;
}
h3 {
    font-size: 24px;
    font-weight: 600;
}
h4 {
    font-size: 20px;
    font-weight: 600;
}
h5 {
    font-size: 18px;
    font-weight: 400;
}
h6 {
    font-size: 14px;
    font-weight: 400;
}
p{
    margin: 0 0 2em 0;
	font-size:13px;
	line-height:22px;
	color:#444;
	/*font-weight:300;*/
}
ul, ol{
    margin: 0 0 1.5em 0;
}
/* --- [ Blockquotes ] ------*/
blockquote{
    margin: 3em 0 3em 0;
    padding: 0;
    border: none;
    background: none;
    font-style: normal;
    line-height: 1.7;
    color: #777;
}
blockquote:before {
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f10d";
      float: left;
      margin-right: 10px;
       color: #28a8d3;
}
blockquote p:after {
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f10e";
      margin-left: 10px;
      color: #28a8d3;
}
blockquote p{

    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.6;
    margin-bottom: 20px !important;
}
blockquote footer{
    font-size: 14px;
    font-weight: 400;
}
blockquote.quote-no-icons p:after,
blockquote.quote-no-icons:before{
    display: none;
}
/* --- [ Font Weight  Options ] ------*/
.font-light{font-weight: 300;}
.fontweight-inherit{ font-weight: inherit !important; }
.fontweight-100{ font-weight: 100 !important; }
.fontweight-200{ font-weight: 200 !important; }
.fontweight-300{ font-weight: 300 !important; }
.fontweight-400{ font-weight: 400 !important; }
.fontweight-500{ font-weight: 500 !important; }
.fontweight-600{ font-weight: 600 !important; }
.fontweight-700{ font-weight: 700 !important; }
.fontweight-800{ font-weight: 800 !important; }
.fontweight-900{ font-weight: 900 !important; }
/* --- [ Font Size Options ] ------*/
.fontsize-inherit{ font-size: inherit !important; }
.fontsize-xxxxs{ font-size: 11px !important; }
.fontsize-xxxs{ font-size: 12px !important; }
.fontsize-xxs{ font-size: 13px !important; }
.fontsize-xs{ font-size: 14px !important; }
.fontsize-xm{ font-size: 15px !important; }
.fontsize-s{ font-size: 16px !important; }
.fontsize-sm{ font-size: 18px !important; }
.fontsize-m{ font-size: 20px !important; }
.fontsize-l{ font-size: 24px !important; }
.fontsize-xl{ font-size: 28px !important; }
.fontsize-xxl{ font-size: 34px !important; }
.fontsize-xxxl{ font-size: 45px !important; }
.fontsize-xxxxl{ font-size: 52px !important; }
.fontsize-xxxxxl{ font-size: 60px !important; }
.fontsize-xxxxxxl{ font-size: 70px !important; }
.fontsize-xxxxxxxl{ font-size: 80px !important; }
.fontsize-xxxxxxxxl{ font-size: 90px !important; }
.superlarge{ font-size: 100px !important; }
.superxlarge{ font-size: 130px !important; }
.superxxlarge{ font-size: 170px !important; }


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

    .fontsize-xs-inherit{ font-size: inherit !important; }
    .fontsize-xs-xxxxs{ font-size: 11px !important; }
    .fontsize-xs-xxxs{ font-size: 12px !important; }
    .fontsize-xs-xxs{ font-size: 13px !important; }
    .fontsize-xs-xs{ font-size: 13px !important; }
    .fontsize-xs-xm{ font-size: 14px !important; }
    .fontsize-xs-s{ font-size: 15px !important; }
    .fontsize-xs-sm{ font-size: 17px !important; }
    .fontsize-xs-m{ font-size: 18px !important; }
    .fontsize-xs-l{ font-size: 20px !important; }
    .fontsize-xs-xl{ font-size: 22px !important; }
    .fontsize-xs-xxl{ font-size: 24px !important; }
    .fontsize-xs-xxxl{ font-size: 35px !important; }
    .fontsize-xs-xxxxl{ font-size: 40px !important; }
    .fontsize-xs-xxxxxl{ font-size: 55px !important; }
    .fontsize-xs-xxxxxxl{ font-size: 50px !important; }
    .fontsize-xs-xxxxxxxl{ font-size: 60px !important; }
    .fontsize-xs-xxxxxxxxl{ font-size: 70px !important; }
    .superlarge-xs{ font-size: 80px !important; }
    .superxlarge-xs{ font-size: 90px !important; }
    .superxxlarge-xs{ font-size: 110px !important; }
}



/* --- [ Text Align Options ] ------*/
.align-left{ text-align: left; }
.align-center{ text-align: center; }
.align-right{ text-align: right; }
/* --- [ Letter Spacing Options ] ------*/
.letter-spacing-1 {letter-spacing: 1px;}
.letter-spacing-2 {letter-spacing: 2px }
.letter-spacing-3 {letter-spacing: 3px;}
.letter-spacing-4 {letter-spacing: 4px;}
.letter-spacing-5 {letter-spacing: 5px;}
.letter-spacing-6 {letter-spacing: 6px;}
.letter-spacing-7 {letter-spacing: 7px;}
.letter-spacing-8 {letter-spacing: 8px;}
.letter-spacing-9 {letter-spacing: 9px;}
.letter-spacing-10 {letter-spacing: 10px;}
/* --- [ Line Height Options ] ------*/
.lh-inherit{ line-height: inherit !important;}
.lh-0{ line-height: 0 !important; }
.lh-5{ line-height: .5 !important; }
.lh-10{ line-height: 1 !important; }
.lh-12{ line-height: 1.2 !important; }
.lh-px24{ line-height: 24px !important; }
.lh-13{ line-height: 1.3 !important; }
.lh-14{ line-height: 1.4 !important; }
.lh-15{ line-height: 1.5 !important; }
.lh-16{ line-height: 1.6 !important; }
.lh-17{ line-height: 1.7 !important; }
.lh-18{ line-height: 1.8 !important; }
.lh-19{ line-height: 1.9 !important; }
.lh-20{ line-height: 2.0 !important; }
.lh-21{ line-height: 2.1 !important; }
.lh-22{ line-height: 2.2 !important; }
.lh-23{ line-height: 2.3 !important; }
.lh-24{ line-height: 2.4 !important; }
.lh-25{ line-height: 2.5 !important; }
.lh-26{ line-height: 2.6 !important; }
.lh-27{ line-height: 2.7 !important; }
.lh-28{ line-height: 2.8 !important; }
.lh-29{ line-height: 2.9 !important; }
.lh-30{ line-height: 3.0 !important; }

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

    .lh-xs-inherit{ line-height: inherit !important;}
    .lh-xs-0{ line-height: 0 !important; }
    .lh-xs-5{ line-height: .5 !important; }
    .lh-xs-10{ line-height: 1 !important; }
    .lh-xs-12{ line-height: 1.2 !important; }
    .lh-xs-px24{ line-height: 24px !important; }
    .lh-xs-13{ line-height: 1.3 !important; }
    .lh-xs-14{ line-height: 1.4 !important; }
    .lh-xs-15{ line-height: 1.5 !important; }
    .lh-xs-16{ line-height: 1.6 !important; }
    .lh-xs-17{ line-height: 1.7 !important; }
    .lh-xs-18{ line-height: 1.8 !important; }
    .lh-xs-19{ line-height: 1.9 !important; }
    .lh-xs-20{ line-height: 2.0 !important; }
    .lh-xs-21{ line-height: 2.1 !important; }
    .lh-xs-22{ line-height: 2.2 !important; }
    .lh-xs-23{ line-height: 2.3 !important; }
    .lh-xs-24{ line-height: 2.4 !important; }
    .lh-xs-25{ line-height: 2.5 !important; }
    .lh-xs-26{ line-height: 2.6 !important; }
    .lh-xs-27{ line-height: 2.7 !important; }
    .lh-xs-28{ line-height: 2.8 !important; }
    .lh-xs-29{ line-height: 2.9 !important; }
    .lh-xs-30{ line-height: 3.0 !important; }
}


/* --- [ Text Transform Options ] ------*/
.font-alt,
.transform-capitalize{text-transform: capitalize !important;}
.transform-lowercase{ text-transform: lowercase !important; }
.transform-inherit{ text-transform: inherit !important; }
.transform-uppercase{ text-transform: uppercase !important; }


/* --- [ Open Sans Font ] ------*/
body p.open-sans {
    font-family: "Open Sans", arial, sans-serif !important;
}
.open-sans{font-family: "Open Sans", arial, sans-serif !important;}
.open-sans .inner-nav ul > li > a {font-weight: 600 !important;}
.open-sans,
.open-sans p {font-family: "Open Sans", arial, sans-serif !important;}
.open-sans,
.open-sans h1,
.open-sans h2,
.open-sans h3,
.open-sans h4,
.open-sans h5,
.open-sans h6,
.open-sans p,
.open-sans a,
.open-sans a{font-family: "Open Sans", arial, sans-serif !important;}
/* --- [ Titillium Web Font ] ------*/
body p.titillium-web {
    font-family: "Titillium Web", arial, sans-serif !important;
}
.titillium-web{font-family: "Titillium Web", arial, sans-serif !important;}
.titillium-web .inner-nav ul > li > a {font-weight: 600 !important;}
.titillium-web,
.titillium-web p {font-family: "Titillium Web", arial, sans-serif !important;}
.titillium-web,
.titillium-web h1,
.titillium-web h2,
.titillium-web h3,
.titillium-web h4,
.titillium-web h5,
.titillium-web h6,
.titillium-web p,
.titillium-web a{font-family: "Titillium Web", arial, sans-serif !important;}


/* --- [ Text Colors ] ------*/
.text{
    font-size: 17px;
    font-weight: 400;
    line-height: 35px;
    color: rgba(35,37,40,.7);
}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6{color: #3d414a;}
/* --- [ Opacity Text ] ------*/
.opa-text-1 {opacity: .1;}
.opa-text-2 {opacity: .2;}
.opa-text-3 {opacity: .3;}
.opa-text-4 {opacity: .4;}
.opa-text-5 {opacity: .5;}
.opa-text-6 {opacity: .6;}
.opa-text-7 {opacity: .7;}
.opa-text-8 {opacity: .8; }
.opa-text-9 {opacity: .9; }
.opa-text-10{opacity: .10; }
/* --- [ Colored Text ] ------*/
.text-magic {color: #e884fa !important;}
.text-instagram  { color: #3f729b !important; }
.text-black{ color: #2c2c2c !important; }
.text-orange{ color: #f7a541 !important; }
.text-yellow{ color: #fff !important; }
.text-cyan{ color: #27c5c3 !important; }
.text-cyan1{ color: #20d7de !important; }
.text-green{ color: #58bf44 !important; }
.text-blue{ color: #3c66ee !important; }
.text-blue2{ color: #1b53af !important; }
.text-sky{ color: #28a8d3 !important; }
.text-sky2{ color: #48c0eb !important; }
.text-sky3{ color: #28a8d3 !important; }
.text-purple{ color: #dd4d57 !important; }
.text-red{ color: #e13939 !important; }
.text-red2{ color: #fa4b4b !important; }
.text-google-plus { color: #d93e2d !important; }
.text-behance { color: #000000 !important; }
.text-vimeo { color: #229ACC !important; }
.text-500px { color: #58a9de !important; }
.text-posterous { color: #efd57c !important; }
.text-paypal { color: #5b85a8 !important; }
.text-picasa { color: #b088c1 !important; }
.text-duckduckgo { color: #fb0a2a !important; }
.text-aim  { color: #ffd900 !important; }
.text-delicious { color: #3399ff !important; }
.text-paypal  { color: #003087 !important; }
.text-flattr  { color: #f67c1a !important; }
.text-android { color: #a4c639 !important; }
.text-eventful { color: #136ad5 !important; }
.text-smashmag { color: #ff9900 !important; }
.text-gplus  { color: #dd4b39 !important; }
.text-wikipedia  { color: #999999 !important; }
.text-lanyrd  { color: #663300 !important; }
.text-calendar  { color: #e74a1e !important; }
.text-stumbleupon  { color: #eb4924 !important; }
.text-fivehundredpx  { color: #ed174f !important; }
.text-pinterest  { color: #cc2127 !important; }
.text-bitcoin  { color: #0ea0db !important; }
.text-w3c  { color: #7dba00 !important; }
.text-foursquare  { color: #f94877 !important; }
.text-html5  { color: #e34f26 !important; }
.text-ie  { color: #0096d6 !important; }
.text-call  { color: #e74a1e !important; }
.text-grooveshark  { color: #6cbc35 !important; }
.text-ninetyninedesigns  { color: #ee4f4f !important; }
.text-forrst  { color: #5b9a68 !important; }
.text-digg  { color: #000000 !important; }
.text-spotify  { color: #2ebd59 !important; }
.text-reddit  { color: #5f99cf !important; }
.text-guest  { color: #ff4500 !important; }
.text-gowalla  { color: #0ba6ab !important; }
.text-appstore  { color: #2fa5d6 !important; }
.text-apple  { color: #686868 !important; }
.text-blogger  { color: #f57d00 !important; }
.text-cc  { color: #b7295a !important; }
.text-dribbble  { color: #ea4c89 !important; }
.text-evernote  { color: #7ac142 !important; }
.text-flickr  { color: #0063dc !important; }
.text-google  { color: #4285f4 !important; }
.text-viadeo  { color: #f07355 !important; }
.text-instapaper  { color: #428bca !important; }
.text-weibo  { color: #fc3d39 !important; }
.text-klout  { color: #f65314 !important; }
.text-linkedin  { color: #3371b7 !important; }
.text-meetup { color: #e0393e !important; }
.text-vk  { color: #45668e !important; }
.text-plancast { color: #1ab7ea !important; }
.text-disqus { color: #2e9fff !important; }
.text-rss  { color: #f26522 !important; }
.text-skype  { color: #00aff0 !important; }
.text-youtube  { color: #cd201f !important; }
.text-vimeo  { color: #1ab7ea !important; }
.text-windows  { color: #00bcf2 !important; }
.text-xing  { color: #026466 !important; }
.text-yahoo  { color: #400191 !important; }
.text-chrome  { color: #fcd116 !important; }
.text-email  { color: #78dcfa !important; }
.text-macstore  { color: #0054a0 !important; }
.text-myspace  { color: #000000 !important; }
.text-podcast  { color: #dc380f !important; }
.text-amazon { color: #146eb4 !important; }
.text-steam  { color: #d7d7d8 !important; }
.text-white  { color: #ffffff !important; }
.text-cloudapp  { color: #00aaf2 !important; }
.text-dropbox  { color: #007ee5 !important; }
.text-ebay  { color: #e53238 !important; }
.text-facebook  { color: #3b5998 !important; }
.text-twitter  { color: #55acee !important; }
.text-github  { color: #4183c4 !important; }
.text-googleplay  { color: #0f9d58 !important; }
.text-itunes  { color: #4285f4 !important; }
.text-plurk  { color: #7db701 !important; }
.text-songkick  { color: #f80046 !important; }
.text-lastfm  { color: #d51007 !important; }
.text-gmail  { color: #db3a1b !important; }
.text-pinboard  { color: #0000e6 !important; }
.text-openid  { color: #616365 !important; }
.text-quora  { color: #a82400 !important; }
.text-soundcloud  { color: #ff3300 !important; }
.text-tumblr  { color: #35465c !important; }
.text-eventasaurus  { color: #eb5a46 !important; }
.text-wordpress { color: #21759b !important; }
.text-yelp  { color: #af0606 !important; }
.text-intensedebate  { color: #2b96f1 !important; }
.text-eventbrite  { color: #34495e !important; }
.text-scribd  { color: #1a7bba !important; }
.text-posterous  { color: #efd57c !important; }
.text-stripe  { color: #00afe1 !important; }
.text-opentable  { color: #eb4924 !important; }
.text-cart  { color: #e74a1e !important; }
.text-print  { color: #e74a1e !important; }
.text-angellist { color: #f97200 !important; }
.text-dwolla  { color: #828a87 !important; }
.text-appnet  { color: #00afe1 !important; }
.text-statusnet  { color: #595a5c !important; }
.text-acrobat  { color: #e74635 !important; }
.text-drupal  { color: #0077c0 !important; }
.text-buffer  { color: #76b852 !important; }
.text-pocket  { color: #d3505a !important; }
.text-bitbucket  { color: #205081 !important; }
.text-lego { color: #61b3de !important; }
.text-login  { color: #e74a1e !important; }
.text-stackoverflow  { color: #fe7a15 !important; }
.text-hackernews  { color: #2ebd59 !important; }
.text-lkdto  { color: #595a5c !important; }

/* scroll to top */
.cont-st {
	width:100%; 
	height:200px; 
	/*background:#cc4;*/
	display:block; 
	margin:0; 
	padding:0;
	-webkit-overflow-scrolling: auto;
}
.scrollToTop{
	width:50px;
	height:50px;
	border-radius:50%; 
	padding:8px;
	text-align:center; 
	background: whiteSmoke;
	font-weight: 400;
	font-size:25px;
	line-height:26px;
	color: #444;
	display:block;
	text-decoration: none;
	margin:0 12px 0 0;
	float:left;
}
.scrollToTop:hover{
	background:#444;
    color:#fff;
}
a.voltar-proj, a.prox-proj {
	display:block;
	float:left;
	border-radius:50%;
	width:50px;
	height:50px;
	background:whiteSmoke;
	font-size:25px;
	line-height:50px;
	color:#444;
	text-align:center;
	padding:0;
	margin:0 12px 0 0;
	text-decoration:none;
}
a.voltar-proj:hover, a.prox-proj:hover {
	background:#444;
	color:#fff;
}
a.prox-proj {padding:0 0 0 5px;}
a.voltar-proj {padding:0 5px 0 0;}

.disable {
	background:#E0E0E0;
	color:#A8A8A8;
	cursor:default;
}



/* -04-  [ Borderes ]----------------------------------*/
/* --- [ Dark Borders ] ------*/
.border {border: 1px solid rgba(0, 0, 0, .08) !important;}
.bg-borderd{
    border: 1px solid rgba(0, 0, 0, .06) !important;
}
.bg-borderd-v{
    border: 1px solid rgba(0, 0, 0, .06) !important;
    border-width: 1px 0px 1px 0px !important;
}
.bg-borderd-v-w{
    border: 1px solid rgba(255, 255, 255, .06) !important;
    border-width: 1px 0px 1px 0px !important;
}
.bg-borderd-btm{
    border: 1px solid rgba(0, 0, 0, .06) !important;
    border-width: 0px 0px 1px 0px !important;
}
.bg-borderd-top{
    border: 1px solid rgba(0, 0, 0, .06) !important;;
    border-width: 1px 0px 0px 0px !important;
}
.boxed-bg .bg-borderd {
    border-right: none !important;
    border-left: none !important;
}
/* --- [ White Borders ] ------*/
.border-w {border: 1px solid rgba(255, 255, 255, .08) !important;}
.border-w-1 {border: 1px solid rgba(255, 255, 255, .1) !important;}
.border-w-2 {border: 1px solid rgba(255, 255, 255, .2) !important;}
.border-w-3 {border: 1px solid rgba(255, 255, 255, .3) !important;}
.border-w-4 {border: 1px solid rgba(255, 255, 255, .4) !important;}
.border-w-5 {border: 1px solid rgba(255, 255, 255, .5) !important;}
.border-w-6 {border: 1px solid rgba(255, 255, 255, .6) !important;}
.border-w-7 {border: 1px solid rgba(255, 255, 255, .7) !important;}
.border-w-8 {border: 1px solid rgba(255, 255, 255, .8) !important;}
.border-w-9 {border: 1px solid rgba(255, 255, 255, .9) !important;}
.border-w-10 {border: 1px solid rgba(255, 255, 255, 1) !important;}
.border-1 {border: 1px solid rgba(0, 0, 0, .1) !important;}
.border-none {border: none !important;}
/* --- [ Border Bottom ] ------*/
.border-bottom-1 {border-bottom: 1px solid rgba(0, 0, 0, .01) !important;}
.border-bottom-2 {border-bottom: 1px solid rgba(0, 0, 0, .02) !important;}
.border-bottom-3 {border-bottom: 1px solid rgba(0, 0, 0, .03) !important;}
.border-bottom-4 {border-bottom: 1px solid rgba(0, 0, 0, .04) !important;}
.border-bottom-5 {border-bottom: 1px solid rgba(0, 0, 0, .05) !important;}
.border-bottom-6 {border-bottom: 1px solid rgba(0, 0, 0, .06) !important;}
.border-bottom-7 {border-bottom: 1px solid rgba(0, 0, 0, .07) !important;}
.border-bottom-8 {border-bottom: 1px solid rgba(0, 0, 0, .08) !important;}
.border-bottom-9 {border-bottom: 1px solid rgba(0, 0, 0, .09) !important;}
.border-bottom-1 {border-bottom: 1px solid rgba(0, 0, 0, 1) !important;}

.border-bottom {border-bottom: 1px solid rgba(0, 0, 0, .08) !important;}
.border-bottom-w {border-bottom: 1px solid rgba(255, 255, 255, .08) !important;}
/* --- [ Border Top ] ------*/
.border-top {border-top: 1px solid rgba(0, 0, 0, .08) !important;}
.border-top-w {border-top: 1px solid rgba(255, 255, 255 .08) !important;}
/* --- [ Border Left ] ------*/
.border-left {border-left: 1px solid rgba(0, 0, 0, .08) !important;}
.border-left-w {border-left: 1px solid rgba(255, 255, 255, .08) !important;}
/* --- [ Border Right ] ------*/
.border-right {border-right: 1px solid rgba(0, 0, 0, .08) !important;}
.border-right-w {border-right: 1px solid rgba(255, 255, 255, .08) !important;}
/* --- [ Borders Colors ] ------*/
.border-black{ border-color: #2c2c2c !important; }
/* ------ [ Border Radius ] ------------*/
.border-radius-0 {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.border-radius {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}
.border-redius-top {
    border-top-left-radius:3px !important;
    border-top-right-radius:3px !important;
}
.border-redius-bottom {
    border-bottom-left-radius:3px !important;
    border-bottom-right-radius:3px !important;
}
.border-radius-2 {
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}
.border-radius-3 {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}
.border-radius-4 {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}
.border-radius-5 {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}
.border-radius-6 {
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
}
.border-radius-7 {
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border-radius: 7px !important;
}
.border-radius-8 {
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
}
.border-radius-9 {
    -webkit-border-radius: 9px !important;
    -moz-border-radius: 9px !important;
    border-radius: 9px !important;
}
.border-radius-10 {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}
.border-radius-20 {
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
}
.border-radius-30 {
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;
}
.border-radius-40 {
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    border-radius: 40px !important;
}
.border-radius-50 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px !important;
}
.border-radius-60 {
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px !important;
}
.border-radius-65 {
    -webkit-border-radius: 65px;
    -moz-border-radius: 65px;
    border-radius: 65px !important;

}
.border-radius-cir {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;

}

/* -05-  [ Backgrounds ]----------------------------------*/
.background-attachment-initial {
	background-attachment: inherit !important;
}
/* ------ [ Transparent ] ------------*/
.transparent {
    background: transparent !important;
}
/* ------ [ Transparent White ] ------------*/
.transparent-w {
    background: rgba(255, 255, 255, 0.2) !important;
}
.transparent-w1 {
    background: rgba(255, 255, 255, 0.1) !important;
}
.transparent-w3 {
    background: rgba(255, 255, 255, 0.3) !important;
}
.transparent-w-01 {
    background: rgba(255, 255, 255, 0.01) !important;
}
.transparent-w-02 {
    background: rgba(255, 255, 255, 0.02) !important;
}
.transparent-w-03 {
    background: rgba(255, 255, 255, 0.03) !important;
}
.transparent-w-04 {
    background: rgba(255, 255, 255, 0.04) !important;
}
.transparent-w-05 {
    background: rgba(255, 255, 255, 0.05) !important;
}
.transparent-w-06 {
    background: rgba(255, 255, 255, 0.06) !important;
}
.transparent-w-07 {
    background: rgba(255, 255, 255, 0.07) !important;
}
.transparent-w-08 {
    background: rgba(255, 255, 255, 0.08) !important;
}
.transparent-w-09 {
    background: rgba(255, 255, 255, 0.09) !important;
}
/* ------ [ Transparent Black ] ------------*/
.transparent-b-1 {
    background: rgba(0, 0, 0, 0.1) !important;
}
.transparent-b-2 {
    background: rgba(0, 0, 0, 0.2) !important;
}
.transparent-b-3 {
    background: rgba(0, 0, 0, 0.3) !important;
}
.transparent-b-4 {
    background: rgba(0, 0, 0, 0.4) !important;
}
.transparent-b-5 {
    background: rgba(0, 0, 0, 0.5) !important;
}
.transparent-b-6 {
    background: rgba(0, 0, 0, 0.6) !important;
}
.transparent-b-7 {
    background: rgba(0, 0, 0, 0.7) !important;
}
.transparent-b-8 {
    background: rgba(0, 0, 0, 0.8) !important;
}
.transparent-b-9 {
    background: rgba(0, 0, 0, 0.9) !important;
}
.transparent-b-01 {
    background: rgba(0, 0, 0, 0.01) !important;
}
.transparent-b-02 {
    background: rgba(0, 0, 0, 0.02) !important;
}
.transparent-b-03 {
    background: rgba(0, 0, 0, 0.03) !important;
}
.transparent-b-04 {
    background: rgba(0, 0, 0, 0.04) !important;
}
.transparent-b-05 {
    background: rgba(0, 0, 0, 0.05) !important;
}
.transparent-b-06 {
    background: rgba(0, 0, 0, 0.06) !important;
}
.transparent-b-07 {
    background: rgba(0, 0, 0, 0.07) !important;
}
.transparent-b-08 {
    background: rgba(0, 0, 0, 0.08) !important;
}
.transparent-b-09 {
    background: rgba(0, 0, 0, 0.09) !important;
}
/* ------ [ Backgrounds Pattern Overlay ] ------------*/
.bg-pattern-over:before,
.bg-pattern-over .YTPOverlay:after{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: repeat;
    background-size: auto;
    background-image: url(assets/images/pattern-bg-2.png);
}
.bg-pattern-over2:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: repeat;
    background-size: auto;
    background-image: url(assets/images/pattern-overlay.png);
}
.bg-dark-over:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
    background-size: auto;
    background-position: center bottom;
    background-image: url(assets/images/placeholder.png);
}
/* ------ [ Basic Backgrounds ] ------------*/
.bg-white {
    background: #fff;
}
.bg-transparent {
    background: transparent;
}
.bg-gray-darker{
    background-color: #707070 !important;
}
.bg-gray{
    /*background-color: #9c9c9c !important;*/
}
.bg-gray-lighter{
    background-color: #fcfcfc !important;
}
.bg-gray-lighter2{
    background-color: #f4f4f4 !important;
}

.bg-dark a,
.bg-dark-lighter a,
.bg-dark-overlay-30 a,
.bg-dark-overlay-40 a,
.bg-dark-overlay-50 a,
.bg-dark-overlay-60 a,
.bg-dark-overlay-70 a,
.bg-dark-overlay-80 a,
.bg-dark-overlay-90 a,
.bg-dark-overlay a,
.bg-color a,
.bg-colorlighter a,
.bg-color-overlay-30 a,
.bg-color-overlay-40 a,
.bg-color-overlay-50 a,
.bg-color-overlay-70 a,
.bg-color-overlay-80 a,
.bg-color-overlay-90 a,
.bg-color-overlay a{
    color: rgba(255,255,255, .8);
    padding-bottom: 3px;

    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.bg-dark a:hover,
.bg-dark-lighter a:hover,
.bg-dark-overlay-30 a:hover,
.bg-dark-overlay-40 a:hover,
.bg-dark-overlay-50 a:hover,
.bg-dark-overlay-60 a:hover,
.bg-dark-overlay-70 a:hover,
.bg-dark-overlay-80 a:hover,
.bg-dark-overlay-90 a:hover,
.bg-dark-overlay a:hover,
.bg-color a:hover,
.bg-color-lighter a:hover,
.bg-color-overlay-30 a:hover,
.bg-color-overlay-50 a:hover,
.bg-color-overlay-70 a:hover,
.bg-color-overlay-80 a:hover,
.bg-color-overlay-90 a:hover,
.bg-color-overlay a:hover{
    color: rgba(255,255,255, 1);
    text-decoration: none;
}
.bg-color .text,
.bg-color-lighter .text,
.bg-color-overlay-30 .text,
.bg-color-overlay-40 .text,
.bg-color-overlay-50 .text,
.bg-color-overlay-60 .text,
.bg-color-overlay-70 .text,
.bg-color-overlay-80 .text,
.bg-color-overlay-90 .text,
.bg-color-overlay .text,
.bg-color .section-text,
.bg-color-lighter .section-text,
.bg-color-overlay-30 .section-text,
.bg-color-overlay-50 .section-text,
.bg-color-overlay-70 .section-text,
.bg-color-overlay-80 .section-text,
.bg-color-overlay-90 .section-text,
.bg-color-overlay .section-text{
    color: rgba(255,255,255, .75);
}

.bg-color .white,
.bg-color-lighter .whitet,
.bg-color-overlay-30 .white,
.bg-color-overlay-50 .white,
.bg-color-overlay-40 .white,
.bg-color-overlay-60 .white,
.bg-color-overlay-70 .white,
.bg-color-overlay-80 .white,
.bg-color-overlay-90 .white,
.bg-color-overlay .white,
.bg-color .count-number,
.bg-color .count-title,
.bg-dark .count-title{
    color: #fff;
}
.bg-dark{background-color: #1b1b1b !important;}
.bg-grey{background-color: #333 !important;}
.bg-dark-lighter{background-color: #2b2b2b !important;}
.bg-dark-2{background-color: #555 !important;}
.bg-footer {
	background-image:url(assets/images/bg-letreiro2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color:#000;
}

/* ------ [ Backgrounds Dark Overlay ] ------------*/
.bg-dark-overlay:before,
.bg-dark-overlay .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0 , 0, 0, .97);
}
.bg-dark-overlay-30:before,
.bg-dark-overlay-30 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0 , 0, 0, .3);
}
.bg-dark-overlay-40:before,
.bg-dark-overlay-40 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0 , 0, 0, .4);
}
.bg-dark-overlay-50:before,
.bg-dark-overlay-50 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0 , 0, 0, .5);
}

.bg-dark-overlay-50d:before,
.bg-dark-overlay-50d .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba( 0, 0, 0, .5);
}

.bg-dark-overlay-60:before,
.bg-dark-overlay-60 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0 , 0, 0, .6);
}

.bg-dark-overlay-70:before,
.bg-dark-overlay-70 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0 , 0, 0, .7);
}
.bg-dark-overlay-80:before,
.bg-dark-overlay-80 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0 , 0, 0, .8);
}
.bg-dark-overlay-90:before,
.bg-dark-overlay-90 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0 , 0, 0, .9);
}
/* ------ [ Backgrounds Light Overlay ] ------------*/
.bg-light-overlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(252,252,252, .97);
}
.bg-light-overlay-30:before,
.bg-light-overlay-30 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(252,252,252, .30);
}
.bg-light-overlay-50:before,
.bg-light-overlay-50 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(252,252,252, .50);
}
.bg-light-overlay-60:before,
.bg-light-overlay-60 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(252,252,252, .60);
}

.bg-light-overlay-70:before,
.bg-light-overlay-70 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(252,252,252, .7);
}
.bg-light-overlay-90:before,
.bg-light-overlay-90 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(252,252,252, .9);
}
/* ------ [ Backgrounds Color Overlay ] ------------*/
.bg-color{
    background-color: #28a8d3;
}
.bg-colort-overlay:before,
.bg-colort-overlay .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #28a8d3;
    opacity: .97;
}
.bg-color-overlay-30:before,
.bg-color-overlay-30 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #28a8d3;
    opacity: .3;
}
.bg-color-overlay-50:before,
.bg-color-overlay-50 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #28a8d3;
    opacity: .5;
}
.bg-color-overlay-60:before,
.bg-color-overlay-60 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #28a8d3;
    opacity: .6;
}
.bg-color-overlay-70:before,
.bg-color-overlay-70 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #28a8d3;
    opacity: .7;
}
.bg-color-overlay-90:before,
.bg-color-overlay-90 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #28a8d3;
    opacity: .9;
}
/* ------ [ Backgrounds  Image Blur] ------------*/
.bg-blur {
    -webkit-filter: blur(2px) opacity(0.8);
   box-shadow: inset 1px 1px 30px rgba(0, 0, 0, 0.9);
   -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.bg-blur:hover {
    -webkit-filter: blur(0px) grayscale(.0) opacity(1);
}
.bg-blur .blur-content {
    -webkit-filter: blur(0px) grayscale(10) opacity(1) !important;
   position: relative;
   z-index: 9999999;
}
.image-blur-wrap {
    position: absolute;
    top: 0px;
    left: 0px;
}
.image-blur {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    -webkit-filter: blur(5px) grayscale(0) opacity(0.5);
}
.image-blur-wrap:hover .image-blur {
    -webkit-filter: blur(0px) grayscale(1) opacity(1);
}
/* ------ [ Backgrounds Solid Colors ] ------------*/
.bg-black, .button-black.button--inverted::before, .button-black.button--inverted::after { background-color: #2c2c2c !important; }
.bg-black-light, .button-black-light.button--inverted::before, .button-black-light.button--inverted::after { background-color: #474F59 !important; }


/* -06- [ Box Shadow ]----------------------------------*/
.shadow{
    -webkit-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
    box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
}
.white-shadow{
    -webkit-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
    -moz-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
    box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
}
.box-shadow {
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.09);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.09);
}
.box-shadow20 {
    -webkit-box-shadow: 0px 4px 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 4px 20px rgba(0,0,0,0.4);
    box-shadow: 0px 4px 20px rgba(0,0,0,0.4);
}
/* ------ [ Inner Shadow ] ------------*/
.inner-shadow {
    -webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.09);
    -moz-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.09);
    box-shadow: inset 0px 0px 2px rgba(0,0,0,0.09);
}
/* ------ [ Text Shadows ] ------------*/
.text-shadow {
    -webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0.09);
    -moz-text-shadow: 0px 1px 1px rgba(0,0,0,0.09);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.09);
}
.text-shadow5 {
    -webkit-text-shadow: 0px 1px 5px rgba(0,0,0,0.4);
    -moz-text-shadow: 0px 1px 5px rgba(0,0,0,0.4);
    text-shadow: 0px 1px 5px rgba(0,0,0,0.4);
}
.text-shadow10 {
    -webkit-text-shadow: 0px 2px 10px rgba(0,0,0,0.4);
    -moz-text-shadow: 0px 2px 10px rgba(0,0,0,0.4);
    text-shadow: 0px 2px 10px rgba(0,0,0,0.4);
}
.text-shadow20 {
    -webkit-text-shadow: 0px 4px 20px rgba(0,0,0,0.4);
    -moz-text-shadow: 0px 4px 20px rgba(0,0,0,0.4);
    text-shadow: 0px 4px 20px rgba(0,0,0,0.4);
}
/* ------ [ Icon Hovers Box Shadow ] ------------*/
.box-shadow-black .hover-icon:after { box-shadow: 0 0 0 4px #2c2c2c !important; }
.box-shadow-orange .hover-icon:after { box-shadow: 0 0 0 4px #f7a541 !important; }
.box-shadow-yellow .hover-icon:after {  box-shadow: 0 0 0 4px #ffce37 !important; }
.box-shadow-cyan .hover-icon:after { box-shadow: 0 0 0 4px #27c5c3 !important; }
.box-shadow-green .hover-icon:after { box-shadow: 0 0 0 4px #58bf44 !important; }
.box-shadow-blue .hover-icon:after { box-shadow: 0 0 0 4px #3c66ee !important; }
.box-shadow-blue2 .hover-icon:after { box-shadow: 0 0 0 4px #1b53af !important; }
.box-shadow-sky .hover-icon:after { box-shadow: 0 0 0 4px #28a8d3 !important; }
.box-shadow-sky2 .hover-icon:after { box-shadow: 0 0 0 4px #48c0eb !important; }
.box-shadow-purple .hover-icon:after { box-shadow: 0 0 0 4px #dd4d57 !important; }
.box-shadow-red .hover-icon:after { box-shadow: 0 0 0 4px #e13939 !important; }
.box-shadow-red2 .hover-icon:after { box-shadow: 0 0 0 4px #28a8d3 !important; }
.box-shadow-google-plus .hover-icon:after  { box-shadow: 0 0 0 4px #d93e2d !important; }
.box-shadow-behance .hover-icon:after  { box-shadow: 0 0 0 4px #000000 !important; }
.box-shadow-vimeo .hover-icon:after  { box-shadow: 0 0 0 4px #229ACC !important; }
.box-shadow-500px .hover-icon:after  { box-shadow: 0 0 0 4px #58a9de !important; }
.box-shadow-posterous .hover-icon:after  { box-shadow: 0 0 0 4px #efd57c !important; }
.box-shadow-paypal .hover-icon:after  { box-shadow: 0 0 0 4px #5b85a8 !important; }
.box-shadow-picasa .hover-icon:after  { box-shadow: 0 0 0 4px #b088c1 !important; }
.box-shadow-duckduckgo .hover-icon:after  { box-shadow: 0 0 0 4px #fb0a2a !important; }
.box-shadow-aim .hover-icon:after  { box-shadow: 0 0 0 4px #ffd900 !important; }
.box-shadow-delicious .hover-icon:after  { box-shadow: 0 0 0 4px #3399ff !important; }
.box-shadow-paypal .hover-icon:after  { box-shadow: 0 0 0 4px #003087 !important; }
.box-shadow-flattr .hover-icon:after  { box-shadow: 0 0 0 4px #f67c1a !important; }
.box-shadow-android .hover-icon:after  { box-shadow: 0 0 0 4px #a4c639 !important; }
.box-shadow-eventful .hover-icon:after  { box-shadow: 0 0 0 4px #136ad5 !important; }
.box-shadow-smashmag .hover-icon:after  { box-shadow: 0 0 0 4px #ff9900 !important; }
.box-shadow-gplus .hover-icon:after  { box-shadow: 0 0 0 4px #dd4b39 !important; }
.box-shadow-wikipedia .hover-icon:after  { box-shadow: 0 0 0 4px #999999 !important; }
.box-shadow-lanyrd .hover-icon:after  { box-shadow: 0 0 0 4px #663300 !important; }
.box-shadow-calendar .hover-icon:after  { box-shadow: 0 0 0 4px #e74a1e !important; }
.box-shadow-stumbleupon .hover-icon:after  { box-shadow: 0 0 0 4px #eb4924 !important; }
.box-shadow-fivehundredpx .hover-icon:after  { box-shadow: 0 0 0 4px #ed174f !important; }
.box-shadow-pinterest .hover-icon:after  { box-shadow: 0 0 0 4px #cc2127 !important; }
.box-shadow-bitcoin .hover-icon:after  { box-shadow: 0 0 0 4px #0ea0db !important; }
.box-shadow-w3c .hover-icon:after  { box-shadow: 0 0 0 4px #7dba00 !important; }
.box-shadow-foursquare .hover-icon:after  { box-shadow: 0 0 0 4px #f94877 !important; }
.box-shadow-html5 .hover-icon:after  { box-shadow: 0 0 0 4px #e34f26 !important; }
.box-shadow-ie .hover-icon:after  { box-shadow: 0 0 0 4px #0096d6 !important; }
.box-shadow-call .hover-icon:after  { box-shadow: 0 0 0 4px #e74a1e !important; }
.box-shadow-grooveshark .hover-icon:after  { box-shadow: 0 0 0 4px #6cbc35 !important; }
.box-shadow-ninetyninedesigns .hover-icon:after  { box-shadow: 0 0 0 4px #ee4f4f !important; }
.box-shadow-forrst .hover-icon:after  { box-shadow: 0 0 0 4px #5b9a68 !important; }
.box-shadow-digg .hover-icon:after  { box-shadow: 0 0 0 4px #000000 !important; }
.box-shadow-spotify .hover-icon:after  { box-shadow: 0 0 0 4px #2ebd59 !important; }
.box-shadow-reddit .hover-icon:after  { box-shadow: 0 0 0 4px #5f99cf !important; }
.box-shadow-guest .hover-icon:after  { box-shadow: 0 0 0 4px #ff4500 !important; }
.box-shadow-gowalla .hover-icon:after  { box-shadow: 0 0 0 4px #0ba6ab !important; }
.box-shadow-appstore .hover-icon:after  { box-shadow: 0 0 0 4px #2fa5d6 !important; }
.box-shadow-appstore .hover-icon:after  { box-shadow: 0 0 0 4px #686868 !important; }
.box-shadow-blogger .hover-icon:after  { box-shadow: 0 0 0 4px #f57d00 !important; }
.box-shadow-cc .hover-icon:after  { box-shadow: 0 0 0 4px #b7295a !important; }
.box-shadow-dribbble .hover-icon:after  { box-shadow: 0 0 0 4px #ea4c89 !important; }
.box-shadow-evernote .hover-icon:after  { box-shadow: 0 0 0 4px #7ac142 !important; }
.box-shadow-flickr .hover-icon:after  { box-shadow: 0 0 0 4px #0063dc !important; }
.box-shadow-google .hover-icon:after  { box-shadow: 0 0 0 4px #4285f4 !important; }
.box-shadow-viadeo .hover-icon:after  { box-shadow: 0 0 0 4px #f07355 !important; }
.box-shadow-instapaper .hover-icon:after  { box-shadow: 0 0 0 4px #428bca !important; }
.box-shadow-weibo .hover-icon:after  { box-shadow: 0 0 0 4px #fc3d39 !important; }
.box-shadow-klout .hover-icon:after  { box-shadow: 0 0 0 4px #f65314 !important; }
.box-shadow-linkedin .hover-icon:after  { box-shadow: 0 0 0 4px #3371b7 !important; }
.box-shadow-meetup .hover-icon:after  { box-shadow: 0 0 0 4px #e0393e !important; }
.box-shadow-vk .hover-icon:after  { box-shadow: 0 0 0 4px #45668e !important; }
.box-shadow-plancast .hover-icon:after  { box-shadow: 0 0 0 4px #1ab7ea !important; }
.box-shadow-disqus .hover-icon:after  { box-shadow: 0 0 0 4px #2e9fff !important; }
.box-shadow-rss .hover-icon:after  { box-shadow: 0 0 0 4px #f26522 !important; }
.box-shadow-skype .hover-icon:after  { box-shadow: 0 0 0 4px #00aff0 !important; }
.box-shadow-youtube .hover-icon:after  { box-shadow: 0 0 0 4px #cd201f !important; }
.box-shadow-vimeo .hover-icon:after  { box-shadow: 0 0 0 4px #1ab7ea !important; }
.box-shadow-windows .hover-icon:after  { box-shadow: 0 0 0 4px #00bcf2 !important; }
.box-shadow-xing .hover-icon:after  { box-shadow: 0 0 0 4px #026466 !important; }
.box-shadow-yahoo .hover-icon:after  { box-shadow: 0 0 0 4px #400191 !important; }
.box-shadow-chrome .hover-icon:after  { box-shadow: 0 0 0 4px #fcd116 !important; }
.box-shadow-email .hover-icon:after  { box-shadow: 0 0 0 4px #78dcfa !important; }
.box-shadow-macstore .hover-icon:after  { box-shadow: 0 0 0 4px #0054a0 !important; }
.box-shadow-myspace .hover-icon:after  { box-shadow: 0 0 0 4px #000000 !important; }
.box-shadow-podcast .hover-icon:after  { box-shadow: 0 0 0 4px #dc380f !important; }
.box-shadow-amazon .hover-icon:after  { box-shadow: 0 0 0 4px #146eb4 !important; }
.box-shadow-steam .hover-icon:after  { box-shadow: 0 0 0 4px #d7d7d8 !important; }
.box-shadow-cloudapp .hover-icon:after  { box-shadow: 0 0 0 4px #00aaf2 !important; }
.box-shadow-dropbox .hover-icon:after  { box-shadow: 0 0 0 4px #007ee5 !important; }
.box-shadow-ebay .hover-icon:after  { box-shadow: 0 0 0 4px #e53238 !important; }
.box-shadow-facebook .hover-icon:after  { box-shadow: 0 0 0 4px #3b5998 !important; }
.box-shadow-twitter .hover-icon:after  { box-shadow: 0 0 0 4px #55acee !important; }
.box-shadow-github .hover-icon:after  { box-shadow: 0 0 0 4px #4183c4 !important; }
.box-shadow-googleplay .hover-icon:after  { box-shadow: 0 0 0 4px #0f9d58 !important; }
.box-shadow-itunes .hover-icon:after  { box-shadow: 0 0 0 4px #4285f4 !important; }
.box-shadow-plurk .hover-icon:after  { box-shadow: 0 0 0 4px #7db701 !important; }
.box-shadow-songkick .hover-icon:after  { box-shadow: 0 0 0 4px #f80046 !important; }
.box-shadow-lastfm .hover-icon:after  { box-shadow: 0 0 0 4px #d51007 !important; }
.box-shadow-gmail .hover-icon:after  { box-shadow: 0 0 0 4px #db3a1b !important; }
.box-shadow-pinboard .hover-icon:after  { box-shadow: 0 0 0 4px #0000e6 !important; }
.box-shadow-openid .hover-icon:after  { box-shadow: 0 0 0 4px #616365 !important; }
.box-shadow-quora .hover-icon:after  { box-shadow: 0 0 0 4px #a82400 !important; }
.box-shadow-soundcloud .hover-icon:after  { box-shadow: 0 0 0 4px #ff3300 !important; }
.box-shadow-tumblr .hover-icon:after  { box-shadow: 0 0 0 4px #35465c !important; }
.box-shadow-eventasaurus .hover-icon:after  { box-shadow: 0 0 0 4px #eb5a46 !important; }
.box-shadow-wordpress .hover-icon:after  { box-shadow: 0 0 0 4px #21759b !important; }
.box-shadow-yelp .hover-icon:after  { box-shadow: 0 0 0 4px #af0606 !important; }
.box-shadow-intensedebate .hover-icon:after  { box-shadow: 0 0 0 4px #2b96f1 !important; }
.box-shadow-eventbrite .hover-icon:after  { box-shadow: 0 0 0 4px #34495e !important; }
.box-shadow-scribd .hover-icon:after  { box-shadow: 0 0 0 4px #1a7bba !important; }
.box-shadow-posterous .hover-icon:after  { box-shadow: 0 0 0 4px #96bf48 !important; }
.box-shadow-stripe .hover-icon:after  { box-shadow: 0 0 0 4px #00afe1 !important; }
.box-shadow-opentable .hover-icon:after  { box-shadow: 0 0 0 4px #eb4924 !important; }
.box-shadow-cart .hover-icon:after  { box-shadow: 0 0 0 4px #e74a1e !important; }
.box-shadow-print .hover-icon:after  { box-shadow: 0 0 0 4px #e74a1e !important; }
.box-shadow-angellist .hover-icon:after  { box-shadow: 0 0 0 4px #f97200 !important; }
.box-shadow-dwolla .hover-icon:after  { box-shadow: 0 0 0 4px #828a87 !important; }
.box-shadow-appnet .hover-icon:after  { box-shadow: 0 0 0 4px #00afe1 !important; }
.box-shadow-statusnet .hover-icon:after  { box-shadow: 0 0 0 4px #595a5c !important; }
.box-shadow-acrobat .hover-icon:after  { box-shadow: 0 0 0 4px #e74635 !important; }
.box-shadow-drupal .hover-icon:after  { box-shadow: 0 0 0 4px #0077c0 !important; }
.box-shadow-buffer .hover-icon:after  { box-shadow: 0 0 0 4px #76b852 !important; }
.box-shadow-pocket .hover-icon:after  { box-shadow: 0 0 0 4px #d3505a !important; }
.box-shadow-bitbucket .hover-icon:after  { box-shadow: 0 0 0 4px #205081 !important; }
.box-shadow-lego .hover-icon:after  { box-shadow: 0 0 0 4px #61b3de !important; }
.box-shadow-login .hover-icon:after  { box-shadow: 0 0 0 4px #e74a1e !important; }
.box-shadow-stackoverflow .hover-icon:after  { box-shadow: 0 0 0 4px #fe7a15 !important; }
.box-shadow-hackernews .hover-icon:after  { box-shadow: 0 0 0 4px #2ebd59 !important; }
.box-shadow-lkdto .hover-icon:after  { box-shadow: 0 0 0 4px #595a5c !important; }


/* -07-  [ Heights ]-----------------------------------------*/

/*	- Box Heights
    
-------------------------------------------------------------*/
.height-0 {
    height: 0px !important;
}
.height-10 {
    height: 10px !important;
}
.height-20 {
    height: 20px !important;
}
.height-30 {
    height: 30px !important;
}
.height-40 {
    height: 40px !important;
}
.height-50 {
    height: 50px !important;
}
.height-60 {
    height: 60px !important;
}
.height-70 {
    height: 70px !important;
}
.height-80 {
    height: 80px !important;
}
.height-90 {
    height: 90px !important;
}
.height-100 {
    height: 100px !important;
}
.height-200 {
    height: 200px !important;
}
.height-300 {
    height: 300px !important;
}
.height-400 {
    height: 400px !important;
}
.height-500 {
    height: 500px !important;
}
.height-600 {
    height: 600px !important;
}
.height-700 {
    height: 700px !important;
}
.height-800 {
    height: 800px !important;
}
.height-900 {
    height: 900px !important;
}
.height-1000 {
    height: 1000px !important;
}

/* -08-  [ Public Colos ]----------------------------------*/
.white,
body .white,
body .white h1,
body .white h2,
body .white h3,
body .white h4,
body .white h5,
body .white h6,
body .white p,
body .white i,
body .white a
{ color: #fff !important; }

.black,
body .black,
body .black h1,
body .black h2,
body .black h3,
body .black h4,
body .black h5,
body .black h6,
body .black p
{ color: #000 !important; }
.gray,
body .gray,
body .gray h1,
body .gray h2,
body .gray h3,
body .gray h4,
body .gray h5,
body .gray h6,
body .gray p,
body .gray i,
body .gray a
{ color: #8d8f92 !important; }

.gray-light,
body .gray-light,
body .gray-light h1,
body .gray-light h2,
body .gray-light h3,
body .gray-light h4,
body .gray-light h5,
body .gray-light h6,
body .gray-light p,
body .gray-light i,
body .gray-light a
{ color: #cacaca !important; }

.color,
body .color,
body .color h1,
body .color h2,
body .color h3,
body .color h4,
body .color h5,
body .color h6,
body .color p,
body .color i,
body .color a
{ color: #28a8d3 !important; }


/* -09-  [ Forms ]----------------------------------*/
.well {
    min-height:20px;
    margin-bottom:20px;
    background-color:#f5f5f5;
    border:1px solid #e3e3e3;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
    padding:20px;
}
.well blockquote {
    border-color:rgba(0,0,0,.15);
}
.well-lg {
    border-radius:3px;
    padding:20px;
}
.panel-group {
    margin-bottom: 18px;
}
.panel-group .panel-heading {
    padding: 13px 18px 10px 22px;
}
.panel-group .panel-heading.collapsed {
    background-color: #fff;
}
.panel-group .panel-heading+.panel-collapse .panel-body {
    border: 0;
}
.panel-group .panel-heading .panel-title {
    width: 100%;
}
.panel-group .panel-heading .panel-title>a {
    color: #626262;
    font-size: 13px;
    font-weight: normal;
    display: block;
    opacity: 1;
}
.panel-group .panel-heading .panel-title>a:hover {
    color: #626262!important;
}
.panel-group .panel-heading .panel-title>a:hover:after {
    color: #626262!important;
}
.panel-group .panel-heading .panel-title>a:after {
    font-family: 'FontAwesome';
    content: "\f056";
    position: absolute;
    right: 13px;
    top: 36%;
    color: #626262;
}
.panel-group .panel-heading .panel-title>a.collapsed {
    color: rgba(98,98,98,0.7);
    opacity: 1;
}
.panel-group .panel-heading .panel-title>a.collapsed:after {
    content: "\f055";
    color: rgba(98,98,98,0.7);
}
.panel-group .panel+.panel {
    margin-top: 2px;
}
.panel-group .panel .panel-body {
    height: auto;
}
.nav-pills>li>a {
    border-radius: 0;
    color: #626262;
}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    color: #626262;
    background-color: #e6e6e6;
}
@media (max-width: 767px) {
    .nav.nav-tabs.nav-stack-sm li {
        float: none;
    }

    .nav.nav-tabs.nav-stack-sm.nav-tabs-linetriangle>li.active>a:after,.nav.nav-tabs.nav-stack-sm.nav-tabs-linetriangle>li.active>a:before {
        display: none;
    }
}

.form-tip {font-size: 13px !important;}
label,input,button,select,textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
input[type="radio"],input[type="checkbox"] {
    margin-top: 1px 0 0;
    line-height: normal;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select[multiple],select[size] {height: auto!important;}
input:focus,select:focus,textarea:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
form legend {margin: 15px 0px 10px 0px;}

/* ------ [ Form Control ] ------------*/
.form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #bbb;
    /*font-family: Arial,sans-serif;*/
    -webkit-appearance: none;
    color: #222;
    outline: 0;
    height: 40px;
    padding: 10px 12px;
    line-height: normal;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    min-height: 40px;
    -webkit-transition: all 0.12s ease;
    transition: all 0.12s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: background 0.2s linear 0s;
    transition: background 0.2s linear 0s;
}
.form-control:focus {
    border-color: #222;
    background-color: #f0f0f0;
    outline: 0!important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control:focus::-moz-placeholder {
    color: inherit;
    opacity: 0.7;
}
.form-control:focus:-ms-input-placeholder {
    color: inherit;
    opacity: 0.7;
}
.form-control:focus::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.7;
}
.form-control::-moz-placeholder {
    color: inherit;
    opacity: 0.33;
}
.form-control:-ms-input-placeholder {
    color: inherit;
    opacity: 0.33;
}
.form-control::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.33;
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background: #f8f8f8;
    color: rgba(98,98,98,0.23);
}
/* ------ [ Inputs Styles ] ------------*/
.md-label {
  display: block;
  font-size: 14px;
  transform: translateY(25px);
  transition: all 0.5s;
  padding-left: 4px;
}

.md-input {
  position: relative;
  background: transparent;
  width: 100%;
  border: none;
  outline: none;
  padding: 8px 0;
  font-size: 16px;
  resize: none;
  font-weight: bold;
}

.md-div {
  padding: 0;
  position: relative;
  transition: all 0.5s;
}

.md-div:after,
.md-div:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.09);
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}
.md-div::after {
  background-color: #fff;
  transform: scaleX(0);
}
.is-active, .is-completed {padding: 15px 0 0 0;}
.is-active::after {transform: scaleX(1);
}

.is-active .md-label {}
.is-completed .md-label {
  font-size: 12px;
  transform: translateY(0);
  padding:0;
}
.input-sm,.form-horizontal .form-group-sm .form-control {
    font-size: 13px;
    min-height: 32px;
    height: 32px;
    padding: 8px 9px;
}
.input-lg,.form-horizontal .form-group-lg .form-control {
    border-radius: 3px;
    font-size: 18px;
    height: 45px;
    padding: 11px 13px;
}
.input-lg {font-size: 15px !important;}
.input-xlg {
    height: 51px;
    font-size: 18px;
    line-height: 22px;
}
/* ------ [ Radio, Checkbox ] ------------*/
.radio,.checkbox {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 0px;
}
.radio label,.checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px!important;
    margin-right: 15px;
    font-size: 13px;
}
.radio label:before,.checkbox label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
}
.radio label {
    margin-bottom: 6px;
}
.radio label:before {
    bottom: 2.5px;
    border-radius: 99px;
    -webkit-transition: border 0.3s 0s cubic-bezier(0.455,0.03,0.215,1.33);
    transition: border 0.3s 0s cubic-bezier(0.455,0.03,0.215,1.33);
}
.radio input[type=radio]:checked+label:before {
    border-width: 5px;
}
.radio input[type=radio] {
    display: none;
}
.radio input[type=radio][disabled]+label {
    opacity: 0.65;
}
.radio.radio-success input[type=radio]:checked+label:before {
    border-color: #10cfbd;
}
.radio.radio-primary input[type=radio]:checked+label:before {
    border-color: #6d5cae;
}
.radio.radio-info input[type=radio]:checked+label:before {
    border-color: #3b4752;
}
.radio.radio-warning input[type=radio]:checked+label:before {
    border-color: #f8d053;
}
.radio.radio-danger input[type=radio]:checked+label:before {
    border-color: #f55753;
}
.radio.radio-complete input[type=radio]:checked+label:before {
    border-color: #48b0f7;
}
.checkbox input[type=radio][disabled]+label:after {
    background-color: #e6e6e6;
}
.checkbox label {
    transition: border 0.2s linear 0s,color 0.2s linear 0s;
    white-space: nowrap;
}
.checkbox label:before {
    top: 2px;
    border-radius: 3px;
    transition: border 0.2s linear 0s,color 0.2s linear 0s;
}
.checkbox label::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 1.2px;
    top: 0px;
    font-size: 11px;
    transition: border 0.2s linear 0s,color 0.2s linear 0s;
}
.checkbox label:after {border-radius: 3px;}
.checkbox input[type=checkbox] {display: none;}
.checkbox.checkbox-circle label:after {border-radius: 99px;}
.checkbox.checkbox-circle label:before {border-radius: 99px;}
.checkbox input[type=checkbox]:checked+label:before {border-width: 8px;}
.checkbox input[type=checkbox]:checked+label::after {
    font-family: 'FontAwesome';
    content: "\F00C";
    color: #fff;
}
.checkbox input[type=checkbox][disabled]+label {opacity: 0.65;}
.checkbox input[type=checkbox][disabled]+label:before {background-color: #eceff3;}
.checkbox.right label {
    margin-right: 35px;
    padding-left: 0!important;
}
.checkbox.right label:before {
    right: -35px;
    left: auto;
}
.checkbox.right input[type=checkbox]:checked+label {position: relative;}
.checkbox.right input[type=checkbox]:checked+label::after {
    font-family: 'FontAwesome';
    content: "\F00C";
    position: absolute;
    right: -27px;
    left: auto;
}
.checkbox.check-success input[type=checkbox]:checked+label:before {
    border-color: #10cfbd;
}
.checkbox.check-primary input[type=checkbox]:checked+label:before {
    border-color: #6d5cae;
}
.checkbox.check-complete input[type=checkbox]:checked+label:before {
    border-color: #48b0f7;
}
.checkbox.check-warning input[type=checkbox]:checked+label:before {
    border-color: #f8d053;
}
.checkbox.check-danger input[type=checkbox]:checked+label:before {
    border-color: #f55753;
}
.checkbox.check-info input[type=checkbox]:checked+label:before {
    border-color: #3b4752;
}
.checkbox.check-success input[type=checkbox]:checked+label::after,.checkbox.check-primary input[type=checkbox]:checked+label::after,.checkbox.check-complete input[type=checkbox]:checked+label::after,.checkbox.check-warning input[type=checkbox]:checked+label::after,.checkbox.check-danger input[type=checkbox]:checked+label::after,.checkbox.check-info input[type=checkbox]:checked+label::after {
    color: #ffffff;
}
.input-group.transparent .input-group-addon {
    background-color: transparent;
    border-color: rgba(0,0,0,0.07);
}

@media only screen and (min-width: 768px) {
    form .row {
        margin-left: 0;
        margin-right: 0;
    }

    form .row [class*='col-']:not(:first-child),form .row [class*='col-']:not(:last-child) {
        padding-right: 7px;
        padding-left: 7px;
    }

    form .row [class*='col-']:first-child {
        padding-left: 0;
    }

    form .row [class*='col-']:last-child {
        padding-right: 0;
    }
}
/* ------ [ Form Group ] ------------*/
.form-horizontal .form-group {
    border-bottom: 1px solid #e6e6e6;
    padding-top: 19px;
    padding-bottom: 19px;
    margin-bottom: 0;
}

.form-horizontal .form-group:last-child {
    border-bottom: none;
}

.form-horizontal .form-group:hover .control-label {
    opacity: .6;
}

.form-horizontal .form-group.focused .control-label {
    opacity: 1;
}

.form-horizontal .form-group .control-label {
    text-align: left;
    opacity: .42;
    -webkit-transition: opacity ease 0.3s;
    transition: opacity ease 0.3s;
}

.form-group-attached .form-group.form-group-default {
    border-radius: 0;
    margin-bottom: 0;
}

.form-group-attached>div {
    margin: 0;
}

.form-group-attached>div:first-child.row>[class*='col-']:first-child .form-group-default {
    border-top-left-radius: 2px;
}

.form-group-attached>div:first-child.row>[class*='col-']:last-child .form-group-default {
    border-top-right-radius: 2px;
}

.form-group-attached>div:first-child.form-group-default {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.form-group-attached>div:last-child.row>[class*='col-']:first-child .form-group-default {
    border-bottom-left-radius: 2px;
}

.form-group-attached>div:last-child.row>[class*='col-']:last-child .form-group-default {
    border-bottom-right-radius: 2px;
}

.form-group-attached>div:last-child.form-group-default {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.form-group-attached>div.row>[class*='col-'] {
    padding-right: 0!important;
    padding-left: 0!important;
}

.form-group-attached>div.row>[class*='col-']>.form-group-default {
    display: table;
    width: 100%;
}

.form-group-attached>div.row>[class*='col-']:not(:only-child):not(:last-child)>.form-group-default {
    border-right-color: transparent;
}

.form-group-attached>div:not(:last-child) .form-group-default,.form-group-attached>div:not(:last-child).form-group-default {
    border-bottom-color: transparent;
}

@media (max-width: 767px) {
    .form-group-attached .form-group-default {
        border-right-color: rgba(0,0,0,0.07)!important;
    }
}

@media only screen and (min-width: 768px) {
    .form-group-attached>div.row {
        display: table;
        width: 100%;
    }

    .form-group-attached>div.row>[class*='col-'] {
        display: table-cell;
        height: 100%;
        float: none;
        vertical-align: top;
    }

    .form-group-attached>div.row>[class*='col-'] .form-group {
        height: 100%;
        width: 100%;
    }
}

.form-group {
    margin-bottom: 10px;
}

.form-group label:not(.error) {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
}

.form-group label .help {
    margin-left: 8px;
}

.form-group .help {
    font-size: 12px;
    color: rgba(98,98,98,0.55);
}

.form-group-default {
    background-color: #fff;
    position: relative;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 2px;
    padding-top: 7px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px;
    overflow: hidden;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.form-group-default.required:after {
    color: #f55753;
    content: "*";
    font-family: arial;
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 9px;
}

.form-group-default.disabled {
    background: #f8f8f8;
    color: rgba(98,98,98,0.23);
}

.form-group-default.disabled input {
    opacity: .6;
}

.form-group-default.disabled.focused {
    background: #f8f8f8;
}

.form-group-default.disabled.focused label {
    opacity: 1;
}

.form-group-default.focused {
    border-color: rgba(0,0,0,0.1)!important;
    background-color: #f0f0f0;
}

.form-group-default.focused label {
    opacity: .4;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.form-group-default.has-error {
    background-color: rgba(245,87,83,0.1);
}

.form-group-default.has-success .form-control-feedback,.form-group-default.has-error .form-control-feedback {
    display: none!important;
}

.form-group-default.has-success .form-control,.form-group-default.has-success .form-control:focus,.form-group-default.has-error .form-control,.form-group-default.has-error .form-control:focus {
    border: none;
    box-shadow: none;
}

.form-group-default.input-group {
    padding: 0;
}

.form-group-default.input-group>label {
    margin-top: 6px;
    padding-left: 12px;
}

.form-group-default.input-group>.form-control {
    margin-top: -2px;
    margin-bottom: 3px;
    padding-left: 12px;
}

.form-group-default.input-group .input-group-addon {
    height: calc(50px);
    min-width: calc(50px);
    border-radius: 0;
    border: none;
}

.form-group-default.input-group.focused .input-group-addon {
    border-color: rgba(0,0,0,0.1);
}

.form-group-default.input-group-attached {
    position: relative;
}

.form-group-default.input-group-attached .input-group-btn {
    right: -1%;
}

.form-group-default.input-group-attached .input-group-btn>.btn {
    position: absolute;
    right: -100%;
    top: 0;
    height: 100%;
}

.form-group-default .form-control {
    border: none;
    height: 25px;
    min-height: 25px;
    padding: 0;
    margin-top: -4px;
    background: none;
}

.form-group-default .form-control.error {
    color: #2c2c2c;
}

.form-group-default .form-control:focus {
    background: none;
}

.form-group-default textarea.form-control {
    padding-top: 5px;
}

.form-group-default label {
    margin: 0;
    display: block;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.form-group-default label.label-lg {
    font-size: 13px;
    left: 13px;
    top: 9px;
}

.form-group-default label.label-sm {
    font-size: 11px;
    left: 11px;
    top: 6px;
}

.form-group-default label.highlight {
    opacity: 1;
}

.form-group-default label.fade {
    opacity: .5;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.form-group-default>.input-lg {
    height: 29px;
    min-height: 29px;
    padding-left: 1px;
}

.form-group-default>.input-sm {
    min-height: 18px;
    height: 18px;
}

.form-group-default.form-group-default-select2 {
    padding: 0;
}

.form-group-default.form-group-default-select2>label {
    position: absolute;
    z-index: 10;
    padding: 7px 12px 0 12px;
}

.form-group-default.form-group-default-select2>label.label-lg {
    left: 0;
    top: 0;
}

.form-group-default.form-group-default-select2>label.label-sm {
    left: 0;
    top: 0;
}

.form-group-default.form-group-default-select2 .select2-container .select2-choice {
    padding-top: 20px;
    height: 52px;
}

.form-group-default.form-group-default-select2 .select2-container .select2-choice .select2-arrow b:before {
    top: 20px;
}

.form-group-default.form-group-default-select2 .select2-container .select2-choice .select2-chosen {
    padding-left: 3px;
    padding-top: 1px;
}

.form-group-default.form-group-default-select2 .select2-container .select2-choices {
    padding-top: 20px;
    height: 52px;
    border: 0px;
}

.form-group-default.form-group-default-select2>.input-lg {
    height: auto;
    padding: 0;
}

.form-group-default.form-group-default-select2>.input-lg .select2-choice {
    padding-top: 20px;
    height: 56px;
}

.form-group-default.form-group-default-select2>.input-sm {
    height: auto;
    padding: 0;
}

.form-group-default.form-group-default-select2>.input-sm .select2-choice {
    padding-top: 20px;
    height: 46px;
}

.form-group-default.form-group-default-selectFx {
    padding: 0;
}

.form-group-default.form-group-default-selectFx>label {
    position: absolute;
    z-index: 10;
    padding: 7px 12px 0 12px;
}

.form-group-default.form-group-default-selectFx>label.label-lg {
    left: 0;
    top: 0;
}

.form-group-default.form-group-default-selectFx>label.label-sm {
    left: 0;
    top: 0;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-placeholder {
    padding-top: 28px;
    height: 52px;
    padding-left: 12px;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select {
    height: auto;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select>span:after,.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select .cs-selected span:after {
    top: 39px;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-lg .cs-placeholder {
    height: 60px;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-sm .cs-placeholder {
    height: 50px;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .dropdown-placeholder {
    vertical-align: top;
}

/* -10-  [ Top Bar ]----------------------------------*/
.top-bar{
    min-height: 40px;
    background: #fbfbfb;
    border-bottom: 1px solid rgba(0,0,0, .05);
    font-size: 12px;
}
.top-links{
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}
.top-links li{
    float: left;
    border-left: 1px solid rgba(0,0,0, .05);
}
.top-links li:last-child{
    border-right: 1px solid rgba(0,0,0, .05);
}
.top-links li .fa{
    font-size: 14px;
    position: relative;
    top: 1px;
}
.top-links li .tooltip{
    text-transform: none;
    letter-spacing: normal;
    z-index: 2003;
    
}
.top-links li a{
    display: block;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-decoration: none;
    text-align: center;
    color: #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.top-links li a:hover{
    color: #555;
    background-color: rgba(0,0,0, .02);
}

.top-bar.bg-dark{
    border-bottom: none;
}
.top-bar.bg-dark .top-links li,
.top-bar.bg-dark .top-links li:last-child{
    border-color: rgba(255,255,255, .07);
}
.top-bar.bg-dark .top-links li a{
    color: #aaa;
}
.top-bar.bg-dark .top-links li a:hover{
    color: #ccc;
    background-color: rgba(255,255,255, .05);
}

/* -11-  [ Header ]----------------------------------*/
/* ------ [ Logo ] ------------*/
.nav-logo-wrap{
    float: left;
    margin-right: 20px;
}
.nav-logo-wrap .logo-container{
    display: table-cell;
    vertical-align: middle;
    width: 248px;
    height: 150px;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
/* ------ [ Float Logo ] ------------*/
.float-none.nav-logo-wrap .logo-container{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
    padding-top: 30px;
}
.nav-logo-wrap .logo img{}
.nav-logo-wrap .logo:before,
.nav-logo-wrap .logo:after{display: none;}
.nav-logo-wrap .logo {
    display: inline-block;
    float: left;
}
.nav-logo-wrap .more-about-icon {
    float: right;
    color: #fff;
    font-size: 40px;
    line-height: 0px;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.nav-logo-wrap .more-about-icon:hover {
    color: rgba(255,255,255,.5);
}
.logo,
a.logo:hover{
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-decoration: none;
    color: rgba(0,0,0, .9);
}
/* ------ [ Main Navigation ] ------------*/
.main-nav{
    width: 100%;
    height: 150px !important;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    background: rgba(255,255,255, .97);
    z-index: 9999999;
    -webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    font-family: 'Spartan', sans-serif;
}
.bg-white  a,
.bg-white i,
.bg-white {
    color: #333;
}

.bg-white .owl-prev,
.bg-white .owl-next {
    background: rgba(0,0,0,.06);
}
.bg-white .owl-prev .fa, .bg-white .owl-next .fa  {
    color: #92979b;
}
.main-nav.bg-white {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.05);
    box-shadow:  0 1px 0 rgba(0,0,0,.05);
}
.bg-white .mn-sub a,
.bg-white .mn-sub i,
.bg-white  {
    
}
/* ------ [ Header Small ] ------------*/
.small-height{
    height: 60px !important;
    border-bottom: none !important;
}
.small-height .btn{
    margin-top: 13px !important;
}
.small-height .showsearch {
    height: 60px;
  	line-height: 60px;
}
.small-height .inner-nav ul li a{
    height: 60px !important;
    line-height: 60px !important;
    font-size: 14px;
}
.small-height .logo-container{
    height: 60px !important;
    line-height: 50px;
    display: table-cell;
    vertical-align: middle;
}
.small-height .logo img {
    width: 70%;
    margin-top: 4px;
}
.small-height .more-about-icon {
    line-height: 60px;
    height: 60px !important;
}
/* ------ [ Inner Navigation ] ------------*/
.inner-nav{
    display: inline-block;
    float: right;
    z-index: 99999999 !important;
}
.inner-nav ul{
    float: right;
    margin: auto;
    font-size: 11px;
    text-transform: capitalize;
    text-align: center;
    line-height: 1.3;
}
.inner-nav ul.uppercase a{
    text-transform: uppercase;
}
.inner-nav ul  li{
    float: left;
    margin-left: 30px;
    position: relative;
}
.inner-nav ul li a, .side-nav-btn a{
    font-size: 15px;
    color: #313035;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    cursor: pointer;
}
.inner-nav ul > li:first-child > a{}
.inner-nav ul li a i {
    margin-left: 10px;
    font-size: 13px;
}
.inner-nav ul li a:hover,
.inner-nav ul li a.active{
    color: #000;
    text-decoration: none;
}
.inner-nav ul li.current_page_item a {
    border-bottom: 1px solid #fff;
    color: #fff;
}

/* ------ [ Category Navigation ] ------------*/
.cat-navigation {height: 60px !important;}
.cat-navigation .inner-nav{
    display: inline-block;
    position: relative;
    float: none;
}
.cat-navigation .inner-nav ul li {
    float: left;
    margin-right: 40px;
    margin-left: 0px;
}
.cat-navigation.main-nav .inner-nav ul li a {
    line-height: 60px !important;
    height: 60px !important;
}
.cat-navigation.main-nav .inner-nav ul li .mn-sub li a{
    line-height: 1.5 !important;
    height: auto !important;
}
/* ------ [ Description Navigation ] ------------*/
.main-nav.nav-tiny {
    height: 98px!important;
    border-bottom: none !important;
}
.nav-tiny .nav-logo-wrap .logo-container,
.nav-tiny .showsearch {
    line-height: 98px !important;
    height: 98px !important;
}
.main-nav.nav-tiny.mini-nav .inner-nav ul li ul {
    top: 75px !important;
}
.nav-tiny .inner-nav ul li a  {
    line-height: 75px !important;
    height: 75px !important;
    font-size: 15px !important;
    font-weight: 400px !important;
    text-align: left;
    opacity: 0.9 !important;
}
.nav-tiny .inner-nav ul li a:hover {
    border: none !important;
}
.nav-tiny .inner-nav .item-desc {
    display: block;
    font-size: 12px !important ;
    font-weight: 400 !important;
    line-height: 0px !important;
    margin-top: -15px;
    color: inherit !important;
    opacity: 0.7 !important;
}
.main-nav.nav-tiny.mini-nav {
    height: 60px!important;
}
.main-nav.nav-tiny.mini-nav .nav-logo-wrap .logo-container{
    line-height: 60px !important;
    height: 60px !important;
}
.main-nav.nav-tiny.mini-nav .showsearch {
    line-height: 55px !important;
    height: 55px !important;
}
.main-nav.nav-tiny.mini-nav .inner-nav ul li ul {
    top: 60px !important;
}
.main-nav.nav-tiny.mini-nav .inner-nav ul li a  {
    line-height: 42px !important;
    height: 60px !important;
    font-size: 13px !important;
    font-weight: 400px !important;
}
.main-nav.nav-tiny .inner-nav ul li .mn-sub li a {
    line-height: 1.8 !important;
    height: auto !important;
    padding: 10px 15px !important;
}
.main-nav.nav-tiny.mini-nav .inner-nav .item-desc {
    margin-top: -6px;
    font-size: 11px;
}
/* ------ [ Description Navigation Small ] ------------*/
.main-nav.nav-tiny.small-height {
    height: 58px!important;
}
.main-nav.nav-tiny.small-height .logo img {
    margin: 0px;
}
.nav-tiny.small-height .nav-logo-wrap .logo-container,
.nav-tiny.small-height .showsearch {
    line-height: 55px !important;
    height: 55px !important;
}
.nav-tiny.small-height .inner-nav ul li a  {
    line-height: 38px !important;
    height: 38px !important;
}
.nav-tiny.small-height .inner-nav .item-desc {
    margin-top: 0px;
}
.main-nav.nav-tiny.mini-nav.small-height {
    height: 60px!important;
}
.main-nav.nav-tiny.mini-nav.small-height .nav-logo-wrap .logo-container,
.main-nav.nav-tiny.mini-nav.small-height .showsearch {
    line-height: 55px !important;
    height: 55px !important;
}
.main-nav.nav-tiny.mini-nav.small-height .logo img {
    margin: 0px;
}
.main-nav.nav-tiny.mini-nav.small-height .inner-nav ul li a  {
    line-height: 42px !important;
    height: 45px !important;
}
.main-nav.nav-tiny.mini-nav.small-height .inner-nav .item-desc {
    margin-top: -7px !important;
}
/* ------ [ Tigher Overlay Button ] ------------*/
#trigger-overlay {
    cursor: pointer;
}
/* ------ [ Centered Navigation] ------------*/
.centered-nav {
    line-height: normal !important;
    height: auto !important;
}
.centered-nav .inner-nav {
    width: 100% !important;
    float: none !important;
    text-align: center;
}
.centered-nav .inner-nav ul {
    float: none !important;
}
.centered-nav .inner-nav li {
    display: inline-block !important;
    float: none;
    margin-left: 30px;
    margin-right: 30px;
}
.centered-nav .inner-nav li a {
    line-height: normal !important;
    height: auto !important;
}
/* ------ [ Sub Menu ] ------------*/
.mn-sub{
    display: none;
    width: 220px;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    background: rgba(0, 0, 0, .90);
}
.mn-sub li{
    display: block;
    width: 100%;
    margin: 0 !important;
}
.inner-nav ul li .mn-sub li a{
    display: block;
    width: 100%;
    height: auto !important;
    line-height: 1.8 !important;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    text-transform: none;
    border-left: none;
    border-right: none;
    letter-spacing: 0;
    color: #f5f5f5 !important;
    cursor: pointer;
	text-transform:uppercase;
}
.inner-nav ul li .mn-sub li h5{
    display: block;
    width: 100%;
    height: auto !important;
    line-height: 1.8 !important;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    text-transform: none;
    border-left: none;
    border-right: none;
    letter-spacing: 0;
    color: #f5f5f5 !important;
    cursor: pointer;
}
.bg-white .inner-nav ul li .mn-sub li a i  {
    color: #fff !important;
}
.mobile-on .mn-has-multi > li:last-child > a{
    border-bottom: 1px solid rgba(255,255,255, .065) !important;
}
.mn-sub li a:hover,
.inner-nav ul li .mn-sub li a:hover,
.mn-sub li a.active{
    background: rgba(255,255,255, .09);
    /*color: #facf00 !important;*/
    color: #fff !important;
}

.mn-sub li ul{
    left: 100%;
    right: auto;
    top: 0;
}
.inner-nav > ul > li:last-child .mn-sub,
.inner-nav li .mn-sub.to-left{
    left: auto;
    right: 0;
}
.inner-nav li:last-child .mn-sub li ul,
.inner-nav li .mn-sub li ul.to-left{
    left: auto;
    right: 100%;
    top: 0;
    border-left: none;
}
.mobile-on .inner-nav li:last-child .mn-sub li ul{
    left: auto;
    right: auto;
    top: 0;
}
.mn-wrap{
    padding: 8px;
}
/* ------ [ Sub Menu Multi ] ------------*/
.mn-has-multi{
    width: auto !important;
    padding: 10px;
    text-align: left;
    white-space: nowrap;
}
.mn-sub-multi{
    width: 185px !important;
    overflow: hidden;
    white-space: normal;
    float: none !important;
    display: inline-block !important;
    vertical-align: top;
}
/* ------ [ Full Navigation Mega Menu ] ------------*/
.full-nav .mn-has-mega {
}
.full-nav .mn-has-multi {
}
.full-nav .mn-sub-multi{
    width: 220px !important;
}
.mn-sub-multi > ul{
    width: auto;
    margin: 0;
    padding: 0;
    float: none;
    overflow: hidden;
}


.back-button {
	position: absolute;
	top: 0px;
	left: 20px;
	background: transparent;
	border: none;
	color: #fff;
	font-size: 32px;
	line-height: 100px;
	height: 100px;
}
.small-height .back-button {
	line-height: 60px;
	height: 60px;
}
/* ------ [ Mobile Menu ] ------------*/
.mn-group-title{
    font-weight: 700;
    text-transform: uppercase;
    color: #fff !important;
}
.mn-group-title:hover{
    background: none !important;
}
.mobile-on .mn-sub-multi > ul{
    left: auto;
    right: auto;
    border: none;
}
.mobile-on .mn-sub-multi{
    display: block;
    width: 100% !important;
}
.mobile-on .mn-sub-multi > ul > li:last-child > a{
    border: none !important;
}
.mobile-on .mn-sub > li:last-child > a{
    border: none !important;
}
.mobile-on .mn-sub-multi:last-child > ul{
    border-bottom: none !important;
}
.mobile-on .desktop-nav{
    display: none;
    width: 120%;
    position: absolute;
    top: 100%;
    left: -10px;
    padding: 0 25px;
    
    z-index: 100;
}
.mobile-on .full-wrapper .desktop-nav{
    padding: 0;
}
.mobile-on .desktop-nav ul{
    width: 120%;
    float: none;
    background: rgba( 0, 0, 0, .8);
    position: relative;
    overflow-x: hidden;
}
.mobile-on .desktop-nav > ul{
    overflow-y: auto;
}
.mobile-on .desktop-nav ul li{
    display: block;
    float: none !important;
    overflow: hidden;
}
.mobile-on .desktop-nav ul li ul{
    padding: 0;
    border-bottom: 1px solid rgba( 0, 0, 0, .3);
}
.mobile-on .desktop-nav ul li a{
    display: block;
    width: 120%;
    height: 50px !important;
    line-height: 45px !important;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 30px;
    text-align: left;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgba( 0, 0, 0, .3);
    color: #f7f7f7;
    cursor: pointer;
}
.mobile-on .desktop-nav ul li a:hover,
.mobile-on .desktop-nav ul li a.active{
    background: rgba(255,255,255, .03);
    color: #ddd;
}
/* Mobile Menu sub */
.mobile-on .mn-has-sub > .fa{
    display: block;
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
    text-align: center;
    border: 1px solid rgba(255,255,255, .1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.mobile-on .js-opened > .mn-has-sub > .fa{
    border-color: rgba(255,255,255, .4);
    line-height: 14px;
}
.mobile-on .inner-nav li{
    margin: 0 !important;
}
.mobile-on .mn-sub{
    display: none;
    opacity: 0;
    position: relative;
    left: 0 !important;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: none !important;
    border-right: none !important;
    border-top: none ;
    z-index: 10;
}
.mobile-on .mn-sub li{
    padding-left: 10px;
}
.inner-nav li.js-opened .mn-sub{
    opacity: 1;
}
.mobile-nav{
    display: none;
    float: right;
    vertical-align: middle;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    border-left: 1px solid rgba(0,0,0, .05);
    border-right: 1px solid rgba(0,0,0, .05);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property:  background, color;
}
.mobile-nav:hover,
.mobile-nav.active{
    background: #fff;
    color: #777;
}
.mobile-nav:active{
    -webkit-box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
    -moz-box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
    box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
}
.no-js .mobile-nav{
    width: 55px;
    height: 55px;
}
.mobile-on .mobile-nav{
    display: table;
        -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.mobile-nav .fa{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 21px;
}
.mobile-on .mn-has-multi{
    width: auto;
    padding: 0;
    text-align: left;
    white-space: normal;

}
.mobile-on .mn-sub{
    width: 100%;
    float: none;
    position: relative;
    overflow-x: hidden;

}
/* ------ [ Menu Active Item ] ------------*/
.inner-nav.active-alt ul > li > a{
    padding-right: 30px !important;
    padding-left: 30px !important;
    text-align: center;
}
.inner-nav.active-alt ul li {
    margin-left: 0px !important;
}
.inner-nav.active-alt ul > li > a:hover,
.inner-nav.active-alt ul > li > a.active{
    border-bottom: none !important;
    background: rgba(0, 0, 0, .09);
}

.inner-nav.active-alt-2 ul > li > a{
    text-align: center;
}
.inner-nav.active-alt-2 ul li {
}
.inner-nav.active-alt-2 ul > li > a:hover,
.inner-nav.active-alt-2 ul > li > a.active{
    border-bottom: 2px solid #28a8d3 !important;
}
/* ------ [ Dark Navigation ] ------------*/
.main-nav.dark{
    background-color: rgba(147,149,152, .95);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:  none;
}
.main-nav.dark.white-border{
    border-bottom: 1px solid rgba(255,255,255, .3);
}
.main-nav.dark .mobile-nav{
    background-color: transparent;
    border-color: transparent;
    color: rgba(255,255,255, .9);
}
.main-nav.dark .mobile-nav:hover,
.main-nav.dark .mobile-nav.active{
    color: #fff;
}
.main-nav.mobile-on.dark .inner-nav{
    border-top: 1px solid rgba(100,100,100, .4);
}
.main-nav.dark .logo,
.main-nav.dark a.logo:hover{
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    color: rgba(255,255,255, .9);
}
.main-nav.dark .mn-sub{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:  none;
}
/* ------ [ Transparent Navigation style ] ------------*/
.main-nav.transparent{
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
}
.main-nav.transparent.small-height{
    background: rgba(0,0,0,.8) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
}
.main-nav.transparent.border-none {
    border: none !important;
}
.main-nav.js-transparent{
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
/* ------ [ Navigation Wraped ] ------------*/
.main-nav.dark.wrapped{
    background: transparent !important;
}
.main-nav.js-transparent.dark.wrapped.small-height {
    background: rgba(0, 0, 0, 0.0) !important;
}
.main-nav.dark .inner-nav ul > li > a{
    color: rgba(255,255,255, 1);
}
.main-nav .inner-nav ul > li > a i {
    margin-right: 10px;
}
.main-nav.dark .inner-nav ul > li > a:hover,
.main-nav.dark .inner-nav ul > li > a.active{
    color: #fff;
}
.agency-v .main-nav.dark .inner-nav ul > li > a.active{
    border-bottom: 2px solid #fff;
    padding: auto 10px;
}
.agency-v .main-nav.dark.transparent.wrapped .inner-nav ul > li > a.active{	}
.agency-v .main-nav.dark .inner-nav ul > li ul li > a:hover {
    border-bottom: none;
}
.agency-v .main-nav.dark.active-alt .inner-nav ul > li > a:hover,
.agency-v .main-nav.dark.active-alt .inner-nav ul > li > a.active{
    border-bottom: none;
    border-top: 2px solid #fff;
    padding: auto 10px;
}
.agency-v .main-nav.dark.active-alt .inner-nav ul > li ul li > a:hover {
    border-top: none;
}
.main-nav.wrapped  {
    height: 100px !important;
}
.main-nav.wrapped  .full-wrapper {
    margin-top: 50px;
}
.main-nav.wrapped .container {
    width: 1140px;
    height: 100px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}
.main-nav.wrapped.small-height .container {
    margin-top: 20px;
}
.is-sticky .main-nav.wrapped {
    width: 100%;
}
.main-nav.wrapped .nav-btns a,
.main-nav.wrapped .showsearch {
  line-height: 100px;
}
.main-nav.wrapped .showsearch,
.main-nav.wrapped .nav-logo-wrap .logo-container {
    height: 100px ;
}
/* ------ [ Navigation Wraped Small Height ] ------------*/
.main-nav.wrapped.small-height{
    height: 60px !important;
}
.main-nav.wrapped.small-height .container {
    height: 60px !important;
}
.main-nav.wrapped.small-height .full-wrapper {
    margin-top: 0px;
}
.main-nav.wrapped.small-height {
    background: transparent !important;
}
.main-nav.wrapped .inner-nav ul li a {
    line-height: 100px !important;
    height: 100px !important;
}
.main-nav.wrapped.small-height .showsearch,
.main-nav.wrapped.small-height .nav-btns a {
    height: 60px;
  	line-height: 60px;
}
.main-nav.wrapped.small-height .inner-nav ul li a{
    height: 60px !important;
    line-height: 60px !important;
    font-size: 14px;
}
.main-nav.wrapped .inner-nav .mn-sub li a,
.main-nav.wrapped.small-height .inner-nav .mn-sub li a{
    height: auto !important;
    line-height: normal !important;
    font-size: 12px;
}
.main-nav.wrapped.small-height .logo-container{
    height: 60px !important;
    line-height: 50px;
}
.main-nav.wrapped.small-height .logo img {
    width: 70%;
}
.main-nav.wrapped .nav-logo-wrap {
    padding-left: 30px;
}

/* ------ [ Header Search ] ------------*/
.main-nav.wrapped .header-search {
    padding-right: 30px;
}
.main-nav.wrapped .header-search .searchnav:hover .mn-sub {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
}
.main-nav.wrapped.transparent .transparent .showsearch,
.main-nav.wrapped.transparent .transparent .nav-logo-wrap .logo-container {
    height: 50px !important;
}
.main-nav.transparent.wrapped .transparent .nav-btns a,
.main-nav.transparent.wrapped .transparent .showsearch {
    line-height: 50px !important;
    height: 50px !important;
}
.main-nav.transparent.wrapped .transparent .inner-nav ul li {
}
.main-nav.transparent.wrapped .transparent .inner-nav ul li a  {
    line-height: 50px !important;
    height: 50px !important;
}
.main-nav.transparent.wrapped .transparent .inner-nav .mn-sub li a  {
    height: auto !important;
    line-height: normal !important;
    font-size: 12px !important;
}
.main-nav .social-btns {}


.showsearch {
    display: inline-block;
    height: 150px;
  	line-height: 150px;
  	font-size: 14px;
  	cursor: pointer;
  	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.main-nav.dark .showsearch {
  	color: #fff;
}
.searchoverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #191a1a;
    background: rgba(25,26,26,.89);
    z-index: 9999999999;
    display: none;
    -webkit-transition: left 500ms ease-in-out;
    -moz-transition: left 500ms ease-in-out;
    transition: left 500ms ease-in-out;
}

.searchoverlay.slide {
    left: -400px;
}

.searchoverlay .closesearch {
    color: #fff;
    position: absolute;
    font-size: 48px;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

.searchoverlay form {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 50%;
    max-width: 700px;
}

.searchoverlay form input {
    font: 600 32px "Montserrat",Arial,Sans-Serif;
    color: #fff;
    text-transform: uppercase;
    background: 0 0;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #545555;
    padding: 40px 0;
    width: 100%;
    outline: none;
}

.searchoverlay form input::-webkit-input-placeholder {color: #e7e7e7;}
.searchoverlay form input:-moz-placeholder {color: #e7e7e7; opacity: 1;}
.searchoverlay form input::-moz-placeholder {color: #e7e7e7; opacity: 1;}
.searchoverlay form input:-ms-input-placeholder {color: #e7e7e7;}
.searchoverlay form .fa-search {
    position: absolute;
    top: 48px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
    color: #fff8f8;
}

@media (max-width:800px) {
    .searchoverlay form {width: 80%;}
}

.nav-btns {margin-right: 20px;}
.nav-btns a  {
    line-height: 150px;
    color: #fff;
    font-size: 16px;
    margin-right: 8px;
}
.small-height .nav-btns a {line-height: 60px;}

#main-headerv-search {
    position: relative;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.06);
    width: 40px;
    text-align: center;
    margin-top: 28px;
    -webkit-transition: margin 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: margin 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: margin 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: margin 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: margin 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.classic-b #main-headerv-search {
    height: 40px;
    line-height: 40px;
}
.small-height  #main-headerv-search {margin-top: 8px;}
#main-headerv-search i {width: 15px;}
.headerv-search {
    position: absolute;
    height: 100px;
    left: 0;
    right: 0;
    bottom: -100px;
    background: #212327;
    width: 100%;
}
.headerv-search .container {
    position: relative;
    margin-top: 26px;
}
.headerv-search input[type="text"] {
    border: 0;
    width: 100%;
    color: #fff;
    background: transparent;
    color: rgba(255,255,255,0.85);
    height: 52px;
    padding: 0px 60px 0px 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 40px;
    outline: none;
    outline-color: transparent;
    outline-width: 0;
}
.headerv-search input[type="text"]:-moz-placeholder {
 color: #fff;
 color: rgba(255,255,255,0.4);
}
.headerv-search input[type="text"]::-moz-placeholder {
 color: #fff;
 color: rgba(255,255,255,0.4);
 opacity: 1;
}
.headerv-search input[type="text"]:-ms-input-placeholder {
 color: #fff;
 color: rgba(255,255,255,0.4);
}
.headerv-search input[type="text"]::-webkit-input-placeholder {
 color: #fff;
 color: rgba(255,255,255,0.4);
}
.headerv-search button[type="submit"] {
    border: 0;
    padding: 0;
    margin: 0;
    color: #fff;
    width: 40px;
    height: 40px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background: #28a8d3;
    border-radius: 3px;
    position: absolute;
    right:15px;
    top: 1px;
}
.headerv-search button[type="submit"]:hover {
    background: #2a272e;
}
.headerv-search button[type="submit"] i {
    color: #fff;
}
.headerv-search button[type="submit"] i {
    margin-right: -1px;
}

/* ------ [ Classic Navigation ] ------------*/
.classic-b .main-nav {
    height: 100px !important;
}
.classic-b .main-nav li a {
    line-height: 100px !important;
    height: 100px !important;
}
.classic-b .main-nav .nav-btns a,
.classic-b .main-nav .showsearch {
  line-height: 100px;
}
.classic-b .main-nav .showsearch,
.classic-b .main-nav .nav-logo-wrap .logo-container {
    height: 100px;
}
.classic-b .main-nav.small-height {
    height: 60px !important;
}
.classic-b .main-nav.small-height .container
{
    height: 60px !important;
}
.classic-b .main-nav.small-height .full-wrapper {
    margin-top: 0px;
}
.classic-b .main-nav.small-height .nav-btns a{
    height: 60px !important;
  	line-height: 60px !important;
}
.classic-b .main-nav.small-height .showsearch {
    height: 40px !important;
  	line-height: 40px !important;
}
.classic-b .main-nav.small-height .inner-nav ul li a{
    height: 60px !important;
    line-height: 60px !important;
}
.classic-b .main-nav.small-height .logo-container
{
    height: 60px !important;
}
.classic-b .main-nav.small-height .inner-nav ul li .mn-sub li a{
    line-height: 1.5 !important;
    height: auto !important;
}
.classic-b .header-search.search-btn {
    padding-top: 25px;
}
.classic-b .header-search.search-btn,
.classic-b .header-search.search-btn .showsearch {
    height: 40px;
    line-height: 40px;
}
.classic-b .header-search.search-btn .showsearch {
    background: rgba(0, 0, 0, 0.06);
    width: 40px;
    text-align: center;
}
.classic-b .small-height .header-search.search-btn {
    padding-top: 9px;
}

/* ------ [ Mini Navigation ] ------------*/
.mini-nav {height: 100px !important;}
.mini-nav li a   {
    line-height: 100px !important;
    height: 100px !important;
}
.mini-nav.main-nav .nav-btns a,
.mini-nav.main-nav .showsearch {
    line-height: 100px !important;
    height: 100px !important;
}
.mini-nav.main-nav .showsearch,
.mini-nav.main-nav .nav-logo-wrap .logo-container {height: 100px;}

/* ------ [ Mini Navigztion Small Height ] ------------*/
.mini-nav.main-nav.small-height{
    height: 60px !important;
}
.mini-nav.main-nav.small-height .container {
    height: 60px !important;
}
.mini-nav.main-nav.small-height .full-wrapper {
    margin-top: 0px;
}
.mini-nav.main-nav.small-height .showsearch,
.mini-nav.main-nav.small-height .nav-btns a {
    height: 60px !important;
  	line-height: 60px !important;
}
.mini-nav.main-nav.small-height .inner-nav ul li a{
    height: 60px !important;
    line-height: 60px !important;
}
.mini-nav.main-nav.small-height .logo-container{
    height: 60px !important;
}
.mini-nav.main-nav.small-height .inner-nav ul li .mn-sub li a{
    line-height: 1.5 !important;
    height: auto !important;
}
/* ------ [ Side Header Navigation ] ------------*/
.side-panel-is-left{
    margin-left: 270px;
}
.sideheader-overlay{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(10,10,10, .85);
    cursor:crosshair;
    
    z-index: 1030;
}
.side-panel{
    position: fixed;
    top: 0;
    left: 0;
    width: 270px;
    height: 100%;
    padding-bottom: 60px;
    overflow-y: auto;
    color: rgba(255,255,255, .65);
    background: #151515;
    text-align: center;
    z-index: 9999999999999999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.side-panel-small {
	width: 240px;
}
.side-panel-small-is-left {
    margin-left: 240px;
}


.sideheader-close-button{
    display: none;
    position: absolute;
    font-size: 22px;
    color: #fff;
    top: 40px;
    right: 20px;
    width: 46px;
    height: 46px;
    opacity: .5;
    z-index: 99999999999999999;
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.sideheader-close-button:hover {
	opacity: 1;
}
/* ------ [ Side Header Responsive menu button ] ------------*/
.sideheader-button{
	font-size: 30px !important;
    display: none;
    position: fixed;
    min-width: 22px;
    top: 40px;
    left: 20px;
    height: 54px;
    opacity: .85;
    z-index: 999999999999;
    -webkit-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.sideheader-button:hover{
    opacity: 1;
}
.sideheader-button span{
    display: block;
    width: 22px;
    height: 3px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -11px;
    -webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.sideheader-button span:before,
.sideheader-button span:after{
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    position: absolute;
    top: -6px;
    left: 0;
    -webkit-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -webkit-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
    -moz-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -moz-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
    -o-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -o-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
    -ms-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -ms-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
    transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
}
.sideheader-button span:after{top: auto; bottom: -6px;}

a.topo-links-nav {
	font-size:13px;
    line-height:16px;
	text-transform:uppercase;
	color:#fff;
	font-weight:300;
}
a.topo-links-nav:hover {/*color:#facf00;*/ color: #fff;}
a.topo-links-nav i {
	font-size:30px;
	margin-top:-1px;
	/*position:absolute;*/
}
a.topo-links-nav span {width: 72px; display: inline-block;}

/* ------ [ Side Header Navigation Logo ] ------------*/
 .sideheader-logo-wrap{}
.sideheader-logo-wrap .logo{
    display: block;
    padding: 80px 40px;
    text-align: center;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.sideheader-logo-wrap .logo img{max-width: 100%;}

/* ------ [ Side Header Navigation Menu ] ------------*/
.sideheader-wrapper{}
.sideheader-menu-links,
.sideheader-menu-links ul{
    margin: 0;
    padding: 10px 0;
    line-height: 1.3;
    text-align: center;
}
.sideheader-menu-links ul.sideheader-sub{padding: 0;}
.sideheader-menu-links a{
    display: block;
    position: relative;
    margin: 0;
    padding: 15px 20px;
    color: #999;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    z-index: 11;
}
.no-touch .sideheader-menu-links a:hover,
.sideheader-menu-links a:active,
.sideheader-menu-links li.js-opened > a{
    color: #d5d5d5;
    text-decoration: none;
}
.no-touch .sideheader-menu-links a:hover{background-color: rgba(255,255,255, .05);}
.sideheader-menu-links li{
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.sideheader-menu-links li > a:active,
.sideheader-menu-links li a.active{color: #f5f5f5; background: rgba(0, 0, 0, 0.09);}
.sideheader-menu-links li.js-opened:before{display: none;}
.no-touch .sideheader-menu-links li.js-opened > a:hover,
.sideheader-menu-links li.js-opened > a:active{color: #fff;}

/* ------ [ Side Header Navigation Menu Sub ] ------------*/
.sideheader-has-sub{}
.sideheader-has-sub .fa{font-size: 14px;}
.js-opened > .sideheader-has-sub > .fa{color: #fff;}
.sideheader-sub{
    display: none;
    opacity: 0;
    position: relative;
    background: rgba(255, 255, 255, .05);
}
.sideheader-sub > li > a{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 400;
}
.sideheader-menu-links li.js-opened .sideheader-sub{opacity: 1;}
.sideheader-search{width: 100%;}
.sideheader-search input.search-field{
    background: rgba(0, 0, 0, .05);
    color: #555;
    text-align: center;
    border: none;
    border-bottom: 1px solid rgba(255,255,255, .2);
}
.sideheader-search input.search-field:hover{border: none; border-bottom: 1px solid rgba(255,255,255, .4);}
.sideheader-search input.search-field:focus{color: #999; border-color: rgba(255,255,255, .7);}
.sideheader-search .search-button:hover{color: #fff;}

/* ------ [ Side Navigation Social Links ] ------------*/
.sideheader-social-links{
    position: fixed;
    bottom: 0;
    left: 0;
    width: inherit;
    padding: 10px 10px 30px 10px;
    font-size: 14px;
    text-align: center;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1032;
}
.sideheader-social-links > a{
    display: inline-block;
    margin: 0 2px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border: 1px solid rgba(255,255,255, .15);
    text-align: center;
    text-decoration: none;
    color: #555;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.sideheader-social-links > a:hover{
    border-color: rgba(255,255,255, .3);
    color: #999;
}
.sideheader-menu-small a {padding: 6px 20px !important;}

/* ------ [ White Side Navigation ] ------------*/
.side-panel.white{
    color: rgba(0,0,0, .65) !important;
    background: #fafafa;
    border-right: 1px solid rgba(0,0,0, .07);
}
.side-panel.white .sideheader-close-button{border: 1px solid rgba(0,0,0, .5);}
.side-panel.white .sideheader-close-button:before{background: #000;}
.side-panel.white .sideheader-close-button:after{background: #000;}
.side-panel.white .sideheader-menu-links a{color: #777; -webkit-tap-highlight-color: rgba(0,0,0, .05);}
.side-panel.white .sideheader-menu-links li{border-top: 1px solid rgba(0,0,0, .04);}
.side-panel.white .sideheader-menu-links li:last-child{border-bottom: 1px solid rgba(0,0,0, .04);}
.no-touch .side-panel.white .sideheader-menu-links a:hover,
.side-panel.white .sideheader-menu-links a:active,
.side-panel.white .sideheader-menu-links li.js-opened > a{
    color: #111;
    text-decoration: none;
}
.no-touch .side-panel.white .sideheader-menu-links a:hover{
    background-color: rgba(0,0,0, .03);
}
.side-panel.white .sideheader-menu-links li > a:active,
.side-panel.white .sideheader-menu-links li a.active{
    color: #111;
}
.no-touch .side-panel.white .sideheader-menu-links li.js-opened > a:hover,
.side-panel.white .sideheader-menu-links li.js-opened > a:active{
    color: #111;
}
.side-panel.white .js-opened > .sideheader-has-sub > .fa{
    color: #333;
}
.side-panel.white .sideheader-sub > li{
    border: none!important;
}
.side-panel.white .sideheader-social-links > a{
    border: 1px solid rgba(0,0,0, .15);
    color: rgba(0,0,0, .4);
}
.side-panel.white .sideheader-social-links > a:hover{
    border-color: rgba(0,0,0, .3);
    color: rgba(0,0,0, .75);
}

/* -12-  [ Sections ]----------------------------------*/
/* ------ [ Home Sections ] ------------*/
 .home-section{
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.home-section iframe {min-height: 720px !important; width: 100% !important;}
.home-content{
    display: table;
    width: 100%;
    height: 100%;
}
.home-text{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.blog-cover .home-text,
.home-section .cover-text {
    padding-top: 160px;
}
.home-content{position: relative;}
.cover-text{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.welcome-intro {}
.welcome-intro h1 {
    margin-bottom: 10px;
}
.welcome-intro h1 .font-light {}
.welcome-intro .cover-excerpt {
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff;
}

/* ------ [ Wrap Options ] ------------*/
@media (min-width: 1270px) { 
	.box-layout {
		background: transparent url(style/images/bg/bg1.jpg) repeat fixed;
		padding: 0;
	}
	.box-layout .page {
		position: relative;
		width: 1270px;
		margin: 0 auto;
		-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.17);
		-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.17);
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.17);
	}
	.box-layout .page .main-nav {
		width: 1270px;
	}
	.box-layout .mini-nav.main-nav.small-height {
		left: inherit;
		top: 0;
	}
}
.wrapper-small {
  max-width: 90%;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}
.wrapper-small-x {
  max-width: 80%;
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
}
.wrapper-small-xx {
  max-width: 70%;
  width: 70%;
  margin: 0 auto;
  overflow: hidden;
}
.wrapper-small-xxx {
  max-width: 60%;
  width: 60%;
  margin: 0 auto;
  overflow: hidden;
}
.wrapper-tiny {
  max-width: 700px;
  width: 90%;
  margin: 0 auto;
}
.thin-center-section {
    width: 80%;
    margin: 0 auto;
}

/* ------ [ Page Sections Options ] ------------*/
.body-bg-img {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.xlarge-section,
.large-section,
.page-section,
.small-section,
.tiny-section,
.xtiny-section{
    width: 100%;
    display: block;
    position: relative;
    overflow: visible;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 100px 0;
}
.xlarge-section {padding: 250px 0px;}
.large-section {padding: 150px 0px;}
.page-section.p-0{overflow: hidden;}
.small-section{padding: 70px 0;}
.small-section-2{padding: 48px 0;}
.tiny-section {padding: 40px 0;}
.xtiny-section {
    padding: 10px 0;
    font-size: 13px;
}
.xtiny-section i {font-size: 20px;}
.xtiny-section p {font-size: 11px !important; padding-top:5px;}

/* ------ [ Sections Height ] ------------*/
.section-height-xlarge {
      min-height: 920px !important;
      max-height: 920px !important;
}
.section-height-large {
      min-height: 882px !important;
      max-height: 882px !important;
}
.section-height-med2 {
      min-height: 841px !important;
      max-height: 841px !important;
}
.section-height-med {
      min-height: 720px !important;
      max-height: 720px !important;
}
.section-height-med3 {
      min-height: 600px !important;
      max-height: 600px !important;
}
.section-height-small {
      min-height: 500px !important;
      max-height: 500px !important;
}
.section-height-xsmall {
      /*min-height: 360px !important;
      max-height: 360px !important;*/
	  min-height: 280px !important;
      max-height: 280px !important;
}
.section-height-tiny {
      min-height: 190px !important;
      max-height: 190px !important;
}
.section-height-xtiny {
      min-height: 170px !important;
      max-height: 170px !important;
}
.section-height-xxtiny {
      min-height: 150px !important;
      max-height: 150px !important;
}
.section-height-xvtiny {
      min-height: 140px !important;
      max-height: 140px !important;
}
.section-height-vtiny {
      min-height: 90px !important;
      max-height: 90px !important;
}
.section-height-xstiny {
      min-height: 55px !important;
      max-height: 55px !important;
}

/* ------ [ Split section ] ------------*/
.split-section{
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.split-section-headings{
    width: 38.2%;
    float: left;
    position: relative;
    overflow: hidden;
    text-align: center;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.ssh-table{
    width: 100%;
    display: table;
}
.ssh-cell{
    display: table-cell;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.split-section-content{
    width: 61.8%;
    float: right;
    min-height: 300px;
    position: relative;
    overflow: hidden;
    background: rgba(255,255,255, .97);

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* ------ [ Side Image Section ] ------------*/
.background-image-holder,
.foreground-image-holder {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  z-index: 0;
  background-position: 50% 50% !important;
}
.background-image-holder.parallax-background {
  height: 120%;
  top: -10%;
}
.hover-background .background-image-holder,
.hover-background .foreground-image-holder {
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}
.hover-background .background-image-holder {
  height: 110%;
  width: 110%;
}
.side-image {
  padding: 0px;
  position: relative;
}
.side-image .image-container {
  overflow: hidden;
  position: absolute;
  height: 100%;
  padding: 0px;
  top: 0px;
}
.side-image .image-container.pull-right {right: 0px;}
.side-image .content {padding-top: 50px; padding-bottom: 50px;}
.side-image h1 {margin-bottom: 40px;}
.side-image p.lead {margin-bottom: 64px;}
.side-image.text-heavy h1 {margin-bottom: 32px;}
.side-image.text-heavy p.lead {margin-bottom: 40px;}
.main-content.white-bg {
    background: #fff;
    overflow: hidden;
}
.bg-scroll{background-attachment: scroll !important;}
.bg-pattern{
    background-repeat: repeat;
    background-size: auto;
}
.section-more:hover{
    text-decoration: none;
    color: #000;
}
.section-more .fa{font-size: 12px;}
.side-image .section-title {
    margin-bottom: 60px;
    text-align: left;
}
.side-image .section-title .title-bottom {
    width: 100%;
}
.side-image .section-title .title-bottom span.title-btm-line {
    left: 5%;
    width: 100px;
    margin-left: 0px;
}
.section-heading {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5em;
    line-height: 1.3;
}
.section-line{
    width: 55px;
    height: 1px;
    margin: 30px auto;
    background: #111;
}
.section-text{}
.section-text blockquote{
    margin-top: -5px;
}
.section-bot-image{
    margin: 140px 0 -140px;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}
.section-inner {
    padding: 64px 40px;
    position: relative;
  	z-index: 3;
}

/* ----  [ Call To Actions ]----------------------------------*/
.call-to-action {padding: 40px 0;}

/* ----  [ Banner Sections ]----------------------------------*/
.banner-section{
    overflow: vihsible;
    border-bottom: 1px solid transparent;
}
h3.banner-heading {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
}
h2.banner-heading {font-size: 24px;}
.banner-decription{margin-bottom: 35px;}
.banner-image{text-align: right;}
.banner-image img{}

/* ----  [  Title's Sections ]----------------------------------*/
.small-title{
    padding: 0;
    margin: 0 0 30px 0;
}
.small-title h2 {
    margin-bottom: 10px;
}
.section-icon{
    margin-bottom: 7px;
    text-align: center;
    font-size: 32px;
}
.small-title .serif{
    text-transform: none;
    font-weight: 400;
}
.small-title.white{color: #fff;}

.section-title {
    margin-bottom: 40px;
    text-align: center;
    line-height: 1.7;
    position: relative;
}
.section-title h2 {}
.section-title p {
    margin-bottom: 20px;
    margin-top:0px ;
}
.section-title .title-left {
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-block;
    background: rgba(0, 0, 0, 0.1);
    height: 2px;
    width: 200px;
}
.section-title .title-right {
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    background: rgba(0, 0, 0, 0.1);
    height: 2px;
    width: 200px;
}
.section-title .title-bottom span.title-btm-line {
}
.section-more{
    margin-top: 13px;
    color: #999;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.section-border-title {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.section-border-title h2 {
    margin: 0px;
    display: block;
}
.section-border-title span.title-bor {
    display: inline-block;
    height: 3px;
    background: #28a8d3;
    width: 10%;
}
.section-img-title {
    position: relative;
    height: 100%;
    min-height: 150px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.section-img-title img {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
}
.section-img-title:before {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
    -webkit-transition: all 450ms ease-out 0s;
    -moz-transition: all 450ms ease-out 0s;
    -o-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s;
    z-index: 10;
}
.section-img-title img {}
.section-img-title h2 {
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 99;
    margin: 0px;
}
.section-img-title h2 span.title-bor {
    display: block;
    height: 3px;
    background: #fff;
    width: 40%;
}
.fancy-title {
    position: relative;
    margin-bottom: 30px;
}
.fancy-title h1,.fancy-title h2,.fancy-title h3,.fancy-title h4,.fancy-title h5,.fancy-title h6 {
    position: relative;
    display: inline-block;
    background-color: #FFF;
    padding-right: 25px;
    margin-bottom: 0;
    margin-top: 0px;
}
.fancy-title h4,.fancy-title h5,.fancy-title h6 {
    padding-right: 10px;
}
.fancy-title.title-border-color:before,.fancy-title.title-border:before,.fancy-title.title-double-border:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    border-top: 3px double #E5E5E5;
    left: auto;
    top: 46%;
    right: 0;
}
.fancy-title.title-border:before {
    top: 49%;
    border-top: 1px solid #EEE;
}
.fancy-title.title-border-color:before {
    top: 49%;
    border-top: 1px solid #28a8d3;
    opacity: .6;
}
.title-center {
    text-align: center;
}
.title-center h1,.title-center h2,.title-center h3 {padding: 0 15px;}
.title-center h4,.title-center h5,.title-center h6 {padding: 0 10px;}
.title-right {text-align: right;}
.title-right h1,.title-right h2,.title-right h3 {padding: 0 0 0 15px;}
.title-right h4,.title-right h5,.title-right h6 {padding: 0 0 0 10px;}
.fancy-title.title-bottom-border h1,.fancy-title.title-bottom-border h2,.fancy-title.title-bottom-border h3,.fancy-title.title-bottom-border h4,.fancy-title.title-bottom-border h5,.fancy-title.title-bottom-border h6 {
    display: block;
    background: 0 0;
    padding: 0 0 10px;
    border-bottom: 2px solid #28a8d3;
}
.fancy-title.title-dotted-border {background: url(assets/images/icons/dotted.png) center repeat-x;}
.before-heading {
    display: block;
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 400;
    color: #999;
}
.heading-details {padding-top: 30px;}
.heading-details h1.page-title {
    font-weight: bold;
    font-size: 48px;
    margin-bottom: 20px;
    margin-top: 0px;
}
.heading-details .page-excerpt{
    font-size: 20px;
	font-weight:300;
    margin-bottom: 20px;
    color: #fff;
}
.classic-heading h1 {}
.classic-heading p {font-size: 34px;}
.mod-breadcrumbs {font-size: 15px;}

/* -13-  [ Blog ]----------------------------------*/

/* ----  [ Thin Blog List ]----------------------------------*/
.thin-blog-list {

}
.post {
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    z-index: 99;
}
.classic-blog-list .post:last-child {
}
.t-post-thumb {
    width: 370px;
    height: 320px;
    margin-right: 40px;
    overflow: hidden;
}
.t-post-thumb img {
    width: 390px;
    height: 320px;
    margin-bottom: 0px;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.post-thumb {
    overflow: hidden;
}
.post-thumb img {
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.post:hover .t-post-thumb img,
.th-featured-post:hover .post-thumb img,
.post-thumb:hover img {
    transform: matrix(1.09, 0, 0, 1.09, 0, 0);
}
.t-post-content {
    padding: 10px 40px 30px 20px;
    overflow: hidden;
    color: #8d8f92;
    font-size: 16px;
}
.t-post-content .post-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 15px;
}
.t-post-content p {
    margin-bottom: 30px;
}
.t-post-content .t-post-author-avatar {
    float: left;
    width: 65px;
    height: 65px;
    margin-right: 25px;
}
.t-post-meta-c {

}
.t-post-meta-c span {
    display:  inline-block;
    margin-right: 20px;
}
.t-post-author a {
    color: #8d8f92;
}
.t-post-meta-c .t-post-author {
    display: block !important;
    margin-bottom: 3px;
    font-weight: 600;
}
.t-post-meta-c span i {
    margin-right: 10px;
    color: #a0a3a8;
}
.t-post-meta-c .t-post-comments {
    margin-right: 0px;
}

/*--- gallery ---*/
.lio-gallery-item.lio-item{ margin: 0px 15px; }
.lio-gallery-item.lio-item .gallery-item{ margin: 0px 5px 10px; }
.lio-gallery-item.lio-item .gallery-item img{ display: block; margin: 0px auto; }
.lio-gallery-item.lio-item .gallery-caption{ display: block; text-align: center; padding: 7px 0px 6px; }

.lio-gallery-item.lio-item.lio-gallery-thumbnail .gallery-item{ padding: 5px; cursor: pointer; }
.lio-gallery-item.lio-item .lio-gallery-thumbnail-container{ margin: 0px 5px 10px; position: relative; overflow: hidden; }
.lio-gallery-item.lio-item .lio-gallery-thumbnail-container .lio-gallery-thumbnail{ display: none; }
.lio-gallery-item.lio-item .lio-gallery-thumbnail-container .lio-gallery-thumbnail:first-child{ display: block; }
.lio-gallery-item.lio-item .lio-gallery-thumbnail-container img{ margin: 0px auto; display: block; }
.lio-gallery-item.lio-item .lio-gallery-thumbnail-container .gallery-caption-wrapper{
    position: absolute; bottom: 0px; left: 0px; right: 0px; text-align: center; }
.lio-gallery-item.lio-item .lio-gallery-thumbnail-container .gallery-caption{ padding: 10px 15px; opacity: 0.8; filter: alpha(opacity=80); display: inline-block; max-width: 60%; }
.lio-banner-images.lio-item  .flex-direction-nav i { margin-right: 0px; font-size: 24px; }
.lio-gallery-grid.lio-item{ margin: 0px ; }
.lio-gallery-grid.lio-item .lio-gallery-grid-container img{ display: block; }
.lio-gallery-grid.lio-item .gallery-grid-first{ width: 33.333%; float: left; }
.lio-gallery-grid.lio-item .gallery-grid-first-inner{ margin: 0px 2px 4px; }
.lio-gallery-grid.lio-item .gallery-grid-second{ width: 33.333%; float: left; }
.lio-gallery-grid.lio-item .gallery-grid-second-inner{ margin: 0px 2px 4px; }
.lio-gallery-grid.lio-item .gallery-grid-five{ width: 50%; float: left; }
.lio-gallery-grid.lio-item .gallery-grid-five-inner{ margin: 0px 2px 4px; }

/* ----  [ Posts Columns ]----------------------------------*/
.posts-colmuns {}
.posts-colmuns .post {
    margin-bottom: 0px;
    position: relative;
}
.posts-colmuns .post post-thumb {
    position: relative;
}
.posts-colmuns .post post-thumb img {
}
.post-col-content {
    padding: 40px;
    overflow: hidden;
}
.post-col-content p {
    font-size: 16px;
}
.post-col-content h3 {
    font-size: 16px;
    line-height: 29px;
    margin-top: 0px;
    font-weight: 400;
}
.posts-colmuns .post .category-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 100%;
}


/* ----  [ Posts Grid ]----------------------------------*/
.post-grid{}
.home-post {}
.post-defult-img{
    margin-bottom: 23px;
    position: relative;
    width: 100% !important;
    height: 100% !important;
}
.post-defult-img .thumb-over {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
}
.post-defult-img .thumb-over .thumb-over-icon {
    display: table;
    width: 100% !important;
    height: 100% !important;
    color: #fff;
    text-align: center;
}
.post-defult-img .thumb-over .thumb-over-icon i {
    display: table-cell;
    vertical-align: middle !important;
    font-size: 50px;
}
.post-defult-img a,
.post-defult-img .thumb-over{
    -webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.post-defult-img a:hover{opacity: .85;}
.home-post:hover .thumb-over {opacity: 1;}
.post-defult-img img{width: 100%;}
.post-defult-title{
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 600;
}
.post-defult-title a{
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.post-defult-title a:hover{}
.post-defult-info,
.post-defult-info a{
    margin-bottom: 15px;
    font-size: 12px;
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.post-defult-info a:hover{}
.post-defult-text{
    margin-bottom: 22px;
    font-size: 15px;
}
.image-carousel-pa .carousel-item {padding: 15px;}

/* ----  [ Classic Posts ]----------------------------------*/
#posts {position: relative;}
.entry {position: relative;}
.entry-image {margin-bottom: 30px;}
.entry-image,.entry-image .slide a,.entry-image img,.entry-image>a {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}
.entry-image iframe {
    display: block;
    width: 100% !important;
    overflow: hidden !important;
}
.entry-image img {border-radius: 3px;}
.entry-details {padding-bottom: 20px;}
.entry-title h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}
.entry-title h2 a {color: #333;}
.entry-title h2 a:hover {color: #28a8d3;}
#posts .entry-meta {
    margin: 0px 0px 0px 0!important;
    padding: 20px 0px 0px 0px !important;
    list-style: none;
}
.single-post .entry-meta {margin-bottom: 20px;}
.entry-meta li {
    float: left;
    font-size: 13px;
    line-height: 14px;
    margin: 0 15px 0px 0;
    color: #999;
}
.entry-meta li:before {
    content: '/';
    display: inline-block;
    margin-right: 10px;
    opacity: .5;
}
.entry-meta li:last-child:before {content: ' ';}
.entry-meta li i {
    position: relative;
    top: 1px;
    font-size: 14px;
    margin-right: 3px;
}
.entry-meta li a {color: #999;}
.entry-meta li a:hover {color: #28a8d3;}
.entry-meta li:first-child:before {display: none;}
.entry-meta li ins {
    font-weight: 600;
    text-decoration: none;
}
.entry .more-link {
    padding: 0px 0px 30px 0px;
    display: inline-block;
}
.entry-c {
    position: relative;
    overflow: hidden;
}
#posts .entry-content {padding: 20px 0px 0px 0px;}
.single-post .entry-content .entry-image {max-width: 350px;}
.entry-content {position: relative;}

.entry-link {
    display: block;
    background-color: #F5F5F5;
    padding: 30px 0;
    text-align: center;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 24px;
    font-weight: 700;
    border-radius: 3px;
}
body:not(.device-touch) .entry-link {
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}
.entry-link:hover {
    color: #FFF;
    background-color: #28a8d3;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}
.entry-link span {
    display: block;
    margin-top: 5px;
    font-style: italic;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    color: #AAA;
}
.entry-link:hover span {color: #EEE;}

.entry blockquote p {
    font-weight: 400;
    font-style: italic;
}
.ievent .entry-image,.small-thumbs .entry-image {
    float: left;
    width: 300px;
    margin: 0 30px 0 0;
}
.ievent .entry-image img,.small-thumbs .entry-image img {border-radius: 0;}
.ievent .entry-c .entry-image,.small-thumbs .entry-c .entry-image {
    float: none;
    width: 100%;
    margin: 0 0 20px;
}
.ievent .entry-c .entry-image img,.small-thumbs .entry-c .entry-image img {border-radius: 5px;}
.ievent .entry-title h2,.small-thumbs .entry-title h2 {
    font-size: 20px;
    font-weight: 600;
}
.small-thumbs.alt .entry-image {
    float: right;
    margin: 0 0 0 30px;
}
.small-thumbs.alt .entry-c .entry-image {
    float: none;
    margin: 0 0 20px;
}
.bothsidebar .small-thumbs .entry-image {
    width: 200px;
    margin: 0 25px 0 0;
}
.bothsidebar .small-thumbs.alt .entry-image {margin: 0 0 0 25px;}
.bothsidebar .small-thumbs .entry-c .entry-image {width: 100%; margin: 0 0 20px;}
.bothsidebar .small-thumbs .entry-title h2 {font-size: 18px;}
.agency-v .recent-posts-widget .recent-post {
    overflow: hidden;
    padding: 30px 0px 10px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, .09);
}
.agency-v  .sidebar .widget .widget-title {
    overflow: hidden;
    padding: 0px;
    padding-top: 20px;
    
    height: auto;
    line-height: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}
.agency-v  .sidebar .widget .widget-title small {
    line-height: 20px;
    font-weight: bold;
}

/* ----  [ Blog Side Image ]----------------------------------*/
#blog.side-image {
    background: #f7f7f7;
    height: 640px;
}
#blog.side-image .image-container {
    height: 640px;
}
.latest-blog-posts {
    overflow: hidden;
}
.blog-post {
    overflow: hidden;
    margin-bottom: 40px;
}
.blog-post:last-child {
    margin-bottom: 0px;
}
.blog-post-format-icon {
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 30px;
    background: #fff;
    border: 1px solid rgba(0,0,0, .1);
    border-radius: 4px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    text-align: center;
}
.bg-dark .blog-post-format-icon {
    background: rgba(0,0,0, .1);
}
.blog-post-format-icon i {
    line-height: 70px;
    font-size: 25px;
}
.blog-post-info h4 {
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 400;
    margin-top: 0px;
}
.blog-post-info  a {
    text-decoration: none;
}
.blog-post-meta {
    font-size: 13px;
}
.blog-post-meta,
.blog-post-meta a  {
    color: #979797;
}
.blog-post-meta  span {
    display: inline-block;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid  rgba(0,0,0, .1) ;
    font-style: italic;
}
.blog-post-meta  span:last-child {
    border: none;
}


/* ----  [ Masonry Blog ]----------------------------------*/
.masonry-blog {
  background: #DDD;
  max-width: 1170px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ----  [ Single Post ]----------------------------------*/
.entry-content {

}
.single-page-content  {
}
.creative-b  .single-page-content,
.classic-b  .single-page-content {
    padding: 50px 100px;
}
.single-post-wrap {
    padding: 50px 0px;
}
.single-project-wrap {
    padding: 80px 0px;
}
.creative-b .single-post-content  {
    padding: 50px 100px;
    overflow: hidden;
}
.creative-b .single-post-wrap {
    padding: 0px;
    overflow: hidden;
}
.entry-content ol, .entry-content p, .entry-content ul {
    margin: 15px 0 40px 0;
    
    font-size: 17px;
    font-weight: 400;
    line-height: 35px;
    color: rgba(35,37,40,.7);
}
.entry-content {
    font-weight: 400;
    line-height: 35px;
    color: rgba(35,37,40,.7);
}
.entry-content .wrapper>:first-child,.entry-content>:first-child {
    margin-top: 0;
}

.entry-content .wrapper>:last-child,.entry-content>:last-child {
    margin-bottom: 0;
}
.entry-content iframe {
    margin-bottom: 20px;
}

.entry-content hr {
    height: 1px;
    width: 60%;
    border: 0;
    margin: 50px auto;
    background: #dfdfdf;
}
.entry-content p {
    overflow: visible;
    display: block;
}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 {}
.entry-content h1+*,.entry-content h2+*,.entry-content h3+*,.entry-content h4+*,.entry-content h5+*,.entry-content h6+* {}
.entry-content dl,.entry-content ol,.entry-content ul {margin-left: 5%;}
.entry-content li {
    margin: 0px;
    padding: 0 2.5%;
}
.entry-content li:last-child {margin-bottom: 0;}
.entry-content dt {font-weight: 600;}
.entry-content dd {margin: 0 0 20px 5%; font-size: 16px;}
.entry-content pre {margin: 50px 0;}
.entry-content .gallery-caption {
    border-left: 3px solid #eee;
    margin: 0;
    padding: 20px 5%;
    line-height: 24px;
}
.entry-content .annotation {
    position: relative;
    width: 100%;
}
.entry-content .annotation .main {
    position: absolute;
    width: 250px;
    top: 0;
    right: -290px;
    border-bottom: 1px solid #eeeeef;
    background: #fff;
    padding: 15px;
}
.entry-content .annotation .main h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #585858;
}
.entry-content .annotation .main p {
    margin: 15px 0 25px;
    font-size: 15px;
    color: #979aa3;
    line-height: 28px;
}
.entry-content table {
    clear: both;
    border-collapse: collapse;
    width: 100%;
}
.entry-content th {
    background: #F0F0F0;
    font-weight: 700;
}
.entry-content td,.entry-content th {
    border: 1px solid #DBDBDB;
    padding: .5rem;
    text-align: left;
}
.entry-content .wide {
    display: block;
    margin: 50px -75px;
}
.custom-quote {overflow: visible;}
.custom-quote:before {display: none;}
.custom-quote p:after {display: none;}
.entry-content .custom-quote {
    padding: 50px 50px 50px 50px;
    margin: 50px 0;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    border: 1px solid rgba(0, 0, 0, .05);
    background: rgba(0, 0, 0, .02);
    border-radius: 2px;
    text-align: center;
}
.entry-content .quote-icon{
    width: 50px;
    height: 50px;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -25px;
    background: #28a8d3;
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 50px !important;
}
.entry-content .custom-quote p {
    margin: 15px 0;
}
.custom-quote footer:before {
    display: inline-block;
    margin-right: 10px;
}
.entry-content .custom-quote cite {
    display: block;
    margin-top: 15px;
    font-size: 15px;
    font-style: normal;
}
.entry-content.dark {
    padding: 90px 0;
    background: #2c2e32;
    color: #e2e2e2!important;
}
.entry-content.dark a,.entry-content.dark h1,.entry-content.dark h2,.entry-content.dark h3,.entry-content.dark h4,.entry-content.dark h5,.entry-content.dark h6,.entry-content.dark li,.entry-content.dark ol,.entry-content.dark p,.entry-content.dark ul {
    color: #e2e2e2;
}
.entry-content .full img {
    width: 100%;
    height: auto;
    border-radius: 0;
}
.image-attachment {
    margin-bottom: 40px;
}
/*.image-post {
	margin-bottom:20px;
	display:block;
	width:100%;
}*/
.image-post {
    display: block;
    float: left;
    margin: 0 0 20px 0;
    width: 100%;
}
.image-post-clipping {
    display: block;
    float: left;
    margin: 0 16px 20px 0;
    width: 48%;
}

.image-post img, .image-post-clipping img {
	width:100%;
	height:auto;
}
.entry-content a {}
.entry-content a:hover {}

@media (max-width:1375px) {
    .entry-content .annotation .main {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        margin: 10px 0;
    }
    .entry-content .annotation .main p { margin: 10px 0;}
}
@media (max-width:1050px) {
    .entry-content .wide {
        display: block;
        margin: 50px 0;
    }
}
@media (max-width:840px) {
    .entry-content {
        margin: 10% auto;
        margin-top: 0;
    }
}
@media (max-width:640px) {
    .entry-content {font-size: 18px;}
    .entry-content.dark {padding: 40px 0;}
    .entry-content h1 {
        font-size: 38px;
        line-height: 48px;
    }
    .entry-content h2,.entry-content h3 {
        font-size: 24px;
        line-height: 38px;
    }
    .entry-content h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .entry-content h5 {
        font-size: 16px;
        line-height: 28px;
    }
    .entry-content .wide,.entry-content .wide blockquote,.entry-content blockquote,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content ol,.entry-content p,.entry-content pre,.entry-content ul {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .entry-content hr {
        margin: 40px auto;
    }
    .entry-content ol,.entry-content p,.entry-content ul {
        font-size: 18px;
        line-height: 32px;
    }
}
@media (max-width:450px) {
    .entry-content {font-size: 16px;}
    .entry-content.dark {padding: 30px 0;}
    .entry-content h1 {
        font-size: 36px;
        line-height: 46px;
    }
    .entry-content h2,.entry-content h3 {
        font-size: 22px;
        line-height: 36px;
    }
    .entry-content h4 {
        font-size: 18px;
        line-height: 28px;
    }
    .entry-content h5 {
        font-size: 15px;
        line-height: 26px;
    }
    .entry-content .wide,.entry-content .wide blockquote,.entry-content blockquote,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content ol,.entry-content p,.entry-content pre,.entry-content ul {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .entry-content hr {margin: 30px auto;}
    .entry-content ol,.entry-content p,.entry-content ul {
        font-size: 16px;
        line-height: 30px;
    }
}

.entry-content .aligncenter,div.aligncenter {
    display: block;
    margin: 5px auto;
}
.entry-content .alignright {margin-left: 40px;}
.entry-content .alignleft {margin-right: 40px;}
.entry-content .aligncenter {margin: 30px auto;}
.entry-content a img.alignright {float: right;}
.entry-content a img.alignleft {float: left;}
.entry-content a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.entry-content .wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.entry-content .wp-caption.alignnone {margin: 5px 0 15px;}
.entry-content .wp-caption.alignleft {margin: 5px 5% 15px 0;}

@media (max-width:700px) {
    .entry-content .wp-caption.alignleft {
        float: none;
        margin: 0 auto;
    }
}

.entry-content .wp-caption.alignright {margin: 5px 0 15px 5%;}

@media (max-width:700px) {
    .entry-content .wp-caption.alignright {
        float: none;
        margin: 0 auto;
    }
}

.entry-content .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.entry-content .wp-caption p.wp-caption-text {
    font-size: 13px;
    line-height:22px;
    margin: 0;
    padding: 10px 4px 5px;
}
.entry-content img.alignright {margin: 5px 0 15px 5%;}

@media (max-width:700px) {
    .entry-content img.alignright {
        float: none;
        margin: 0 auto;
    }
}

.entry-content img.alignleft {margin: 5px 5% 15px 0;}

@media (max-width:700px) {
    .entry-content img.alignleft {
        float: none;
        margin: 0 auto;
    }
}

.entry-content img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.entry-content .alignright {
    float: right;
}

.entry-content .alignleft {
    float: left;
}

.entry-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.entry-content.full{
   width: 100%;
   left: 0px;
}

/* ----  [ Post navigation wrap ]----------------------------------*/
.post-navigation-wrap {
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.post-navigation-left {
    border-right: 1px solid rgba(0, 0, 0, .05);
    width: 50%;
    overflow: hidden;
    padding-right: 30px;
}
.post-navigation-right {
    border-left: 1px solid transparent;
    width: 50%;
    padding-left: 6%;
}
.post-navigation a {
    display: block;
}
.ptnav-icon {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    font-size: 22px;
}
.post-navigation-left .ptnav-title {

}
.post-navigation-right .ptnav-title {

}
.ptnav-title {
    display: inline;
}
.ptnav-title h6 {
    padding-top: 25px;
}
.ptnav-title span {
    display: none;
}
.post-navigation-right .ptnav-title {
}

/* ----  [ Post Single Navbar ]----------------------------------*/
.post-single-nav {
    overflow: hidden;
}
.extra-meta-wrap {
    height: 90px;
}
.extra-meta {
    padding-top: 30px;
    overflow: hidden;
}
.extra-meta i {
    margin-right: 5px;
    font-size: 18px;
}
.extra-meta a,
.post-like a {
    color: #646366;
}
.extra-meta  .post-author {
    padding-left: 20px;
    float: left;
    margin-right: 30px;
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
}
.extra-meta .post-author img {
    width: 32px;
}
.extra-meta .post-author img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 20px;
}

.extra-meta  .post-comments {
    font-size: 15px;
    overflow: hidden;
    font-weight: 600;
}
.extra-meta  .post-comments a {
    margin-left: 5px;
    display: inline-block;
}
.extra-meta  .post-comments i {
    margin-right: 5px;
}

/* ----  [ Classic Post Single Navbar ]----------------------------------*/
.classic-post-single-nav {
    border-top: 1px solid rgba(0, 0, 0, .07);
    margin-bottom: 30px;
    overflow: hidden;
}
.classic-post-single-nav .extra-meta-wrap {
    height: 50px;
}
.classic-post-single-nav .extra-meta {
    padding-top: 12px;
    font-size: 15px;
}
.classic-post-single-nav .post-share {
  padding-right: 10px;
  padding-left: 30px;
  border-left: none;
  height: 50px;
  margin-left: 40px;
}
.classic-post-single-nav .share-post-btns a {
    width: 26px;
    height: 26px;
    line-height: 26px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.classic-post-single-nav .post-category {
  font-size: 15px;
  overflow: hidden;
  font-weight: 600;
}
/* ----  [ Post Heading - Creative Blog ]----------------------------------*/
.small-heading-wrap {
    padding: 50px 0px 0px 0px;
}
.small-heading-wrap .post-heading h1.post-title {
    margin-bottom: 10px;
}

/* ----  [ Single Post Bottom ]----------------------------------*/
.post-btm {
    overflow: hidden;
    margin-bottom: 80px;
}
.post-tags ul {
    margin: 0;
    padding: 0;
}
.post-tags ul li {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    margin-right: 5px;

}
.post-tags ul a,
.post-btm .back-to-top a {
    border: 1px solid rgba(0, 0, 0, .09);
    display: inline-block;
    padding: 3px 15px;
    border-radius: 40px;
    font-size: 13px;
}
.post-tags.round ul a{
    border-radius: 3px;
}

.creative-b .post-btm {
    border-top: 1px solid rgba(0, 0, 0, .09);
    border-bottom: 1px solid rgba(0, 0, 0, .09);
    padding: 15px 30px;
    margin-bottom: 50px;
}
.creative-b .post-btm .post-tags ul li a {
    font-size: 13px;
    color: #7b8086;
}
.post-btm .back-to-top a {
    font-weight: 600;
    color: #414046;
}
.post-btm .round  a{
    border-radius: 3px;
}
.freelancer .post-tags ul a,
.freelancer .post-btm .back-to-top a
{
    padding: 1px 15px;
}
/* ----  [ Single Post Share Wrap ]----------------------------------*/
.creative-b .post-share-wrap,
.classic-b .post-share-wrap {
    padding-bottom: 90px;
}
.creative-b .share-post-btns a,
.classic-b  .share-post-btns a,
.freelancer .share-post-btns a {
    display: inline-block;
    width: auto;
    height: auto;
    text-align: left;
    line-height: 20px;
    font-size: 14px;
    margin-right: 15px;
    margin-left: 15px;
}
.creative-b .extra-meta-wrap  .share-post-btns a,
.classic-b .extra-meta-wrap  .share-post-btns a,
.freelancer .extra-meta-wrap  .share-post-btns a  {
    text-align: center;
    padding: 4px 10px;
    margin: 0px 5px;
}
.creative-b .share-post-btns a i,
.classic-b .share-post-btns a i,
.freelancer .share-post-btns a i {
    margin-right: 10px;
}
.creative-b .extra-meta-wrap .share-post-btns a i,
.classic-b .extra-meta-wrap .share-post-btns a i,
.freelancer .extra-meta-wrap .share-post-btns a i  {
    margin: 0px;
}
/*
 * Single - Author Details
 */
.author-details.single-author {
    padding: 0px;
}
.author-details.single-author .author-avatar {
    margin-top: -50px;
}
.creative-b  .author-details.single-author {

}
/* ----  [ Post Share ]----------------------------------*/
.post-share {
    padding-right: 20px;
    padding-left: 40px;
    border-left: 1px solid rgba(0, 0, 0, .07);
    height: 90px;
    margin-left: 40px;
}
.share-post-btns a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .65);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 5px;
}
.share-post-btns a i {
    margin: 0;
    font-size: 14px;
}
.extra-meta .share-post-btns a i {
    margin-right: 0px !important;
}
.post-like {
    font-weight: 600;
}
/* ----  [ Post Meta ]----------------------------------*/
.post-meta-wrap {padding: 60px;}
.post-meta {}
.post-meta h1.post-title {font-size: 26px;}
.post-meta span{margin-right: 10px;}
.post-meta span,
.post-meta span a{color: #a0a3a8;}
.post-meta span i {
    margin-right: 5px;
    font-size: 15px;
}
.post-meta span .meta-text {margin: 0px;}

/* ----  [ Classic Post Meta ]----------------------------------*/
.classic-post-meta-wrap {
    overflow: hidden;
    background: rgba(0, 0, 0, 0.03);
    font-size: 12px;
}
.classic-post-meta-wrap span {
    display: inline-block;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    padding: 8px  18px 8px 18px;
    font-weight: 400;
    margin-right: 0px;
    color: #414046;
}
.classic-post-meta-wrap span:last-child {border-right: none;}
.classic-post-meta-wrap span i {
    display: inline-block;
    color: #9c9b9e;
    margin-top: 2px;
}

/* ----  [ Post Heading - Freelancer ]----------------------------------*/
.single-heading {overflow: hidden;}
.single-heading .post-title {margin-bottom: 20px;}
.single-heading .fr-post-meta-wrap  .post-meta span {
    display: inline-block;
    margin-right: 35px;
}
.single-heading {overflow: hidden;}
.single-heading .project-title {margin-bottom: 20px;}
.single-heading .project-categories {margin-bottom: 30px; font-size: 600;}

.featured-post .classic-post-meta-wrap,
.freelancer .classic-post-meta-wrap {
    background: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    color: #fff;
    display: inline-block;
}
.featured-post .classic-post-meta-wrap a,
.freelancer  .classic-post-meta-wrap a {color: #fff;}
.featured-post .classic-post-meta-wrap span,
.featured-post .classic-post-meta-wrap .post-meta,
.freelancer .classic-post-meta-wrap .post-meta,
.freelancer .classic-post-meta-wrap span {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

/* ----  [ Single - Author Details ]----------------------------------*/
.author-details .author-avatar {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 101px;
    height: 101px;
    background: rgba(0, 0, 0, .1);
    margin: 0 auto;
}
.author-details img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 85px;
    height: 85px;
    margin-top: 8px;
}
.author-details h1.author-title ,
.author-details h2.author-title {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 30px;
}
.author-details h1.author-title small,
.author-details h2.author-title small {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 15px;
}
.author-details .author-bio{
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 40px;
}
.bg-dark .author-details .author-bio{
    margin-bottom: 40px;
    color: #fff;
}
.author-social a,
.footer-social-round a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    margin: 0px 5px;
    background: rgba(0, 0, 0, .2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.footer-social-round a {color: #fff !important;}

.post-author-details {overflow: hidden;}
.post-author-content {
    overflow: hidden;
    padding: 30px 40px;
}
.post-author-col {
    overflow: hidden;
    width: 130px;
    margin-right: 40px;
}
.post-author-col .post-author-avatar {
    width: 130px;
    height: 130px;
    margin-bottom: 25px;
    overflow: hidden;
}
.post-author-col .post-author-avatar,
.post-author-col .post-author-avatar img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.post-author-data p {
    font-size: 14px;
}

/* ----  [ Single Related Posts ]----------------------------------*/
.related-list {}
.related-list .related-post {
    overflow: hidden;
    height: 130px;
    position: relative;
    background: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.related-list .related-post img {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: .6;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.rl-post-details {
    position: absolute;
    top: 30px;
    left: 30px;
    padding-right: 30px;
}
.rl-post-details .rl-post-title {
    font-size: 15px;
    color: #fff;
    margin-bottom: 10px;
}
.rl-post-author {
    display: block;
    color: #fff;
    font-weight: 600;
}
.related-list .related-post:hover img {
    opacity: 1;
}

.creative-b  .related-list .related-post {
    overflow: hidden;
    height: 160px;
    background: #fcfcfc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.creative-b .related-list .related-post img {
    opacity: .0;
}
.creative-b .related-list .related-post:hover {
    background: #000;
}
.creative-b .related-list .related-post:hover img {
    background: #000;
    opacity: .5;
}
.creative-b .rl-post-details .rl-post-title,
.creative-b .rl-post-details .rl-post-author {
    color: #7b8086;
}
.creative-b .related-list .related-post:hover .rl-post-title,
.creative-b .related-list .related-post:hover .rl-post-author {
    color: #fff;

}


/* ----  [ Blog Sidebar ]------------------*/
.sidebar {padding-bottom: 5px;}

/* ----  [ Widget Style ]------------------*/
.sidebar .widget {
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}
.sidebar .widget .widget-title {
    overflow: hidden;
    padding: 0px 30px;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}
.sidebar .widget .widget-title h4 {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 70px;
    float: left;
}
.sidebar .widget.bg-dark .widget-title {
    border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.sidebar .widget .widget-title .title-icon {
    margin-right: 10px;
}
.sidebar .widget.bg-dark .widget-title small {
    margin-left: 15px;
    color: #fff;
    font-size: 13px;
}
.sidebar .widget .widget-title small {
    margin-left: 15px;
    font-size: 13px;
    line-height: 70px;
    float: right;
}
.sidebar .widget .widget-title .btn-mod {
    float: right;
    display: inline-block;
    line-height: 20px;
    margin-top: 18px;
}
.sidebar .widget-content {
    padding: 30px;
}

.sidebar .widget-content ul{
    padding: 0px;
    margin: 0px;
    color: #8d8f92;
}
.sidebar .widget-content ul ul{
    margin-left: 15px;
}
.sidebar .widget-content ul li,
.sidebar .widget-content ul li a {
    color: #8d8f92;
    display: block;
}
.sidebar .widget-content ul li a {
    padding: 5px 0px;
}
.sidebar .widget-content ul li a i {
    display: inline-block;
    margin-right: 8px;
    font-size: 14px;
}

/* ----  [ Social Buttons Widget ]-----------------------------*/
.social-profiles {}
.social-profiles a {
    display: inline-block;
    background: rgba(0, 0, 0, .1);
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 6px;
}
.social-profiles a:last-child {margin-right: 0px;}

/* ----  [ Cat Post Columns Widget ]---------------------------------*/
.cat-post-columns {}
.cat-post-columns .widget-post-col {margin-bottom: 15px;}
.widget-post-col .post-col-thumb {margin-bottom: 0px;}
.cat-post-columns .widget-post-col .entry-title {font-size: 12px;}

/* ----  [ Instagram Widget ]----------------------------*/
.instagram-widget {position: relative;}
.instagram-widget .widget-title {
    position:absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
    color: #fff;
    width: 100%;
}
.instagram-widget .widget-title h4 {color: #fff;}
.instagram-widget .instagram-feed .over,
.over-top {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 159px;
    z-index: 99;
    background:  url('assets/images/placeholder-top1.png') repeat-x center top;
}
.instagram-widget .instagram-wrapper {background: #313035;}
.instagram-widget .instagram-wrapper img {opacity: .7;}

.instagram-wrapper {position: relative;}
.instagram-wrapper img{
    opacity: .5;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.instagram-wrapper img:hover {opacity: 1;}
.follow-instagram {
    position: absolute;
    left: 50%;
    top: 50%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    margin-top: -30px;
    margin-left: -30px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    z-index: 99;
}

/* ----  [ Recent Posts Widget ]-----------------------------*/
.recent-posts-widget {overflow: hidden;}
.recent-posts-widget .widget-content {padding: 0px;}
.recent-posts-widget .recent-post {
    overflow: hidden;
    padding: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .09);
}
.recent-posts-widget .recent-post:last-child {border-bottom: none;}
.recent-posts-widget .recent-post .small-thumb {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-right: 30px;
}
.recent-posts-widget .recent-post .recent-post-content h5 {
    margin: 0px 0px 0px 0px;
    font-size: 13px;
}
.recent-posts-widget .recent-post .recent-post-content .post-date {
    font-size: 12px;
}

/* ----  [ Posts Slider Widget ]-------------------------------*/
.posts-slider-widget {overflow: hidden;}
.slide-post {
    position: relative;
    overflow: hidden;
    height: 320px;
    background: #000;
}
.slide-post-thumb {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 320px;
    z-index: 9;
    opacity: .7;
}
.slide-post .over {
    position:absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 205px;
    z-index: 9;
    background:  url('assets/images/placeholder-btm.png') repeat-x center bottom;
    padding-top: 30px;
}
.slide-post-details {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 10;
    padding: 30px;
}
.slide-post-details .post-title a,
.slide-post-details .post-author a {color: #fff;}
.slide-post-details .post-title {
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
}
.slide-post-details .post-author {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}
.side-navigation-list {}
.side-navigation-list li {border-bottom: 1px solid rgba(0, 0, 0, .09);}
.side-navigation-list li a {padding: 10px 20px !important;}

/* ----  [ Blog Pagination ]-------------------------------*/
.blog-pagination {
    overflow: hidden;
    text-align: center;
    padding: 50px 0px;
}
.blog-pagination .pagination {margin: 0 auto;}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: none;
    display: inline-block;
    margin: 0 5px !important;
    padding: 0px;
    line-height: 40px;
    height: 45px;
    width: 45px;
    color: #3d414a;
    font-size: 16px;
    font-weight: bold;
    background: transparent;
    border-radius:  45px !important;
    border: 2px solid #dcdcdc;
    text-align: center;
}
.pagination > li > a i {margin: 0 5px;}
.pagination > li > a:hover,
.pagination > li > span:hover {
    background-color: #28a8d3;
    border: 2px solid #28a8d3;
    color: #fff;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #fff;
    border: 2px solid #28a8d3;
    color: #3d414a;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a {
    width: auto;
    padding: 0px 25px;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    background-color: #fff;
    border: 2px solid #28a8d3;
    color: #3d414a;
}
.creative-b .blog-pagination {padding: 50px 0px 0px 0px;}
.creative-b .pagination > li > a,
.creative-b .pagination > li > span
{
 	background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.creative-b .pagination > li > a:hover,
.creative-b .pagination > li > span:hover
{
 	background: #fff;
    border: 2px solid #28a8d3;
}
.classic-b .blog-pagination,
.freelancer .blog-pagination {text-align: left;}
.classic-b .blog-pagination,
.freelancer .blog-pagination {padding-top: 0px;}
.classic-b .pagination > li > a,
.classic-b .pagination > li > span,
.freelancer .pagination > li > a,
.freelancer .pagination > li > span
{
 	background: transparent;
    border-radius: 5px !important;
}
.classic-b .pagination > li > a:hover,
.classic-b .pagination > li > span:hover,
.freelancer .pagination > li > a:hover ,
.freelancer .pagination > li > span:hover  {
 	background: #fff;
 	color: #333;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px !important;
}
.classic-b .pagination > .active > a,
.classic-b .pagination > .active > span,
.classic-b .pagination > .active > a:hover,
.classic-b .pagination > .active > span:hover,
.classic-b .pagination > .active > a:focus,
.classic-b .pagination > .active > span:focus,
.freelancer .pagination > .active > a,
.freelancer .pagination > .active > span,
.freelancer .pagination > .active > a:hover,
.freelancer .pagination > .active > span:hover,
.freelancer .pagination > .active > a:focus,
.freelancer .pagination > .active > span:focus {
    border:  2px solid rgba(0, 0, 0, 0.1);
    background: #fff;
}
.freelancer .pagination > .active > a,
.freelancer .pagination > .active > span,
.freelancer .pagination > .active > a:hover,
.freelancer .pagination > .active > span:hover,
.freelancer .pagination > .active > a:focus,
.freelancer .pagination > .active > span:focus{
    border:  2px solid #3c66ee;
    background: #fff;
}

/* ----  [ Book Search ]-------------------------*/
.search-wrap{
    position: relative;
}
.search-field{
    width: 100% !important;
    height: 40px !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.search-button{
    width: 42px;
    height: 40px;
    line-height: 38px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    right: 1px;
    overflow: hidden;
    background: transparent;
    border: none;
    outline: none;
    color: #999;
    font-size: 14px;
}

.search-button:hover{
    color: #111;
}
.search-button:hover + .search-field{
    border-color: #ccc;
}

.intro-image{
    width:100%;
}
.intro-label{
    position: absolute;
    top:7px;
    right: 10px;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
a.book-title {
    display: block;
    text-align: center;
    color: #111;
    font-size: 18px !important;
    font-weight: 600;
}
.book-author {
    display: block;
    font-size: 13px;
    margin-bottom: 20px;
}
.creative-b .book-cover-img {
    height: 380px;
}

/* -15-  [ Contact Form ]---------------------------*/
.contact-form-holder {overflow: hidden;}
.google-map{
    position: relative;
    background: #111;
}
#map-section{
    height: 880px;
    position: relative;
    background-color: #111 !important;
    z-index: 1;
}
.gm-style-cc{
    display: none !important;
}
.gm-style-iw div{
    color: #777;
}
.map-section{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 !important;
    background: rgba(17,17,17, .93);
    z-index: 2;
    cursor: pointer;

    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.map-section:hover{
    background: rgba(17,17,17, .90);
}
.map-toggle{
    width: 200px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -100px;
    color: #fff;
    text-align: center;
}
.mt-icon{
    width: 27px;
    height: 27px;
    line-height: 27px;
    margin: 6px auto 25px;
    position: relative;
    color: #fff;
    font-size: 30px;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.mt-icon i,
.mt-icon span{position: relative;}
.mt-text{
    margin-left: 12px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: rgba(255,255,255, .75);
}
.mt-close{
    display: none;
    font-size: 12px;
    font-weight: 600;
}

/* Map opened */
.map-section.js-enabled{
    height: 50px;
    background: rgba(17,17,17, .75);
}
.map-section.js-enabled:hover{
    background: rgba(17,17,17, .85);
}
.map-section.js-enabled .mt-icon{
    opacity: 0;
}
.map-section.js-enabled .mt-text{
    position: relative;
    top: -20px;
}

.social-counter-box {overflow: hidden;}
.social-counter-box .sc-icon {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.07);
    margin-right: 30px;
}
.sc-meta {float: left;}
.sc-meta span {display: block;}
.sc-meta span.sc-count {font-size: 13px; font-weight: 600;}
.sc-title {
    font-size: 11px;
    font-weight: 600;
    color: #acacad;
    text-transform: uppercase;
}
.sc-btn {margin-right: 20px; margin-top: 4px;}

/* ----  [ Portfolio Filter ]---------------------------------*/
.works-filter{
    list-style: none;
    padding: 0;
    margin: 0 0 45px 0;
    font-size: 13px;
    text-align: center;
    color: #555;
    cursor: default;
}
.works-filter a{
    display: inline-block;
    margin: 0 10px;
    color: #999;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    cursor: pointer;
}
.works-filter a:hover{color: #111; text-decoration: none;}
.works-filter a.active{color: #111; cursor: default;}
.works-filter a.active:hover{color: #111;}

.bg-dark .works-filter{color: #fff;}
.bg-dark .works-filter a{
    color: #fff;
    padding: 1px 15px;
    border-radius: 2px;
}
.bg-dark .works-filter a:hover{color: #fff;}
.bg-dark .works-filter a.active{
    color: #fff !important;
    background: rgba(255, 255, 255, 0.2);
}
.bg-dark .works-filter a.active.btn-dark{
    color: #fff !important;
    background: rgba(255, 255, 255, 0.2);
}
.bg-dark .works-filter a.active:hover{color: #fff;}

/* ----  [ Portfolio Grids ]---------------*/
.works-grid{
    list-style: none;
    margin: 0;
    padding: 0;
}
.work-item{
    width: 25%;
    float: left;
    margin: 0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.works-grid-auto .work-item {
    width: auto !important;
    float: left;
}
.work-grid-2 .work-item{width: 50%;}
.work-grid-3 .work-item{width: 33.333%;}
.container .work-grid-3 .work-item{width: 33.2%;}
.work-grid-5 .work-item{width: 20%;}
.works-grid.work-grid-margin{margin: 0 0 0 -10px;}
.works-grid.work-grid-margin .work-item{padding: 0 0 10px 10px;}
.works-grid.work-grid-margin1-5{margin: 0 0 0 -25px;}
.works-grid.work-grid-margin1-5 .work-item{padding: 0 0 25px 25px;}
.works-grid.work-grid-margin2 {margin: 0 0 0 -40px;}
.works-grid.work-grid-margin2 .work-item {padding: 0 0 40px 40px;}


/* ----  [ Work Item Style ]-------------------------*/
.work-item > a{
    display: block;
    padding: 0 0 84px 0;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}
.work-item a,
.work-item a:hover{
    color: #111;
    border: none;
}
.work-img{
    position: relative;
    overflow: hidden;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.work-img img{
    width: 100%;
    display: block;
    overflow: hidden;
}
.work-intro{
    width: 100%;
    height: 84px;
    padding: 20px 20px 0 20px;
    -webkit-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
}
.work-title{
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 22px;
    font-weight: 400;
}
.work-descr{
    font-size: 13px;
    text-align: center;
    text-transform: capitalize;
    color: #aaa;
}
.works-grid.hide-titles .work-item > a{overflow: hidden; padding: 0;}
.bg-dark .work-item a {color: #fff !important;}
.works-grid.hide-titles .work-item .work-intro{opacity: 0;bottom: -94px;}
.works-grid.hide-titles .work-item:hover .work-intro{opacity: 1;}

/* ----  [ Work item hover state ]-----------------------------*/
.work-intro{
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.work-item:hover .work-intro,
.side-work-item:hover .work-intro{
    bottom: auto;
    top: 50%;
    color: #fff;
    margin-top: 50px;
    -webkit-transform: translateY(-99px);
    -moz-transform: translateY(-99px);
    transform: translateY(-99px);
    z-index: 3;
}
.work-item:hover .work-title,
.side-work-item:hover .work-title{color: #ccc;}
.work-item:hover .work-descr,
.side-work-item:hover .work-descr{color: #999;}
.work-item .work-img:after,
.side-work-item .work-img:after{
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(250,250,250, 0);
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.work-item:hover .work-img:after,
.side-work-item:hover .work-img:after{background: rgba(20,20,20, .85);}
.works-grid.hover-color .work-item:hover .work-intro,
.works-grid.hover-color .work-item:hover .work-title,
.works-grid.hover-color .work-item:hover .work-descr,
.side-work-item:hover .work-intro,
.side-work-item:hover .work-title,
.side-work-item:hover .work-descr{color: #fff;}
.works-grid.hover-color .work-item:hover .work-img:after{background: #28a8d3; opacity: .73;}
.works-grid.hover-white .work-item:hover .work-intro,
.works-grid.hover-white .work-item:hover .work-title,
.works-grid.hover-white .work-item:hover .work-descr{color: #fff;}
.works-grid.hover-white .work-item:hover .work-img:after{background: rgba(125, 125, 125, .7);}

.work-item .work-img > img,
.side-work-item .work-img > img{
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.work-item:hover .work-img > img,
.side-work-item:hover .work-img > img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

/* ----  [ Works full view ]---------------------------*/
.z-index {
    position: relative;
    z-index: 9909;
}
.work-full{
    display: none;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10000;
}
.work-full-load{padding-top: 60px;}
.work-loader{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10001;
}
.work-loader:after{
    display: block;
    content: " ";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
    background: url(../images/loader.gif) no-repeat;
}
.work-grid-sys {}

.container .work-grid-sys.work-grid-3 .work-item {padding: 0px;}

/* ----  [ Work Navigation ]-----------------------------*/
.work-navigation{
    width: 100%;
    text-transform: capitalize;
    z-index: 99;
    font-size: 15px;
}
.work-navigation .fa{vertical-align: middle;}
.work-navigation .fa-times{ margin-top: -2px;}
.work-navigation a{
    display: block;
    float: left;
    width: 33.33333%;
    padding: 20px 0px;
    overflow: hidden;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    cursor: default;
}
.work-navigation a,
.work-navigation a:visited{ color: #555;}
.work-navigation a:hover{ color: #111;}
.work-navigation a span{
    display: inline-block;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.work-navigation a span.nav-icon {
    display: inline-block !important;
    padding: 0px 50px !important;
    font-size: 20px !important;
}
.work-navigation span:hover{}
.work-back-link{
    margin: 20px 0 0;
    display: block;
    background: #fff;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #151515;
}
.work-prev{text-align: left;}
.work-all{text-align: center;}
.work-next{text-align: right;}
.work-container{padding: 50px 0;}
.work-full-title{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}
.work-full-media{}
.work-full-media img{
    max-width: 100%;
    height: auto;
}
.work-full-text{
    text-align: left;
    font-size: 13px;
    color: #777;
}
.work-full-text h6{margin-top: 5px;}
.work-detail{font-weight: 400;}
.work-detail p:last-child{margin-bottom: 0;}
.work-full-detail{font-size: 15px; color: #777; text-transform: capitalize;}
.work-full-detail p{padding: 4px 0; margin: 0;}
.work-full-detail p:last-child{}
.work-full-detail p strong{width: 80px; display: inline-block;}
.work-full-action{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eaeaea;
    text-align: center;
}

/* ----  [ Portofolio Work Items Hover Options ]------------------------------*/
.work-item figure {
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    max-width: 100%;
    width: 100%;
}
.work-item figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    width: 100%;
    opacity: 0.8;
}
.work-item figure figcaption {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.work-item figure figcaption::before,
.work-item figure figcaption::after {pointer-events: none;}
.work-item figure figcaption,
.work-item figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.work-item  figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.work-item  figure h2 {
    font-weight: 400;
    font-size: 20px;
}
.bg-white .work-item  figure h2 {color: #fff;}
.work-item  figure h2 span {font-weight: 800;}
.work-item  figure h2,.work-item  figure p {margin: 0;color: #fff;}
.work-item  figure p {letter-spacing: 1px; font-size: 68.5%;}

/* ----  [ Scale Effect ]---------------------*/
.scale-hover {
    transition: all linear 0.25s;
    -ms-transition: all linear 0.25s;
    -moz-transition: all linear 0.25s;
    -webkit-transition: all linear 0.25s;
    -o-transition: all linear 0.25s;
}
.scale-hover:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .15);
    box-shadow: 0 0 25px rgba(0, 0, 0, .15);
}


@media screen and (max-width: 50em) {

    .grid figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}


/* ----  [ Jazz Effect ]----------------------------------*/
figure.effect-jazz {
    background: -webkit-linear-gradient(-45deg, #000000 0%,#000000 100%);
    background: linear-gradient(-45deg, #000000 0%,#000000 100%);
}

figure.effect-jazz img {
    opacity: 1;
}

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-jazz figcaption::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid rgba(255, 255, 255, .35);
    border-bottom: 1px solid rgba(255, 255, 255, .35);
    content: '';
    opacity: 0;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

figure.effect-jazz h2,
figure.effect-jazz p {
    opacity: 1;
    -webkit-transform: scale3d(0.8,0.8,1);
    transform: scale3d(0.8,0.8,1);
}

figure.effect-jazz h2 {
    padding-top: 26%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-jazz p {
    padding: 0.5em 2em;
    text-transform: none;
    font-size: 0.85em;
    opacity: 0;
}

figure.effect-jazz:hover img {
    opacity: 0.4;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}

figure.effect-jazz:hover figcaption::after {
    opacity: 1;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

/* ----  [ Promo Portfolio ]----------------------------------*/
.portfolio-item {position: relative;}
.portfolio-item.white {background: #FFF;}

.portfolio-item.gray {
    background: #fafafa;
    background: -moz-linear-gradient(-45deg,#fafafa 0,#f2f2f2 60%,#eaeaea 100%);
    background: -webkit-linear-gradient(-45deg,#fafafa 0,#f2f2f2 60%,#eaeaea 100%);
    background: -o-linear-gradient(-45deg,#fafafa 0,#f2f2f2 60%,#eaeaea 100%);
    background: -ms-linear-gradient(-45deg,#fafafa 0,#f2f2f2 60%,#eaeaea 100%);
    background: linear-gradient(135deg,#fafafa 0,#f2f2f2 60%,#eaeaea 100%);
}

.portfolio-item.gray .image-wrapper-blank {
    float: right;
}

.portfolio-item#archive {
    height: 300px;
    padding: 105px 0;
}

.portfolio-item h2 {
    font-size: 36px;
    font-weight: 300;
    margin: 0 0 30px 0;
    line-height: 1.1em;
    color: #212934;
}

.portfolio-item p {
    color: rgba(33,41,52,.6);
}

.portfolio-item>.wrap {
    height: 100%;
}

.portfolio-item .image-wrapper-blank {
    width: 95%;
    position: relative;
    height: 590px;
    float: left;
}
.portfolio-item .image-wrapper-blank2 {
    width: 90%;
    position: relative;
    height: 590px;
    float: none;
    margin: 0 auto;
}

.portfolio-item .image-wrapper-blank img {
    max-width: 100%;
}

.portfolio-item .image-wrapper {
    width: 500px;
    position: relative;
    background: #FFF;
    box-shadow: 0 0 50px rgba(0,0,0,.1);
    border-radius: 3px;
    overflow: hidden;
    height: 540px;
    margin: auto auto;
}

.portfolio-item .image-wrapper img {
    max-width: 100%;
    border-radius: 0 0 3px 3px;
    position: absolute;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: 3s all ease;
}
.portfolio-item .image-wrapper.translatey img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: 3s all ease;
}

.portfolio-item .image-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,.1);
    z-index: 3;
}

.portfolio-item .top-bar {
    height: 22px !important;
    width: 100%;
    background: rgba(255,255,255,.45);
    box-shadow: 0 1px 0 rgba(0,0,0,.1);
    position: relative;
    z-index: 2;
}

.portfolio-item .traffic-lights {
    left: 20px;
    top: 17px;
    background: #ef5350;
}

.portfolio-item .traffic-lights:before {
    left: 12px;
    background: #fec722;
}

.portfolio-item .traffic-lights:after {
    left: 24px;
    background: #43a047;
}

.portfolio-item .traffic-lights,.portfolio-item .traffic-lights:after,.portfolio-item .traffic-lights:before {
    width: 8px;
    height: 8px;
    border-radius: 10px;
    position: absolute;
}

.portfolio-item .traffic-lights:after,.portfolio-item .traffic-lights:before { content: "";}
.portfolio-item .description {}
.portfolio-item.gray .image-wrapper {float: right;}

/* ----  [ Portfolio Item Details ]------------------------*/
.work-detail{font-weight: 400;}
.work-detail p:last-child{margin-bottom: 0;}
.work-full-detail{font-size: 13px; color: #777;}
.work-full-detail p{
    padding: 8px 0;
    margin: 0;
    border-top: 1px solid rgba(0,0,0, .05);
}
.work-full-detail p:last-child{border-bottom: 1px solid rgba(0,0,0, .05);}
.work-full-detail p strong{
    width: 100px;
    display: inline-block;
}
.work-full-action{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eaeaea;
    text-align: center;
}


/* -22-  [ Shortcodes  ]-----------------------*/
.progress-button {
    position: relative;
}
.progress-button .content {
    position: relative;
    display: block;
    z-index: 10;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
.progress-button .progress {
    position: absolute;
    left: 0;
    background: rgba(0,0,0,0.2);
    top: 0;
    width: 0%;
    opacity: 0;
    height: 100%;
    z-index: 0;
    -webkit-transition: width 0s 0.3s, opacity 0.3s;
    transition: width 0s 0.3s, opacity 0.3s;
}
.progress-button.active .progress {
    opacity: 1;
    width: 100%;
    -webkit-transition: width 1.2s;
    transition: width 1.2s;
}

.btn-mod,
a.btn-mod{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 25px;
    margin: 4px;
  	color: #fff;
  	background: #888;
    border: 2px solid transparent;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: 600;
}
.btn-mod-defult {
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-mod-defult:hover,
.btn-mod-defult:focus,
a.btn-mod-defult:hover,
a.btn-mod-defult:focus{
  	background-color:#444 !important;
    text-decoration: none;
    outline: none;
	color:#ffd300;
  
}
.btn-mod:active{
    cursor: pointer !important;
}
.btn-mod i{
    margin-right: 5px;
    display: inline-block;
    width: 18px;
    text-align: left;
    font-size: 15px;
}
.btn-mod.btn-tiny{
  	padding: 2px 10px;
    font-size: 10px;
    margin: 2px;
}
.btn-mod.btn-small{
  	padding: 6px 15px;
    font-size: 10px;
    margin: 2px;
}
.btn-mod.btn-small i{
    font-size: 15px !important;
}
.btn-mod.btn-vsmall{
  	padding: 7px 15px;
    font-size: 10px;
    margin: 2px;
    font-size: 12px;
}
.btn-mod.btn-medium{
  	padding: 6px 15px;
    font-size: 18px;
    margin: 4px;
}
.btn-mod.btn-large{
  	padding: 18px 35px;
    font-size: 14px;
    margin: 8px;
}
.btn-mod.btn-xlarge{
  	padding: 22px 55px;
    font-size: 16px;
    margin: 6px;
}
.btn-mod.btn-xxlarge{
  	padding: 28px 80px;
    font-size: 19px;
    margin: 10px;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .btn-mod.btn-tiny{
      	padding: 2px 8px;
        font-size: 10px;
        margin: 2px;
    }
    .btn-mod.btn-small{
      	padding: 6px 12px;
        font-size: 15px !important;
        margin: 2px;
    }
    .btn-mod.btn-small i{
        font-size: 15px !important;
    }
    .btn-mod.btn-vsmall{
      	padding: 5px 10px;
        font-size: 10px;
        margin: 2px;
        font-size: 12px;
    }
    .btn-mod.btn-medium{
      	padding: 8px 18px;
        font-size: 14px;
        margin: 4px;
    }
    .btn-mod.btn-large{
      	padding: 16px 20px;
        font-size: 14px;
        margin: 8px;
    }
    .btn-mod.btn-xlarge{
      	padding: 18px 35px;
        font-size: 16px;
        margin: 6px;
    }
    .btn-mod.btn-xxlarge{
      	padding: 18px 60px;
        font-size: 19px;
        margin: 10px;
    }
}

.btn-mod.btn-3d {
    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,.15);
}
.btn-mod.btn-glass{
  	color: rgba(255,255,255, .95);
  	background: rgba(0,0,0, .40);
}
.btn-mod.btn-glass-white{
  	color: #fff;
  	background: rgba(255,255,255, .23);
}
.btn-mod.btn-mod-defult.btn-glass:hover,
.btn-mod.btn-mod-defult.btn-glass:focus{
  	color: rgba(255,255,255, 1);
  	background: rgba(0,0,0, 1);
}
.btn-mod.btn-border{
  	color: #151515;
    border: 1px solid rgba(0, 0, 0, .09);
  	background: transparent;
}
.btn-mod.btn-shodow{
    border: none;
    box-shadow: 3px 0px 7px rgba(0, 0, 0, .35) !important;
}
.btn-mod.btn-transparent{
  	background: transparent;
  	border: none;
}
.btn-mod.btn-mod-defult.btn-border:hover,
.btn-mod.btn-mod-defult.btn-border:focus{
  	color: #fff;
    border-color: transparent;
  	background: #000;
}
.btn-mod.btn-border-c{
  	color: #28a8d3;
    border: 2px solid #28a8d3;
  	background: transparent;
}
.btn-mod.btn-mod-defult.btn-border-c:hover,
.btn-mod.btn-mod-defult.btn-border-c:focus{
  	color: #fff;
    border-color: transparent;
  	background: #28a8d3;
}
.btn-mod.btn-border-w{
  	color: #fff;
    border: 2px solid rgba(255,255,255, .75);
  	background: transparent;
}
.btn-mod.btn-mod-defult.btn-border-w:hover,
.btn-mod.btn-mod-defult.btn-border-w:focus{
  	color: #111;
    border-color: transparent;
  	background: #fff;
}
.btn-mod.btn-w{
  	color: #111;
  	background: rgba(255,255,255, 1);
}
.btn-mod.btn-mod-defult.btn-w:hover,
.btn-mod.btn-mod-defult.btn-w:focus{
  	color: #111;
  	background: rgba(0,0,0, 0.09);
}
.btn-mod.btn-w-color{
  	color: #28a8d3;
  	background: #fff;
}
.btn-mod.btn-mod-defult.btn-w-color:hover,
.btn-mod.btn-mod-defult.btn-w-color:focus{
    color: #151515;
  	background: #fff;
}
.btn-mod.btn-gray{
  	color: #777;
  	background: #e5e5e5;
}
.btn-mod.btn-mod-defult.btn-gray:hover,
.btn-mod.btn-mod-defult.btn-gray:focus{
  	color: #444;
  	background: #d5d5d5;
}

.btn-mod.btn-dark{
  	color: #fff;
  	background: rgba(0,0,0,0.8);
}
.btn-mod.btn-mod-defult.btn-gray:hover,
.btn-mod.btn-mod-defult.btn-gray:focus{}
.btn-mod.btn-color{
  	color: #fff;
  	background: #28a8d3;
}
.btn-mod.btn-mod-defult.btn-color:hover,
.btn-mod.btn-mod-defult.btn-color:focus{
  	color: #fff;
  	background: #28a8d3;
    opacity: .85;
}
.btn-bordered {border: 2px solid rgba(0, 0, 0, .2);}
.btn-bordered.transparent {
    background: transparent;
    color: #3d414a;
}
.btn-bordered.btn-mod-defult.transparent:hover {
    color: #3d414a;
    background: rgba(0,0,0, 0.4) !important;
}
.btn-mod.btn-circle{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.btn-mod.btn-xxlarge.btn-circle{
  	-webkit-border-radius:110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
}
.btn-mod.btn-xlarge.btn-circle{
  	-webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
}
.btn-mod.btn-large.btn-circle{
  	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.btn-mod.btn-circle2{
  	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.btn-mod.btn-circle3{
  	-webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.btn-mod.btn-round{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn-icon{
    position: relative;
    border: none;
    overflow: hidden;
}
.btn-icon.btn-small{
    overflow: hidden;
}
.btn-icon > span{
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    left: 0;
    color: #777;
    font-size: 48px;
    opacity: .2;

    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-icon:hover > span{
    opacity: 0;

    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}
.btn-icon > span.white{color: #fff;}
.btn-icon > span.black{color: #000;}
.btn-full{width: 100%;}
.btn-icon i  {font-size: 20px; margin-right: 10px;}
.download-button{
    display: inline-block;
    position: relative;
    padding: 20px 40px 15px 85px;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.download-button:hover,
.download-button:focus{
    text-decoration: none;
    color: #111;
    opacity: .6;
}
.db-icon{
    width: 60px;
    height: 40px;
    position: absolute;
    top: 25px;
    left: 20px;
    font-size: 28px;
    line-height: 40px;
    text-align: center;
}
.db-title{
    display: block;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.db-descr{
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 20px;
}

/* Common button styles */
.button,
.button.btn {
    position: relative !important;
    z-index: 1 !important;
    -webkit-backface-visibility: hidden !important;
    -moz-osx-font-smoothing: grayscale !important;
}
.button > span {vertical-align: middle !important;}

/* Individual button styles */

/* Antiman */
.button--antiman {}
.button--antiman.button--inverted,
.button--antiman.button--inverted-alt {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--antiman > span {}
.button--antiman::before,
.button--antiman::after {
    content: '';
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--antiman::before {
    border: 2px solid rgba(0, 0, 0, .65);
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}
.button--antiman.button--border-thin::before {border-width: 1px;}
.button--antiman.button--border-medium::before {border-width: 2px;}
.button--antiman.button--border-thick::before {border-width: 3px;}
.button--antiman.button--inverted::before {border-color: rgba(0, 0, 0, .65);}
.button--antiman.button--inverted-alt::before {border-color: rgba(0, 0, 0, .65);}
.button--antiman::after {}
.button--antiman.button--inverted::after {background: rgba(0, 0, 0, .65);}
.button--antiman.button--inverted-alt::after {background: rgba(0, 0, 0, .65);}
.button--antiman.button--inverted:hover {color: rgba(0, 0, 0, .65);}
.button--antiman.button--inverted-alt:hover {color: rgba(0, 0, 0, .65);}
.button--antiman:hover::before {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.button--antiman:hover::after {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
}



/* ----  [ Tabs ]-------------------------*/
.nav-tabs.lio-sh-tabs   {
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: 300;
    line-height: normal ;
}
ul.nav-tabs.lio-sh-tabs li {
    padding: 0px !important;
    margin: 0px;
    margin-right: 10px !important;
}
.lio-sh-tabs{
    border-color: #e5e5e5;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    border-bottom: none;
}
.lio-sh-tabs > li > a{
    text-decoration: none;
    color: #414046;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    background: #f7f7f7;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: 600;
}
.lio-sh-tabs > li > a:hover{background-color: #f5f5f5;}
.nav-tabs.lio-sh-tabs>li.active>a, .nav-tabs.lio-sh-tabs>li.active>a:hover, .nav-tabs.lio-sh-tabs>li.active>a:focus {
    border-bottom: none;
    margin-bottom: -2px;
    padding-bottom: 12px;
}
.lio-sh-tabs li.active a{color: #000;}
.lio-sh-tabs-cont{
    padding: 40px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.lio-sh-tabs-cont p {margin: 0px;}

.nav-tabs.lio-sh-tabs.vr-tabs {
    float: left;
    width: 130px;
}
.nav-tabs.lio-sh-tabs.vr-tabs li {
    display: block;
    margin-bottom: 10px;
}
.nav-tabs.lio-sh-tabs.vr-tabs li a {
    display: block;
    width: 130px;
}
.nav-tabs.lio-sh-tabs.vr-tabs>li.active>a, .nav-tabs.lio-sh-tabs.vr-tabs>li.active>a:hover, .nav-tabs.lio-sh-tabs.vr-tabs>li.active>a:focus {
    border-bottom: 1px solid #ddd;
    border-right: none;
    margin-bottom: 0px;
    padding-bottom: 10px;
    margin-right: -2px;
    padding-right: 12px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.nav-tabs.lio-sh-tabs.vr-tabs>li.active>a {width: 131px;}
.lio-sh-tabs-cont.vr-tabs-cont{margin-left: 130px;}

/* ----  [ Tabs - Mini ]-------------------------*/
.lio-sh-minimal-tabs{
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    border: none;
}
.lio-sh-minimal-tabs > li{
    padding: 0 10px;
    background: none !important;
}
.lio-sh-minimal-tabs > li > a{
    padding: 10px 20px 9px;
    text-decoration: none;
    background: none;
    border: 1px solid transparent;
}
.lio-sh-minimal-tabs > li > a:hover{
    background: none;
    border-color: #e9e9e9;
    color: #777;
}
.lio-sh-minimal-tabs li.active a,
.lio-sh-minimal-tabs li.active a:hover{
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    background: none !important;
    color: #000;
    cursor: default;
}
.lio-sh-minimal-tabs-cont{
}

/* ----  [ Accordion ]-----------------------*/
.accordion > dt{
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
}
.entry-content  dl.accordion {
    margin-left: 0px;
}
.accordion > dt > a{
    display: block;
    position: relative;
    color: #777;
    text-decoration: none;
    padding: 14px 20px;
    border: 1px solid #f7f7f7;
    background: #f7f7f7;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
}
.accordion > dt > a i {
    margin-right: 5px;
}
.accordion > dt > a:hover{
    text-decoration: none;
    border-color: #f7f7f7;
    background-color: #fff;

}
.accordion > dt > a.active{

    border-color: #ddd;
    background-color: #fff;
    cursor: default;
}
.accordion > dt > a:after{
    content: "\f107";
    width: 15px;
    height: 15px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #999;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after{
    content: "\f106";
    color: #111;
}
.accordion > dt > a:hover:after{
    color: #444;
}

.accordion > dd{
    margin-bottom: 10px;
    padding: 20px;
    font-size: 17px;
    font-weight: 400;
    line-height: 35px;
    color: rgba(35,37,40,.7);
}
.classic-accordion  > dt > a {
    padding: 0px;
    border: none;
}
.classic-accordion  > dt > a {
    padding: 10px 0px;
    border: none;
    background: transparent;
}

.accordion.accordion-colored > dt,
.accordion.accordion-colored > dd {
    margin-bottom: 0px;
}
.accordion.accordion-colored > dt > a {
    background: #fff;
    border: none;
    color: #333;
    margin-bottom: 0px;
    
}
.accordion.accordion-colored > dt > a.active {
    background: #28a8d3;
    color: #fff;
}
.accordion.accordion-colored > dt > a.active:after,
.accordion.accordion-colored > dt > a.active:hover:after {
    color: #fff;
}
.accordion.accordion-colored > dd{
    background: #fff;
}
.no-arrow.accordion > dt > a:after {
    display: none;
}

/* ----  [ Toggle ]--------------------------*/
.entry-content  dl.toggle {
    margin-left: 0px;
}
.toggle > dt{
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
}
.toggle > dt > a{
    display: block;
    position: relative;
    color: #777;
    text-decoration: none;
    padding: 14px 20px;
    border: 1px solid #f7f7f7;
    background: #f7f7f7;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;

}
.toggle > dt > a:hover{
    text-decoration: none;
    border: 1px solid #e5e5e5;
    background-color: #fcfcfc;
    color: #444;
}
.toggle > dt > a.active{
    color: #000;
    border-color: #ddd;
    background-color: #fff;
}
.toggle > dt > a:after{
    content: "\f107";
    width: 15px;
    height: 15px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #999;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.toggle > dt > a.active:after,
.toggle > dt > a.active:hover:after{
    content: "\f106";
    color: #111;
}
.toggle > dt > a:hover:after{
    color: #444;
}
.toggle > dd{
    margin-bottom: 10px;
    padding: 10px 20px 20px;
    font-size: 17px;
    font-weight: 400;
    line-height: 35px;
    color: rgba(35,37,40,.7);
}

/* ----  [ Highlights ]------------------------*/
.highlight-text ,
.highlight-text.color,
.highlight-text.dark,
.highlight-text.light,
.highlight-text.colorYellow {
    display: inline;
    padding: 1px 5px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.highlight-text.color {
    background: #2c97de;
}
.highlight-text.dark {
    background: #262932;
}
.highlight-text.colorYellow {
    background: #f2c500;
}
.highlight-text.light {
    background: #f2f2f2;
    color: #888;
}

/* ----  [ List Styles ]---------------------*/
.label {
	
}
.list-style {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.list-style li {
    margin-bottom: 0px;
    overflow: hidden;
}
.list-style li:before  {
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 5px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 19px;
    line-height: 15px;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

}
.list-style.colored li:before {
    background: #28a8d3;
    color: #fff;
    padding: 2px 4px 1px 4px;
    font-size: 10px;
}
.list-check li:before {
    content: "\f00c";
}
.list-circle li:before {
    content: "\f055";
}
.list-circle.t-colored li:before  {
    color: #28a8d3;
}

/* list */
ul.flat-list { list-style:inside disc; margin: 0 0 0 25px}
.flat-list li { padding:5px 0}
.flat-list li.active { font-weight:600; color:#000}
.flat-list li.active ul { font-weight: normal; color: #575757}
.flat-list li ul { padding:5px 0 0 15px;}
.flat-list li i { margin:0 10px 0 0}
ul.flat-list-icon { list-style:none}
.list-line{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.list-inline li { display: inline-block; padding: 0 18px;}
ul.list-line li {border-bottom:1px solid rgba(0,0,0,.03); padding:7px 0}
ul.list-line li:last-child {border-bottom: none}
ul.list-line li span {min-width:130px; display:inline-block}


/* ----  [ Bordered Features  ]----------------------*/
.border-features-grid{}
.border-features-item{
}
.border-features-icon{
    display: inline-block;
    padding-top: 10px;
    font-size: 48px;
    line-height: 0;
    color: #111;
    border: 2px solid #333;
    padding: 30px;
    border-radius: 100%;
}
.border-features-icon img{
    width: 100%;
}
.border-features-title{
    margin-bottom: 21px;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}
.border-features-descr {
    font-size: 16px;
    font-weight: 400;
    line-height: 35px;
    color: rgba(35,37,40,.7);
}

/* ----  [ Process ]----------------------------*/
.process-line {
    position: absolute;
    top: 80px;
    right: -50px;
    width: 75px;
    display: inline-block;
    height: 3px;
    border-bottom: 2px dashed rgba(0, 0, 0, .09);
}

.alert{
    margin: 0 auto 15px;
    padding: 15px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    font-size: 14px;
    text-transform: capitalize;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 17px;
    font-weight: 600;
}
.alert i {
    display: inline-block;
    margin-right: 15px;
}
.alert.success{
    background-color: #53bf6b;
    color: #fff;
}
.alert.info{
    background-color: #48c0eb;
    color: #fff;
}
.alert.notice{
    background-color: #ffb310;
    color: #fff;
}
.alert.error{
    background-color: #eb303b;
    color: #fff;
}
.alert.success.transparent {
    background: transparent !important;
    color: #53bf6b;
    border: 1px solid #53bf6b;
}
.alert.info.transparent {
    background: transparent !important;
    color: #48c0eb;
    border: 1px solid #48c0eb;
}
.alert.notice.transparent {
    background: transparent !important;
    color: #ffb310;
    border: 1px solid #ffb310;
}
.alert.error.transparent {
    background: transparent !important;
    color: #eb303b;
    border: 1px solid #eb303b;
}

/* ----  [ Social Buttons ]---------------------*/
.social-btns a {}
.social-btns.color-social-btns a {color: #2c97de;}
.social-btns.social-btns-med a,
.social-btns.social-btns-med a i {font-size: 20px !important;}
.social-btns.social-btns-large a,
.social-btns.social-btns-large a i {font-size: 30px !important;}
.show-social-btns a {margin-right: 9px; margin-bottom: 9px;}

/* ----  [ Owl Carousel ]--------------------*/
.owl-carousel{
    overflow: hidden;
}
.owl-buttons{
    position: static;
}
.owl-prev,
.owl-next{
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    width: 50px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    /*color: #facf00;*/
    color:#fff;
    z-index: 6;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    background: rgba(0, 0, 0, .5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.circle-control .owl-prev,
.circle-control .owl-next {
    border-radius: 100% !important;
    width: 50px;
    height: 50px;
    line-height: 40px !important;
}
.circle-control .owl-prev .fa,
.circle-control .owl-next .fa {
    font-size: 25px !important;
    margin-top: -10px;
}

.overlay-navigation .owl-prev,
.overlay-navigation .owl-next {
    background: transparent !important;
    color: rgba(0, 0, 0, .65) !important;
}
.overlay-navigation .owl-prev,
.overlay-navigation .owl-next {
    background: transparent !important;
    color: rgba(0, 0, 0, .65) !important;
}


.owl-prev{
    left: 30px;
}
.owl-next{
    right: 30px;
}
.owl-prev:before,
.owl-next:before{
    content: "";
    width: 100%;
    height: 100%;
    font-size: 40px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    
}
.bg-dark .owl-prev,
.bg-dark .owl-next,
.five-slider-wrap .owl-prev,
.five-slider-wrap .owl-next{
    color: #fff !important;
}
.owl-next:before{
}
.owl-prev .fa,
.owl-next .fa{
    position: relative;
    font-size: 40px !important;
}
.owl-prev:hover,
.owl-next:hover{
    -webkit-transition: 0 none !important;
    -moz-transition: 0 none !important;
     -ms-transition: 0 none !important;
    -o-transition: 0 none !important;
    transition:0 none !important;
}
.owl-prev:hover:before,
.owl-next:hover:before{
    opacity: 0.87;
}
.owl-prev:active:before,
.owl-next:active:before{
    opacity: 0.6;
}
.owl-carousel:hover .owl-prev{
    opacity: 1;
    left: 30px;
}
.owl-carousel:hover .owl-next{
    opacity: 1;
    right: 30px;
}

.five-slider-wrap .owl-prev,
.five-slider-wrap .owl-next{
    top: 100px;
    margin-top: 0px;
    width: 50px;
    height: 265px;
    line-height: 265px;
    border-radius: 0px;
}
.five-slider-wrap .owl-carousel:hover .owl-prev{
    left: 0px;
}
.five-slider-wrap .owl-carousel:hover .owl-next{
    right: 0px;
}

.slider-wrap .owl-pagination {
    position: absolute;
    bottom: 40px;
}

.owl-pagination{
    display: block;
    width: 100%;
    position: relative;
    left: 0;
    text-align: center;
}
.instagram-carousel .owl-pagination{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 15px;
}
.owl-page{
    display: inline-block;
    padding: 6px 4px;
    position: relative;
}
.owl-page span{
    width: 6px;
    height: 6px;
    display: block;
    position: relative;
    z-index: 1000 !important;
    background: rgba(0, 0, 0, .09);
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);

    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.owl-page:hover span{
    background: rgba(0, 0, 0, .5);
}
.owl-page.active span{
    background: rgba(0, 0, 0, .4);
    border: none;
    -webkit-transform: scale(1.3333333);
    -moz-transform: scale(1.3333333);
    -o-transform: scale(1.3333333);
    -ms-transform: scale(1.3333333);
    transform: scale(1.3333333);
}
.bg-dark .owl-page span {
    background: rgba(255, 255, 255, .7);
}
.bg-dark .owl-page:hover span{
    background: rgba(255, 255, 255, .5);
}
.bg-dark .owl-page.active span{
    background: rgba(255, 255, 255, .4);
}

.bg-white .owl-page span {
    background: rgba( 0, 0, 0, .2);
    border: 1px solid rgba( 0, 0, 0, .2);
}
.bg-white .owl-page.active span {
    background: rgba( 0, 0, 0, .5);
    border: 1px solid rgba( 0, 0, 0, 0);
}

.bg-white .owl-prev:before,
.bg-white .owl-next:before{background: rgba( 0, 0, 0, .3);}
.bg-dark .owl-prev:before,
.bg-dark .owl-next:before{background: rgba( 0, 0, 0, .3);}
.five-slider-wrap .owl-page {padding: 0px; padding-top: 30px;}
.five-slider-wrap .owl-page span {
    width: 40px;
    height: 10px;
    border-radius: 0px;
    border: none;
    background: rgba( 0, 0, 0, .15);
    margin: 0px 1px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.five-slider-wrap .owl-page span {}
.five-slider-wrap .owl-page.active span {
    background: rgba( 0, 0, 0, .47);
    border: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/* -19-  [ Sliders ]---------------------*/
/* ----  [ Triple Layout Slider ]----------------*/
.no-touch .vs-container {overflow-x: hidden;}
.vs-header {
    z-index: 200;
    height: 0px;
    width: 80%;
    text-align: center;
    -webkit-backface-visibility: hidden;
}
.vs-container > header h1 {
    margin: 0 0 2em 0;
    padding: 0 0 0.8em;
    font-weight: 300;
    font-size: 2.4em;
    line-height: 1.4;
    -webkit-backface-visibility: hidden;
}
.vs-container > header span {
    display: block;
    padding: 0 0 0.6em 0.1em;
    font-size: 60%;
    font-weight: 400;
    color: #893027;
}
.vs-nav {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.vs-triplelayout .vs-nav {
    width: 33.33%;
    height: 80px;
}
.vs-nav li {
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
}
.vs-triplelayout .vs-nav li {
    position: absolute;
    visibility: hidden;
    width: 100%;
}
.vs-nav li a {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    padding: 10px 0;
    outline: none;
    border-top: 2px solid #893027;
    border-bottom: 2px solid #893027;
    color: #893027;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 1.5em;
    -webkit-transition: border-color 0.3s, color 0.3s;
    transition: border-color 0.3s, color 0.3s;
}
.vs-nav li a:hover,
.vs-nav li a:focus,
.vs-triplelayout .vs-nav .vs-nav-current a,
.vs-container.vs-move-left .vs-nav-right a,
.vs-container.vs-move-right .vs-nav-left a {
    border-color: #fff;
    color: #fff;
}

.vs-container.vs-move-left .vs-nav-current a,
.vs-container.vs-move-right .vs-nav-current a {
    border-color: #893027;
    color: #893027;
}

.vs-triplelayout .vs-nav .vs-nav-left,
.vs-triplelayout .vs-nav .vs-nav-right,
.vs-triplelayout .vs-nav .vs-nav-left-outer,
.vs-triplelayout .vs-nav .vs-nav-right-outer,
.vs-triplelayout .vs-nav .vs-nav-current {
    visibility: visible;
}

.vs-triplelayout .vs-nav .vs-nav-current {left: 0%;}
.vs-triplelayout .vs-nav .vs-nav-left {left: -100%;}
.vs-triplelayout .vs-nav .vs-nav-right {left: 100%;}
.vs-triplelayout .vs-nav .vs-nav-right-outer {left: 200%;}
.vs-triplelayout .vs-nav .vs-nav-left-outer {left: -200%;}
.vs-container.vs-move-left .vs-nav-left,
.vs-container.vs-move-left .vs-nav-left-outer,
.vs-container.vs-move-left .vs-nav-current,
.vs-container.vs-move-left .vs-nav-right,
.vs-container.vs-move-left .vs-nav-right-outer {
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}
.vs-container.vs-move-right .vs-nav-left,
.vs-container.vs-move-right .vs-nav-left-outer,
.vs-container.vs-move-right .vs-nav-current,
.vs-container.vs-move-right .vs-nav-right,
.vs-container.vs-move-right .vs-nav-right-outer {
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

.vs-container.vs-move-left .vs-nav-left,
.vs-container.vs-move-right .vs-nav-right {
    opacity: 0;
}

.vs-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 100%;
    width: 100%;
}

.vs-wrapper > section {
    z-index: 1;
    min-height: 100%;
    background-position: 100% 0;
    background-repeat: no-repeat;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}


.vs-triplelayout .vs-wrapper > section {
    position: absolute;
    top: 0;
    left: 10%;
    visibility: hidden;
    padding: 0 0 100px;
    width: 80%;
    -webkit-backface-visibility: hidden;
}

.vs-triplelayout .vs-wrapper > section:not(.vs-current) {
    overflow: hidden;
    height: 100%;
}

.vs-triplelayout .vs-wrapper .vs-left,
.vs-triplelayout .vs-wrapper .vs-left-outer,
.vs-triplelayout .vs-wrapper .vs-current,
.vs-triplelayout .vs-wrapper .vs-right,
.vs-triplelayout .vs-wrapper .vs-right-outer {
    visibility: visible;
}

.vs-triplelayout .vs-wrapper .vs-left {
    left: -70%; /* 80 - 10 */
}

.vs-triplelayout .vs-wrapper .vs-left-outer {
    left: -150%; /* - 70 - 80 */
}

.vs-triplelayout .vs-wrapper .vs-current {
    position: relative;
    z-index: 100;
}

.vs-triplelayout .vs-wrapper .vs-right {
    left: 90%; /* 80 + 10 */
}

.vs-triplelayout .vs-wrapper .vs-right-outer {
    left: 170%; /* 90 + 80 */
}

.vs-container.vs-move-left .vs-left,
.vs-container.vs-move-left .vs-current,
.vs-container.vs-move-left .vs-right,
.vs-container.vs-move-left .vs-right-outer {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}

.vs-container.vs-move-right .vs-left,
.vs-container.vs-move-right .vs-left-outer,
.vs-container.vs-move-right .vs-current,
.vs-container.vs-move-right .vs-right {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

.vs-sidenav div {
    position: absolute;
    top: 0;
    z-index: 500;
    width: 10%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.vs-sidenav div:hover {
    background: rgba(0,0,0,0.2);
}

.vs-sidenav .vs-sidenav-left {
    left: 0px;
}

.vs-sidenav .vs-sidenav-right {
    right: 0px;
}

/* inner content */
.vs-content {
    position: relative;
    margin: auto;
    padding: 1em 0;
    width: 95%;
    text-align: left;
    font-size: 1.5em;
    height: 100%;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.vs-content h2 {
    position: relative;
    margin: 30px 0 40px;
    color: #893027;
    font-weight: 700;
    font-size: 3em;
}

.vs-content .col {
    margin: 0 auto;
    color: #893027;
    text-align: justify;
    line-height: 1.4;
    -webkit-column-width: 30%;
    -moz-column-width: 30%;
    column-width: 30%;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1%;
    -moz-column-gap: 1%;
    column-gap: 1%;
}

.vs-content p {
    margin: 0 0 20px 0;
    padding: 0;
}

/* ----  [ Sidebar Effects ]---------------------------*/
.st-container,
.st-pusher,
.st-content {
    height: 100%;
}
.st-content {}
.st-content,
.st-content-inner {position: relative;}
.st-container {
    position: relative;
    overflow: hidden;
}
.st-pusher {
    position: relative;
    left: 0;
	/*right:0;*/
    z-index: 99;
    height: 100%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
.st-pusher::after {
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    /*background: rgba(0,0,0,0.9);*/
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.st-menu-open .st-pusher::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.st-menu {
    position: fixed;
    top: 0;
    /*left: 0;*/
	right:0;
    z-index: 100;
    visibility: hidden;
    width: 300px;
    height: 100%;
    background: #666;
	/*-webkit-box-shadow: 9px 1px 31px 4px rgba(0, 0, 0, .65);
    -moz-box-shadow: 9px 1px 31px 4px rgba(0, 0, 0, .65);
    box-shadow: 9px 1px 31px 4px rgba(0, 0, 0, .65);*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 999999999999999;
}

.st-menu::after {
    position: fixed;
    top: 0;
	/*right:0;*/
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}


.st-menu-open .st-menu::after {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

/* content style */

.st-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.st-menu h3 {
    display: block;
    margin: 0;
    padding: 1em;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    background: rgba(0, 0, 0, 0.09);
    font-weight: 300;
    font-size: 22px;
}

.st-menu ul li a {
    display: block;
    padding: 0.6em 0.6em 0.6em 1.2em;
    outline: none;
	font-size:16px;
	line-height:18px;
	font-weight:600;
	text-transform:uppercase;
    box-shadow: inset 0 -1px rgba(0,0,0,0.2);
    color: #fff;
    /*text-shadow: 0 0 1px rgba(255,255,255,0.1);
    letter-spacing: 1px;*/
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}
.st-menu ul li a:hover {
    background: rgba(0,0,0,0.2);
    box-shadow: inset 0 -1px rgba(0,0,0,0);
    /*color: #facf00;*/
}

.st-menu ul li ul li a {
    display: block;
    padding: 0.6em 0.6em 0.6em 1.2em;
    outline: none;
	font-weight:300;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
    box-shadow: inset 0 -1px rgba(0,0,0,0.2);
    color:#DCDCDC;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}
.st-menu ul li ul li a:hover {
    background: rgba(0,0,0,0.5);
    box-shadow: inset 0 -1px rgba(0,0,0,0);
    /*color: #facf00;*/
}

.st-menu ul li:first-child a {
    box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.st-menu ul li a.btn-fechar {
	text-align:right;
	/*color:#666;*/
	font-weight:300;
	line-height:26px;
	font-size:19px;
}
.st-menu ul li a.btn-fechar:hover {
	color:#fff;
}
.st-menu ul li a.btn-fechar i {
	color:#fff;
	font-size:23px;
}

.st-menu ul li a i {
    display: inline-block;
    margin-right: 6px;
}
/* Effect 1: Slide in on top */
.st-effect-4.st-menu {
    visibility: visible;
    -webkit-transform: translate3d(320px, 0, 0);
    transform: translate3d(320px, 0, 0);
}

.st-effect-4.st-menu-open .st-effect-4.st-menu {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	-webkit-box-shadow: 34px 0px 31px 30px rgba(0,0,0,0.45);
	-moz-box-shadow: 34px 0px 31px 30px rgba(0,0,0,0.45);
	box-shadow: 34px 0px 31px 30px rgba(0,0,0,0.45);
}

.st-effect-4.st-menu::after {
    display: none;
}

/* Media queries */
@media screen and (max-width: 72.875em) {

    .vs-header,
    .vs-wrapper {
        font-size: 80%;
    }

    .vs-content {
        width: 85%;
    }

    .vs-content h2 {
        font-size: 1.8em;
    }

    .vs-nav li a {
        width: 160px;
    }

    .vs-content .col {
        -webkit-column-width: 50%;
        -moz-column-width: 50%;
        column-width: 50%;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media screen and (max-width: 45.25em) {

    .vs-container > header h1 {
        margin-bottom: 0;
    }

    .vs-content h2 {
        margin: 0 0 1em;
    }

    .vs-wrapper {
        font-size: 80%;
    }

    .vs-triplelayout .vs-nav li a {
        width: auto;
        font-size: 70%;
    }

    .vs-wrapper > section {
        background-position: 0 28em;
        background-size: 100%;
    }

    .vs-content .col {
        -webkit-column-width: auto;
        -moz-column-width: auto;
        column-width: auto;
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto;
    }
}



/* ----  [ Fullwidth Slider ]----------------------*/
.fullwidth-slider .featured-post {
    padding-top: 50px;
}
.fullwidth-slider .section-img-background  {
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.fullwidth-slider .home-section:hover .section-img-background  {
     transform: matrix(1.09, 0, 0, 1.09, 0, 0);
    
}
.section-img-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
}
.small-img-background {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    
}


.fullwidth-slideshow{
    cursor: grab;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}
.fullwidth-slideshow-pager-wrap{
    cursor: default;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 60px 0 20px 0;
    
    z-index: 25;
    
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .65)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background-color: rgba(0, 0, 0, 0);
}
.fullwidth-slideshow-pager-wrap .owl-item{
    opacity: .7;
    -webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.fullwidth-slideshow-pager-wrap .owl-item:hover{
    opacity: 1;
}
.fullwidth-slideshow-pager-wrap .owl-item.synced{
    opacity: 1;
}
.fsp-item{
    margin: 0 2px;
    width: 90px;
    height: 60px;
    cursor: pointer;
}
.fsp-item:active{
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -o-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}
.fsp-item img{
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -border-radius: 2px;
    width: 90px;
    height: 60px;
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .65);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, .65);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .65);
}



/* ----  [ Three Featured Posts Slider ]----------------------*/
.three-slider {
    padding-top: 100px;
}
.th-featured-post {
    width: 640px;
    height: 500px;
    position: relative;
    overflow: hidden;
}
.th-featured-post img,
.th-featured-post .post-thumb{
    width: 640px;
    height: 500px;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.th-featured-post .post-thumb {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
}
.th-featured-post  .th-featured-post-content {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 30px;
    z-index: 11;
}
.th-featured-post .over {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 10;
    width: 100%;
    background: transparent url('assets/images/big-placeholder-btm.png') repeat-x bottom left;
    height: 455px;
}
.th-featured-post-content .post-title {
    font-size: 20px;
    color: #fff;
}
.th-featured-post-content .post-title a {
    color: #fff;
}

/* ----  [ Five Featured Posts Slider ]----------------------*/
.five-slider {
    padding-top: 100px;
    padding-bottom: 5px;
    overflow: visible;
}
.five-slider.owl-carousel,
.five-slider.owl-carousel .owl-wrapper, .five-slider.owl-carousel .owl-item ,
.five-slider.owl-carousel .owl-wrapper-outer {
    overflow: visible !important;
    -webkit-backface-visibility: visible !important;
}
.fv-featured-post {
    width: 384px;
    position: relative;
    overflow: visible;
}
.fv-featured-post .post-thumb,
.fv-featured-post img {
    width: 384px;
    height: 265px;
}
.fv-post-details {
    padding: 15px 20px;
    overflow: visible;
}
.fv-post-details h3 {
    font-size: 13px;
    margin: 0px;
}
.fv-post-details .fv-post-date {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    color: #7b8086;
}
/* ----  [ Full Width Slideshow  ]----------------------------------*/

.fullwidth-slideshow{
    cursor: grab;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}
.fullwidth-slideshow-pager-wrap{
    cursor: default;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 60px 0 20px 0;
    
    z-index: 25;
    
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .65)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background-color: rgba(0, 0, 0, 0);
}
.fullwidth-slideshow-pager-wrap .owl-item{
    opacity: .7;
    -webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.fullwidth-slideshow-pager-wrap .owl-item:hover{
    opacity: 1;
}
.fullwidth-slideshow-pager-wrap .owl-item.synced{
    opacity: 1;
}
.fsp-item{
    margin: 0 2px;
    cursor: pointer;
}
.fsp-item:active{
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -o-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}
.fsp-item img{
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -border-radius: 2px;
    
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .65);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, .65);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .65);
}
/* -24-  [ Footer ]----------------------------------*/
.myfooter {position:absolute; bottom:0; z-index:9999;}

/* ----  [ Footer ]----------------------------------*/
.copyright-text {font-size: 14px; margin-bottom: 10px; color:#D1D1D1}
.f-social {}
.f-social a {display: inline-block; margin-left: 10px; color:#C1C1C1;}
.f-social a:hover {color:#fff;}

/* ----  [ Footer Widgets ]----------------------------------*/
.footer-widgets {overflow: hidden;}
.footer-widgets .widget {
    font-size: 15px;
    overflow: hidden;
}
.footer-widgets .widget-content {overflow: hidden;}
.footer-widgets .widget-title {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    overflow: hidden;
	/*color:#facf00;*/
    color: #fff;
}
.footer-widgets .widget ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 15px;
}
.footer-widgets .widget ul li {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    padding: 10px 10px 10px 0;
}
.footer-widgets .widget ul li:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 14px;
}
.no-arrows li:after {
    display: none !important;
}
.no-border li {
    border-bottom: none !important;
    padding: 5px 10px 5px 0 !important;
}
.double-li li {float: left; width: 50%;}

/* Portfolio Widget /--------------------------------------------------------- */
.widget_portfolio .portfolio-widget-item {
    float: left;
    padding: 0;
    margin: 0 10px 10px 0;
    width: 80px;
    height: 80px;
}

/* Contact Widget /--------------------------------------------------------- */
.widget_contact address {font-style: normal;color:#fff;}
.widget_contact address i {color:#fff;}
.widget_contact address span{display: block; padding-bottom: 5px; line-height:20px;}
.widget_contact address span a {color:#ccc;}
.widget_contact address span a:hover {color:#fff;}

.widget_contact address strong{display: none;}
.widget_contact address span i{
    display: inline-block;
    width: 24px;
    float: left;
    margin: 5px 0 0px 0;
}
.widget_contact .adress-overflow{overflow: hidden;}

/* ----  [ Heading Intro Effects ]----------------------------------*/
.header {
    position: relative;
    margin: 0 auto;
    min-height: 1000px;
    width: 100%;
}
.bg-img {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.bg-img img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    min-width: 100%;
    min-height: 100%;
}
.title {
    z-index: 1000;
    position: relative;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.header .post-title {}

/* ----  [ Trigger Button ]----------------------------------*/
button.trigger {
    position: fixed;
    bottom: 40px;
    left: 50%;
    z-index: 999999;
    display: block;
    margin-left: -100px;
    padding: 0;
    width: 200px;
    height: 70px;
    border: none;
    background: transparent;
    color: transparent;
    font-size: 2em;
}
.container-ef:not(.notrans) button.trigger {
    -webkit-transition: opacity 0.3s 0.5s;
    transition: opacity 0.3s 0.5s;
}
.container-ef.modify:not(.notrans) button.trigger {
    opacity: 0;
    pointer-events: none;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
button.trigger::before {
    position: absolute;
    bottom: 80%;
    left: -100%;
    width: 300%;
    color: #333;
    content: attr(data-info);
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
button.trigger:focus {outline: none;}
button.trigger i {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
button.trigger i::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #333;
    font-size: 80px !important;
}

/* ----  [ Conent ]----------------------------------*/
.content {}
.content > div:not(.cover-text) p {margin: 0 auto 1.5em auto;}
/*.content > div:not(.cover-text) p:first-child {font-size: 1.35em;}*/

/* ----  [ Faded gradient ]----------------------------------*/
.intro-effect-fadeout:not(.notrans) .bg-img {
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
}
.intro-effect-fadeout:not(.notrans) .bg-img::after {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.intro-effect-fadeout:not(.notrans) .header h1 {
    -webkit-transition-property: color;
    transition-property: color;
}
.intro-effect-fadeout:not(.notrans) .header p,
.intro-effect-fadeout:not(.notrans) .content > div {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
}
.intro-effect-fadeout:not(.notrans) .bg-img,
.intro-effect-fadeout:not(.notrans) .bg-img::after,
.intro-effect-fadeout:not(.notrans) .header h1,
.intro-effect-fadeout:not(.notrans) .header p,
.intro-effect-fadeout:not(.notrans) .content > div {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.intro-effect-fadeout .header {
    overflow: hidden;
}
.intro-effect-fadeout.modify .bg-img {
    -webkit-transform: translateY(-29%);
    transform: translateY(-29%);
}
.intro-effect-fadeout .bg-img::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 101%;
    padding-bottom: 100px;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.intro-effect-fadeout.modify .bg-img::after {
    opacity: 1;
}
.intro-effect-fadeout .title {
    text-align: left;
    max-width: 900px;
}

.intro-effect-fadeout.modify .header h1,
.intro-effect-fadeout .header p {
    color: #514753;
}

.intro-effect-fadeout .header p {
    opacity: 0;
}

.intro-effect-fadeout .header p:nth-child(2) {
    -webkit-transform: translateX(150px);
    transform: translateX(150px);
}

.intro-effect-fadeout .header p:nth-child(3) {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
}

.intro-effect-fadeout.modify .header p:nth-child(2),
.intro-effect-fadeout.modify .header p:nth-child(3) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.intro-effect-fadeout .content {
    z-index: 1000;
    position: relative;
}

.intro-effect-fadeout .content > div {
    opacity: 0;
    -webkit-transform: translateY(350px);
    transform: translateY(350px);
}

.intro-effect-fadeout.modify .content > div {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
/* ----  [ Sliced ]----------------------------------*/

.intro-effect-sliced:not(.notrans) .bg-img,
.intro-effect-sliced:not(.notrans) .title {
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
}

.intro-effect-sliced:not(.notrans) .header h1,
.intro-effect-sliced:not(.notrans) .codrops-demos a {
    -webkit-transition-property: color;
    transition-property: color;
}

.intro-effect-sliced:not(.notrans) .header p {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.intro-effect-sliced:not(.notrans) .content > div {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
}

.intro-effect-sliced:not(.notrans) .bg-img,
.intro-effect-sliced:not(.notrans) .header h1,
.intro-effect-sliced:not(.notrans) .title,
.intro-effect-sliced:not(.notrans) .header p,
.intro-effect-sliced:not(.notrans) .content > div,
.intro-effect-sliced:not(.notrans) .codrops-demos a {
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.intro-effect-sliced.modify:not(.notrans) .header h1,
.intro-effect-sliced.modify:not(.notrans) .title,
.intro-effect-sliced.modify:not(.notrans) .header p,
.intro-effect-sliced.modify:not(.notrans) .content > div,
.intro-effect-sliced.modify:not(.notrans) .codrops-demos a {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.intro-effect-sliced .bg-img:first-child {
    bottom: 50%;
}

.intro-effect-sliced .bg-img:last-child {
    top: 50%;
    position: fixed;
    z-index: 900;
}

.intro-effect-sliced .bg-img:last-child img {
    top: -100%;
}

.intro-effect-sliced.modify .bg-img:first-child {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
}

.intro-effect-sliced.modify .bg-img:last-child {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.intro-effect-sliced .codrops-demos {
    text-align: center;
}

.intro-effect-sliced .codrops-demos a {
    color: #fff;
    font-size: 0.8em;
}

.intro-effect-sliced.modify .codrops-demos a {
    color: #cf4a5c;
}

.intro-effect-sliced .title {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7);
    transform: translateX(-50%) translateY(-50%) scale(0.7);
}

.intro-effect-sliced.modify .title {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.intro-effect-sliced .header p {
    opacity: 0;
    color: #514753;
}

.intro-effect-sliced.modify .header p {
    opacity: 1;
}

.intro-effect-sliced.modify .header h1 {
    color: #514753;
}

.intro-effect-sliced .content > div {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    opacity: 0;
}

.intro-effect-sliced.modify .content > div {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

/* Delays */
.intro-effect-sliced.modify:not(.notrans) .title {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

/* ----  [ Grid ]----------------------------------*/
.intro-effect-grid:not(.notrans) .grid li:nth-child(5) {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
}
.intro-effect-grid:not(.notrans) .header p  {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.intro-effect-grid:not(.notrans) .bg-img,
.intro-effect-grid:not(.notrans) .title {
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
}
.intro-effect-grid:not(.notrans) .header h1,
.intro-effect-grid:not(.notrans) .codrops-demos a {
    -webkit-transition-property: color;
    transition-property: color;
}
.intro-effect-grid:not(.notrans) .grid li:nth-child(5),
.intro-effect-grid:not(.notrans) .bg-img,
.intro-effect-grid:not(.notrans) .title,
.intro-effect-grid:not(.notrans) .header h1,
.intro-effect-grid:not(.notrans) .header p,
.intro-effect-grid:not(.notrans) .codrops-demos a {
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}
.intro-effect-grid .codrops-demos a {color: #fff;}
.intro-effect-grid.modify .codrops-demos a {color: #cf7000;}
.intro-effect-grid .codrops-demos a.current-demo {border-bottom: 3px solid #fff;}
.intro-effect-grid.modify .codrops-demos a.current-demo {border-color: #cf7000;}
.intro-effect-grid .title {
    max-width: 900px;
    padding-top: 2em;
}
.intro-effect-grid.modify .title {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}
.intro-effect-grid .content > div {
    margin-top: 40px;
    color: #2e3337;
}
.intro-effect-grid .header h1 {
    font-weight: 700;
    padding: 0 0 0.6em;
}
.intro-effect-grid.modify .header h1 {color: #2d3b44;}
.intro-effect-grid .header p {
    opacity: 0;
    color: #4c6270;
}
.intro-effect-grid .header p.subline {font-size: 1.5em;}
.intro-effect-grid.modify .header p {opacity: 1;}
.intro-effect-grid .grid {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 0;
}
.intro-effect-grid .grid li::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(71,63,59,0.5);
    pointer-events: none;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.intro-effect-grid.modify .grid li:hover::after,
.intro-effect-grid.modify .grid li:nth-child(5)::after {
    background: rgba(71,63,59,0.1);
}
.intro-effect-grid .grid li {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.intro-effect-grid .grid li h2 {
    font-weight: 700;
    padding-bottom: 0.4em;
    margin: 1em;
    color: #fff;
    line-height: 1;
    font-size: 1em;
    position: absolute;
    bottom: 0;
    z-index: 100;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
.intro-effect-grid .grid li:hover h2 {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.intro-effect-grid .grid li:first-child {
    top: 0;
    left: 0;
    height: 50%;
    width: 25%;
    background-image: url(assets/images/thumbs/1.jpg);
}
.intro-effect-grid .grid li:nth-child(2) {
    top: 50%;
    left: 0;
    height: 50%;
    width: 25%;
    background-image: url(assets/images/thumbs/2.jpg);
}
.intro-effect-grid .grid li:nth-child(3) {
    top: 0;
    left: 25%;
    height: 100%;
    width: 25%;
    background-image: url(assets/images/thumbs/5.jpg);
}
.intro-effect-grid .grid li:nth-child(4) {
    top: 0;
    left: 50%;
    height: 50%;
    width: 50%;
    background-image: url(assets/images/thumbs/4.jpg);
}
.intro-effect-grid .grid li:nth-child(5) {
    top: 50%;
    left: 50%;
    height: 50%;
    width: 25%;
    background-image: url(assets/images/thumbs/8.jpg);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.intro-effect-grid.modify .grid li:nth-child(5) {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.intro-effect-grid .grid li:nth-child(5) h2 {
    color: #de8721;
}
.intro-effect-grid .grid li:nth-child(6) {
    top: 50%;
    left: 75%;
    height: 50%;
    width: 25%;
    background-image: url(assets/images/thumbs/6.jpg);
}
.intro-effect-grid.modify .bg-img {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

/* ----  [ Media Queries ]----------------------------------*/
@media screen and (max-width: 47em) {
   
    .intro-effect-side .title {
        width: 100%;
        padding: 0 1em;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .intro-effect-side.modify .bg-img::before {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .intro-effect-side .bg-img::after {
        border-left-width: 0px;
        border-right-width: 0px;
        right: 0px;
        left: 0px;
        background: rgba(255,255,255,0.1);
    }
    .intro-effect-side.modify .bg-img::after {background: rgba(255,255,255,0.8);}
    .intro-effect-sidefixed .content {
        width: 100%;
        margin-left: auto;
    }
    .intro-effect-sidefixed .bg-img::after {width: 95%;}
}

@media screen and (max-width: 27em) {
    .intro-effect-jam3 .content {padding: 0 2em 5em;}
    .intro-effect-grid .grid li h2 {display: none;}
    .intro-effect-push .header .title {
        top: 60px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .title, .content {}
    button.trigger::before {display: none;}
}

.intro-effect-fadeout.modify .post-single-nav:after {
        opacity: 1;
}

.post-single-nav:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 101%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .st-pusher,
.no-js .st-pusher {padding-left: 300px;}

/* ----  [ Grids Elemtns ]----------------------------------*/
.grid-item {
  float: left;
  width: 370px;
  height: 400px;
}
.grid-item--width2 { width: 600px; }

/* ----  [ Animated Background ]----------------------------------*/
.animated-background {
    background-repeat: repeat !important;
    animation: animatedBackground 120s linear infinite !important;
    -ms-animation: animatedBackground 120s linear infinite !important;
    -moz-animation: animatedBackground 120s linear infinite!important;
    -webkit-animation: animatedBackground 120s linear infinite !important;
    background-position: center bottom !important;
}
@media screen and (max-width: 1024px) {
    .animated-background {
        -webkit-animation: none!important;
        -moz-animation: none!important;
        animation: none!important;
    }
}
@keyframes animatedBackground {
    from {background-position: 0 0;}
    to {background-position: 11298px 0;}
}
@-webkit-keyframes animatedBackground {
    from {background-position: 0 0;}
    to {background-position:  11298px 0;}
}
@-moz-keyframes animatedBackground {
    from {background-position: 0 0;}
    to {background-position: 11298px 0;}
}

.animated-background-v {
    background-repeat: repeat !important;
    animation: animatedBackgroundV 120s linear infinite !important;
    -ms-animation: animatedBackgroundV 120s linear infinite !important;
    -moz-animation: animatedBackgroundV 120s linear infinite!important;
    -webkit-animation: animatedBackgroundV 120s linear infinite !important;
    background-position: center bottom !important;

}
@media screen and (max-width: 1024px) {
    .animated-background-v {
        -webkit-animation: none!important;
        -moz-animation: none!important;
        animation: none!important;
    }
}
@keyframes animatedBackgroundV {
    from {background-position: 0 0;}
    to {background-position: 11298px 0;}
}

@-webkit-keyframes animatedBackgroundV {
    from {background-position: 0 0;}
    to {background-position: 11298px 0;}
}

@-moz-keyframes animatedBackgroundV {
    from {background-position: 0 0;}
    to {background-position: 11298px 0;}
}

/* ----  [ Animation Header ]----------------------*/
#demo-canvas {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.an-header-content {}

/* ----  [ Zoom Options ]----------------------------------*/
.overlay {z-index: 9999999 !important;}
.overlay-close {
    z-index: 99999999 !important;
    cursor: pointer !important;
}
.zoom-hover {
    transition: all 1s;
    will-change: transform;
}
.zoom-hover:hover {transform: matrix(1.05, 0, 0, 1.05, 0, 0);}

/* ----  [ Light Box Styles ]----------------------------------*/
.mfp-wrap {
    z-index: 99999999999 !important;
}
.mfp-bg {
    z-index: 999999;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80);
}
.mfp-inline-holder .mfp-content {
    width: 75% !important;
    z-index: 999999999 !important;
}
.mfp-inline-holder .mfp-content.small {
    width: 75% !important;
}
body.freelancer .mfp-inline-holder .wrapper-tiny .mfp-content {
    max-width: 650px !important;
    width: 90%;
    margin: 0 auto;
}
body.freelancer  .wrapper-tiny   button.mfp-close,  .wrapper-tiny  button.mfp-arrow {
    right: 26%;
    color: #fff !important;
}
#small-dialog {}

/* Font icons examples */
.fa-examples{
    color: #555;
    margin-left: 1px;
}
.fa-examples > div{
    padding: 0;
    border: 1px solid #e5e5e5;
    margin: -1px 0 0 -1px;
    font-size: 13px;
}
.fa-examples > div:hover{
    background: #f0f0f0;
    color: #000;
}
.fa-examples > div > i{
    display: inline-block;
    margin-right: 5px;
    min-width: 40px;
    min-height: 40px;
    border-right: 1px solid #f1f1f1;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
}
.fa-examples > div > .muted{
    margin-left: 5px;
    color: #999;
    font-size: 12px;
}
.fa-sm{
    width: 20px;
    font-size: 14px;
}
.et-examples{
    color: #555;
    margin-left: 1px;
    vertical-align: middle;
}
.et-examples .box1{
    display: block;
    width: 33%;
    float: left;
    padding: 0;
    border: 1px solid #e5e5e5;
    margin: -1px 0 0 -1px;
    font-size: 13px;
        display: table-cell;
    height: 100%;
    vertical-align: middle;
}
@media only screen and (max-width: 1024px) {
    .et-examples .box1{
        width: 50%;
    }
}
@media only screen and (max-width: 480px) {
    .et-examples .box1{
        width: 100%;
    }
}
.et-examples .box1:hover{
    background: #f8f8f8;
    color: #111;
}
.et-examples .box1 > span{
    display: inline-block;
    margin-right: 15px;
    padding-top: 10px;
    min-width: 110px;
    min-height: 90px;
    border-right: 1px solid #f1f1f1;
    text-align: center;
    font-size: 48px;
    line-height:90px;
    vertical-align: middle;
}
.icon-list i:before {
    line-height: inherit !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 30px ;
}
.font-icon-list {
  padding: 20px 0px 0px 0px;
  margin-bottom: 20px; }

.font-icon-list:hover {
  cursor: pointer; }

.font-icon-detail {
  text-align: center; }

.font-icon-detail span:first-child {
  display: inline-block;
  transition: color 150ms linear, background 150ms linear, font-size 150ms linear, width 150ms;
  padding: 10px 0px;
  width: 90px;
  font-size: 48px;
  border: 1px solid #eaeaea;
  border-radius: 3px; }

.font-icon-name {
  font-size: 13px;
  margin-top: 15px;
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent!important;
}

.font-icon-name:focus, .font-icon-name:active {
  outline: none; }

.font-icon-code {
  max-height: 0;
  overflow: hidden;
  text-align: center;
  opacity: 0;
  transition: max-height 200ms linear, opacity 200ms linear; }

.font-icon-code.show {
  max-height: 200px;
  opacity: 1; }

.code-value, .unicode, .unicode-text {
  background: none;
  text-align: center;
  border: none;
  color: #a0a0a0; }

.code-value {
  display: block;
  width: 100%; }

.unicode, .unicode-text {
  color: #a0a0a0; }

.unicode {
  float: left;
  font-family: "Pe-icon-7-stroke";
  text-align: right;
  width: 38%;
  padding-right: 5px; }

.unicode-text {
  text-align: left;
  float: left;
  display: inline-block;
  width: 100px;
  border: none; }

.unicode-text:focus,
.unicode-text:active {
  outline: none; }

.glyphs,.classes {}
.classes {font-size: 13px;}

.glyph {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 50%;  
}
.glyph-item {
    border-radius: 8px;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1;
    padding: 0.25em;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
}
.glyph:hover .glyph-item {}
.mega {font-size: 1em;}

.item-box {
    display: inline-block;
    font-family: consolas, monospace;
    font-size: 1.2em;
    margin: 0 -0.22em 1em 0;
    padding-left: 1em;
    width: 100%;

}
.item {
    background-color: rgba(0, 0, 0, 0.05);
    color: #33383e;
    border-radius: 2px;
    display: inline-block;
    padding: 0.5em;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .glyphs, .classes {}
    .glyphs header,
    .classes header {
        margin-bottom: 4.5em;
        padding-bottom: 4.5em;
    }
    .glyphs h1,.classes h1 {font-size: 4.5em;}
    .mega {font-size: 4em;}
    .glyph {width: 16.1666666666667%;}
    .item-box {width: 33.333%;}
    .colophon .group {padding: 6em;}
}
/* Preview */
#preview {
  margin-bottom: 12px;
}
#preview.focus .icon {
  color: #eee;
  pointer-events: none;
}
#preview .icon {
  float: left;
  padding: 0.25em;
  padding: 0 2px;
  font-size: 24px;
  border: 1px solid transparent;
  border-radius: 2px;
  margin: 3px 5px;
  line-height: 24px;
  background-color: white;
  -webkit-transition: all 300ms, z-index 0 300ms;
  -moz-transition: all 300ms, z-index 0 300ms;
  -o-transition: all 300ms, z-index 0 300ms;
  -ms-transition: all 300ms, z-index 0 300ms;
  transition: all 300ms, z-index 0 300ms;
}
#preview .icon.match {
  color: #000;
  pointer-events: all;
}
#preview .icon .typcn {
  display: block;
}
#preview .icon:hover {
  -webkit-transform: scale(3.5);
  -moz-transform: scale(3.5);
  -o-transform: scale(3.5);
  -ms-transform: scale(3.5);
  transform: scale(3.5);
  -webkit-transition: all 300ms, z-index 0 0;
  -moz-transition: all 300ms, z-index 0 0;
  -o-transition: all 300ms, z-index 0 0;
  -ms-transition: all 300ms, z-index 0 0;
  transition: all 300ms, z-index 0 0;
  border-color: #ccc;
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 120dpi) {
  #preview .enlarge.icon {
    background-size: 1px 1px;
    background-image: url('grid.png');
  }
}
.glyph {
        float: left;
        text-align: center;
        padding: .5em;
        margin: 0 .5em;
        width: 7em;
        border-radius: .375em;
        top:0;
        position:relative;
        -webkit-transition:0.2s ease-in;
        -o-transition:0.2s ease-in;
        -moz-transition:0.2s ease-in;
        -ie-transition:0.2s ease-in;
        transition:0.2s ease-in;
    }
    .glyph input {
        width: 100%;
        text-align: center;
        font-family: consolas, monospace;
        border-radius:3px;
        border:none;
        padding:4px;
        color:#666;
        -webkit-transition:0.2s ease-in;
        -o-transition:0.2s ease-in;
        -moz-transition:0.2s ease-in;
        -ie-transition:0.2s ease-in;
        transition:0.2s ease-in;
    }
    .glyph:hover input {
        padding:4px;
        color:#666;
    }
    .glyph:hover {
        -webkit-transition: all 0.5s ease-out;
        background:#222821;
        color:#fff;
        text-shadow: none;
        -moz-text-shadow: none;
        -webkit-text-shadow: none;
        top:-5px;
        position:relative;
    }
    .glyph input, .mtm {
        margin-top: .75em;
    }
    .centered {
        margin-left: auto;
        margin-right: auto;
    }
    .fs1 {
        font-size: 3em;
    }
    .box1 {
        display: inline-block;
        width: 14em;
        padding: .25em .5em;
        margin: .5em 1em .5em 0;
        text-align:left;
    }
    .box1 span {
        font-size:2em;
        position: relative;
        top: 0.25em;
        margin-right: 0.1em;
    }
.jqvmap-zoomin, .jqvmap-zoomout {
    padding: 10px !important;
    margin-bottom: 3px !important;
    margin-top: 3px !important;
}