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


/*	  PRE-LOADER STYLES      */


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

.mioheader {
    display: none !important;
}

.sub-menu .sub-menu {
    display: none;
}

.ssfa-sortdate {
    display: none;
}

.sticky-header .staling {
    display: none;
}

.home .staling {
    position: absolute;
    z-index: 99999;
    left: 280px !important;
    top: 30px;
}
.page .staling {
    position: absolute;
    z-index: 99999;
    top: 30px;
    left: 320px;
}

#header.style-king.sticky-header #main-nav > li > a {
    padding-bottom: 0 !important;

}

#menu-item-6708 > ul {
    right: 0;
}

#header.style-king #main-nav > li .sub-menu li:hover .sub-menu {
    display: block;
    left: -223px;
    position: absolute;
    top: -20px;
}



.home #main-header {
  /*  background: rgba(43, 43, 43, 0.35) !important;*/
  background:transparent !important;
}


.home #main-nav.menu  {
  background: rgba(255, 255, 255, 0.7) !important;

}

#main-header {
  background: rgba(255, 255, 255, 1) !important;
  padding: 5px 0 15px!important;
}




#header.style-king.header-style-5 #main-nav > li > a{
    color: #333 ;
}


#header.style-king.header-style-5 #main-nav > li > a:hover, #header.style-king #main-nav > li:hover > a, #header.style-king #main-nav > li > a:hover{
    color: #000 !important;
}

/*
#main-content > div.king-page > div > div > section > section:nth-child(2) > div > div > section > ul > li.element-item.category-ocean > div > figure > figcaption > div > h4 {
    content: "";
    width: 100%;
    height: 80px;
    background-size: 300px 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(http://newsite.cspinternational.it/wp-content/uploads/oroblu.png);
    color: transparent !important;
}

#main-content > div.king-page > div > div > section > section:nth-child(2) > div > div > section > ul > li.element-item.category-wood-works > div > figure > figcaption > div > h4 {
    content: "";
    width: 100%;
    height: 80px;
    background-size: 300px 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(http://newsite.cspinternational.it/wp-content/uploads/liberti.png);
    color: transparent !important;
}

#main-content > div.king-page > div > div > section > section:nth-child(2) > div > div > section > ul > li.element-item.category-food > div > figure > figcaption > div > h4 {
    content: "";
    width: 100%;
    height: 80px;
    background-size: 300px 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(http://newsite.cspinternational.it/wp-content/uploads/lepel.png);
    color: transparent !important;
}

#main-content > div.king-page > div > div > section > section:nth-child(2) > div > div > section > ul > li.element-item.category-nature > div > figure > figcaption > div > h4 {
    content: "";
    width: 100%;
    height: 80px;
    background-size: 300px 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(http://newsite.cspinternational.it/wp-content/uploads/sanpellegrino.png);
    color: transparent !important;
}

#main-content > div.king-page > div > div > section > section:nth-child(2) > div > div > section > ul > li.element-item.category-web > div > figure > figcaption > div > h4 {
    content: "";
    width: 100%;
    height: 80px;
    background-size: 300px 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(http://newsite.cspinternational.it/wp-content/uploads/bourget.png);
    color: transparent !important;
}

#main-content > div.king-page > div > div > section > section:nth-child(2) > div > div > section > ul > li.element-item.category-exposure > div > figure > figcaption > div > h4 {
    content: "";
    width: 100%;
    height: 80px;
    background-size: 300px 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(http://newsite.cspinternational.it/wp-content/uploads/well.png);
    color: transparent !important;
}

#main-content > div.king-page > div > div > section > section:nth-child(2) > div > div > section > ul > li.element-item.category-photography-art.category-woods > div > figure > figcaption > div > h4 {
    content: "";
    width: 100%;
    height: 80px;
    background-size: 300px 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(http://newsite.cspinternational.it/wp-content/uploads/cagi.png);
    color: transparent !important;
}
*/

.project-box:hover figcaption h4 {
    
}

.project-box figcaption h4 {}

#header.style-king #main-nav li a {
    text-transform: initial !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

#search-box,
.contact-form-inner,
.vc_custom_1433867224620,
.vc_custom_1435145583904,
.vc_custom_1433243866720 {
    display: none;
}

.form1 {
    float: left;
    width: 45%;
    padding-bottom: 15px;
}

.page-id-6709 .king-page h1 {

}

.form2 {
    float: right;
    width: 45%;
    padding-bottom: 15px;
}

.form1 input,
.form2 input {
    width: 100%;
}

.form3 {
    clear: both;
    width: 100%;
}

.form3 textarea {
    width: 100%;
}

.page img.logo {
    width: 180px;
}

.footer-page {
    padding-top: 0 !important;
}

.footer-page {
    border-top: 0 !important;
}

.page .sticky-header .logo {
    margin-top: 5px;
}

.page .logo {
    margin-top: 5px;
}

.breadcrumbs {
    display: none !important;
}

.page h1 {
    /*color: #706f6f;*/
    font-weight: 400;
	color:#000
}

.page p {
    font-size: 15px;
}

@-webkit-keyframes slide {
    0%,
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    50% {
        -webkit-transform: translateX(57px);
        transform: translateX(57px);
    }
}

@keyframes slide {
    0%,
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    50% {
        -webkit-transform: translateX(57px);
        transform: translateX(57px);
    }
}

svg.preloader {
    display: block;
    width: 157px;
    height: 80px;
}

svg.preloader circle.dot {
    fill: #7759f9;
}

svg.preloader circle.dot:nth-of-type(1) {
    -webkit-animation: slide 2s ease infinite;
    animation: slide 2s ease infinite;
}

svg.preloader circle.dot:nth-of-type(2) {
    fill: #3fdbda;
    -webkit-transform: translateX(55px);
    transform: translateX(55px);
    -webkit-animation: slide 2s ease infinite;
    animation: slide 2s ease infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.preloader-container {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    background: #ffffff;
}

.preloader-container .preloader-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.preloader-container h5 {
    margin-top: 1.5em;
    font-family: 'nevis', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
    color: #222a2c;
}


/* =========================
		FONT FACE
=========================*/

@font-face {
    font-family: 'Nella Sue';
    src: url('../font/nellasuedemo-webfont.eot');
    src: url('../font/nellasuedemo-webfont.eot?#iefix') format('embedded-opentype'), url('../font/nellasuedemo-webfont.woff') format('woff'), url('../font/nellasuedemo-webfont.ttf') format('truetype'), url('../font/nellasuedemo-webfont.svg#nella_sue_demoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nevis';
    src: url('../font/nevis.eot');
    src: local('☺'), url('../font/nevis.woff') format('woff'), url('../font/nevis.ttf') format('truetype'), url('../font/nevis.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'amperzand';
    src: url('../font/amperzand-webfont.eot');
    src: url('../font/amperzand-webfont.eot?#iefix') format('embedded-opentype'), url('../font/amperzand-webfont.woff2') format('woff2'), url('../font/amperzand-webfont.woff') format('woff'), url('../font/amperzand-webfont.ttf') format('truetype'), url('../font/amperzand-webfont.svg#amperzandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Libre Baskerville';
    src: url('../font/librebaskerville-regular-webfont.eot');
    src: url('../font/librebaskerville-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/librebaskerville-regular-webfont.woff2') format('woff2'), url('../font/librebaskerville-regular-webfont.woff') format('woff'), url('../font/librebaskerville-regular-webfont.ttf') format('truetype'), url('../font/librebaskerville-regular-webfont.svg#libre_baskervilleregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* =========================
	  GLOBAL STYLES
========================= */

html,
body {
    overflow-x: hidden;
}

body {
    font-family: 'Open Sans', Helvetica, Segoe UI, Arial, sans-serif;
    font-size: 13px;
    line-height: 22px;
    overflow: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    color: #2b3031;
    background-repeat: repeat !important;
    background-position: center !important;
}

body.b1170,
body.b960 {
    background-color: #ffffff;
}

body.boxed-layout2 {
    margin: 30px!important;
    overflow: hidden!important;
}

body.boxed-layout2 .container {
    padding-right: 45px;
    padding-left: 45px;
}

body.boxed-layout2 #header {
    top: 30px;
    left: 30px;
    right: 30px;
}

body.boxed-layout2 #header.sticky-header {
    top: 0;
}

body.boxed-layout2 #sidemenu-wrapper {
    left: 30px;
    top: 30px;
    bottom: 30px;
}

body.boxed-layout2 #sidemenu.hidden-menu.menu-opened #sidemenu-wrapper {
    top: 30px;
    left: 30px;
    bottom: 30px;
}

body.boxed-layout2 .full-width {
    padding-left: 30px!important;
    padding-right: 30px!important;
}

body.boxed-layout2 #back-to-top a {
    right: 0;
    bottom: 0;
}

body.b1170 #main-content,
body.b960 #main-content {
    background: none;
}

#wpadminbar {
    -webkit-transform: translateZ(0px)!important;
    z-index: 999999;
}

.boxed-layout-container div {
    position: fixed;
    background: #ddd;
    z-index: 10000;
}

.boxed-layout-container .bl-top {
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
}

.boxed-layout-container .bl-left {
    top: 0;
    left: 0;
    bottom: 0;
    width: 30px;
}

.boxed-layout-container .bl-bottom {
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
}

.boxed-layout-container .bl-right {
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
}

#main-content {
    background: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.admin-bar #header,
.admin-bar .menu-bar,
.admin-bar #king-header .header-upper-area {
    padding-top: 32px;
}

.admin-bar.page-border #header,
.admin-bar.page-border .menu-bar,
.admin-bar.page-border #king-header .header-upper-area {
    padding-top: 62px;
}

#back-to-top {
    display: none;
    position: relative;
    z-index: 999999;
}

#back-to-top a {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 20px;
    opacity: .8;
    z-index: 1000;
    color: white;
    background: #232728;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#back-to-top a:after {
    content: "\f106";
    font: normal normal normal 22px/1 FontAwesome;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

#back-to-top a:hover {
    background: #f97854;
    opacity: 1;
}

#control-panel ul {
    padding-left: 0;
}

#slider {
    height: auto !important;
}

body.b1170 #slider {
    width: 1320px;
    margin: 0 auto;
}

.rev_slider {
    min-height: 1000px;
}

.rev_slider.revslider-initialised {
    min-height: inherit;
}

#slider>.container {
    width: 100%;
    margin: 0;
    padding: 0;
}

.b1170 #slider .rev_slider_wrapper {
    width: 100% !important;
    left: auto !important;
}

#panel-main-color-container + hr {
    display: none;
}

body.b1170 #slider>.container,
body.b960 #slider>.container {
    margin: 0 auto;
    padding: 0!important;
}

.b1170 #main-content > .container,
.b960 #main-content > .container {
    padding: 0;
}

body.b1170 .full-width-bg,
body.b960 .full-width-bg {
    margin-left: -60px;
    margin-right: -60px;
    padding-left: 60px;
    padding-right: 60px;
}

body.b1170 .full-width .full-width-bg,
body.b960 .full-width .full-width-bg {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

body.b1170 .page-heading.style3,
body.b960 .page-heading.style3 {
    margin-left: 0px;
    margin-right: 0px;
}

body.b1170 #main-content>.container,
body.b960 #main-content>.container {
    background: #fff;
}

body.b1170 #main-footer,
body.b960 #main-footer {
    background: none;
    padding: 0;
}

body.b1170 #main-footer>.container,
body.b960 #main-footer>.container {
    background: #2b3031;
    padding-top: 30px;
    padding-bottom: 30px;
}

body.b1170 .footer-2 #main-footer>.container,
body.b960 .footer-2 #main-footer>.container {
    background: #2b3031;
}

body.b1170 .footer-2 #lower-footer>.container,
body.b960 .footer-2 #lower-footer>.container {
    background: #222a2c;
    padding-top: 40px;
    padding-bottom: 40px;
}

body.b1170 .footer-page,
body.b960 .footer-page {
    background-color: none;
    padding-top: 0;
    border-top: none;
}

body.b1170 .footer-page > .container,
body.b960 .footer-page > .container {
    background-color: white;
    padding-top: 57px;
    position: relative;
    z-index: 9;
    border-top: 1px solid #f3f3f3;
}

body.b1170 .footer-page > .container > .row,
body.b960 .footer-page > .container > .row {
    margin: 0;
}

body.b1170 #footer.style-king #lower-footer,
body.b960 #footer.style-king #lower-footer {
    background: none;
    padding: 0 !important;
}

body.b1170 #lower-footer>.container,
body.b960 #lower-footer>.container {
    background: #222a2c;
    padding-top: 40px;
    padding-bottom: 40px;
}

body.b1170 #lower-footer.king_alt>.container,
body.b960 #lower-footer.king_alt>.container {
    padding-top: 32px;
    padding-bottom: 10px;
}

body.b1170 .master-slider-parent,
body.b960 .master-slider-parent {
    background: white;
}

body.b1170 .master-slider,
body.b960 .master-slider {
    width: 100% !important;
}

body.b1170 .master-slider .ms-nav-next,
body.b960 .master-slider .ms-nav-next {
    right: 100px;
}

body.b1170 .master-slider .ms-nav-prev,
body.b960 .master-slider .ms-nav-prev {
    left: 100px;
}

body.b1170 .master-slider .ms-slide-counts-right,
body.b960 .master-slider .ms-slide-counts-right {
    right: 140px;
}

body.b1170 .master-slider .ms-slide-counts-left,
body.b960 .master-slider .ms-slide-counts-left {
    left: 140px;
}

body.b1170 .latest-posts article .blog-content a.button,
body.b960 .latest-posts article .blog-content a.button {
    padding-right: 25px;
    padding-left: 25px;
}

.wp-caption {
    width: 100%!important;
}

pre {
    width: 100%!important;
    overflow-x: scroll;
    white-space: pre-wrap;
}


/* Headerstyle King */

body.headerstyle-king #main-content {
    margin-top: 100px;
}

body.headerstyle-king.preheader-on.woocommerce-page.single #main-content,
body.headerstyle-king.preheader-on #main-content {
    margin-top: 176px;
}

body.woocommerce.archive #main-content,
body.headerstyle-king.transparent-header #main-content,
body.headerstyle-king.preheader-on.transparent-header #main-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.headerstyle-king.transparent-header #king-header {
    background-color: #2b3031;
}

body.headerstyle-king.preheader-on .page-title-bar {
    padding-top: 150px;
}

body.headerstyle-king .page-heading {
    background-size: cover;
}

body.headerstyle-king .page-heading.style2 {
    padding-top: 141px !important;
    padding-bottom: 122px;
}

body.b1170.headerstyle-king .page-heading.style2,
body.b960.headerstyle-king .page-heading.style2 {
    padding-top: 0 !important;
    padding-bottom: 0;
}

body.b1170.headerstyle-king .page-heading.style2 > .container,
body.b960.headerstyle-king .page-heading.style2 > .container {
    padding-top: 141px !important;
    padding-bottom: 122px;
}

body.headerstyle-king .page-heading.style2 h1 {
    font-family: 'nevis', sans-serif;
    font-size: 24px;
    line-height: 1;
    margin: 0;
}

body.headerstyle-king .page-heading.style2 .breadcrumbs {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
}


/* Header Style 1 */

body.headerstyle1 {
    padding-top: 130px;
}

body.headerstyle1.preheader-on {
    padding-top: 170px;
}

body.headerstyle1 .page-heading {
    padding-top: 55px;
    margin-top: -55px;
}

body.headerstyle1 .page-heading.style2 {
    padding-top: 85px;
}

body.headerstyle1 .page-heading.style2.portfolio-heading {
    padding-top: 65px;
    padding-bottom: 10px;
}

body.headerstyle1 #slider,
body.headerstyle1 .portfolio-extended-image,
body.headerstyle1 .google-map-heading,
body.headerstyle1 .google-map-ts {
    margin-top: -55px;
}


/* Header Style 4 */

body.headerstyle4 {
    padding-top: 130px;
}

body.headerstyle4.preheader-on {
    padding-top: 170px;
}

body.headerstyle4 .page-heading {
    padding-top: 55px;
    margin-top: -55px;
}

body.headerstyle4 .page-heading.style2 {
    padding-top: 85px;
}

body.headerstyle4 .page-heading.style2.portfolio-heading {
    padding-top: 65px;
    padding-bottom: 10px;
}

body.headerstyle4 #slider,
body.headerstyle4 .portfolio-extended-image,
body.headerstyle4 .google-map-heading,
body.headerstyle4 .google-map-ts {
    margin-top: -55px;
}


/* Header Style 5 */

body.headerstyle5 {
    padding-top: 130px;
}

body.headerstyle5.preheader-on {
    padding-top: 170px;
}

body.headerstyle5 .page-heading {
    padding-top: 55px;
    margin-top: -55px;
}

body.headerstyle5 .page-heading.style2 {
    padding-top: 85px;
}

body.headerstyle5 .page-heading.style2.portfolio-heading {
    padding-top: 65px;
    padding-bottom: 10px;
}

body.headerstyle5 #slider,
body.headerstyle5 .portfolio-extended-image,
body.headerstyle5 .google-map-heading,
body.headerstyle5 .google-map-ts {
    margin-top: -55px;
}


/* Header Style 7 */

body.headerstyle7 {
    padding-top: 90px;
}

body.headerstyle7.preheader-on {
    padding-top: 130px;
}

body.headerstyle7 .page-heading {
    padding-top: 90px;
    margin-top: -90px;
}

body.headerstyle7 .page-heading.style2 {
    padding-top: 90px;
}

body.headerstyle7 .page-heading.style2.portfolio-heading {
    padding-top: 100px;
    padding-bottom: 10px;
}

body.headerstyle7 #slider,
body.headerstyle7 .portfolio-extended-image,
body.headerstyle7 .google-map-heading,
body.headerstyle7 .google-map-ts {
    margin-top: -90px;
}


/* Header Style 8 */

body.headerstyle8 {
    padding-top: 90px;
}

body.headerstyle8.preheader-on {
    padding-top: 130px;
}

body.headerstyle8 .page-heading {
    padding-top: 100px;
    margin-top: -90px;
}

body.headerstyle8 .page-heading.style2 {
    padding-top: 130px;
}

body.headerstyle8 .page-heading.style2.portfolio-heading {
    padding-top: 100px;
    padding-bottom: 10px;
}

body.headerstyle8 #slider,
body.headerstyle8 .portfolio-extended-image,
body.headerstyle8 .google-map-heading,
body.headerstyle8 .google-map-ts {
    margin-top: -90px;
}


/* Header Style 9 */

body.headerstyle9 {
    padding-top: 90px;
}

body.headerstyle9.preheader-on {
    padding-top: 130px;
}

body.headerstyle9 .page-heading {
    padding-top: 100px;
    margin-top: -90px;
}

body.headerstyle9 .page-heading.style2 {
    padding-top: 130px;
}

body.headerstyle9 .page-heading.style2.portfolio-heading {
    padding-top: 100px;
    padding-bottom: 10px;
}

body.headerstyle9 #slider,
body.headerstyle9 .portfolio-extended-image,
body.headerstyle9 .google-map-heading,
body.headerstyle9 .google-map-ts {
    margin-top: -90px;
}

.page-heading.portfolio-extended-heading {
    background-color: #19242a;
    background-color: rgba(25, 36, 42, .45);
    z-index: 100;
    position: relative;
}

.page-heading.portfolio-extended-heading h1 {
    font-size: 30px!important;
}

img,
iframe {
    max-width: 100%;
    border: none;
}

img {
    height: auto;
}

.flex-control-thumbs img {
    border-color: transparent;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.full-width {
    zoom: 1;
}

.full-width:before,
.full-width:after {
    content: " ";
    display: table;
}

.full-width:after {
    clear: both;
}

.full-width-bg {
    margin-left: -5000px;
    margin-right: -5000px;
    padding-left: 5000px;
    padding-right: 5000px;
}

.full-width-bg .aligncenter {
    margin-bottom: 0;
}

.clearfix {
    clear: both;
}

.col-one-fifth {
    width: 20%;
    float: left;
}

.full-width>.col-lg-1,
.full-width>.col-lg-one-fifth,
.full-width>.col-lg-2,
.full-width>.col-lg-3,
.full-width>.col-lg-4,
.full-width>.col-lg-5,
.full-width>.col-lg-6,
.full-width>.col-lg-7,
.full-width>.col-lg-8,
.full-width>.col-lg-9,
.full-width>.col-lg-10,
.full-width>.col-lg-11,
.full-width>.col-lg-12 {
    padding: 0;
}

.last-page {
    margin-bottom: -40px;
}

.wpb_column > .wpb_wrapper > .last-page {
    margin-bottom: -40px !important;
}

.first-page {
    margin-top: -40px;
}

.wpb_column > .wpb_wrapper > .first-page {
    margin-top: -40px !important;
}


/* Typography */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #23323a;
}

.cursive-style {
    font-family: 'Nella Sue', serif;
}

.cursive-style2 {
    font-family: Great Vibes, serif;
}

h2.cursive-style2 {
    font-size: 60px;
}

h1 {
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
}

h1.cursive-style {
    font-size: 80px;
    line-height: 80px;
}

h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 36px;
    margin: 20px 0;
}

h2.cursive-style {
    font-size: 60px;
    line-height: 60px;
}

h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    margin: 20px 0;
}

h3.cursive-style {
    font-size: 48px;
    line-height: 48px;
}

h4 {
    font-size: 20px;
    line-height: 28px;
}

h5 {
    font-size: 18px;
    line-height: 26px;
}

h6 {
    font-size: 16px;
    line-height: 24px;
}

p {
    font-size: 13px;
    line-height: 22px;
}

a {
    color: #9E7E4A;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover {
    color: #2b3031;
    text-decoration: none;
}

.bold {
    font-weight: 600;
}

.extra-bold {
    font-weight: 800;
}

table {
    border: 1px solid #eee;
}

td,
th {
    font-weight: 400;
    padding: 8px 10px;
}

td + td,
td + th,
th + th,
th + td {
    border-left: 1px solid #eee;
}

tr + tr {
    border-top: 1px solid #eee;
}

thead {
    border-bottom: 1px solid #eee;
}

tfoot {
    border-top: 1px solid #eee;
}

dd + dt {
    margin-top: 20px;
}

span.orange {
    color: #cb5010;
}

span.light-orange {
    color: #f97854;
}

.big-text,
.big-text p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
}


/* PAGE FRAME */

.page-frame {
    display: none;
}

.page-border .page-frame {
    display: block;
}

.page-border #marine-content-inner {
    padding: 30px;
}

.page-border.onepage-scroll #marine-content-inner {
    padding: 0;
}

.page-border #header {
    padding-top: 30px;
}

.page-frame > div {
    display: inline-block;
    background: white;
    position: fixed;
    z-index: 999999;
}

.page-frame .frame-top,
.page-frame .frame-bottom {
    left: 0;
    width: 100%;
    padding-top: 30px;
}

.page-frame .frame-top {
    top: 0;
}

.admin-bar .page-frame .frame-top {
    top: 32px;
}

.page-frame .frame-bottom {
    bottom: 0;
}

.page-frame .frame-right,
.page-frame .frame-left {
    height: 100%;
    padding-left: 30px;
}

.page-frame .frame-right {
    right: 0;
}

.page-frame .frame-left {
    left: 0;
}

.page-border #fp-nav.right {
    right: 30px;
}

.page-border .section {
    padding-top: 30px;
    padding-bottom: 30px;
}

.slimScrollBar {
    width: 0 !important;
}


/* ONE PAGE STYLES */

.onepage-scroll {
    -webkit-perspective: 1200;
    -ms-perspective: 1200;
    perspective: 1200;
}

.page-border .section.full-width {
    padding-right: 30px;
    padding-left: 30px;
    -webkit-transition: padding 0.3s 0.45s cubic-bezier(.68, 0, .29, 1);
    transition: padding 0.3s 0.45s cubic-bezier(.68, 0, .29, 1);
}

.king-sideheader-opened.page-border .section.full-width {
    padding-right: 0;
    -webkit-transition: padding 0.3s cubic-bezier(.68, 0, .29, 1);
    transition: padding 0.3s cubic-bezier(.68, 0, .29, 1);
}

.pt-page {
    background: white;
}

.ms-skin-default .ms-nav-next {
    right: 60px;
}

.align-v > .row,
.align-v .fp-scrollable > .row,
.align-v .fp-tableCell > .row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.master-slider-parent.king-nav .ms-skin-default .ms-nav-next,
.master-slider-parent.king-nav .ms-skin-default .ms-nav-prev {
    background: url(http://arenaofthemes.wpengine.com/wp-content/uploads/2014/02/nav.png);
    width: 40px;
    height: 77px;
}

.master-slider-parent.king-nav .ms-skin-default .ms-nav-prev {
    background-position: left center;
}

.master-slider-parent.king-nav .ms-skin-default .ms-nav-next {
    background-position: right center;
}

.fp-tableCell .master-slider {
    max-width: 100%;
}


/**
 * fullPage 2.6.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */

html.fp-enabled,
.fp-enabled body {
    margin: 0 !important;
    padding: 0;
    overflow: hidden;
    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#superContainer {
    height: 100%;
    position: relative;
    /* Touch detection for Windows 8 */
    -ms-touch-action: none;
    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}

.fp-section {
    position: relative;
    /* Safari<=5 Android<=3 */
    /* <=28 */
    box-sizing: border-box;
}

.fp-slide {
    float: left;
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block;
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.fp-slidesContainer {
    float: left;
    position: relative;
}

.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
    overflow: scroll;
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
    right: 65px;
}

#fp-nav.left {
    left: 65px;
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}

.fp-slidesNav.bottom {
    bottom: 30px;
}

.fp-slidesNav.top {
    top: 30px;
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 8px;
    height: 8px;
    margin: 25px 15px 15px 0;
    position: relative;
}

.fp-slidesNav ul li {
    display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

#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 {
    height: 8px;
    width: 8px;
    background: transparent;
    border: 1px solid #333;
    border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 8px;
    width: 8px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#fp-nav.dark ul li a span {
    background: white;
}

#fp-nav.dark ul li a.active span,
#fp-nav.dark ul li:hover a.active span {
    border-color: white;
    background: transparent;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 8px;
    height: 8px;
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}


/* HEADER */

#header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    z-index: 100000;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1), background 0.8s cubic-bezier(.68, 0, .29, 1), opacity 0.8s cubic-bezier(.68, 0, .29, 1);
    -webkit-transition: background 0.8s cubic-bezier(.68, 0, .29, 1), opacity 0.8s cubic-bezier(.68, 0, .29, 1), -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: background 0.8s cubic-bezier(.68, 0, .29, 1), opacity 0.8s cubic-bezier(.68, 0, .29, 1), -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: transform 0.8s cubic-bezier(.68, 0, .29, 1), background 0.8s cubic-bezier(.68, 0, .29, 1), opacity 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: transform 0.8s cubic-bezier(.68, 0, .29, 1), background 0.8s cubic-bezier(.68, 0, .29, 1), opacity 0.8s cubic-bezier(.68, 0, .29, 1), -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
    -webkit-transform: translateZ(0px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#header.sticky-header {
    position: fixed;
}

#header.fadeOutUp {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
}

body:not(.b1170):not(.b960) #header.header-style-5 #main-header > .container {
    width: 100%;
    padding-right: 80px;
    padding-left: 80px;
}

#header.header-style-5 #main-header > .container > .row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#sticky-header-hover-button {
    position: fixed;
    text-align: right;
    top: -100%;
    opacity: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: 0;
    transition: opacity .3s, top .4s;
    -webkit-transition: opacity .3s, top .4s;
    -moz-transition: opacity .3s, top .4s;
}

#sticky-header-hover-button>div {
    height: 0;
}

#header.sticky-header + #sticky-header-hover-button {
    opacity: 1;
    top: 0;
}

#header.sticky-header-visible + #sticky-header-hover-button {
    opacity: 0;
    top: -100%;
}

#sticky-header-hover-button .button-content {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    background: #39373d;
    background: rgba(57, 55, 61, .6);
    padding: 10px;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
}

#sticky-header-hover-button .button-content>img {
    display: block;
}

#sticky-header-hover-button .menuicon {
    width: 40px;
    height: 30px;
    display: inline-block;
    margin-top: 10px;
}

#sticky-header-hover-button .menuicon span {
    display: block;
    height: 3px;
    background: #fff;
    margin: 4px 0;
}

#header.columns3 .left-column {
    text-align: right;
    padding-right: 0;
}

#header.columns3 .left-column .right-menu-items {
    display: none;
}

#header.columns3 .right-column {
    text-align: left;
    padding-left: 0;
}

#header.columns3 .middle-column {
    text-align: center;
    padding-right: 0;
    padding-left: 0;
}

#header.columns3.sticky-header {
    padding-top: 0;
    background: #222a2c;
}

#header.columns3.style-king.sticky-header #main-header {
    padding: 0;
}

#header.columns3.sticky-header.sticky-header-dark {
    background: #ffffff;
}

.b1170 #header.columns3.sticky-header {
    background: transparent;
}

#header.columns3.sticky-header #main-header {
    background: transparent !important;
}

#header.columns3.sticky-header.style-dark {
    background: rgba(255, 255, 255, 0.8);
}

.admin-bar #header.columns3.sticky-header {
    padding-top: 30px;
}

.admin-bar.boxed-layout2 #header.columns3.sticky-header {
    padding-top: 15px;
}

#header.style-king.columns3 #main-nav li a {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
}

#header.style-king.columns3 #main-nav li.menu-item-has-children > a:after {
    content: "\f078";
    font: normal normal normal 10px/1 FontAwesome;
    margin-left: 7px;
    background: none !important;
}

.cssanimations #header.sticky-header {
    -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* Main Header */

#main-header {
    background: #fff;
    transition: opacity .4s;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    position: relative;
    -webkit-transform: translateZ(0px);
    z-index: 5300;
    padding: 12px 0 13px;
}

body.b1170 #header.style2 #main-header>.container,
body.b960 #header.style2 #main-header>.container,
#header.style2 #main-header {
    background: #000;
    background: rgba(0, 0, 0, .56);
}

#header.style7 #main-header,
body.b1170 #header.style7 #main-header>.container,
body.b960 #header.style7 #main-header>.container {}

#header.style8 #main-header,
body.b1170 #header.style8 #main-header>.container,
body.b960 #header.style8 #main-header>.container {}

body.b1170 #header.style3 #main-header>.container,
body.b1170 #header.style4 #main-header>.container,
body.b1170 #header.style5 #main-header>.container,
body.b960 #header.style3 #main-header>.container,
body.b960 #header.style4 #main-header>.container,
body.b960 #header.style5 #main-header>.container,
#header.style3 #main-header,
#header.style4 #main-header,
#header.style5 #main-header {
    background: #141d22;
    color: #93a6b0;
}

body.b1170 #header.style8 #main-header>.container,
body.b960 #header.style8 #main-header>.container {
    background: #fff;
    background: rgba(255, 255, 255, .8);
}

#header.style4 #main-header,
#header.style6 #main-header {
    text-align: center;
}

#header.style1 #main-header,
#header.style6 #main-header,
#header.style7 #main-header,
#header.style8 #main-header {
    box-shadow: 0 1px 4px rgba(0, 30, 46, .1);
    -webkit-box-shadow: 0 1px 4px rgba(0, 30, 46, .1);
    -moz-box-shadow: 0 1px 4px rgba(0, 30, 46, .1);
    z-index: 5600;
}

#header.style9 #main-header {
    height: 90px;
    background: #39373d;
    background: rgba(57, 55, 61, .12);
}

#header.style9.sticky-header #main-header {
    height: 60px;
    background: rgba(57, 55, 61, .5);
    padding: 0;
}

body.b1170.headerstyle9 #header.sticky-header #main-header>.container {
    height: 60px;
}

#header.style9 #main-header #main-nav,
#header.style9 #main-header div.menu>ul {
    margin-top: 20px;
}

#header.style9.sticky-header #main-header #main-nav,
#header.style9.sticky-header #main-header div.menu>ul {
    margin-top: 20px;
}

#header.style9 #upper-header {
    background: #fcfcfc;
    color: #12222d;
}

#header.style9.sticky-header .logo img {
    margin-top: 5px;
    height: 50px;
}

#header.style9 #upper-header .social-media li a,
#header.style9 #upper-header #search-box-pre i.icons {
    color: #4a5258;
}

#header.style9 #upper-header #search-box-pre i.icons {
    font-size: 16px;
}

#header.style9 #main-nav>li.menu-item-has-children>a:after,
#header.style9 div.menu>ul>li.menu-item-has-children>a:after,
#header.style9 #main-nav>li.page_item_has_children>a:after,
#header.style9 div.menu>ul>li.page_item_has_children>a:after {
    background-image: url(../img/sprites/menu-arrows2.png);
    background-position: 0 2px;
}

#header.style9.header-dark #main-nav>li.menu-item-has-children>a:after,
#header.style9.header-dark div.menu>ul>li.menu-item-has-children>a:after,
#header.style9.header-dark #main-nav>li.page_item_has_children>a:after,
#header.style9.header-dark div.menu>ul>li.page_item_has_children>a:after {
    background-image: url(../img/sprites/king-menu-arrow.png);
    background-position: 0 2px;
}

#nav-button {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#nav-button span {
    display: block;
    height: 4px;
    background: #fff;
    margin: 4px 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    -moz-transition: -ms-transform .3s, opacity .3s;
}

.header-dark #nav-button span {
    background: #2d363c;
}

#nav-button span:first-child {
    transform-origin: 100% 0 0;
    -webkit-transform-origin: 100% 0 0;
    -ms-transform-origin: 100% 0 0;
    -ms-transform-origin: 100% 0 0;
}

#nav-button span:last-child {
    transform-origin: 100% 100% 0;
    -webkit-transform-origin: 100% 100% 0;
    -ms-transform-origin: 100% 100% 0;
    -ms-transform-origin: 100% 100% 0;
}

#nav-button:hover span:first-child {
    -webkit-transform: translateY(-2px);
}

#nav-button:hover span:last-child {
    -webkit-transform: translateY(2px);
}

.navigation-style2.nav-active + #nav-button span:first-child {
    transform: rotate(-45deg) translateY(0px);
    -webkit-transform: rotate(-45deg) translateY(0px);
    -ms-transform: rotate(-45deg) translateY(0px);
    -ms-transform: rotate(-45deg) translateY(0px);
}

.navigation-style2.nav-active + #nav-button span:last-child {
    transform: rotate(45deg) translateY(0px);
    -webkit-transform: rotate(45deg) translateY(0px);
    -ms-transform: rotate(45deg) translateY(0px);
    -ms-transform: rotate(45deg) translateY(0px);
}

.navigation-style2.nav-active + #nav-button span:nth-child(2) {
    opacity: 0;
}

.navigation-style2 {
    padding-right: 60px;
    visibility: hidden;
    position: relative;
    right: -20px;
    opacity: 0;
    transition: opacity .3s, right .3s, visibility 0s;
    -webkit-transition: opacity .3s, right .3s, visibility 0s;
    -moz-transition: opacity .3s, right .3s, visibility 0s;
    transition-delay: 0s, 0s, .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    -moz-transition-delay: 0s, 0s, .3s;
}

.navigation-style2.nav-active {
    visibility: visible;
    transition-delay: 0s, 0s, 0s;
    -webkit-transition-delay: 0s, 0s, 0s;
    -moz-transition-delay: 0s, 0s, 0s;
    right: 0;
    opacity: 1;
}

.navigation-style2 #main-nav>li>a,
.navigation-style2 #header div.menu>ul>li>a {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}

.header-dark .navigation-style2 #main-nav>li>a,
.header-dark .navigation-style2 #header div.menu>ul>li>a {
    color: #2d363c;
}

#main-header .navigation-style2 #main-nav>li,
#main-header .navigation-style2 div.menu>ul>li {
    margin-left: 40px;
}

#main-header ul,
#main-header ul li {
    display: inline-block;
}

.logo img {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

#main-header .social-media,
#main-header .text-list {
    margin-top: 25px;
}

#main-header ul:after {
    border-right: 1px solid #666;
    content: '';
    display: inline-block;
    height: 12px;
    position: relative;
    top: 1px;
    margin: 0 12px;
}

#main-header ul:last-child:after {
    display: none;
    border: none;
    margin: 0;
}

.social-media {
    list-style: none;
    margin: 0;
    padding: 0;
}

.social-media li {
    display: inline-block;
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1);
    transition: color 0.2s, opacity 0.2s;
    -webkit-transition: color 0.2s, opacity 0.2s;
    -moz-transition: color 0.2s, opacity 0.2s;
}

.social-media li:first-child {
    margin-left: -8px;
}

.social-media li a {
    font-size: 18px;
    color: #93a6b0;
}

.social-media li:hover {
    -webkit-transform: scale(1.1) translateZ(0px);
    transform: scale(1.1);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.king-page .social-media li:hover,
.king-blog .social-media li:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.text-list {
    font-size: 11px;
    text-transform: uppercase;
}

#main-header #main-nav,
#main-header div.menu>ul {
    margin-top: 15px;
}

#main-header #main-nav > li,
#main-header div.menu > ul > li {
    margin-right: 13px !important;
    margin-left: 13px !important;
}

#header.style-king #main-header img.logo.sticky-logo {
    display: none;
}

#header.style-king.columns3 #main-header img.logo.sticky-logo {
    margin: 0 auto;
}

#header.style-king.sticky-header.have-sticky-logo #main-header img.logo {
    display: none;
}

#header.style-king.sticky-header #main-header img.logo.sticky-logo {
    display: block;
}

#header.header-style-5 #main-header #main-nav > li,
#header.header-style-5 #main-header div.menu > ul > li {
   
}

#main-header #main-nav>li:first-child {
    margin-left: 0px;
}

#main-header > .container >.row >.col-sm-5.text-right {
    margin-left: 58px;
}

#main-header > .container >.row >.col-sm-2.logo {
    width: auto;
}

#main-header #main-nav li ul,
#main-header div.menu>ul li ul {
    text-align: left;
}

.style2 #main-header #main-nav a,
.style2 #main-header div.menu>ul a {
    color: #eee;
}

#header.style8 #main-header {
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    padding-bottom: 15px;
}

#header.style8 #main-header:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#main-header #main-nav:after,
#main-header div.menu>ul:after {
    display: none;
}


/* Upper Header */

#upper-header {
    background: #1d262b;
    -webkit-transform: translateZ(0px);
    position: relative;
    z-index: 5800;
    height: 40px;
    color: #ddd;
    padding: 7px 0;
    transition: opacity .4s;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    overflow: hidden;
}

#upper-header .item.left {
    float: left;
    margin-right: 20px;
}

#upper-header .item.right {
    float: right;
    margin-left: 20px;
}

#upper-header.light {
    background: #e1eef1;
}

#upper-header .item:before {
    content: "|";
    display: inline-blick;
    margin-right: 15px;
    margin-bottom: 4px;
    line-height: 22px;
}

#upper-header .item.hidden-separator:before {
    display: none;
}

#header.style7 #upper-header,
#header.style8 #upper-header,
#header.style1 #upper-header,
#header.style6 #upper-header {
    background: #f7f7f7;
    color: #444;
}

#upper-header ul,
#upper-header ul li {
    display: inline-block;
}

#upper-header ul:after {
    border-right: 1px solid #ddd;
    content: '';
    display: inline-block;
    height: 12px;
    position: relative;
    top: 1px;
    margin: 0 12px;
}

#upper-header ul:last-child:after {
    display: none;
    border: none;
    margin: 0;
}


/* Sticky header */

.sticky-header.style1 #main-header,
.sticky-header.style3 #main-header,
.sticky-header.style4 #main-header,
.sticky-header.style5 #main-header,
.sticky-header.style6 #main-header,
body.b1170 .sticky-header.style1 #main-header,
body.b1170 .sticky-header.style3 #main-header,
body.b1170 .sticky-header.style4 #main-header,
body.b1170 .sticky-header.style5 #main-header,
body.b1170 .sticky-header.style6 #main-header,
body.b960 .sticky-header.style1 #main-header,
body.b960 .sticky-header.style3 #main-header,
body.b960 .sticky-header.style4 #main-header,
body.b960 .sticky-header.style5 #main-header,
body.b960 .sticky-header.style6 #main-header,
body.b1170 .sticky-header #upper-header,
body.b960 .sticky-header #upper-header,
.sticky-header #upper-header {
    height: 0!important;
    padding: 0!important;
    overflow: hidden!important;
}

.sticky-header.style1 #lower-header,
.sticky-header.style3 #lower-header,
.sticky-header.style4 #lower-header,
.sticky-header.style5 #lower-header,
.sticky-header.style6 #lower-header,
body.b1170 .sticky-header.style1 #lower-header,
body.b1170 .sticky-header.style3 #lower-header,
body.b1170 .sticky-header.style4 #lower-header,
body.b1170 .sticky-header.style5 #lower-header,
body.b1170 .sticky-header.style6 #lower-header,
body.b960 .sticky-header.style1 #lower-header,
body.b960 .sticky-header.style3 #lower-header,
body.b960 .sticky-header.style4 #lower-header,
body.b960 .sticky-header.style5 #lower-header,
body.b960 .sticky-header.style6 #lower-header {
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    height: 40px;
    padding: 7px 0;
}

#header.sticky-header #lower-header {
    background: rgba(255, 255, 255, .80);
}

#header.sticky-header.style3 #lower-header,
#header.sticky-header.style4 #lower-header {
    background: rgba(20, 29, 34, .80);
}

.sticky-header.style2 #main-header,
.sticky-header.style7 #main-header,
.sticky-header.style8 #main-header {
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    height: 60px!important;
    padding-top: 0;
}

body.b1170 .sticky-header.style7 #main-header>.container,
body.b960 .sticky-header.style7 #main-header>.container,
body.b1170 .sticky-header.style8 #main-header>.container,
body.b960 .sticky-header.style8 #main-header>.container {
    height: 60px!important;
    padding-top: 0;
}

.sticky-header.style1:hover #lower-header,
.sticky-header.style2:hover #lower-header,
.sticky-header.style3:hover #lower-header,
.sticky-header.style4:hover #lower-header,
.sticky-header.style5:hover #lower-header,
.sticky-header.style6:hover #lower-header,
.sticky-header.style7:hover #lower-header,
.sticky-header.style8:hover #lower-header,
.sticky-header.style1:hover #main-header,
.sticky-header.style2:hover #main-header,
.sticky-header.style3:hover #main-header,
.sticky-header.style4:hover #main-header,
.sticky-header.style5:hover #main-header,
.sticky-header.style6:hover #main-header,
.sticky-header.style7:hover #main-header,
.sticky-header.style8:hover #main-header {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.sticky-header.style2 #main-header #main-nav,
.sticky-header.style7 #main-header #main-nav,
.sticky-header.style8 #main-header #main-nav,
.sticky-header.style2 #main-header div.menu>ul,
.sticky-header.style7 #main-header div.menu>ul,
.sticky-header.style8 #main-header div.menu>ul {
    margin-top: 15px;
}

.sticky-header.style2 #main-header .logo img,
.sticky-header.style7 #main-header .logo img,
.sticky-header.style8 #main-header .logo img {
    height: 40px;
    margin-top: 5px;
}

.headerstyle8 #main-content .main-flexslider,
.headerstyle8 #main-content .head-banner {
    margin-top: -90px;
}

#main-content>.container>.row>section.col-lg-12.small-padding {
    float: none;
}


/* Upper Header Menus */

#upper-header {
    overflow: visible;
}

#upper-header .menu li {
    position: relative;
}

#upper-header .menu li>a {
    color: #73848e;
    font-size: 11px;
    text-transform: uppercase;
}

#upper-header .menu>li:hover>a {
    color: #008fd5;
}

#upper-header .menu>li + li {
    margin-left: 15px;
}

#upper-header .menu li>a:after {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    margin-left: 5px;
    content: '\e899';
}

#upper-header .cart-menu-item>a {
    color: #73848E;
    font-size: 11px;
    text-transform: uppercase;
}

#upper-header .cart-menu-item>a:after,
#upper-header .menu li>a:only-child:after {
    content: '';
    display: none;
}

#upper-header .cart-menu-item:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    color: #008fd5;
    margin-right: 5px;
    content: '\edac';
}

#upper-header .menu>li>ul {
    display: none;
    position: absolute;
    z-index: 6000;
    left: 0;
    top: 100%;
    padding-top: 10px;
    text-align: left;
}

.csstransforms #upper-header .menu>li>ul {
    display: block;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -ms-transform: scale(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .4s opacity .3s;
    transition: -webkit-transform .4s opacity .3s;
    transition: transform .4s opacity .3s;
    transition: transform .4s opacity .3s, -webkit-transform .4s opacity .3s;
    -webkit-transition: 0 .4s opacity .3s;
    -moz-transition: 0 .4s opacity .3s;
}

#upper-header .menu>li:hover>ul {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
}

#upper-header .menu>li>ul:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #28363d;
}

#upper-header .menu>li>ul>li {
    background: #28363d;
}

#upper-header .menu>li>ul>li>a {
    display: block;
    padding: 5px 15px;
    min-width: 100px;
}

#upper-header .menu>li>ul>li>a:hover {
    color: #fff;
}


/******* WELCOME *******/

.welcome {
    width: 100%;
    display: table;
    table-layout: fixed;
    /*padding: 90px 0;*/
}

.welcome .left-sec,
.welcome .right-sec {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 50%;
}

.welcome .left-sec img,
.welcome .right-sec img {
    width: auto;
    max-width: 100%;
}

.welcome .left-sec figure {
    margin-right: -30px;
}

.welcome .left-sec .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 30px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.welcome .right-sec {
    height: 90%;
}

.welcome .right-sec .contents {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    background: #222a2c;
    padding: 95px 77px;
    margin-left: 30px;
    color: white;
    text-align: center;
    position: relative;
}

.welcome .right-sec .contents:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    left: -40px;
    top: 50%;
    z-index: 10;
    border-top: 20px solid transparent;
    border-right: 20px solid #222a2c;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.welcome .right-sec .contents h4,
.welcome .right-sec .contents h5,
.welcome .right-sec .contents p {
    color: white;
}

.welcome .right-sec .contents h4 {
    font-family: 'nevis', sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #f97854;
    letter-spacing: 6px;
    margin-top: 0;
    margin-bottom: 40px;
}

.welcome .right-sec .contents .logo-container {
    margin-bottom: 50px;
}

.welcome .right-sec .contents h5 {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 3px;
}

.welcome .right-sec .contents p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 0;
}

.welcome .right-sec .contents p:last-child {
    margin-top: 35px;
}

.welcome.style2 .left-sec figure {
    margin: 0;
}

.welcome.style2 .left-sec .behind-img {
    margin-top: 105px;
    max-width: 400px;
}

.welcome.style2 .left-sec .front-img {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 285px;
}

.welcome.style2 .right-sec {
    height: 100%;
    padding-left: 120px;
    text-align: center;
}

.welcome.style2 .right-sec h4 {
    font-family: 'amperzand', serif;
    font-size: 48px;
    font-weight: 400;
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 35px;
}

.welcome.style2 .right-sec h4:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #222a2c;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.welcome.style2 .right-sec h5 {
    font-family: 'nevis', sans-serif;
    font-size: 24px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-top: 0;
}

.welcome.style2 .right-sec h6 {
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 0;
}

.welcome.style2 .right-sec p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 0;
}

.welcome.style2 .right-sec img {
    margin-top: 30px;
}


/******* SERVICES *******/

.service {
    text-align: center;
    color: white;
    padding: 0 40px;
}

.service object,
.service figure {
    margin-bottom: 50px;
}

.service object {
    width: 60px;
}

.service .icon-container {
    opacity: 0;
}

.service figure img {
    width: auto;
}

.service h5 {
    font-family: 'nevis', sans-serif;
    font-size: 18px;
    line-height: 1.5em;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-top: 0;
    margin-bottom: 15px;
    color: white;
}

.service p {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    margin: 0;
    color: white;
}

.service.style2 figure {
    margin-bottom: 30px;
}

.service.style2 h5 {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-transform: none;
    margin-bottom: 0;
    letter-spacing: normal;
}

.service.style2 p {
    line-height: 1.2em;
}


/******* CALL TO ACTION *******/

.call-to-action {
    padding: 80px 15px 54px;
    text-align: center;
    color: white;
    border: 8px solid rgba(255, 255, 255, 0.2);
}

.call-to-action p,
.call-to-action h4 {
    margin: 0;
    color: white;
}

.call-to-action h4 {
    font-family: 'nevis', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 12px;
}

.call-to-action p {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 21px;
    font-style: italic;
}

.call-to-action .button {
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    background: #f97854;
    color: white;
    padding: 9px 38px;
    border-radius: 50em;
}

.call-to-action .button:hover {
    background: #222a2c;
}

.call-to-action.style2 {
    text-align: left;
    padding-left: 65px;
    padding-right: 65px;
    position: relative;
    border: none;
}

.call-to-action.style2 .contents {
    position: relative;
    z-index: 1;
}

.call-to-action.style2 h5,
.call-to-action.style2 p {
    color: #202627;
}

.call-to-action.style2 h5 {
    font-family: 'nevis', sans-serif;
    font-size: 42px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 1.5em;
    margin: 0;
}

.call-to-action.style2 p {
    font-family: 'Libre Baskerville', serif;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
}

.call-to-action.style2 .parallax-element {
    position: absolute;
    top: 80%;
    right: 0;
    z-index: 0;
}

.call-to-action.style2 .parallax-element img {
    max-width: 100%;
}

.special-text {
    font-family: 'nevis', sans-serif;
}

h3.section-heading {
    font-weight: 900;
    letter-spacing: 5px;
}

.shopping-cart-dropdown {
    width: 300px;
    z-index: 19999;
    overflow: hidden;
    position: absolute;
    text-align: left;
    top: 100%;
    right: 0;
    padding-top: 20px;
    display: none;
}

.cart-menu-item {
    display: inline-block;
    perspective: 500px;
    -webkit-perspective: 500px;
}

.csstransforms .shopping-cart-dropdown {
    display: block;
    transform: rotate3d(1, 0, 0, -90deg);
    -webkit-transform: rotate3d(1, 0, 0, -90deg);
    -ms-transform: rotate3d(1, 0, 0, -90deg);
    -ms-transform: rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
    transition: opacity 0.3s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.3s;
    transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
    -moz-transition: -ms-transform 0.5s, opacity 0.3s;
}

.cart-menu-item:hover>.shopping-cart-dropdown {
    display: block;
    transform: rotate3d(0, 0, 0, 0);
    -webkit-transform: rotate3d(0, 0, 0, 0);
    -ms-transform: rotate3d(0, 0, 0, 0);
    -ms-transform: rotate3d(0, 0, 0, 0);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.shopping-cart-dropdown:after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #f3f3f3;
}

.shopping-cart-dropdown h4 {
    font-size: 12px;
    color: #0b2b33;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
}

.shopping-cart-dropdown .sc-header {
    padding: 13px 20px;
    background: #f3f3f3;
    border: none;
    overflow: hidden;
}

.shopping-cart-dropdown .sc-header h4 {
    float: left;
    font-family: 'nevis', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #222a2c;
}

.shopping-cart-dropdown .sc-header a.sc-remove-button {
    float: right;
    font-size: 14px!important;
    color: #222a2c !important;
}

.shopping-cart-dropdown .sc-header a.sc-remove-button:hover {
    color: #f97854 !important;
}

.shopping-cart-dropdown .sc-item {
    display: table;
    vertical-align: top;
    border-right: 1px solid #dae2e7;
    border-left: 1px solid #dae2e7;
    width: 100%;
    background: #fff;
}

.shopping-cart-dropdown .sc-item a {
    color: #73848e !important;
    line-height: 1.2em;
}

.shopping-cart-dropdown .sc-item a:hover {
    color: #222a2c !important;
}

.shopping-cart-dropdown .sc-item + .sc-item {
    border-top: 1px solid #dae2e7;
}

.shopping-cart-dropdown .sc-item .featured-image {
    display: table-cell;
    vertical-align: top;
    width: 100px;
    padding: 10px;
}

.shopping-cart-dropdown .sc-item .featured-image img {
    width: 80px;
    border: 1px solid #dae2e7;
}

.shopping-cart-dropdown .sc-item .item-info {
    display: table-cell;
    vertical-align: top;
    padding: 10px 10px 10px 5px;
}

.shopping-cart-dropdown .sc-item a.title,
.shopping-cart-dropdown .sc-item span.price {
    display: block;
}

.shopping-cart-dropdown .sc-item a.title {
    text-transform: none;
    font-size: 12px;
}

.shopping-cart-dropdown .sc-item span.price {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 12px;
}

.shopping-cart-dropdown .sc-item .item-meta li {
    float: none!important;
    display: block!important;
    margin: 0!important;
    color: #73848e;
}

.shopping-cart-dropdown .sc-footer a.button {
    font-family: 'nevis', sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    color: white !important;
    background: transparent;
    border: none;
    letter-spacing: 0.2em;
    color: #222a2c !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.shopping-cart-dropdown .sc-footer a.button.checkout-button {
    color: #f97854 !important;
}

.shopping-cart-dropdown .sc-footer a.button + a.button {
    margin-left: 10px;
}

.shopping-cart-dropdown .sc-footer a.button + a.button:before {
    content: '|';
    color: #222a2c;
    padding-right: 12px;
}

.shopping-cart-dropdown .sc-footer {
    padding: 13px;
    background: #f3f3f3;
    text-align: center;
}

.shopping-cart th {
    color: #73848E;
}


/* Main Navigation */

#main-nav,
#header div.menu>ul {
    text-transform: uppercase;
    font-size: 11px;
}

#main-nav>li>a,
#header div.menu>ul>li>a,
#main-nav>li>a,
#header div.menu>ul>li>a {
    display: block;
}

#main-nav>li + li,
#header div.menu>ul>li + li {
    margin-left: 30px;
}

#main-nav > li > a,
#header div.menu > ul > li > a {
    color: #23323a;
    font-size: 11px;
}

#header.style-dark.sticky-header.sticky-header-dark #main-nav > li > a,
#header.header-dark.sticky-header.sticky-header-dark #main-nav > li > a,
#header.style-dark #main-nav > li > a,
#header.header-dark #main-nav > li > a {
    color: #23323a;
}

#header.style-light.sticky-header.sticky-header-light #main-nav > li > a,
#header.header-light.sticky-header.sticky-header-light #main-nav > li > a,
#header.style-light #main-nav > li > a,
#header.header-light #main-nav > li > a {
    color: #333;
}

#header.style-light.sticky-header #main-nav > li.current-menu-item > a,
#header.header-light.sticky-header #main-nav > li.current-menu-item > a {
    color: #b39a71;
}

#header.style-king.style-light.sticky-header.sticky-header-dark #main-nav > li:hover > a,
#header.style-king.header-light.sticky-header.sticky-header-dark #main-nav > li > a:hover,
#header.style-king.style-dark.sticky-header.sticky-header-dark #main-nav > li:hover > a,
#header.style-king.header-dark.sticky-header.sticky-header-dark #main-nav > li > a:hover,
#header.style-king.style-dark.sticky-header #main-nav > li:hover > a,
#header.style-king.header-dark.sticky-header #main-nav > li > a:hover {

    opacity: 0.6;
}

#header.style-king.style-light.sticky-header.sticky-header-light #main-nav > li:hover > a,
#header.style-king.header-light.sticky-header.sticky-header-light #main-nav > li > a:hover,
#header.style-king.style-dark.sticky-header.sticky-header-light #main-nav > li:hover > a,
#header.style-king.header-dark.sticky-header.sticky-header-light #main-nav > li > a:hover,
#header.style-king.style-light.sticky-header #main-nav > li:hover > a,
#header.style-king.header-light.sticky-header #main-nav > li > a:hover {

    opacity: 0.6;
}

#header.style-king.style-light.sticky-header #main-nav > li:hover > a,
#header.style-king.header-light.sticky-header #main-nav > li > a:hover {

    opacity: 0.6;
}

#main-nav>li.menu-item-has-children,
#header div.menu>ul>li.menu-item-has-children,
#main-nav>li.page_item_has_children,
#header div.menu>ul>li.page_item_has_children {
    margin-right: -11px!important;
}

#main-nav>li.menu-item-has-children>a:after,
#header div.menu>ul>li.menu-item-has-children>a:after,
#main-nav>li.page_item_has_children>a:after,
#header div.menu>ul>li.page_item_has_children>a:after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 1px;
    width: 11px;
    height: 11px;
    background: url(../img/sprites/menu-arrows.png) -11px 0 no-repeat;
}

#main-nav>li>a:only-child:after,
#header div.menu>ul>li>a:only-child:after {
    display: none;
}

#main-nav>li:hover>a,
#main-nav>li.current-menu-item>a,
#main-nav>li.current-menu-ancestor>a,
#header div.menu>ul>li:hover>a,
#header div.menu>ul>li.current-menu-item>a,
#header div.menu>ul>li.current-menu-ancestor>a {
    background-position: 0px 0px;
}

#main-nav>li:hover>a:after,
#main-nav>li.current-menu-item>a:after,
#main-nav>li.current-menu-ancestor>a:after,
#header div.menu>ul>li:hover>a:after,
#header div.menu>ul>li.current-menu-item>a:after,
#header div.menu>ul>li.current-menu-ancestor>a:after {
    background-position: 0px 0px;
}

#main-nav ul:after,
div.menu>ul ul:after {
    display: none!important;
    border: none!important;
}

#main-nav li ul,
#header div.menu>ul li ul {
    display: none;
    position: absolute;
    padding-top: 17px;
    min-width: 180px;
}

#main-nav>li>ul,
#header div.menu>ul>li>ul {
    margin-left: -15px;
}

.sticky-header #main-nav li ul,
.sticky-header #header div.menu>ul li ul {
    padding-top: 15px;
}

#main-nav li ul li ul,
#header div.menu>ul li ul li ul {
    padding-top: 0!important;
    left: 100%;
    top: 0;
}

@-webkit-keyframes fadeInUpMenu {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px) translateZ(0px);
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0) translateZ(0px);
        transform: translateY(0);
    }
}

@keyframes fadeInUpMenu {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px) translateZ(0px);
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0) translateZ(0px);
        transform: translateY(0);
    }
}

#main-nav>li>ul,
#header div.menu>ul>li>ul {
    display: block;
    visibility: hidden;
    opacity: 0;
    margin-top: 40px;
    -webkit-transition-property: opacity, visibility, margin;
    transition-property: opacity, visibility, margin;
    -webkit-transition-duration: .4s, 0s, .4s;
    transition-duration: .4s, 0s, .4s;
    -webkit-transition-delay: 0s, .4s, 0s;
    transition-delay: 0s, .4s, 0s;
}

#main-nav>li:hover>ul,
#header div.menu>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s;
}

.csstransforms #main-nav li ul li ul,
.csstransforms #header div.menu>ul li ul li ul {
    display: block;
    left: 100%;
    z-index: 7000;
    transform: rotate3d(0, 1, 0, 90deg);
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
    -ms-transform: rotate3d(0, 1, 0, 90deg);
    -ms-transform: rotate3d(0, 1, 0, 90deg);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

#main-nav li:hover>ul,
#main-nav li ul li:hover>ul,
#header div.menu>ul li:hover>ul,
#header div.menu>ul li ul li:hover>ul {
    display: block;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transform: rotate3d(0, 0, 0, 0);
    -webkit-transform: rotate3d(0, 0, 0, 0);
    -ms-transform: rotate3d(0, 0, 0, 0);
    -ms-transform: rotate3d(0, 0, 0, 0);
}

#main-nav li ul li,
#header div.menu>ul li ul li {
    display: block;
    position: relative;
    -webkit-perspective: 500px;
    perspective: 500px;
}

#main-nav li ul li a,
#header div.menu>ul li ul li a {
    display: block;
    color: #333;
    white-space: nowrap;
    padding: 13px 20px;
    font-size: 11px;
    transition: background .3s, color .3s;
    -webkit-transition: background .3s, color .3s;
    -moz-transition: background .3s, color .3s;
}

#main-nav li ul li.current-menu-item>a,
#main-nav li ul li.current-menu-ancestor>a,
#header div.menu>ul li ul li.current-menu-item>a,
#header div.menu>ul li ul li.current-menu-ancestor>a {

	color:#b39a71 !important
}

.headerstyle1 #main-nav li ul li + li>a,
.headerstyle1 #header div.menu>ul li ul li + li>a,
.headerstyle5 #main-nav li ul li + li>a,
.headerstyle5 #header div.menu>ul li ul li + li>a,
.headerstyle8 #main-nav li ul li + li>a,
.headerstyle8 #header div.menu>ul li ul li + li>a {
    border-top: 1px solid #dde5e9;
}

.headerstyle1 #main-nav li ul li a,
.headerstyle1 #header div.menu>ul li ul li a,
.headerstyle5 #main-nav li ul li a,
.headerstyle5 #header div.menu>ul li ul li a,
.headerstyle8 #main-nav li ul li a,
.headerstyle8 #header div.menu>ul li ul li a {
    color: #73848e;
    background: #fff;
}

.headerstyle1 #main-nav li ul li.current-menu-item>a,
.headerstyle1 #main-nav li ul li.current-menu-ancestor>a,
.headerstyle1 #header div.menu>ul li ul li.current-menu-item>a,
.headerstyle1 #header div.menu>ul li ul li.current-menu-ancestor>a,
.headerstyle1 #main-nav li ul li:hover>a,
.headerstyle1 #header div.menu>ul li ul li:hover>a,
.headerstyle5 #main-nav li ul li.current-menu-item>a,
.headerstyle5 #main-nav li ul li.current-menu-ancestor>a,
.headerstyle5 #header div.menu>ul li ul li.current-menu-item>a,
.headerstyle5 #header div.menu>ul li ul li.current-menu-ancestor>a,
.headerstyle5 #main-nav li ul li:hover>a,
.headerstyle5 #header div.menu>ul li ul li:hover>a,
.headerstyle8 #main-nav li ul li.current-menu-item>a,
.headerstyle8 #main-nav li ul li.current-menu-ancestor>a,
.headerstyle8 #header div.menu>ul li ul li.current-menu-item>a,
.headerstyle8 #header div.menu>ul li ul li.current-menu-ancestor>a,
.headerstyle8 #main-nav li ul li:hover>a,
.headerstyle8 #header div.menu>ul li ul li:hover>a {
    color: #008fd5;
    background: #fff;
}

#header.style3 #lower-header #main-nav a,
#header.style4 #lower-header #main-nav a,
#header.style3 #lower-header div.menu>ul a,
#header.style4 #lower-header div.menu>ul a {
    color: #fff;
}

#header.style3 #lower-header #main-nav li ul li.current-menu-item>a,
#header.style3 #lower-header #main-nav li ul li.current-menu-ancestor>a,
#header.style4 #lower-header #main-nav li ul li.current-menu-item>a,
#header.style4 #lower-header #main-nav li ul li.current-menu-ancestor>a,
#header.style3 #lower-header div.menu>ul li ul li.current-menu-item>a,
#header.style3 #lower-header div.menu>ul li ul li.current-menu-ancestor>a,
#header.style4 #lower-header div.menu>ul li ul li.current-menu-item>a,
#header.style4 #lower-header div.menu>ul li ul li.current-menu-ancestor>a {
    color: #008fd5;
    background: #10191d;
    background: rgba(25, 36, 42, .95);
}

#header.style3 #lower-header #main-nav li ul li:hover>a,
#header.style4 #lower-header #main-nav li ul li:hover>a,
#header.style3 #lower-header div.menu>ul li ul li:hover>a,
#header.style4 #lower-header div.menu>ul li ul li:hover> {
    background: #10191d;
    background: rgba(25, 36, 42, .95);
}


/* Mega Menu */

#main-nav .mega-menu {
    position: absolute;
    color: #b9cbd4;
    padding-top: 17px;
    display: block;
    margin-left: -150px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    margin-top: 40px;
    -webkit-transition-property: opacity, visibility, margin;
    transition-property: opacity, visibility, margin;
    -webkit-transition-duration: .4s, 0s, .4s;
    transition-duration: .4s, 0s, .4s;
    -webkit-transition-delay: 0s, .4s, 0s;
    transition-delay: 0s, .4s, 0s;
}

#main-nav li:hover>.mega-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s;
}

#main-nav .mega-menu-too-big {
    left: 0;
    right: 0;
    margin-left: 0;
    width: 100%;
}

#main-nav .mega-menu-too-big ul li a {
    white-space: normal;
}

#main-nav>li:hover>.mega-menu {
    display: block;
}

#header.sticky-header #main-nav .mega-menu {
    padding-top: 15px;
}

.headerstyle1 #header.sticky-header #main-nav .mega-menu,
.headerstyle1 #header.sticky-header #main-nav>li>ul,
.headerstyle1 #header.sticky-header div.nav>ul>li>ul,
.headerstyle2 #header.sticky-header #main-nav .mega-menu,
.headerstyle2 #header.sticky-header #main-nav>li>ul,
.headerstyle2 #header.sticky-header div.nav>ul>li>ul,
.headerstyle3 #header.sticky-header #main-nav .mega-menu,
.headerstyle3 #header.sticky-header #main-nav>li>ul,
.headerstyle3 #header.sticky-header div.nav>ul>li>ul,
.headerstyle4 #header.sticky-header #main-nav .mega-menu,
.headerstyle4 #header.sticky-header #main-nav>li>ul,
.headerstyle4 #header.sticky-header div.nav>ul>li>ul,
.headerstyle5 #header.sticky-header #main-nav .mega-menu,
.headerstyle5 #header.sticky-header #main-nav>li>ul,
.headerstyle5 #header.sticky-header div.nav>ul>li>ul {
    padding-top: 11px;
}

#main-nav .mega-menu>ul {
    display: table!important;
    table-layout: fixed;
    transform: none!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    -ms-transform: none!important;
    -khtml-opacity: 1!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
    position: relative!important;
    padding-top: 0;
    left: 0;
}

#main-nav .mega-menu ul {
    margin-left: 0!important;
    opacity: 1!important;
    margin-top: 0!important;
}

#main-nav .mega-menu>ul>li {
    display: table-cell;
    position: relative;
}

#main-nav .mega-menu>ul>li ul {
    display: block;
    transform: none!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    -ms-transform: none!important;
    -khtml-opacity: 1!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
    left: 0!important;
    position: relative!important;
}

#main-nav .mega-menu li a {
    background: none!important;
}

#main-nav .mega-menu li:hover>a {
    color: #008fd5!important;
}

#main-nav .mega-menu li:hover>a:before {
    background-position: -9px 0;
}

#main-nav .mega-menu li span {
    padding: 15px 20px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

#main-nav .mega-menu-footer {
    padding: 8px 15px;
    background: #162025;
    color: #fff;
    vertical-align: top;
}

#main-nav .mega-menu-footer span {
    color: #86969e;
    text-transform: none;
    font-size: 12px;
    display: inline-block;
    margin-top: 9px;
}

#main-nav .mega-menu-footer span strong {
    color: #cad4d9;
    font-weight: 700;
}

.headerstyle1 #main-nav .mega-menu li span,
.headerstyle4 #main-nav .mega-menu li span,
.headerstyle5 #main-nav .mega-menu li span,
.headerstyle8 #main-nav .mega-menu li span {
    color: #23323a;
}

.headerstyle1 #main-nav .mega-menu li a,
.headerstyle4 #main-nav .mega-menu li a,
.headerstyle5 #main-nav .mega-menu li a,
.headerstyle8 #main-nav .mega-menu li a {
    color: #73848e;
}

.headerstyle1 #main-nav .mega-menu>ul>li + li:before,
.headerstyle4 #main-nav .mega-menu>ul>li + li:before,
.headerstyle5 #main-nav .mega-menu>ul>li + li:before,
.headerstyle8 #main-nav .mega-menu>ul>li + li:before {
    border-color: #eaeef1;
}

.headerstyle1 #main-nav .mega-menu-footer,
.headerstyle4 #main-nav .mega-menu-footer,
.headerstyle5 #main-nav .mega-menu-footer,
.headerstyle8 #main-nav .mega-menu-footer {
    background: #e8eef1;
}

.headerstyle1 #main-nav .mega-menu-footer span,
.headerstyle1 #main-nav .mega-menu-footer span strong,
.headerstyle4 #main-nav .mega-menu-footer span,
.headerstyle4 #main-nav .mega-menu-footer span strong,
.headerstyle5 #main-nav .mega-menu-footer span,
.headerstyle5 #main-nav .mega-menu-footer span strong,
.headerstyle8 #main-nav .mega-menu-footer span,
.headerstyle8 #main-nav .mega-menu-footer span strong {
    color: #73848e;
}


/* Search Box */

#search-box,
#search-box-pre {
    position: relative;
    float: right;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#search-box-pre {
    float: none;
    display: inline-block;
}

#main-header #search-box,
#main-header #search-box-pre {
    margin-top: 28px;
    margin-left: 30px;
}

.sticky-header #main-header #search-box,
.sticky-header #main-header #search-box-pre {
    margin-top: 1px !important;
}

#search-box i.icons {
    color: #93a6b0;
    cursor: pointer;
    font-size: 16px;
}

#search-box-pre i.icons {
    color: #93a6b0;
    cursor: pointer;
}

#search-box form,
#search-box-pre form {
    position: absolute;
    display: none;
    top: 100%;
    margin-top: 17px;
    right: 0;
    vertical-align: top;
    box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    padding-right: 50px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#search-box.search-box-opened form,
#search-box-pre.search-box-opened form {
    display: block;
    animation: fadeInUp .4s;
    -webkit-animation: fadeInUp .4s;
    animation-iteration: forwards;
    -webkit-animation-iteration: forwards;
}

#header.style3 #search-box form,
#header.style3 #search-box-pre form {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#search-box form:before,
#search-box-pre form:before {
    position: absolute;
    display: block;
    content: '';
    top: -12px;
    right: 15px;
    border-style: solid;
    border-width: 0 0 15px 20px;
    border-color: transparent transparent #23323a;
}

#search-box .iconic-submit,
#search-box-pre .iconic-submit {
    display: inline-block;
    vertical-align: top;
    margin-left: -3px;
    position: absolute;
    right: 0;
    top: 0;
}

#search-box input[type="text"],
#search-box-pre input[type="text"] {
    height: 50px;
    border: none;
    padding: 10px;
    width: 200px;
}

#search-box input[type="text"]:focus,
#search-box-pre input[type="text"]:focus {
    outline: none;
}

#search-box .iconic-submit input,
#search-box-pre .iconic-submit input {
    position: absolute;
}

#search-box .iconic-submit .icon,
#search-box-pre .iconic-submit .icon {
    position: relative;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: #23323a;
    color: #fff;
    text-align: center;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
}

#search-box .iconic-submit:hover .icon,
#search-box-pre .iconic-submit:hover .icon {
    background: #008fd5;
}

#search-box .iconic-submit .icons,
#search-box-pre .iconic-submit .icons {
    color: #fff;
    text-align: center;
    position: relative;
    left: 0;
    top: 12px;
}

#search-box form input[type="submit"],
#search-box-pre form input[type="submit"] {
    background: red;
    width: 50px;
    height: 50px;
    z-index: 99999;
}

#searchform.fullscreen-search-form {
    position: fixed;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9999999;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#searchform.fullscreen-search-form .search-form-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#searchform.fullscreen-search-form input[type=text] {
    display: inline-block;
    width: 100%;
    border: none;
    font-size: 80px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    background: transparent;
    line-height: 1.5em;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
}

#searchform.fullscreen-search-form label {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 0.5em;
    font-size: 22px;
    font-weight: 300;
    font-style: italic;
    font-family: 'Palatino Linotype', serif;
    color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
}

#searchform.fullscreen-search-form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 112px;
    height: 112px;
    font-size: 1.5em;
    display: none;
}

#searchform.fullscreen-search-form .form-close-btn {
    position: absolute;
    top: 80px;
    right: 50px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #333;
    cursor: pointer;
    font-size: 2em;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

#searchform.fullscreen-search-form .form-close-btn:hover {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#searchform.fullscreen-search-form input[type=text]:focus,
#searchform.fullscreen-search-form input[type=text]:active {
    outline: none;
}

#searchform.fullscreen-search-form.is-visible {
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

#searchform.fullscreen-search-form.is-visible input[type=text],
#searchform.fullscreen-search-form.is-visible label {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#searchform.fullscreen-search-form.is-visible input[type=text] {
    -webkit-transition: all 0.3s 0.25s ease;
    transition: all 0.3s 0.25s ease;
}

#searchform.fullscreen-search-form.is-visible label {
    -webkit-transition: all 0.3s 0.3s ease;
    transition: all 0.3s 0.3s ease;
}


/* FLEXSLIDERS */

.flexslider {
    border: none;
    margin: 0;
}

.flexslider .slides li.dark {
    color: #fff;
}

.flexslider .slides li.light {
    color: #444;
}

.flex-control-nav.flex-control-thumbs:before,
.flex-control-nav.flex-control-thumbs:after {
    content: '';
    display: table;
}

.flex-control-nav.flex-control-thumbs:after {
    clear: both;
}

.flex-control-nav.flex-control-thumbs li {
    border: none;
    width: 20%;
}

.main-flexslider .slides li img {
    width: auto;
    display: inline-block;
}

.main-flexslider .slides li {
    padding: 0 0;
    background-size: cover!important;
}

.main-flexslider .flex-direction-nav a,
.portfolio-flexslider .flex-direction-nav a,
.tp-leftarrow.default,
.tp-rightarrow.default {
    text-align: center;
    width: 60px;
    height: 65px;
    top: 50%!important;
    background: url(../img/main-slider-arrows.png) 0 2px no-repeat;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, .4);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
    background: url(../img/main-slider-arrows.png) 0 2px no-repeat!important;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, .4);
    text-align: center;
    width: 60px!important;
    height: 65px!important;
    left: 0!important;
    transition: border .3s;
    -webkit-transition: border .3s;
    -moz-transition: border .3s;
}

.ms-skin-metro .ms-nav-next:hover,
.ms-skin-metro .ms-nav-prev:hover {
    border: 1px solid rgba(255, 255, 255, .8);
}

.ms-skin-metro .ms-nav-next {
    left: auto!important;
    right: 0!important;
    background-position: -60px 2px !important;
}

.tp-leftarrow.preview4:after {
    display: none;
}

.tp-leftarrow.preview4 .tp-arr-allwrapper {
    left: -1px;
}

.tparrows.tp-rightarrow.preview4:after {
    left: auto;
    right: 0;
    display: none;
}

.tparrows.preview4 .tp-arr-allwrapper {
    top: -20px;
}

.tparrows.tp-rightarrow.preview4 .tp-arr-allwrapper {
    left: -120px;
}

.tp-rightarrow.default {
    background-position: -62px 2px;
}

.main-flexslider .flex-direction-nav a:hover,
.portfolio-flexslider .flex-direction-nav a:hover .tp-leftarrow.default:hover,
.tp-rightarrow.default:hover {
    border-color: #fff;
    background-color: rgba(0, 0, 0, .1);
}

.main-flexslider .flex-direction-nav a.flex-prev,
.portfolio-flexslider .flex-direction-nav a.flex-prev {
    left: 0;
    background-position: 0 2px;
    border-left: none;
}

.portfolio-flexslider img {
    height: auto;
}

.main-flexslider .flex-direction-nav a.flex-next,
.portfolio-flexslider .flex-direction-nav a.flex-next {
    right: 0;
    background-position: -60px 2px;
    border-right: none;
}

.main-flexslider .slides li h2 {
    font-size: 82px;
    line-height: 92px;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 0 0 30px #555;
}

.main-flexslider .slides li h2.cursive-style {
    font-size: 147px;
    line-height: 110px;
    font-weight: 400;
    text-transform: none;
    text-shadow: none;
    margin: 0;
}

.main-flexslider .slides li h2.big {
    text-shadow: none;
    font-size: 172px;
    line-height: 90px;
    text-shadow: 0 0 5px #ccc;
    margin-top: 80px;
}

.main-flexslider .slides li h3.big {
    font-size: 56px;
    line-height: 66px;
    font-weight: 800;
    text-transform: uppercase;
}

.main-flexslider.light .slides li h2 {
    text-shadow: 0 0 5px #555;
}

h2.cursive-style + .slider-quote {
    margin-top: 40px;
}

.main-flexslider .slides li .slider-quote + a.button.unfilled {
    margin-top: 40px;
}

.slider-top-image {
    margin-bottom: 40px;
}

.slider-quote {
    font-size: 14px;
    line-height: 28px;
    text-shadow: 0 0 10px #555;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 60px;
    display: block;
}

.slider-quote.big {
    font-size: 43px;
    font-weight: 400;
    text-shadow: none;
    line-height: 53px;
}

.main-flexslider.light .slides li .slider-quote {
    text-shadow: 0 0 1px #555;
}

.slider-quote>span,
.slider-quote>span>span {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-color: rgba(255, 255, 255, 0.6);
    padding: 1px 0;
    display: inline-block;
}

.flexslider-thumbnail-gallery .slides>li {
    position: relative;
}

.flexslider-thumbnail-gallery .project-hover {
    z-index: 100;
}

.flexslider-thumbnail-gallery .slides>li:hover .project-hover {
    display: block;
}

.flexslider-thumbnail-gallery .flex-control-thumbs {
    position: relative;
    bottom: 0;
    overflow: visible;
}

@-webkit-keyframes fadeInDownTooltip {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@keyframes fadeInDownTooltip {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

.ui-tooltip {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 300;
    background: rgba(34, 42, 44, 0.9);
    color: white;
    border: none;
    border-radius: 0;
    padding: 16px 30px;
    box-shadow: none;
    -webkit-animation: fadeInDownTooltip .5s;
    animation: fadeInDownTooltip .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.ui-tooltip:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -20px;
    left: 22px;
    border-top: 10px solid rgba(34, 42, 44, 0.9);
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgba(34, 42, 44, 0.9);
}

.ui-tooltip .top .tooltip-arrow {
    margin-left: 20px;
    border-width: 13px 18px 0 0;
    bottom: -8px;
    background: rgba(34, 42, 44, 0.9) transparent transparent transparent;
}

.ui-tooltip .top .tooltip-inner {
    margin-left: 50%;
    max-width: 300px;
    width: 100%;
    padding: 20px 30px;
    text-align: left;
    background: rgba(34, 42, 44, 0.9);
}

.flexslider-thumbnail-gallery .slides>li:hover .project-hover,
.flexslider-thumbnail-gallery .slides>li:hover .project-hover>a {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.flexslider-thumbnail-gallery .slides>li:hover .project-hover {
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
}

.boxed-layout2 .tparrows.tp-leftarrow {
    margin-left: 30px;
}

.boxed-layout2 .tparrows.tp-rightarrow {
    margin-right: 30px;
}

.tparrows.tp-rightarrow.custom,
.tparrows.tp-leftarrow.custom {
    display: inline-block;
    width: 24px;
    height: 28px;
    background: url(../img/king-nav.png);
    border: none;
}

.tparrows.tp-rightarrow.custom {
    background-position: right center;
}

.tparrows.tp-leftarrow.custom {
    background-position: left center;
}

.tparrows.tp-rightarrow.custom2,
.tparrows.tp-leftarrow.custom2 {
    display: inline-block;
    width: 40px;
    height: 77px;
    background: url(../img/king-nav2.png);
    border: none;
}

.tparrows.tp-rightarrow.custom2 {
    background-position: right center;
}

.tparrows.tp-leftarrow.custom2 {
    background-position: left center;
}


/* Services */

.big-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}

.big-padding-top {
    padding-top: 80px;
}

.normal-padding {
    padding-top: 40px;
    padding-bottom: 40px;
}

.small-padding {
    padding-top: 40px;
    padding-bottom: 40px;
}

.smallest-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}

.margin_t_40 {
    margin-top: 40px;
}

.margin_t_60 {
    margin-top: 60px;
}

.margin_t_80 {
    margin-top: 80px;
}

.margin_b_40 {
    margin-bottom: 40px;
}

.margin_b_60 {
    margin-bottom: 60px;
}

.margin_b_80 {
    margin-bottom: 80px;
}

.padding_t_40 {
    padding-top: 40px;
}

.padding_t_60 {
    padding-top: 60px;
}

.padding_t_80 {
    padding-top: 80px;
}

.padding_b_40 {
    padding-bottom: 40px;
}

.padding_b_60 {
    padding-bottom: 60px;
}

.padding_b_80 {
    padding-bottom: 80px;
}

.no-padding {
    padding-top: 0;
    padding-bottom: 0;
}

.no-top-padding {
    padding-top: 0;
}

.no-bottom-padding {
    padding-bottom: 0;
}

.no-bottom-margin {
    margin-bottom: 0 !important;
}

.blue-gradient-bg {
    background: #22afc7;
    color: #fff;
}

.service {
    text-align: center;
    margin-bottom: 60px !important;
}

.service h3 {
    font-weight: 300;
}


/* Chef SLider */

.team-members-slider {
    position: relative;
    background: #eae5d6;
}

.team-members-inner {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}


/* Contact list */

.serif-style {
    font-family: 'Palatino Linotype', serif;
}

h2.serif-style {
    margin-bottom: 30px;
}

ul.contact-list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.contact-list li {
    display: block;
    margin-bottom: 30px;
    position: relative;
    padding-left: 60px;
}

ul.contact-list li .cicon {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: url(../img/sprites/contact-icons.png) no-repeat;
}

ul.contact-list li .cicon.cicon-phone {
    background-position: -10px -5px;
}

ul.contact-list li .cicon.cicon-marker {
    background-position: -70px 0;
}

ul.contact-list span.phone {
    font-size: 36px;
    display: block;
    font-style: normal;
    color: #23292c;
    line-height: 40px;
    margin-bottom: 5px;
}

ul.contact-list li>span {
    font-size: 16px;
    font-style: italic;
    color: #9da7ac;
}

ul.contact-list p {
    font-size: 16px;
    line-height: 30px;
}

.service-icon {
    width: 75px;
    height: 75px;
    background-color: #29a8d1;
    text-align: center;
    display: inline-block;
    padding-top: 25px;
    -webkit-transform: translateZ(0px);
}

.dark-gray-bg .service-icon {
    background-color: #39444a;
    color: #97e1ee;
}

.service-icon .icons {
    font-size: 30px;
    color: #a1f1ff;
}

.service h3 {
    margin-bottom: 0;
}

.service .content_box {
    text-transform: uppercase;
    margin: 0;
    font-size: 12px;
    color: #8cd9ff;
}

.iconic-service {
    position: relative;
    padding-left: 80px;
}

.iconic-service h4 {
    font-weight: 400;
    color: #fff;
    font-size: 18px;
}

.iconic-service .icons {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 36px;
    color: #61cbff;
}

.service.style2 .service-icon {
    width: auto;
    height: auto;
    background: none;
    padding-top: 0;
}

.service.style2 .icons {
    font-size: 48px;
    color: #eb6b65;
}

.green-bg .service.style2 h3 {
    color: #fff;
}

.green-bg .service.style2 .content_box {
    color: #c3fbff;
}

.service.style2 h3 {
    font-size: 20px;
    color: #008fd5;
    margin-top: 5px;
}

.service.style2 .content_box {
    font-size: 13px;
    text-transform: none;
    color: #73848e;
}


/* Projects */

.dark-gray-bg {
    background: #23323a;
    color: #c4d3de;
}

.dark-gray-bg h1,
.dark-gray-bg h2,
.dark-gray-bg h3,
.dark-gray-bg h4,
.dark-gray-bg h5,
.dark-gray-bg h6 {
    color: #fff;
}

.dark-gray-bg hr {
    border-color: #3a4e58;
    margin: 40px 0;
    display: block;
}

.projects-section {
    padding: 10px 0 0;
}

h2.section-heading {
    font-size: 30px;
    margin-bottom: 50px;
}

.sc-call-to-action h2 {
    margin-top: 15px;
    letter-spacing: -2px;
}

.sc-call-to-action h2,
.sc-call-to-action h2 p {
    line-height: 36px;
}

.dark-gray-bg p {
    color: #658190;
}

.project {
    /*border-right:1px solid #23323a;*/
    color: #fff;
    overflow: hidden;
}

.portfolio-1column {
    padding-top: 80px;
}

.portfolio-1column .project {
    border: none;
}

.portfolio-1column .project-description > h6 {
    font-family: 'nevis', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

.project-image {
    position: relative;
}

.project-image img {
    width: 100%;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -ms-transform 0.4s ease;
}

.project:hover .project-image img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.portfolio-2column .project-hover {
    right: 50%;
}

.project-hover {
    position: absolute;
    top: 50%;
    margin-top: -27px;
    left: 50%;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    width: 100%;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
}

.project:hover .project-hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-filter: blur(0) !important;
    filter: blur(0) !important;
}

.project-hover>a {
    width: 58px;
    height: 58px;
    margin: 0 5px;
    display: inline-block;
    background-color: #2a3b45;
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url(../img/sprites/hover-icons.png);
    border: 4px solid #eee;
    border: 4px solid rgba(238, 238, 238, 0.12);
    color: #fff;
    text-align: center;
    font-size: 24px;
    padding-top: 15px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .6s, background .3s, -webkit-transform .3s;
    transition: opacity .6s, background .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .6s, background .3s;
    transition: transform .3s, opacity .6s, background .3s, -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s, opacity .6s, background .3s;
    -moz-transition: -ms-transform .3s, opacity .6s, background .3s;
}

.project:hover .project-hover>a {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.project-hover>a:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.project-hover>a.search-icon {
    background-position: 0 0;
}

.project-hover>a.link-icon {
    background-position: -50px 0;
}

.project-meta {
    padding: 12px 20px 27px;
    position: relative;
    height: 100px;
    background: #2a3b45;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
}

.project-meta:before {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    left: 20px;
    width: 10px;
    height: 10px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 8px solid #2a3b45;
}

.project:hover .project-meta {
    background: #2f424d;
}

.project-meta h4 {
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}

.project-meta h4 a {
    color: #fff;
}

.project-meta span.project-category {
    font-size: 11px;
    margin: 0;
    text-transform: uppercase;
    color: #97a4ad;
}

.project-like {
    position: absolute;
    right: 20px;
    top: 35px;
    vertical-align: top;
}

.project-like .icons {
    font-size: 24px;
    color: #3c525e;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    cursor: pointer;
}

.project-like:hover .icons,
.project-like.post-liked .icons {
    color: #dd6c62;
}

.project-like span.like-count {
    font-size: 11px;
    font-weight: 300;
    vertical-align: top;
    color: #97a4ad;
}

.project-grid {
    padding: 0;
}

.single-portfolio .project-description h6 {
    font-family: 'nevis', sans-serif;
    font-size: 18px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin: 25px 0 32px;
}

.single-portfolio .project-description+h3 {
    font-size: 18px;
    font-weight: 400;
    margin-top: 50px;
}

.project-single-details {
    padding-bottom: 0;
    padding-top: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.project-single-details + .vc_row {
    background: white;
}

.no-flexboxlegacy .project-single-details,
.no-flexbox .project-single-details {
    display: table;
}

.no-flexboxlegacy .project-single-details .project-single-preview,
.no-flexboxlegacy .project-single-details .project-single-sidebar,
.no-flexbox .project-single-details .project-single-preview,
.no-flexbox .project-single-details .project-single-sidebar {
    display: table-cell;
    vertical-align: top;
}

.no-flexboxlegacy .project-single-details .project-single-sidebar:before,
.no-flexbox .project-single-details .project-single-sidebar:before {
    height: 9999999%;
}

.project-single-details .project-single-preview,
.project-single-details .project-single-sidebar {
    padding-top: 80px;
    padding-bottom: 180px;
}

.b1170 .project-single-details .project-single-preview,
.b960 .project-single-details .project-single-preview {
    padding-left: 30px;
}

.project-single-details .wpb_content_element {
    position: relative;
    z-index: 2;
}

.project-single-details .widget .widgettitle {
    font-family: 'nevis', sans-serif;
    font-size: 16px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #23323a;
}

.project-single-details .project-tag {
    margin-top: 40px;
}

.project-single-details .project-tag:before,
.project-single-details .project-tag:after {
    content: ' ';
    display: table;
}

.project-single-details .tagcloud a {
    background: transparent;
}

.project-single-details .project-tag:after {
    clear: both;
}

.project-single-details .project-tag > span,
.project-single-details .project-tag .tag-list {
    float: left;
}

.project-single-details .project-tag > span {
    font-family: 'nevis', sans-serif;
    font-size: 14px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-right: 7px;
}

.project-single-details .project-tag .tag-list {
    padding-left: 0;
    list-style: none;
}

.project-description + .wpb_content_element {
    position: relative;
    z-index: 2;
}

.project-description .social-media {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}

.project-description .social-media li a {
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    color: #2b3031;
    border: 1px solid #2b3031;
    width: 26px;
    height: 26px;
    display: block;
    margin-bottom: 18px !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transition: color .3s, border .3s;
    -webkit-transition: color .3s, border .3s;
    -moz-transition: color .3s, border .3s;
}

.project-description .social-media li:first-child {
    margin-left: 0;
}

.project-description .social-media li + li {
    margin-left: 8px;
}

.project-description .social-media li:hover {
    -webkit-transform: none;
    transform: none;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.project-description .social-media li:hover a {
    color: #f97352;
    border-color: #f97352;
}

.project-single-sidebar:before {
    content: '';
    display: inline-block;
    width: 999999%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -50px;
    z-index: 0;
    background: #f3f3f3;
}

.b1170 .project-single-sidebar:before {
    width: 100%;
    left: -15px;
}

.project-description > * {
    position: relative;
    z-index: 2;
}

.project-single-details .king-post-comments .section-heading {
    margin-top: 65px;
    margin-bottom: 90px;
}

.project-single-details .king-comment-form .comment-respond {
    border: 1px solid #f3f3f3;
    margin-top: 70px;
    padding-bottom: 40px;
}

.project-description .list li {
    margin-bottom: 20px;
}

.project-description .list li a {
    color: #2b3031;
}

.project-description .list li a:hover {
    color: #f97352;
}

.project-description .widget {
    margin-top: 40px;
}

.b1170 .king-portfolio-3-shortcode-v .blog-box.style2 figcaption span.separator {
    margin: 15px auto;
}


/* Project Slider Carousel */

.projects-slider-carousel {
    padding: 20px;
    border: 1px solid #eee;
}

.slides .project {
    border: none;
}

.slides .project-meta {
    padding: 5px 15px;
}

.slides .project-hover {
    margin-top: -20px;
}

.slides .project-hover>a {
    width: 58px;
    height: 58px;
    font-size: 18px;
    padding-top: 8px;
}

.products-carousel {
    margin-top: 10px;
}

.products-carousel .slides li {
    margin-right: 6px;
    cursor: pointer;
    position: relative;
}

.products-carousel .slides li:last-child {
    margin-right: 0;
}

.products-carousel .slides .carousel-item-hover {
    position: absolute;
    z-index: 10;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    background: #000;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-align: center;
    font-size: 24px;
    padding-top: 17px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: -webkit-transform .3s opacity .6s;
    transition: -webkit-transform .3s opacity .6s;
    transition: transform .3s opacity .6s;
    transition: transform .3s opacity .6s, -webkit-transform .3s opacity .6s;
    -webkit-transition: 0 .3s opacity .6s;
    -moz-transition: 0 .3s 0 .6s;
}

.products-carousel .slides li:hover .carousel-item-hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

ul.carousel-arrows {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.carousel-arrows li {
    width: 15px;
    height: 15px;
    display: block;
    background: url(../img/project-carousel-arrows.png) no-repeat;
    cursor: pointer;
    position: absolute;
    bottom: 27px;
    left: -17px;
}

ul.carousel-arrows li.arrow-right {
    left: auto;
    right: -17px;
    background-position: -15px 0;
}


/* Info Box */

.light-gray-bg {
    background: #fcfcfc;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

.light-gray-bg.transparent {
    background: transparent;
    border-bottom-width: 0;
    border-top-width: 0;
}

.medium-gray-bg {
    background: #eee;
}

h2.big {
    font-size: 30px;
    font-weight: 300;
}

.light-blue {
    color: #008fd5;
}

a.button,
button {
    background: #008fd5;
    color: #fff;
    font-size: 11px;
    padding: 10px 20px;
    display: inline-block;
    text-transform: uppercase;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    margin: 5px 0;
    border: none;
}

a.button.round {
    height: 62px;
    border: 3px solid #fff;
    background: none;
    font-size: 18px;
    padding: 15px 50px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-transform: translateZ(0px);
}

a.button.round:hover .button-icon {
    opacity: 1;
    left: 0;
}

a.button.round .button-label {
    position: relative;
    transition: left .3s;
    -webkit-transition: left .3s;
    -moz-transition: left .3s;
    left: 0;
}

a.button.round:hover .button-label {
    left: 10px;
}

a.button.round:hover {
    background: none;
}

a.button .button-icon {
    position: relative;
    margin-left: 10px;
    left: 5px;
    opacity: 0;
    transition: opacity .3s, left .3s;
    -webkit-transition: opacity .3s, left .3s;
    -moz-transition: opacity .3s, left .3s;
}

a.button .button-icon i {
    position: absolute;
    left: -35px;
    font-size: 20px;
}

a.button.orange,
button.orange {
    background: #cb5010;
}

a.button.orange:hover,
button.orange:hover {
    background: #c04c0f;
}

a.icon-button.sc-open-video {
    opacity: .6;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
}

a.icon-button.sc-open-video:hover {
    opacity: 1;
}

a.button.medium {
    padding: 8px 10px;
}

a.button:hover {
    background: #107aae;
}

a.button.big {
    padding: 15px 25px;
}

a.button.biggest {
    padding: 20px 60px;
    margin-top: 10px;
    font-size: 13px;
}

a.button.medium.variant2 {
    font-weight: bold;
    border-radius: 3px;
    font-size: 12px;
    line-height: 20px;
}

a.button.medium.variant2 i {
    font-size: 20px;
    float: left;
    margin-right: 10px;
}

a.button.biggest.variant2 {
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
    line-height: 26px;
}

a.button.biggest.variant2 i {
    font-size: 26px;
    float: left;
    margin-right: 10px;
}

a.button.gray {
    background: #d3ebf7;
    color: #444;
}

a.button.light {
    background: #ebeaea;
    color: #444;
}

a.button.dark {
    background: #23323a;
}

.dark-gray-bg a.button.dark {
    background: #445157;
}

.dark-gray-bg a.button.dark:hover {
    background: #2d3c43;
}

a.button.gray:hover {
    background: #b8d4e2;
}

a.button.light:hover {
    background: #ddd;
}

a.button.dark:hover {
    background: #101c23;
}

a.button.gray .icons {
    color: #444;
}

a.button.button-load-more:after {
    content: '';
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../img/sprites/load-more-icon.png) no-repeat;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: -5px;
    margin-top: -9px;
    margin-bottom: -7px;
}

.load-more .button-load-more {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: #2b3031;
    background: transparent;
    border: 1px solid #2b3031;
    border-radius: 50em;
    padding: 11px 54px !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.load-more .button-load-more:hover {
    background: #f97352;
    border-color: #f97352;
    color: white;
}

.load-more a.button.button-load-more:after {
    content: none;
}

.page-template-template-blog-list .load-more {
    text-align: left;
    padding-left: 95px;
    margin-top: 70px;
    margin-bottom: 35px;
}

#post-items:after,
#post-items:before {
    content: ' ';
    display: table;
}

#post-items:after {
    clear: both;
}


/* Blog */

.main-content .blog-post {
    margin: 0 0 60px;
}

.main-content .blog-post:last-child {
    margin: 0;
}

.blog-post {
    margin-bottom: 35px;
    margin-top: 20px;
    overflow: hidden;
}

.post-image {
    padding-left: 0;
    padding-right: 5px;
    text-align: center;
}

.post-image>div {
    padding: 0;
}

.post-thumbnail img {
    width: 100%;
}

.timeline-container .post-thumbnail {
    max-height: 200px;
    overflow: hidden;
    margin-bottom: 24px;
}

.post-meta {
    padding: 0;
    text-align: center;
}

span.post-date {
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}

span.post-day {
    font-size: 48px;
    line-height: 42px;
    display: inline-block;
    margin: 0 0 6px;
    color: #f97352;
}

span.post-format {
    display: block;
    text-align: center;
    margin: 8px 0 0;
    color: #2b3031;
    font-size: 16px;
}

span.post-format span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/sprites/post-format-icons.png) no-repeat;
}

span.post-format span.photo-icon {
    background-position: 0 0;
}

span.post-format span.document-icon {
    background-position: -60px 0;
}

span.post-format span.video-icon {
    background-position: -30px 0;
}

span.post-format span.link-icon {
    background-position: -90px 0;
}

span.post-format span.audio-icon {
    background-position: -120px 0;
}

.post-image .post-thumbnail {
    padding-left: 10px;
}

ul.post-meta {
    list-style: none;
    padding: 0 0 8px;
    margin: 0;
    border-bottom: 1px solid #E5E8EA;
    overflow: hidden;
}

.timeline-container .blog-post ul.post-meta {
    border-bottom: none;
}

ul.post-meta li {
    font-family: 'lato', sans-serif;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    float: left;
    margin-right: 2px;
    color: #2b3031;
}

ul.post-meta li:after {
    content: ',';
}

ul.post-meta li:first-child {
    background: none;
    padding-left: 0;
}

ul.post-meta li:last-child:after {
    content: none;
}

ul.post-meta li .icons {
    font-size: 14px;
    position: relative;
    top: 1px;
}

ul.post-meta .read-more:after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 5px;
    background: url(../img/sprites/read-more-arrow.png) no-repeat;
    position: relative;
    top: 2px;
}

.post-content {
    background: #fff;
}

.post-content.social-media-wrapper {
    position: relative;
}

.post-content .social-media {
    position: absolute;
    top: 0;
    right: 10px;
}

.post-content .social-media i {
    font-size: 15px;
}

.post-content h4 {
    margin: 11px 0;
    line-height: 24px;
    font-size: 18px;
}

.post-content h4 .icons {
    color: #777;
}

.avatar {
    padding: 5px;
    margin: 10px 0 0;
}

span.author {
    text-transform: uppercase;
    font-size: 11px;
}

.post-thumbnail {
    position: relative;
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
}

.post-hover {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 100;
    margin-top: -25px;
}

.post-hover a {
    width: 58px;
    height: 58px;
    margin: 0 5px;
    display: inline-block;
    background-color: #2a3b45;
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url(../img/sprites/hover-icons.png);
    border: 4px solid #eee;
    border: 4px solid rgba(238, 238, 238, 0.12);
    color: #fff;
    text-align: center;
    font-size: 24px;
    padding-top: 15px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .6s, background .3s, -webkit-transform .3s;
    transition: opacity .6s, background .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .6s, background .3s;
    transition: transform .3s, opacity .6s, background .3s, -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s, opacity .6s, background .3s;
    -moz-transition: -ms-transform .3s, opacity .6s, background .3s;
}

.post-hover a.link-icon {
    background-position: -50px 0;
}

.post-hover a.search-icon {
    background-position: 0 0;
}

.post-hover a.video-icon {
    background-position: -100px 0;
}

.post-hover a:hover {
    background-color: rgba(0, 0, 0, .8);
}

.post-image-gallery .slides li {
    position: relative;
}

.post-image-gallery img {
    height: auto;
}

.post-thumbnail:hover .post-hover a,
.post.format-gallery .post-image-gallery .slides li:hover .post-hover a {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.post.format-gallery .post-thumbnail:hover .post-hover a {
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.post-image-gallery a.flex-prev,
.post-image-gallery a.flex-next {
    top: 10px;
    left: 10px;
    margin: 0;
    background: #23323a url(../img/sprites/post-gallery-arrows.png) 0 0 no-repeat;
    background: rgba(35, 50, 58, .45) url(../img/sprites/post-gallery-arrows.png) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
}

.post-image-gallery a.flex-next {
    left: 41px;
    background-position: -30px 0;
}

.post-image-gallery a.flex-prev:hover,
.post-image-gallery a.flex-next:hover {
    background-color: #008fd5;
}

.blog-post.masonry {
    background-color: #f3f3f3;
    padding: 0;
    margin: 0;
    position: relative;
}

.blog-post.masonry .post-content {
    background-color: #f3f3f3;
}

.blog-post.masonry > article {
    padding: 0 20px;
}

.blog-post.masonry header {
    margin-bottom: 25px;
}

.blog-post.masonry header .post-blockquote:not(.style-link) {
    padding-right: 70px;
    padding-left: 70px;
    padding-bottom: 53px;
    margin-bottom: 0;
}

.blog-post.masonry header .post-blockquote p:first-child {
    margin-bottom: 5px;
}

.blog-post.masonry header .post-blockquote .author {
    font-size: 18px;
    text-transform: none;
}

.blog-post.masonry header .post-blockquote .author:before {
    content: '-';
    margin-right: 7px;
}

.timeline-container .post-video iframe {
    width: 100%;
}

.blog-post.masonry .post-content {
    padding: 0 10px 20px;
}

.blog-post.masonry h4 {
    line-height: 32px;
    vertical-align: middle;
    font-weight: 400;
}

.blog-post h4 .icons {
    margin-right: 10px;
}

.blog-post.masonry .post-footer {
    padding: 17px 20px 20px !important;
}

.post-footer {
    background: #f7f7f7;
    overflow: hidden;
    padding: 10px 20px!important;
}

.post-footer .avatar {
    width: 60px;
    float: left;
    margin: 0;
    margin-right: 10px;
}

.post-footer .post-date {
    display: block;
    text-align: left;
}

.post-footer span.post-day {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin: 5px 0 0;
}

.blog-post blockquote {
    margin: 0;
    width: 100%;
}

.blog-post .post-content blockquote {
    margin: 20px 0;
}

.post-author {
    display: block;
    position: relative;
    padding: 30px;
    background: #19242a url(../img/post-author.png) right top no-repeat;
    color: #73848e;
    padding-left: 120px;
}

.post-author img {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 70px;
}

.post-author h3 {
    color: #d2f0ff;
    margin-top: 0;
}

.post-comments ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.post-comments li ul {
    padding-left: 30px;
}

.post-comments>ul>li .comment {
    padding: 30px 20px;
    background: #fcfcfc;
    border: 1px solid #eee;
    position: relative;
    overflow: hidden;
    margin: 20px 0;
}

.post-comments .comment-author {
    float: left;
    margin-right: 20px;
    width: 50px;
    text-align: center;
}

.post-comments .comment-author img {
    margin-top: 0;
    padding: 0;
}

.post-comments .comment-author span.author {
    display: block;
    line-height: 16px;
    font-size: 10px;
    color: #23323a;
    margin-top: 5px;
}

.post-comments .date {
    text-transform: uppercase;
    font-size: 11px;
    display: block;
    margin-bottom: 10px;
}


/* Timeline */

.timeline-container {
    position: relative;
}

.timeline-row {
    position: relative;
}

.timeline-row:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 45px;
    bottom: 20px;
    width: 2px;
    display: inline-block !important;
    background-color: #f3f3f3;
    margin-left: -1px;
}

.timeline-row:after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    bottom: 0;
    width: 20px;
    height: 20px;
    /*background:#f3f3f3;*/
    background-image: url(../img/timeline-dot.png);
    margin-left: -10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
}

.left-timeline-item {
    padding-right: 40px;
    position: relative;
}

.right-timeline-item {
    padding-left: 40px;
    position: relative;
}

.masonry-box {
    margin-bottom: 30px;
}

.masonry-box.right-timeline-item {
    margin-bottom: 0;
    margin-top: 30px;
}

.masonry-box .blog-post {
    background: white;
    padding-bottom: 60px;
    margin-bottom: 0;
}

.timeline-container .masonry-box .blog-post {
    background: #f3f3f3;
}

.masonry-box .blog-post .post-content {
    padding: 0 40px;
}

.masonry-box .grid-sizer {
    width: 33.33333333333333%;
}

.timeline-container .right-timeline-item .blog-post {
    margin-bottom: 0;
}

.left-timeline-item:after {
    content: '';
    display: block;
    position: absolute;
    right: 26px;
    top: 43px;
    width: 15px;
    height: 15px;
    background: url(../img/timeline-arrow-right.png) no-repeat;
}

.left-timeline-item:before {
    width: 20px;
    height: 20px;
    content: '';
    display: block;
    position: absolute;
    top: 40px;
    right: -10px;
    z-index: 10;
    background-image: url(../img/timeline-dot.png);
}

.right-timeline-item:after {
    content: '';
    display: block;
    position: absolute;
    left: 26px;
    top: 43px;
    width: 15px;
    height: 15px;
    background: url(../img/timeline-arrow-left.png) no-repeat;
}

.right-timeline-item:before {
    width: 20px;
    height: 20px;
    content: '';
    display: block;
    position: absolute;
    top: 40px;
    left: -10px;
    z-index: 10;
    background-image: url(../img/timeline-dot.png);
}

.timeline-date-tooltip {
    text-align: center;
    margin-bottom: 30px;
}

.timeline-date-tooltip-top {
    margin-top: 60px;
}

.timeline-date-tooltip span {
    display: inline-block;
    background: #f97352;
    color: #fff;
    font-size: 12px;
    padding: 7px 39px;
    position: relative;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.timeline-date-tooltip span:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 9px solid #f97352;
    content: '';
    display: block;
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -4.5px;
}

.timeline-container .blog-post.masonry .post-footer {
    background: #f3f3f3;
    border: none;
}

.blog-post.masonry .post-footer ul.post-meta,
.timeline-container .blog-post.masonry .post-date {
    font-size: 10px;
    color: #2b3031;
}

.timeline-container .blog-post.masonry .post-footer .avatar {
    width: 50px;
}

.timeline-container .blog-post.masonry .post-date {
    margin: 0;
    float: left;
}

.timeline-container .blog-post.masonry .post-date:after {
    content: ',';
    margin-right: 2px;
}

.timeline-container .blog-post.masonry .post-date .post-day {
    margin: 0;
}

.blog-post.masonry .post-content h4 {
    margin-top: 0;
    margin-bottom: 14px;
}

.blog-post.masonry .read-more {
    margin-top: 20px;
    display: block;
}

.blog-post.masonry .post-footer ul.post-meta {
    border-bottom: none;
    display: inline-block;
    padding: 0;
}

.blog-post.masonry .post-footer ul.post-meta,
.timeline-container .blog-post.masonry .post-date {
    margin-top: 10px;
}

.blog-post.masonry .post-content h4 {
    font-family: 'nevis', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-post.masonry .post-content h4 a {
    color: #2b3031;
}

.blog-post.masonry .post-content h4 a:hover {
    color: #f97352;
}

.blog-post-alternate .post-content h4 {
    font-size: 24px;
    font-weight: 400;
}

.blog-post-meta span.post-day {
    font-weight: 300;
}

.timeline-container .post-video {
    margin-bottom: 25px;
    background: #fff;
}

.timeline-container .blog-post header .link-container {
    margin-bottom: 23px;
}

.timeline-container .blog-post.masonry .post-video,
.timeline-container .blog-post.masonry .post-video iframe {
    min-height: 242px;
}

.blog-post.masonry span.post-format {
    display: none;
    text-align: left;
    margin: -5px 3px 0 0;
    position: relative;
    top: 7px;
}

.blog-post.masonry .read-more {
    font-size: 14px;
    font-weight: 400;
}

.blog-post-classic.sticky {
    background: #fffffd;
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .12);
}

.blog-post-list,
.blog-post-alternate {
    display: table;
    width: 100%;
    vertical-align: top;
}

.blog-post-list .blog-post-meta,
.blog-post-alternate .blog-post-meta {
    display: table-cell;
    width: 80px;
    padding-right: 20px;
    vertical-align: top;
    color: #23323a;
}

.blog-post-list .blog-post-content,
.blog-post-alternate .blog-post-content {
    display: table-cell;
    vertical-align: top;
}

.blog-post-list .blog-post-meta span.post-date,
.blog-post-alternate .blog-post-meta span.post-date {
    font-size: 11px;
    font-weight: 400;
}

.blog-post-list .blog-post-meta .avatar,
.blog-post-alternate .blog-post-meta .avatar {
    padding: 0 5px;
    margin-bottom: 6px;
    margin-top: 6px;
}

.blog-post-alternate .blog-post-content .post-content,
.blog-post-alternate .blog-post-content .post-thumbnail {
    padding: 0;
}

.blog-post-alternate .blog-post-content .post-thumbnail .post-blockquote {
    padding: 110px 25px 63px;
    background-position: 50% 62px;
}

.blog-post-alternate .blog-post-content .post-content {
    padding-left: 30px;
}

.blog-post-alternate .blog-post-content .post-content.col-lg-pull-6 {
    padding-right: 30px;
    padding-left: 0;
}

.blog-post.alternate-style {
    margin: 0;
}

.blog-post.alternate-style + .blog-post.alternate-style {
    margin-top: 80px;
}

.blog-post-list .post-meta {
    margin-top: 10px;
}

.blog-post-list.post-single .post-meta {
    margin-bottom: 10px;
}

.blog-post-list.post-single + .post-author {
    margin-top: 20px;
}

.blog-post-list .post-content h4 {
    font-family: 'nevis', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5em;
    margin-top: 19px;
    margin-bottom: 13px;
    letter-spacing: 0 !important;
}

.blog-post-list .post-content h4 a {
    color: #2b3031;
}

.blog-post-list .post-content h4 a:hover {
    color: #f97352;
}

.blog-post-list .read-more,
.blog-post-alternate .read-more {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-top: 17px;
}

.blog-post .blog-post-list header,
.blog-post .blog-post-list header .post-thumbnail,
.blog-post .blog-post-list header .post-blockquote {
    margin-bottom: 0;
}

.blog-post.format-link .blog-post-list header {
    height: 245px;
    overflow: hidden;
}

.post-comments .comment-reply-link {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
}

.blog-post.masonry .read-more:after,
.blog-post-list .read-more:after,
.blog-post-alternate .read-more:after,
.post-comments .comment-reply-link:after {
    content: '\ebb3';
    font: normal normal normal 18px/1 fontello;
    width: 14px;
    height: 14px;
    display: inline-block;
    /*background:url(../img/sprites/read-more-arrow-big.png) no-repeat;*/
    margin: 0 0 0 10px;
    position: relative;
    top: 1px;
}

.blog-post.masonry .blog-format-audio>.audio-player {
    margin: 20px 20px 0!important;
    width: auto!important;
}

.timeline-container .blog-post.masonry .blog-format-audio>.audio-player {
    margin: 0!important;
}

.blog-post-meta span.author {
    display: block;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.5em;
}

.blog-post-alternate .blog-post-content .post-content.full-width-alternate {
    padding: 0;
}

.blog-post.masonry .post-footer {
    border-top: 1px solid #e5e8ea;
}

.blog-post.masonry .post-date {
    font-size: 11px;
    color: #23323a;
    font-weight: 400;
}

.blog-post.masonry .post-footer span.post-day {
    font-size: 11px;
}


/* Accordions */

.accordion-header {
    border: 1px solid #ddd;
    border-left-color: transparent;
    border-right-color: transparent;
    cursor: pointer;
    position: relative;
    padding-left: 40px;
}

.accordion + .accordion .accordion-header {
    border-top-color: transparent;
}

.accordion.mix {
    width: 100%;
}

.accordion.accordion-active + .accordion .accordion-header {
    border-top: 1px solid #ddd;
}

.accordion-active .accordion-header {
    border: 1px solid #ddd;
}

.accordion-header h5 {
    font-size: 18px;
    font-weight: 300;
    padding: 7px 0 7px 20px;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    border-left: 1px solid #ddd;
}

.accordion-active .accordion-header h5 {
    color: #f97854;
}

.accordion-icon {
    background: url(../img/accordion-icons.png) no-repeat;
    width: 38px;
    height: 38px;
    margin-top: 7px;
    position: absolute;
    left: 0;
    top: 0;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
}

.accordion-active .accordion-icon {
    background-position: 0 -38px;
}

.accordion-header:hover,
.accordion-active .accordion-header {
    color: #f97854;
}

.accordion-header>* {
    margin: 0;
}

.accordion-content {
    padding: 0 20px;
    margin: 29px 0;
}

.accordion-content p {
    margin: 0;
}

.accordion-content p + p {
    margin: 10px 0 0;
}


/* Testimonial single */

.testimonial-single {
    text-align: center;
    color: white;
    /*padding: 83px 0 100px;*/
}

.testimonial-single figure {
    position: relative;
    width: 115px;
    margin: 0 auto 65px;
}

.testimonial-single figure img {
    position: relative;
    z-index: 1;
    max-width: 100%;
    width: 100%;
}

.testimonial-single .image-shadow {
    display: inline-block;
    width: 115px;
    height: 115px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    background-color: #f97854;
    margin-top: 10px;
    margin-left: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.testimonial-single .testimonial-text {
    margin-bottom: 50px;
}

.testimonial-single .testimonial-text p {
    font-family: 'Libre Baskerville', serif;
    font-size: 24px;
    line-height: 30px;
    font-style: italic;
}

.testimonial-single .author,
.testimonial-single .author-position {
    line-height: 1.5em;
}

.testimonial-single .author {
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0.2em;
}

.testimonial-single .author-position {
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
}

.testimonial-single.small {
    margin-top: 40px;
    background: #222a2c;
    padding: 0 30px 48px;
}

.testimonial-single.small figure {
    margin-bottom: 20px;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
}

.testimonial-single.small .testimonial-text {
    margin-bottom: 35px;
}

.testimonial-single.small .testimonial-text p {
    font-size: 18px;
}


/* Testimonial Style2 */

.testimonials-style2 .owl-stage-outer {
    -webkit-perspective: 400;
    -ms-perspective: 400;
    perspective: 400;
}

.testimonials-style2 .testimonial {
    text-align: center;
    padding-right: 35px;
    padding-left: 35px;
}

.testimonials-style2 .testimonial p {
    font-family: 'Libre Baskerville', serif;
    font-size: 24px;
    line-height: 44px;
    color: #222a2c;
    margin-bottom: 61px;
    font-style: italic;
}

.testimonials-style2 .testimonial figure {
    margin-bottom: 35px;
    text-align: center;
}

.testimonials-style2 .testimonial img {
    width: auto !important;
    max-width: 100%;
    margin: 0 auto;
}

.testimonials-style2 .testimonial p {
    padding: 0;
}

.testimonials-style2 .testimonial h5,
.testimonials-style2 .testimonial h6 {
    text-transform: uppercase;
    margin: 0;
}

.testimonials-style2 .testimonial h5 {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.2em;
    line-height: 1.2em;
}

.testimonials-style2 .testimonial h6 {
    font-size: 12px;
    font-weight: 300;
}

.testimonials-style2 .nav div {
    background: url(../img/testimo2-nav.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 77px;
    position: absolute;
    top: 50%;
    z-index: 9999;
    cursor: pointer;
    margin-top: -39px;
    text-indent: -9999999px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.testimonials-style2 .nav .owl-prev {
    background-position: left center;
    left: 30px;
}

.testimonials-style2 .nav .owl-next {
    background-position: right center;
    right: 30px;
}

.testimonials-style2 .nav div:before,
.testimonials-style2 .nav div:after {
    content: none;
}

.testimonials-style2 .nav div:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.testimonials-style2 .nav .owl-next:hover {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.testimonials-style2 .nav .owl-prev:hover {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}

.testimonials-style2 .nav > span {
    font-family: 'lato', sans-serif;
    font-size: 18px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.testimonials-style2 .nav span {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.testimonials-style2 .nav .next-slide {
    right: 80px;
}

.testimonials-style2 .nav .prev-slide {
    left: 80px;
}

.testimonials-style2 .nav .total:before {
    content: '/';
    margin-right: 3px;
}

.testimonials-style2 .nav .prev-slide .prev-prev,
.testimonials-style2 .nav .next-slide .next-next {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.testimonials-style2 .nav .prev-slide.slide span:first-child,
.testimonials-style2 .nav .next-slide.slide span:first-child {
    opacity: 0;
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.testimonials-style2 .nav .prev-slide.slide .prev-prev,
.testimonials-style2 .nav .next-slide.slide .next-next {
    opacity: 1;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}


/* Blue Box Section */

.blue-bg {
    background: #098ed1;
    color: #fff;
}

.blue-bg.transparent {
    background: transparent;
}

.bottom-image {
    padding-bottom: 0!important;
}

.darker-blue-bg {
    background: #008fd5;
    color: #fff;
}

.blue-bg span.light-blue,
.darker-blue-bg span.light-blue {
    color: #fff;
}

.blue-bg .icons,
.darker-blue-bg p,
.darker-blue-bg .icons {
    color: #8cd9ff;
}

.blue-bg .icons {
    margin-right: 9px;
}

.services-list {
    list-style: none;
    margin: 0 0;
    padding: 0;
}

.services-list li {
    position: relative;
    padding: 0 0 15px;
    padding-left: 55px;
    margin-bottom: 75px;
}

.services-list.style2 li {
    margin-top: 80px;
}

.services-list li:first-child {
    padding-top: 0;
}

.services-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.services-list li h3 {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #f97854;
    line-height: 1.5em;
    letter-spacing: 0.2em;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 2px;
    position: relative;
}

.services-list li p {
    font-size: 18px;
    line-height: 30px;
}

.services-list .icon-container {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 38px;
}

.services-list .icons:before {
    margin: 0;
}

.services-list.style2 li {
    border-bottom: none;
    text-align: center;
    padding: 0 35px 15px;
}

.services-list.style2 li .icons {
    position: relative;
    top: auto;
    left: auto;
    line-height: 1.5em;
}

.services-list.style2 li h3 {
    font-size: 18px;
    padding-bottom: 24px;
    margin-bottom: 17px;
}

.services-list.style2 li h3:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: rgba(34, 42, 44, 0.2);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.services-list.style2 li .icon-container {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto 68px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.services-list.style2 li .icon-container:before,
.services-list.style2 li .icon-container:after {
    content: '';
    display: inline-block;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 10px;
    -webkit-transform: translateY(-50%) translateX(-50%) rotateZ(45deg);
    transform: translateY(-50%) translateX(-50%) rotateZ(45deg);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.services-list.style2 li .icon-container:after {
    border-color: rgba(34, 42, 44, 0.3);
    opacity: 0;
}

.services-list.style2 li .icon-container:before,
.services-list.style2 li .icon-container:after {
    margin-left: 1px;
}

.services-list.style2 h3,
.services-list.style2 p {
    color: #222a2c;
    margin: 0;
}

.services-list.style2 h3 {
    font-family: 'nevis', sans-serif;
    margin-bottom: 3px;
}

@-webkit-keyframes ringAnimate {
    from {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotateZ(45deg);
        transform: translateX(-50%) translateY(-50%) scale(1) rotateZ(45deg);
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1.3) rotateZ(45deg);
        transform: translateX(-50%) translateY(-50%) scale(1.3) rotateZ(45deg);
    }
}

@keyframes ringAnimate {
    from {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotateZ(45deg);
        transform: translateX(-50%) translateY(-50%) scale(1) rotateZ(45deg);
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1.3) rotateZ(45deg);
        transform: translateX(-50%) translateY(-50%) scale(1.3) rotateZ(45deg);
    }
}

.services-list.style2 li:hover .icon-container {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}

.services-list.style2 li:hover .icon-container:after {
    -webkit-animation: ringAnimate 1s ease alternate;
    animation: ringAnimate 1s ease alternate;
}

.services-list.style2 li:hover h3:after {
    -webkit-transform: translateX(-50%) scaleX(2);
    transform: translateX(-50%) scaleX(2);
}


/* Icon */

.sc-icon {
    position: relative;
    padding: 15px 0;
    padding-left: 95px;
    font-size: 16px;
    font-weight: 300;
}

.sc-icon p {
    font-size: 16px;
    font-weight: 300;
}

.sc-icon h3 {
    font-family: Lato;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 30px;
}

.sc-icon .icons {
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 70px;
}


/* Team Member */

.gray-bg {
    background: #353f4b;
    color: #fff;
}

.team-member {
    text-align: center;
}

.team-member .social-media {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
}

.team-member .social-media li {
    display: inline-block;
    padding: 0 1px;
}


/* Our Clients */

.client-logo {
    text-align: center;
}


/* Get In Touch */

.get-in-touch {
    text-align: center;
    margin-bottom: 40px;
}

.get-in-touch.light {
    text-align: left;
}

.get-in-touch input[type="text"],
.get-in-touch input[type="password"],
.get-in-touch input[type="search"],
.get-in-touch textarea {
    color: #19242a;
}

.get-in-touch.light input[type="text"],
.get-in-touch.light input[type="password"],
.get-in-touch.light input[type="search"],
.get-in-touch.light textarea {
    background: #fcfcfc;
    border: 1px solid #eceded;
}

.get-in-touch input[type="text"],
.get-in-touch input[type="password"],
.get-in-touch textarea {
    background: #fff;
    background: rgba(255, 255, 255, 0.67);
    width: 100%;
    font-size: 14px;
    border: 1px solid #eceded;
    padding: 10px 15px;
    margin-bottom: 10px;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
}

.get-in-touch input[type="text"]:focus,
.get-in-touch input[type="password"]:focus,
.get-in-touch textarea:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.75);
}

.get-in-touch input[type="text"]::-webkit-input-placeholder,
.get-in-touch input[type="password"]::-webkit-input-placeholder,
.get-in-touch textarea::-webkit-input-placeholder {
    color: #19242a;
}

.get-in-touch input[type="text"]:-moz-placeholder,
.get-in-touch input[type="password"]:-moz-placeholder,
.get-in-touch textarea:-moz-placeholder {
    color: #19242a;
}

.get-in-touch input[type="text"]::-moz-placeholder,
.get-in-touch input[type="password"]::-moz-placeholder,
.get-in-touch textarea::-moz-placeholder {
    color: #19242a;
}

.get-in-touch input[type="text"]:-ms-input-placeholder,
.get-in-touch input[type="password"]:-ms-input-placeholder,
.get-in-touch textarea:-ms-input-placeholder {
    color: #19242a;
}

.get-in-touch textarea {
    height: 100px;
}

::-webkit-input-placeholder {
    color: #333;
}

:-moz-placeholder {
    color: #333;
}

::-moz-placeholder {
    color: #333;
}

:-ms-input-placeholder {
    color: #333;
}

.iconic-input {
    position: relative;
}

.iconic-input .icons {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #008fd5;
    font-size: 18px;
}

.get-in-touch input[type="submit"],
.get-in-touch input[type="reset"] {
    background: #64737f;
    background: rgba(255, 255, 255, .15);
    border: 1px solid #707e89;
    color: #fff;
    padding: 12px 25px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    font-size: 11px;
    position: relative;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
}

.get-in-touch input[type="submit"]:hover,
.get-in-touch input[type="reset"]:hover {
    background: #535e67;
    background: rgba(255, 255, 255, .2);
}

.iconic-button {
    display: inline-block;
    position: relative;
}

.iconic-button input[type="submit"],
.iconic-button input[type="reset"] {
    padding-right: 40px;
}

.get-in-touch .iconic-button .icons {
    position: absolute;
    top: 12px;
    right: 18px;
    font-size: 16px;
    color: #fff;
}

.get-in-touch.light input[type="reset"] {
    background: #23323a;
    border: none;
}

.get-in-touch.light input[type="reset"]:hover {
    background: #101c23;
}

.get-in-touch.light input[type="submit"] {
    background: #008fd5;
    border: none;
}

.get-in-touch.light input[type="submit"]:hover {
    background: #107aae;
}

.get-in-touch.light .iconic-button .icons {
    color: #fff;
}


/* Contact */

.google-map-ts {
    display: block;
    height: 400px;
    overflow: hidden;
    position: relative;
    margin-top: -63px;
}

.google-map-ts>p {
    margin: 0;
}

.google-map-ts.ext {
    height: 800px;
}

.google-map {
    display: block;
    height: 400px;
    overflow: hidden;
}

.google-map.ext {
    height: 800px;
    position: relative;
}

.google-map > p {
    display: none;
}

.google-map > div {
    height: 400px;
    position: relative;
    width: 100% !important;
    margin: 0;
}

.google-map.ext > div {
    height: 800px;
}

.google-map .wpgmappity_container {
    height: 400px !important;
}

.google-map.ext .wpgmappity_container {
    height: 1100px!important;
    margin-top: -300px;
}

.google-map .wpgmappity_container {
    width: 100% !important;
}

.get-in-touch-overlay {
    position: absolute;
    height: 430px;
    background: #082338;
    background: rgba(8, 35, 56, 0.67);
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
}

.get-in-touch-overlay .get-in-touch.light {
    text-align: center;
}

.get-in-touch-overlay h2,
.get-in-touch-overlay h3 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 40px;
}


/* Progress Bars */

.progressbar {
    width: 100%;
    height: 15px;
    background: transparent;
    padding: 3px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    border: 1px solid #DDE0E4;
    position: relative;
    margin: 10px 0 15px;
}

.progressbar .progress-width {
    height: 100%;
    width: 0;
    background-image: url(../img/progress-bar.jpg);
    background-position: 0 0;
    background-repeat: repeat-x;
    animation: animatedBackground 6s linear infinite;
    -webkit-animation: animatedBackground 6s linear infinite;
}

.progressbar .progress-percent {
    width: 35px;
    height: 35px;
    display: none;
    background: url(../img/progressbar-percent.png) no-repeat;
    color: #fff;
    font-size: 10px;
    padding-right: 4px;
    padding-top: 2px;
    text-align: center;
    position: absolute;
    top: -36px;
    margin-left: -17px;
}

.style2 .progressbar {
    outline: 1px solid rgba(179, 182, 185, 0.54);
}

.gray-bg .progressbar {
    background: transparent;
    border-color: transparent;
    outline: 1px solid #666;
}

@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}

@-webkit-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}


/* Circular Progress Bar */

.circular-counter {
    position: relative;
    text-align: center;
    margin: 20px 0;
}

p.knob-percent {
    position: absolute;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    top: 50%;
    margin-top: -50px;
    left: 0;
    right: 0;
    text-align: center;
}

p.knob-percent span {
    font-size: 60px;
    line-height: 70px;
    display: block;
    text-align: center;
}


/* Tabs */

.tab-header {
    display: block;
    width: 100%;
}

.tab-header ul {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

.tab-header ul li {
    display: table-cell;
    text-align: center;
    border: 1px solid #ddd;
    padding: 4px 0;
    cursor: pointer;
    background: #f4f4f4;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.tab-header ul li.active-tab {
    border-top-color: #f97854;
    border-bottom: none;
    background: #fff;
}

.tab-header ul li:hover {
    background: #fff;
}

.tab-header ul li a {
    color: #999;
    text-transform: uppercase;
    font-size: 11px;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
}

.tab-header ul li a:hover,
.tab-header ul li a:active,
.tab-header ul li a:focus {
    text-decoration: none;
}

.tab-header ul li.active-tab a {
    color: #f97854;
}

.tab-content {
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px;
}

.tab-content h6 {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.2em;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.tab>:first-child {
    margin-top: 0;
}

.tab-content .list {
    margin-bottom: 0;
    margin-top: 18px;
}


/* Style 2 */

.tabs.style2 {
    display: table;
    width: 100%;
    vertical-align: top;
}

.tabs.style2>div {
    display: table-cell;
}

.tabs.style2 .tab-header {
    width: 37.9%;
    vertical-align: top;
}

.style2 .tab-header ul {
    display: block;
    width: auto;
}

.style2 .tab-header ul li {
    display: block;
    text-align: left;
    border: none;
    line-height: 1.5em;
    border-bottom: 1px solid #303a3c;
    padding: 20px 10px 24px 59px;
    background: #222a2c;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.style2 .tab-header.no-icon ul li {
    padding-left: 20px;
}

.style2 .tab-header ul li:hover {
    background: #2d3b43;
}

.style2 .tab-header ul li.active-tab {
    background: #f97854;
    border-color: transparent;
}

.style2 .tab-header ul li:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: '';
    transition: border .3s;
    -webkit-transition: border .3s;
    -moz-transition: border .3s;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.style2 .tab-header ul li.active-tab:after {
    border-right: 8px solid #f3f3f3;
}

.style2 .tab-header ul li.active-tab .icons {
    color: #fff;
}

.style2 .tab-header ul li a {
    color: #f5f5f5;
    letter-spacing: 0.2em;
}

.style2 .tab-header ul li .icons {
    position: absolute;
    top: 21px;
    left: 10px;
    color: #fff;
    font-size: 30px;
}

.style2 .tab-content {
    border: none;
    background: #f3f3f3;
    padding: 20px 40px;
}


/* Sidebar */

.sidebar {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    z-index: 2;
}

.sidebar h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 10px;
}

.sidebar .widget_area,
.sidebar .widget {
    margin-bottom: 30px;
}

#king-sideheader input[type="text"],
#king-sideheader input[type="password"],
#king-sideheader input[type="search"],
.sidebar input[type="text"],
.sidebar input[type="password"],
.sidebar input[type="search"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    background: #f7f7f7;
}

.sidebar select {
    width: 100%;
    border: 1px solid #ddd;
    white-space: pre-wrap;
}

.sidebar .iconic-submit input[type="submit"]:hover + .icons {
    color: #333;
}

.sidebar .iconic-submit .icons {
    font-size: 16px;
    color: #999;
}

.sidebar .social {
    display: block;
    overflow: hidden;
}

.sidebar .social-item {
    display: block;
    width: 50%;
    float: left;
}

.sidebar .social-item img {
    float: left;
    margin-right: 10px;
}

.sidebar .social-item span {
    line-height: 18px;
    display: inline-block;
    color: #999;
}

.sidebar .social-item span.bold {
    color: #444;
}

.sidebar table {
    width: 100%;
    text-align: center;
}

.sidebar table th {
    text-align: center;
}

#calendar_wrap {
    position: relative;
    background: #fff;
    border: 1px solid #f3f3f3;
}

.widget_calendar > div {
    padding: 10px;
    border: 1px solid #ddd;
}

.widget_calendar table {
    width: 100%;
    text-align: center;
    border: none;
}

.widget_calendar caption {
    color: #45484a;
    font-size: 11px;
    text-transform: uppercase;
}

.widget_calendar tr,
.widget_calendar thead,
.widget_calendar tfoot {
    border: none;
}

.widget_calendar th {
    color: #7f8e97;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    border: none;
}

.widget_calendar td {
    padding: 0;
    color: #45484a;
    border: none;
}

.widget_calendar tfoot .pad {
    display: none;
}

.widget_calendar #prev {
    text-align: left;
    display: block;
    position: absolute;
    top: 15px;
    left: 20px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background: url(../img/sprites/calendar-arrows.png) 0 0 no-repeat;
}

.widget_calendar #next {
    text-align: right;
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background: url(../img/sprites/calendar-arrows.png) -10px 0 no-repeat;
}

.widget_calendar #next>a,
.widget_calendar #prev>a {
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
}

.widget_calendar #prev:hover {
    background-position: 0 -10px;
}

.widget_calendar #next:hover {
    background-position: -10px -10px;
}

.widget_calendar #today {
    background: #008fd5;
    color: #fff;
}

.sidebar .categories,
.widget ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar .categories li,
.sidebar .widget>ul li {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
    background: url(../img/post-meta-square.png) left 10px no-repeat;
    padding-left: 15px;
}

.sidebar .categories li:last-child,
.widget>ul li:last-child {
    border: none;
}

.sidebar .categories a,
.widget ul.menu li a,
.widget_categories li a {
    color: #73848e;
    text-transform: uppercase;
    font-size: 11px;
    display: block;
    transition: color 0.3s, padding 0.3s;
    -webkit-transition: color 0.3s, padding 0.3s;
    -moz-transition: color 0.3s, padding 0.3s;
}

.sidebar .categories a:hover,
.widget>ul li a:hover {
    color: #008fd5;
}

.sidebar .widget>ul li a:hover {
    padding-left: 5px;
}

.sidebar .widget_recent_works ul li a:hover {
    padding-left: 0;
}

.sidebar .contact-info {
    padding: 20px;
    border: 1px solid #ddd;
}

.sidebar .contact-info p {
    font-size: 13px;
}

.sidebar .contact-info p span.light-blue {
    font-size: 14px;
}

.sidebar .social-media {
    margin: 10px 0;
    padding: 0;
    list-style: none;
}

.sidebar .social-media li {
    display: inline-block;
}

.widget_recent_works ul {
    padding: 15px;
    border: 1px solid #e7eaec;
    zoom: 1;
}

.widget_recent_works ul:after,
.widget_recent_works ul:before {
    content: '';
    display: table;
}

.widget_recent_works ul:after {
    clear: both;
}

.sidebar .widget_recent_works>ul li {
    border: none;
    background: none;
    padding: 0;
    float: left;
    width: 33.333%;
    padding: 5px;
}

.sidebar .widget_recent_works>ul li img {
    width: 100%;
    height: auto;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -webkit-transform: translateZ(0px);
}

.sidebar .widget_recent_works>ul li:hover img {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.widget_recent_works>ul li .cloud {
    display: none;
}

.widget_recent_works>ul li a:hover {
    padding-left: 0;
}

#upper-footer {
    position: relative;
    z-index: 10;
}

#footer {
    font-size: 14px;
    line-height: 1.5em;
}

body.sticky-footer-on #footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translateZ(0px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

body.sticky-footer-on.boxed-layout2 #footer {
    left: 30px;
    right: 30px;
    bottom: 30px;
}

#footer h4 {
    color: #b39a71;
}

#main-footer {
    padding-top: 45px;
}

#main-footer span.post-date {
    text-transform: uppercase;
    text-align: left;
    font-size: 10px;
}

#main-footer .widget {
    margin-bottom: 43px;
}

#main-footer .widget li a {
    color: #bdd2dc;
    font-size: 13px;
    text-transform: none;
}

#main-footer .widget_recent_entries li {
    padding-bottom: 5px;
}

#main-footer .widget_recent_entries li + li {
    padding-top: 5px;
    border-top: 1px solid #23323a;
}

#main-footer .widget li a:hover {
    color: #d9ecf5;
}

#main-footer .iconic-list li {
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 23px;
}

#main-footer .widget-latest-posts .post-title {
    color: white !important;
    margin-bottom: 0 !important;
}

#main-footer .widget-latest-posts .post-title:hover {
    color: #f97854 !important;
}

#main-footer .widget.widget_tag_cloud a {
    color: #818b8d;
    border-color: #818b8d;
    background: transparent;
}

#main-footer .widget.widget_tag_cloud a:hover {
    background: #818b8d;
    color: #2b3031;
}

#main-footer .widget-latest-posts li img {
    margin-bottom: 0;
}

#main-footer .king-blog-sidebar:before {
    content: none;
}


/* Team Member Page */

.dark-blue-bg {
    background: #0b4771;
    color: #fff;
}

.page-heading {
    padding-top: 210px;
    padding-bottom: 200px;
    text-align: center;
}

.page-heading h1 {
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
	padding:7px 0
}

.page-heading.style3 h1 {
    letter-spacing: 0;
    color: #2d363c;
}

.blog-post-single .post-content .post-meta {
    margin-bottom: 20px;
}

.blog-post-single .post-author h3 {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 26px;
}

.breadcrumbs {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 400;
    display: block;
    margin-top: 25px;
    color: #fff;
    margin: 0;
}

.breadcrumbs .delimiter {
    margin: 0 0 0 3px;
}

.breadcrumbs a {
    color: #fff;
}

.breadcrumbs a:hover {
    color: #f97854;
}

.page-heading img {
    margin-bottom: 30px;
}

.page-heading.style2 {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.page-heading.style3 {
    /*background: #ebe3e7;
	    border-bottom: 1px solid #f3f3f3;*/
    padding:0 ;
    text-align: left;
	background: #c7c7c7;
}

.page-heading.style3 h1 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
	border-bottom: none;

}


.page-heading h1 {

}

.page h1, .page h2 {
   border-bottom: 1px solid #b39a71;
   padding-bottom:3px

}



.page-heading.style3 .breadcrumbs {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

.page-heading.style3 .breadcrumbs a {
    color: #222a2c;
}

.page-heading.style3 .breadcrumbs .current {
    color: #f97854;
}

.page-heading .icons {
    font-size: 72px;
    color: #e5eff4;
}

.page-heading.style2 h1 {
    margin: 20px 0;
    font-size: 48px;
    color: #ffffff;
}

.page-heading.style2.portfolio-heading h1 {
    font-size: 26px;
    letter-spacing: 0;
}

.page-heading.style2 .breadcrumbs {
    display: block;
    text-align: center;
}

.page-heading.style3 .breadcrumbs {
    color: #73848e;
    font-size: 11px;
}

.page-heading.position-left-top {
    background-position: left top;
}

.page-heading.position-left-center {
    background-position: left center;
}

.page-heading.position-left-bottom {
    background-position: left bottom;
}

.page-heading.position-right-top {
    background-position: right top;
}

.page-heading.position-right-center {
    background-position: right center;
}

.page-heading.position-right-bottom {
    background-position: right bottom;
}

.page-heading.position-center-top {
    background-position: center top;
}

.page-heading.position-center-center {
    background-position: center center;
}

.page-heading.position-center-bottom {
    background-position: center bottom;
}

.page-heading.size-cover {
    background-size: cover;
}

.page-heading.size-original {
    background-size: auto;
}

h2.big {
    font-size: 36px;
}

h2:first-child {
    margin-top: 0;
}

.overlay-heading {
    position: relative;
    height: 100px;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    top: -100px;
    margin-bottom: -100px;
    background: rgba(35, 50, 58, .6);
}

.overlay-heading h1 {
    font-size: 34px!important;
}

a.portfolio-button {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../img/portfolio-button.png) no-repeat;
    float: left;
}

.portfolio-arrows {
    text-align: right;
}

a.portfolio-prev,
a.portfolio-next {
    width: 30px;
    height: 60px;
    display: inline-block;
    background: url(../img/main-slider-arrows.png) no-repeat;
}

a.portfolio-prev {
    background-position: -15px 0;
}

a.portfolio-next {
    background-position: -75px 0;
    /*margin-left:-10px;*/
}


/* Portfolio Page */

.projects {
    overflow: hidden;
}

#projects-container,
#sortable-shop-products,
.projects-container {
    overflow: hidden;
}

#projects-container {
    padding-top: 80px;
}

#projects-container .mix,
#sortable-shop-products .mix,
.projects-container .mix {
    display: none;
}

#projects-container #post-items {
    overflow: hidden;
}

.portfolio-1column .project-item.mix {
    width: 100%;
}

#projects-container.full-width-portfolio .mix {
    padding-left: 0;
    padding-right: 0;
}

#projects-container .sidebar {
    padding-top: 0;
    padding-bottom: 0;
}

.full-width-portfolio>div>div {
    padding: 0;
}

.project-item {
    padding: 0;
}

.portfolio-2column .project-item:nth-child(even) .project,
.portfolio-3column .project-item:nth-child(3n + 1) .project,
.portfolio-4column .project-item:nth-child(4n) .project {
    border-right-color: transparent;
}

.portfolio-1column .sorting-tags,
.portfolio-2column .sorting-tags,
.portfolio-3column .sorting-tags,
.portfolio-4column .sorting-tags {
    margin-bottom: 70px;
}

.portfolio-3column .project.style-king .project-hover .project-button {
    margin-top: 20px;
}

.load-more {
    margin-top: 60px;
}


/* Footer */

.latest-tweets {
    display: table;
    width: 100%;
}

.tweet-icon {
    display: table-cell;
    height: 120px;
    width: 120px;
    vertical-align: middle;
    text-align: center;
    background: #1f9cda;
    position: relative;
}

.tweet-icon:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 17px 0 0;
    border-color: #1f9cda transparent transparent;
    top: 20px;
    right: -17px;
}

.tweet-carousel {
    display: table-cell;
    padding: 0 0 0 40px;
    vertical-align: middle;
}

.tweets-flexslider {
    padding-right: 80px;
}

.tweets-flexslider .slides li {
    height: 70px;
}

.tweets-flexslider .tweet-wrapper {
    display: table;
    height: 100%;
}

.tweets-flexslider .tweet-wrapper-inner {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.tweet-slider-arrows {
    position: absolute;
    bottom: 50%;
    margin-bottom: -11px;
    right: 0;
    color: #fff;
    font-size: 20px;
}

.tweet-slider-arrows .icons {
    color: #fff!important;
    cursor: pointer;
}

.tweet-slider-arrows .icons + .icons {
    position: relative;
    left: -6px;
}

p.tweet-content {
    font-size: 16px;
    margin: 0;
    color: #fff;
}

p.tweet-content a {
    color: #bbdbef;
}

span.tweet-date {
    font-size: 12px;
    color: #bbdbef;
    font-style: italic;
}


/* Lists */

.list {
    list-style: none;
    margin: 20px 0;
    padding: 0;
}

.list li {
    position: relative;
    margin: 5px 0;
}

.list.border-list li {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.list.border-list li:last-child {
    border-bottom: none;
}

.list li:before {
    content: '';
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
    display: inline-block;
    margin: 0 5px 0 0;
    background: url(../img/sprites/list-icons.png) no-repeat;
}

.list.blue-icon li:before,
li.blue-icon:before {
    color: #008fd5;
}

.list li.list-check:before,
li.icon-ok-squared:before {
    background-position: 0 0;
}

.list li.list-arrow:before,
li.icons-arrows-cw:before {
    background-position: -20px 0;
}

.list li.list-square:before,
li.list-square:before {
    background-position: -40px 0;
}

.list li.list-star:before,
li.icon-star:before {
    background-position: -60px 0;
}

.list li.list-plus:before,
li.icon-plus:before {
    background-position: -80px 0;
}

.list li.list-dash:before,
li.icon-minus:before {
    background-position: -100px 0;
}


/* Drop Quotes */

span.dropquote {
    font-size: 32px;
    float: left;
    line-height: 0.9;
    margin-right: 10px;
}

span.dropquote.style2 {
    font-size: 35px;
    color: #23292c;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 40px;
    background: #eae5d6;
    position: relative;
    top: 7px;
}


/* Alert Boxes */

.alert-box {
    display: block;
    margin: 10px 0;
    padding: 10px 40px;
    background: #ddd;
    position: relative;
}

.alert-box p {
    margin: 0;
    font-size: 14px;
}

.alert-box .icons {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.alert-box .close-button {
    position: absolute;
    top: 50%;
    right: 10px;
    cursor: pointer;
    font-size: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.alert-box.error {
    background: #facfcf;
}

.alert-box.error .icons,
.alert-box.error .close-button {
    color: #d35858;
}

.alert-box.success {
    background: #e9f5d5;
}

.alert-box.success .icons,
.alert-box.success .close-button {
    color: #809533;
}

.alert-box.info {
    background: #cce6f7;
}

.alert-box.info .icons,
.alert-box.info .close-button {
    color: #5694b1;
}

.alert-box.notice {
    background: #fcf7d9;
}

.alert-box.notice .icons,
.alert-box.notice .close-button {
    color: #dbb835;
}


/* Info Boxes */

.info-box {
    background: #fcfcfc;
    border: 1px solid #eee;
    text-align: center;
    padding: 30px;
}

.info-box h4.bold {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.info-box a.button {
    font-family: 'Lato', sans-serif;
    background: transparent;
    color: #2b3031;
    font-size: 14px;
    border: 1px solid #2b3031;
    font-weight: 300;
    text-transform: uppercase;
    height: 45px;
    line-height: 42px;
    padding: 0 55px;
    border-radius: 50em;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.info-box a.button:hover {
    border-color: #f97352;
    background: #f97352;
    color: white;
}

.info-box a.button.unfilled {
    font-size: 14px;
}

.info-box h4,
.info-box p {
    font-family: 'nevis', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 0;
    color: #23323a;
}

.info-box h4 {
    font-size: 18px;
}

.info-box p {
    font-size: 14px;
    margin-bottom: 15px;
}


/* Blockquotes */

blockquote {
    background: #23323a url(../img/blockquote.png) right top no-repeat;
    color: #d2f0ff;
    padding: 20px;
    border: none;
}

blockquote.link {
    background-image: url(../img/blockquote-link.png);
}

blockquote p {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
}

blockquote span,
blockquote span a {
    font-size: 12px;
    color: #fff;
}

blockquote span a:hover {
    color: #d2f0ff;
}


/* Pricing Tables */

.pricing-table {
    width: 100%;
    vertical-align: top;
    table-layout: fixed;
    border: none;
    margin-bottom: 60px !important;
}

.pricing-table td {
    padding: 0;
}

.pricing-table h3 {
    color: #fff;
    font-size: 20px;
}

.pricing-table-item {
    text-align: center;
    border: 1px solid #eee;
}

.table-header {
    background: #2f424d;
    color: #fff;
    padding: 10px;
    position: relative;
}

.table-header:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #2f424d;
    margin-left: -10px;
}

.featured .table-header {
    background: #089bd5;
    padding: 15px 10px;
    margin-top: -10px;
}

.featured .table-header:after {
    border-top-color: #089bd5;
}

.table-header h3 {
    margin: 0;
}

.small .table-header {
    padding: 6px;
}

.small .featured .table-header {
    padding: 11px;
}

.small .table-header h3 {
    font-size: 18px;
}

.table-price {
    vertical-align: top;
    padding: 30px 20px;
    display: block;
    background: #fcfcfc;
}

.table-price span {
    display: inline-block;
}

.table-price .currency {
    font-size: 18px;
    vertical-align: top;
}

.table-price .price-main {
    font-size: 60px;
    font-weight: 600;
    color: #089bd5;
    line-height: 40px;
}

.table-price .price-secondary {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    color: #089bd5;
    vertical-align: top;
    line-height: 18px;
}

.table-price .price-secondary .period {
    font-weight: 400;
    color: #444;
    line-height: 12px;
    font-size: 12px;
}

.table-content {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.table-content span.value {
    display: block;
    padding: 8px;
}

.table-content span.checked span {
    background-image: url(../img/sprites/pricing-table.png);
    background-position: 13px 0;
    display: inline-block;
    width: 13px;
    height: 13px;
}

.table-content span.not-checked span {
    background-image: url(../img/sprites/pricing-table.png);
    display: inline-block;
    width: 13px;
    height: 13px;
}

.table-content span.value:nth-child(even) {
    background: #fcfcfc;
}

.table-footer {
    background: #fcfcfc;
    padding: 20px;
    position: relative;
}

.featured .table-footer {
    padding: 25px 20px;
    margin-bottom: -10px;
    border-bottom: 1px solid #eee;
}

.pricing-table-legend {
    padding-top: 68px;
}

.pricing-table-legend .table-content {
    border: none;
    text-align: left;
}

.pricing-table-legend .table-content span {
    padding: 8px 20px;
}


/* Thumb Gallery */

.thumb-gallery {
    list-style: none;
    margin: 0;
    padding: 15px 6px 6px 15px;
    border: 1px solid #eee;
    overflow: hidden;
}

.thumb-gallery li {
    float: left;
    position: relative;
    cursor: pointer;
    width: 70px;
    margin-right: 9px;
    margin-bottom: 9px;
}

.thumb-gallery .carousel-item-hover {
    position: absolute;
    z-index: 10;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    background: #23323a url(../img/sprites/hover-icons.png) no-repeat;
    background: rgba(35, 50, 58, 0.38) url(../img/sprites/hover-icons.png) no-repeat;
    border: 4px solid #eee;
    border: 4px solid rgba(238, 238, 238, 0.12);
    color: #fff;
    text-align: center;
    font-size: 24px;
    padding-top: 17px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .6s, -webkit-transform .3s;
    transition: opacity .6s, -webkit-transform .3s;
    transition: transform .3s, opacity .6s;
    transition: transform .3s, opacity .6s, -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s, opacity .6s;
    -moz-transition: -ms-transform .3s, opacity .6s;
}

.thumb-gallery li:hover .carousel-item-hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}


/* Audio Player */

.audio-player {
    width: 100%;
    display: block;
    height: 30px;
    background: #23323a;
    position: relative;
    padding: 11px 10px 11px 40px;
}

.audio-player.volume-on {
    padding-right: 120px;
}

.audio-play-button {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: #008fd5 url(../img/audio-buttons.png) no-repeat;
    cursor: pointer;
    transition: background .2s;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
}

.audio-play-button.pause {
    background-position: -48px 0;
}

.audio-progress,
.audio-volume {
    height: 8px;
    background: #1b282e;
    position: absolute;
    left: 40px;
    top: 11px;
    cursor: pointer;
    right: 10px;
}

.audio-volume {
    left: auto;
    width: 70px;
    right: 10px;
}

.volume-on .audio-progress {
    right: 100px;
}

.audio-progress-bar,
.audio-volume-bar {
    background: #96a5ac;
    width: 0;
    height: 8px;
}


/* ===============================
			SHOP PAGE
=============================== */

a.load-more-button:hover .icons:before {
    -webkit-animation: spinit 2.5s linear infinite;
    animation: spinit 2.5s linear infinite;
}

@-webkit-keyframes spinit {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spinit {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

a.button.unfilled,
input[type="submit"].unfilled,
button.unfilled {
    background: transparent!important;
    border: 2px solid #000!important;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 25px;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
}

a.button.unfilled:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 100%;
    z-index: -1;
    transition: right 0.3s;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
}

a.button.unfilled.big,
input[type="submit"].unfilled.big {
    padding: 14px 35px!important;
}

a.button.unfilled.small,
input[type="submit"].unfilled.small,
button.unfilled.small {
    padding: 6px 15px!important;
    font-size: 12px;
}

a.button.unfilled.white,
input[type="submit"].unfilled.white {
    color: #fff!important;
    background: transparent!important;
    border: 2px solid #fff!important;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 25px;
    text-transform: uppercase;
    position: relative!important;
    z-index: 10;
    transition: color 0.3s, background 0.3s;
    -webkit-transition: color 0.3s, background 0.3s;
    -moz-transition: color 0.3s, background 0.3s;
}

a.button.unfilled.black,
input[type="submit"].unfilled.black {
    background: transparent!important;
    border: 2px solid #000!important;
    color: #000!important;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 25px;
    text-transform: uppercase;
    position: relative!important;
    z-index: 10;
    transition: color 0.3s, background 0.3s;
    -webkit-transition: color 0.3s, background 0.3s;
    -moz-transition: color 0.3s, background 0.3s;
}

input[type="submit"].unfilled.rounded {
    border-radius: 10px;
}

a.button.unfilled:hover,
input[type="submit"].unfilled:hover {
    color: #fff!important;
}

a.button.unfilled.white:hover,
input[type="submit"].unfilled.white:hover {
    color: #000!important;
}

input[type="submit"].unfilled:hover {
    background: #000!important;
}

input[type="submit"].unfilled.white:hover {
    color: #fff!important;
}

a.button.unfilled.white:after {
    background: #fff;
}

a.button.unfilled.black:after {
    background: #000;
}

a.button.unfilled.white:hover:after {
    right: 0;
}

a.button.unfilled.black:hover:after {
    right: 0;
}

a.button.unfilled strong {
    font-weight: 800;
}

a.button.unfilled.view-more,
a.button.view-more,
button.view-more {
    height: 60px;
    padding: 17px 30px 15px 70px;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
}

a.button.view-more,
button.view-more {
    padding-top: 27px;
    padding-left: 95px;
    padding-right: 50px;
    height: 75px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

button.view-more {
    padding-top: 15px;
}

a.button.unfilled.view-more:before,
a.button.view-more:before,
button.view-more:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 20px;
    top: 2px;
    background: url(../img/sprites/hover-icons.png) -150px 0 no-repeat;
}

a.button.view-more:before,
button.view-more:before {
    top: 12px;
    left: 40px;
}

a.button.unfilled.view-more:hover:before {
    background-position: -200px 0;
}

a.button.unfilled.black.view-more:before {
    background-position: -200px 0;
}

a.button.unfilled.black.view-more:hover:before {
    background-position: -150px 0;
}

.shop-banner {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.shop-banner.full_height {
    height: 540px;
}

.shop-banner.half_height {
    height: 270px;
}

.shop-banner:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.shop-banner img {
    width: 100%;
    max-width: 100%;
    display: none;
    -webkit-transform: translateZ(0px);
}

.shop-banner .banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 2;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.shop-banner .banner-content-wrapper .overlay {
    display: inline-block;
    padding: 40px 20px;
    color: #fff;
    width: 80%;
    position: relative;
    max-width: 400px;
    max-height: 100%;
    transition: background .4s;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
}

.shop-banner .banner-content-wrapper .overlay h1,
.shop-banner .banner-content-wrapper .overlay h2,
.shop-banner .banner-content-wrapper .overlay h3,
.shop-banner .banner-content-wrapper .overlay h4,
.shop-banner .banner-content-wrapper .overlay h5,
.shop-banner .banner-content-wrapper .overlay h6,
.shop-banner .banner-content-wrapper .overlay p {
    color: #fff;
}

.shop-banner .banner-content-wrapper .overlay h3 {
    margin-bottom: 5px;
}

.shop-banner .banner-content-wrapper .overlay h2 {
    margin-bottom: 32px;
}

.shop-banner .banner-content-wrapper .overlay:not(.style2):not(.style3) {
    margin-bottom: 15px;
}

.shop-banner .banner-content-wrapper .overlay.style2:before,
.shop-banner .banner-content-wrapper .overlay.style2:after {
    content: '';
    display: inline-block;
    width: 90px;
    height: 40px;
    position: absolute;
    left: 50%;
    background-position: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.shop-banner .banner-content-wrapper .overlay.style2:before {
    top: 17px;
    background: url(../img/banner-top.png) no-repeat;
}

.shop-banner .banner-content-wrapper .overlay.style2:after {
    bottom: -8px;
    background: url(../img/banner-bottom.png) no-repeat;
}

.shop-banner .banner-content-wrapper .overlay.style3 {
    float: left;
    text-align: center;
}

.shop-banner .banner-content-wrapper .overlay.style3 h2 {
    margin-bottom: 0;
}

.shop-banner .banner-content-wrapper .overlay.style3 h5 {
    font-family: 'nevis', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
    margin-top: 7px;
    text-indent: 150px;
}

.woocommerce .page-description section {
    background: #f3f3f3;
}

.page-description .vc_column_container {
    padding: 0;
}

.page-description .vc_row-no-padding .row,
.page-description .vc_row-no-padding .vc_row {
    margin-right: 0;
    margin-left: 0;
}

.shop-banner {
    margin-bottom: 0;
    overflow: hidden;
}

.shop-banner p,
.shop-banner h4 {
    font-family: 'nevis', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin: 0;
}

.shop-banner h2,
.shop-banner h3 {
    font-family: 'amperzand', serif;
}

.shop-banner h3 {
    font-size: 48px;
}

.shop-banner h2 {
    font-size: 72px;
}

.shop-banner a.button,
.shop-banner a.button.unfilled,
.shop-banner a.button.unfilled.white {
    font-family: 'Lato', sans-serif;
    background: transparent;
    color: #2b3031;
    font-size: 14px;
    border: 1px solid #fff !important;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 52px;
    padding: 0 55px;
    letter-spacing: 0;
    border-radius: 50em;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    margin: 20px 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.shop-banner .button:after {
    content: none;
}

.shop-banner .button:hover,
.shop-banner .button.shaped:hover,
.shop-banner .button.shaped.white:hover {
    color: #222a2c !important;
    background: white !important;
    border-color: white !important;
}


/* Shop Logos */

.shop-logos {
    display: table;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.shop-logos li {
    display: table-cell;
}


/* Shop Products */

.shop-main-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.shop-filters {
    text-align: center;
    margin-bottom: 50px;
}

.shop-filters span {
    font-family: 'nevis', sans-serif;
    display: inline-block;
    color: #0b2b33;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 0.2em;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.shop-filters span.active,
.shop-filters span:hover {
    color: #f97854;
}

.shop-filters span + span {
    margin-left: 60px;
}

.shop-product {
    margin-bottom: 42px;
}

.shop-product .featured-image {
    position: relative;
    overflow: hidden;
}

.shop-product .featured-image img {
    width: 100%;
    height: auto;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.shop-product:hover .featured-image img {
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);
}

.ribbon {
    display: inline-block;
    padding: 0 15px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    text-align: center;
    border-radius: 50em;
}

.ribbon.onsale {
    color: #fff;
    background: #f97854;
}

.ribbon.new {
    color: #fff;
    background: #fa6d61;
}

.ribbon.stock {
    color: #fff;
    background: #b5b5b6;
}

.ribbon.top {
    color: #fff;
    background: #fe9b65;
    border-left: 3px solid #dc8657;
}

.shop-product .product-buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden;
}

.shop-product:hover .product-buttons {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
}

.shop-product .product-buttons a.button {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    background-color: white;
    text-transform: uppercase;
    border-right: none;
    position: relative;
}

.shop-product .product-buttons a.button:hover,
.shop-product .product-buttons a.button:active,
.shop-product .product-buttons a.button:focus {
    text-decoration: none;
}

.shop-product .product-buttons a.product_type_grouped,
.shop-product .product-buttons a.add_to_cart_button {
    color: #f97854;
    padding-left: 24px;
    padding-right: 6px;
    border-top-left-radius: 50em;
    border-bottom-left-radius: 50em;
}

.shop-product .product-buttons a.details-button {
    color: #222a2c;
    padding-right: 24px;
    padding-left: 6px;
    margin-left: -5px;
    border-top-right-radius: 50em;
    border-bottom-right-radius: 50em;
}

.shop-product .product-buttons a.details-button:before {
    content: '|';
    position: absolute;
    top: 50%;
    left: -2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.shop-product .product-buttons a.add_to_cart_button:hover + a.details-button:before,
.shop-product .product-buttons a.details-button:hover:before {
    opacity: 0;
}

.shop-product .product-buttons a.button:hover {
    background: #222a2c;
    color: white;
}

.shop-product .product-buttons a.added_to_cart {
    display: none;
}

.shop-product .product-info {
    margin-top: 10px;
    height: 45px;
}

.shop-product .product-info > span {
    font-weight: 400;
    font-size: 14px;
    display: block;
    color: #222a2c;
    line-height: 1.5em;
}

.shop-product .product-info .price {
    float: right;
}

.shop-product .product-info .price.blue {
    color: #f97854;
    text-decoration: none;
    text-transform: uppercase;
}

.shop-product .product-info .price del {
    text-decoration: none;
    display: block;
    text-align: right;
}


/* Recently Viewed Products */

.recent-products-header {
    overflow: hidden;
}

.recent-products-header h5 {
    font-family: 'nevis', sans-serif;
    font-size: 18px;
    letter-spacing: 0.2em;
    float: left;
    margin-top: 0;
}

.recent-products-header h5 i {
    display: none;
}

.recent-products-header .clear-recent-products {
    font-family: 'lato', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    float: right;
    color: #0b2b33;
}

.recent-products-header .clear-recent-products i {
    font-size: 1.2em;
    line-height: 2em;
}

.recently-viewed-product {
    margin-top: 30px;
}

.recently-viewed-product .featured-image {
    position: relative;
    overflow: hidden;
    border: 1px solid #dcdddd;
}

.recently-viewed-product .featured-image img {
    width: 100%;
}

.recently-viewed-product .remove-product-button {
    position: absolute;
    top: 1px;
    left: -15px;
    color: #0b2b33;
    font-size: 14px;
    z-index: 10;
    opacity: 0;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
}

.recently-viewed-product .remove-product-button:hover,
.recent-products-header .clear-recent-products:hover {
    color: #ff5151;
}

.recently-viewed-product .product-buttons {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    z-index: 10;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
}

.recently-viewed-product:hover .remove-product-button {
    left: 5px;
    opacity: 1;
}

.recently-viewed-product:hover .product-buttons {
    bottom: 0;
}

.recently-viewed-product .product-buttons a.button {
    margin: 0;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;
    text-align: center;
    background: #000;
    background: rgba(0, 0, 0, .4);
}

.recently-viewed-product .product-buttons a.button:hover {
    background: rgba(0, 0, 0, .6);
}

.recently-viewed-product .product-info {
    margin-top: 6px;
}

.recently-viewed-product .product-info > span {
    font-weight: 400;
    display: block;
    font-size: 12px;
    color: #222a2c;
    line-height: 18px;
}

.recently-viewed-product .product-info ins,
.recently-viewed-product .product-info .amount {
    font-weight: 400;
    color: #222a2c;
}

.recently-viewed-product .product-info ins,
.recently-viewed-product .product-info del {
    display: block;
    font-size: 12px;
    line-height: 1.5em;
}

.recently-viewed-product .product-info ins,
.recently-viewed-product .product-info ins span.amount {
    color: #f97854;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.recently-viewed-product .product-info span.price {
    font-weight: 700;
    color: #222a2c;
}

ul.arrow-list,
.shop-footer .shop-widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

ul.arrow-list li + li,
.shop-footer .shop-widget ul li + li {
    margin-top: 15px;
}

ul.arrow-list a,
.shop-footer .shop-widget ul a {
    color: #73848e;
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

ul.arrow-list a:hover,
.shop-footer .shop-widget ul a:hover {
    color: #f97352;
}

ul.arrow-list li:before,
.shop-footer .shop-widget ul li:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    font-size: 18px;
    color: #73848e;
    content: '\ebb3';
}


/* Shop Page Header */

.shop-page-header {
    padding-left: 5000px;
    padding-right: 5000px;
    margin-left: -5000px;
    margin-right: -5000px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #eceded;
    border-bottom: 1px solid #eceded;
}

.shop-page-header .breadcrumbs {
    text-align: left;
    margin: 0;
    color: #73848e;
}

.shop-page-header .breadcrumbs a {
    color: #0b2b33;
}

.shop-page-header .breadcrumbs a:hover {
    color: #008fd5;
}

.shop-page-header .breadcrumbs .separator:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\ebb3';
}

.shop-page-header .shop-header-links {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.shop-page-header .shop-header-links li {
    display: inline-block;
}

.shop-page-header .shop-header-links li+li:before {
    content: '| ';
    margin: 0 3px;
}

.shop-page-header .shop-header-links li a {
    color: #0b2b33;
    font-size: 11px;
    text-transform: uppercase;
}

.shop-page-header .shop-header-links li a:hover {
    color: #008fd5;
}


/* Shopping Cart */

.shopping-cart {
    width: 100%;
}

.shopping-cart tr {
    border: 1px solid #e6e7e7;
}

.shopping-cart tr + tr {
    border-top: none;
}

.shopping-cart>tbody>tr>th {
    padding: 10px 20px;
    background: #fcfcfc;
    color: #0b2b33;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.shopping-cart tfoot tr {
    background: #fcfcfc;
}

.shopping-cart td {
    padding: 20px;
    vertical-align: top;
}

.shopping-cart td + td {
    border-left: 1px solid #e6e7e7;
}

.shopping-cart .featured-image {
    width: 40%;
    display: block;
    float: left;
    margin-right: 20px;
}

.shopping-cart .product-info a.title {
    color: #19242a;
    font-size: 16px;
}

.shopping-cart .product-info a.title:hover {
    color: #1f95d5;
}

.shopping-cart .product-meta {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    color: #73848e;
    font-size: 14px;
}

.shopping-cart-dropdown .price {
    color: #0b2b33;
}

.shopping-cart-dropdown .product-meta {
    color: #73848e;
}

.shopping-cart-dropdown .product-meta li p {
    display: inline-block;
    margin: 0;
}

.shopping-cart .remove-product {
    color: #000;
    font-size: 16px;
    display: block;
    text-align: center;
}

.shopping-cart .remove-product:hover {
    color: #1f95d5;
}

.shopping-cart span.price {
    font-size: 14px;
    font-weight: 700;
    color: #0b2b33;
    display: block;
    text-align: center;
}

.shopping-cart span.price del {
    color: #73848e;
}

.shopping-cart span.product-code {
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    text-align: center;
}

.shopping-cart .coupon {
    float: left;
}

.shopping-cart .update-cart {
    float: right;
}

.shopping-cart #shipping_method {
    list-style: none;
}

.cart-subtotal,
.update-totals {
    display: inline-block;
    width: auto;
    text-align: left;
    vertical-align: top;
}

.cart-subtotal h4,
.update-totals h4 {
    color: #0b2b33;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.update-totals {
    margin-right: 30px;
}

.update-totals select {
    width: 100%;
    border: 1px solid #eaeaea;
    padding: 5px;
}

.update-totals input,
.update-totals button {
    border: 1px solid #eaeaea;
    padding: 5px;
}

.update-totals select + select,
.update-totals select + input,
.update-totals input + input,
.update-totals input + select {
    margin-top: 10px;
}

.update-totals input[type="submit"],
.update-totals button[type="submit"] {
    margin-top: 20px;
}

.cart-subtotal table {
    width: 100%;
}

.cart-subtotal th,
.cart-subtotal td {
    padding: 15px 20px;
    text-transform: uppercase;
    background: #fff;
}

.cart-subtotal th {
    color: #73848e;
}

.cart-subtotal th.black {
    color: #0b2b33;
}

.cart-subtotal .price.blue {
    color: #008fd5;
}

.shopping-cart-button {
    display: block;
    margin-top: 20px;
}

.shopping-cart-button a.button {
    font-size: 14px;
}


/* Numeric Input */

.numeric-input-holder {
    position: relative;
    padding: 0 30px;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.numeric-input-wrapper input,
.numeric-input {
    width: 40px;
    height: 40px;
    border: 2px solid #19242a;
    text-align: center;
    font-weight: 700;
    color: #19242a;
}

.numeric-input-holder .increase-button,
.numeric-input-holder .decrease-button {
    position: absolute;
    width: 30px;
    height: 40px;
    left: 0;
    top: 10px;
    text-align: center;
    cursor: pointer;
    color: #19242a;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
}

.numeric-input-holder .increase-button {
    left: auto;
    right: 0;
}

.numeric-input-holder .increase-button:hover,
.numeric-input-holder .decrease-button:hover {
    color: #1f95d5;
}

.numeric-input-holder .decrease-button:before,
.numeric-input-holder .increase-button:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    font-size: 12px;
    content: '\ea57';
}

.numeric-input-holder .increase-button:before {
    content: '\ea5a';
}

.coupon input[type="text"] {
    height: 42px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin: 0 10px;
}


/* Product Category Page */

.head-banner {
    background-size: cover;
    color: #fff;
    padding-top: 180px;
    padding-bottom: 80px;
}

.head-banner h1 {
    font-size: 142px;
    font-weight: 800;
    line-height: 120px;
    letter-spacing: -10px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #cf6a5f;
}

.head-banner p {
    font-size: 18px;
    font-style: italic;
    color: #23323a;
}

.shop-options form {
    background: #fcfcfc;
    border: 1px solid #eceded;
    padding: 7px 20px;
    zoom: 1;
}

.shop-options form:after,
.shop-options form:before {
    content: '';
    display: table;
}

.shop-options form:after {
    clear: both;
}

.shop-options ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: right;
}

.shop-options ul li {
    display: inline-block;
    padding: 5px 0;
}

.shop-options ul li + li {
    margin-left: 10px;
}

.shop-options ul li + li:before {
    content: '| ';
    position: relative;
    left: -5px;
    top: -1px;
}

.shop-options ul li a {
    color: #0b2b33;
    font-size: 12px;
    text-transform: uppercase;
}

.shop-options ul li a:hover {
    color: #73848e;
}

.shop-options label {
    color: #73848e;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    margin-right: 5px;
}

.shop-options select + label {
    margin-left: 15px;
}

.shop-options select {
    border: 1px solid #eaeaea;
    padding: 5px;
}

.shop-options .item-count {
    margin: 15px 0;
    color: #73848e;
}


/* Shop Refine */

.sidebar .shop-widget {
    border: 1px solid #e6eaec;
    padding: 12px 20px;
}

.sidebar .shop-widget + .shop-widget {
    border-top: none;
}

.shop-refine-header + .refine-type,
.refine-type + .shop-refine-header,
.shop-refine-header + .shop-refine-header,
.refine-type + .refine-type {
    border-top: 1px solid #e6eaec;
}

.sidebar .shop-widget h3 {
    color: #0b2b33;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
}

.sidebar .shop-widget h4 {
    color: #0b2b33;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
}

.sidebar .shop-widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar .shop-widget ul a {
    font-size: 11px;
    color: #23323a;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding-left: 15px;
}

.sidebar .shop-widget ul a:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 1px solid #a8b1b7;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

.sidebar .shop-widget ul a:hover:after,
.sidebar .shop-widget ul li.chosen a:after {
    content: '';
    width: 4px;
    height: 4px;
    background: #a8b1b7;
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -2px;
}

.king-page .sidebar .shop-widget ul a:hover:after,
.king-page .sidebar .shop-widget ul li.chosen a:after {
    content: none;
}

.sidebar .shop-widget {
    position: relative;
}

.sidebar .shop-widget .arrow {
    cursor: pointer;
}

.sidebar .shop-widget .arrow:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    font-size: 18px;
    position: absolute;
    top: 17px;
    right: 10px;
    color: #686b6d;
    content: '\ebb3';
}

.sidebar .price_slider {
    margin: 20px 0 15px;
}

.sidebar .shop-widget.opened .arrow:before {
    content: '\ebb1';
}

.refine-type-content {
    padding-top: 10px;
    position: relative;
    height: 250px;
    overflow: hidden;
}

.refine-type.product-price-range .refine-type-content {
    height: auto;
}

.price-range-min {
    float: left;
}

.price-range-max {
    float: right;
}

.refine-type input[type="checkbox"] {
    display: none;
}

.refine-type input[type="checkbox"] + label {
    display: block;
    font-weight: 400;
    font-size: 11px;
    color: #23323a;
    text-transform: uppercase;
    position: relative;
    padding-left: 15px;
    cursor: pointer;
}

.refine-type input[type="checkbox"] + label:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 1px solid #a8b1b7;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

.refine-type input[type="checkbox"]:checked + label:after {
    content: '';
    width: 4px;
    height: 4px;
    background: #a8b1b7;
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -2px;
}


/* Checkout */

form.checkout {
    max-width: 500px;
}

form.checkout ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

form.checkout ul.payment_methods.methods {
    margin: 40px 0;
}

.woocommerce .login .form-row input[type=text],
.woocommerce .login .form-row input[type=password],
form.checkout input[type="text"],
form.checkout input[type="password"],
form.checkout input[type="search"],
form.checkout input[type="email"],
form.checkout input[type="tel"],
form.checkout textarea {
    width: 100%;
    border: 1px solid #ddd;
    display: block;
    padding: 5px 10px;
}

.woocommerce .login .form-row label {
    display: block;
}

.woocommerce .checkout_coupon:before,
.woocommerce .checkout_coupon:after {
    content: '';
    display: table;
}

.woocommerce .checkout_coupon:after {
    clear: both;
}

.woocommerce .checkout_coupon .form-row {
    float: left;
}

.woocommerce .checkout_coupon .button {
    margin: 0 15px !important;
}

.woocommerce .checkout_coupon input[type=text] {
    height: 42px;
    padding: 0 40px 0 10px;
}

.woocommerce .woocommerce-info {
    margin-bottom: 1em;
}

form.checkout textarea {
    min-height: 200px;
}

a.about_paypal {
    font-size: 12px;
    margin-left: 15px;
}

.checkbox {
    display: initial;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.woocommerce label {
    font-size: 16px;
}

form.checkout table {
    width: 100%;
    border: 1px solid #ddd;
}

form.checkout tr {
    display: table-row!important;
    width: 100%!important;
}

form.checkout tr + tr {
    border-top: 1px solid #ddd;
}

form.checkout thead {
    border-bottom: 1px solid #ddd;
}

form.checkout tfoot {
    border-top: 1px solid #ddd;
}

form.checkout td + td,
form.checkout th + th,
form.checkout td + th,
form.checkout th + td {
    border-left: 1px solid #ddd;
}

form.checkout th,
form.checkout td {
    padding: 15px 20px;
    font-size: 16px;
    background: #fff;
}

form.checkout th {
    color: #73848e;
}

.king-page .woocommerce .button {
    font-family: 'Lato', sans-serif;
    background: transparent;
    color: #2b3031;
    font-size: 14px;
    border: 1px solid #2b3031;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0 35px;
    height: 42px;
    line-height: 40px;
    margin: 10px 0;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    margin: 20px 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.king-page .woocommerce .button:hover {
    background: #2b3031 !important;
    border-color: #2b3031 !important;
    color: #fff !important;
}

.select2-container .select2-choice,
.select2-container .select2-choice span {
    height: 42px;
    line-height: 40px;
}


/* Shop Details */

.product-single {
    overflow: hidden;
    display: table;
    width: 100%;
    vertical-align: top;
}

.product-single-image {
    width: 390px;
    padding-right: 30px;
    display: table-cell;
    vertical-align: top;
}

.product-single-details {
    display: table-cell;
    vertical-align: top;
}

.shop-product-slider {
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
}

.shop-product-slider .ribbon {
    left: 10px;
    top: 15px;
}

.shop-product-slider .slides li {
    position: relative;
}

.shop-product-slider .product-buttons {
    position: absolute;
    bottom: 5px;
    display: table;
    table-layout: fixed;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.shop-product-slider .product-buttons li {
    display: table-cell;
    padding: 0 5px;
}

.shop-product-slider .product-buttons li:first-child {
    padding-left: 15px;
}

.shop-product-slider .product-buttons li:last-child {
    padding-right: 15px;
}

.shop-product-slider .product-buttons a.button {
    display: block;
    text-align: center;
    font-size: 12px;
}

.shop-product-slider .slides li img {
    padding: 5px;
}

.shop-product-slider .flex-control-thumbs {
    display: table;
    table-layout: fixed;
}

.shop-product-slider .flex-control-thumbs li {
    display: table-cell;
    width: auto;
    float: none;
    border: 0;
}

.shop-product-slider .flex-control-thumbs li img {
    width: 100%;
    border-width: 5px;
}

.shop-product-slider .flex-prev,
.shop-product-slider .flex-next {
    top: 38%;
}

.shop-product-slider .flex-prev:before,
.shop-product-slider .flex-next:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\ebb2';
}

.shop-product-slider .flex-next:before {
    content: '\ebb3';
}

.shop-product-details h3 {
    color: #19242a;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.shop-product-details h4 {
    color: #19242a;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0 5px;
}

.shop-product-details .price {
    font-size: 18px;
    color: #f97854;
    font-weight: 700;
    text-decoration: none;
}

.woocommerce .shop-product-details .price ins .amount {
    color: #f97854;
}

.woocommerce .shop-product-submit .qty {
    border-color: #f97352;
    height: 45px;
    width: 45px;
}

.woocommerce .shop-product-submit .button {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.woocommerce .shop-product-submit .variations_button .button {
    border-color: transparent;
    background-color: #f97854;
    color: white;
    padding: 0 40px;
    height: 45px;
    line-height: 42px;
    margin: 10px 0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    border: 1px solid transparent;
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    margin: 20px 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.shop-product-details .price>del {
    font-size: 14px;
    color: #73848e;
    display: block;
    font-weight: 400;
}

.shop-product-details ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.shop-product-details select {
    border: 1px solid #eaeaea;
    padding: 5px;
    display: block;
    margin-bottom: 10px;
    min-width: 120px;
}

.shop-product-submit .shop-item-count {
    width: 40px;
    height: 40px;
    border: 2px solid #000;
    font-weight: 700;
    text-align: center;
}

.shop-product-submit input {
    margin-right: 8px;
}

.shop-product-submit {
    margin-bottom: 30px;
}

input[type="submit"].blue {
    background: #008fd5;
    color: #fff;
    border: none;
    font-size: 14px;
    height: 40px;
    padding: 8px 20px;
    display: inline-block;
    text-transform: uppercase;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    margin: 5px 0;
}

input[type="submit"].blue:hover {
    background: #107aae;
}

input[type="submit"].empty {
    background: none;
    border: none;
}

.shop-we-recommend {
    border: 1px solid #eceded;
    padding: 20px 20px 20px 50px;
}

.shop-we-recommend h4 {
    color: #0b2b33;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.shop-products-recommend {
    height: 840px;
    overflow: hidden;
    position: relative;
    padding-right: 30px;
}

.shop-products-recommend .item + .item {
    margin-top: 30px;
}

.shop-products-recommend .item a.title {
    display: block;
    color: #73848e;
    font-size: 12px;
    line-height: 1.5em;
    margin-top: 12px;
    color: #222a2c;
    font-weight: 400;
}

.shop-products-recommend .item a.title:hover {
    color: #f97854;
}

.shop-products-recommend .item .price {
    font-weight: 400;
    color: #0b2b33;
    font-size: 12px;
    line-height: 1.5em;
}

.shop-products-recommend .item .price ins,
.shop-products-recommend .item .price del {
    display: block;
}

.shop-products-recommend .item .price ins {
    text-decoration: none;
    color: #f97352;
}

.shop-products-recommend img {
    width: 100%;
    height: auto;
}

.shop-product-slider .slides img,
.cart_item .featured-image img {
    height: auto;
}

ol.commentlist {
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
}

.shop-product-details .tab-content {
    padding: 15px;
}

.shop-product-details .shop_attributes {
    width: 100%;
}

.shop-product-details .shop_attributes th {
    font-family: 'nevis', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.shop-product-details .shop_attributes p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
}

.comment_container {
    position: relative;
    padding-left: 65px;
}

.comment_container .avatar {
    margin: 0;
    left: 0;
    top: 0;
    width: 50px;
    position: absolute;
}

.commentlist .comment {
    overflow: hidden;
}

.commentlist .comment + .comment {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #e0e4e6;
}

.comment-text .star-rating,
.comment-text .meta {
    display: inline-block;
    margin-bottom: 0;
    font-size: 11px;
}

.comment-text .star-rating {
    display: block;
    text-indent: -9999px;
    margin-left: -3px;
    height: 15px;
    width: 90px;
    background: url(../img/sprites/rating-rated.png) no-repeat;
}

.comment-text .star-rating.start-1 {
    background-position: 0 0;
}

.comment-text .star-rating.start-2 {
    background-position: -90px 0;
}

.comment-text .star-rating.start-3 {
    background-position: -180px 0;
}

.comment-text .star-rating.start-4 {
    background-position: -270px 0;
}

.comment-text .star-rating.start-5 {
    background-position: -360px 0;
}

.comment-text .meta {
    color: #96a3ad;
    font-size: 10px;
    text-transform: uppercase;
    display: block;
}

.comment-text .description p {
    color: #1f3845;
    font-size: 16px;
}

.pp_content_container iframe {
    width: 100%;
    height: 300px;
}

.tab h2 {
    font-size: 18px;
    font-weight: 400;
}

.comment-form-rating .stars a + a {
    margin-left: 10px;
}

.comment-form-rating .stars a {
    text-indent: -9999px;
    display: inline-block;
    height: 15px;
    background: url(../img/sprites/rating.png) no-repeat;
}

.comment-form-rating .stars a:hover,
.comment-form-rating .stars a.active {
    background-position: 0 -16px;
}

.tab #review_form input[type=text],
.tab #review_form textarea {
    background: #f3f3f3;
    border: 1px solid #ebebeb;
    width: 95%;
    margin: 0 auto 15px;
}

.tab #review_form input[type=text]:focus,
.tab #review_form textarea:focus {
    background: white;
}

#reviews {
    display: block;
    position: relative;
    overflow: hidden;
    padding-right: 20px;
}

.comment-form-rating .stars a.star-1 {
    width: 18px;
}

.comment-form-rating .stars a.star-2 {
    width: 36px;
}

.comment-form-rating .stars a.star-3 {
    width: 54px;
}

.comment-form-rating .stars a.star-4 {
    width: 72px;
}

.comment-form-rating .stars a.star-5 {
    width: 90px;
}

span.posted_in {
    margin-bottom: 20px;
    color: #8a979f;
    font-size: 13px;
    display: block;
}

span.posted_in a {
    color: #0b2b33;
    font-weight: 600;
}

span.posted_in a:hover {
    color: #f97352;
}

.woocommerce-message {
    padding: 20px;
    line-height: 2.8em;
    background: #eee;
    margin: 20px 0;
    overflow: auto;
}

.woocommerce-message .button {
    font-family: 'Lato', sans-serif;
    background: transparent;
    color: #2b3031;
    font-size: 14px;
    border: 1px solid #2b3031;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 52px;
    padding: 0 55px;
    float: right;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    margin: 0 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.woocommerce-message .button:hover {
    border-color: transparent;
    background-color: #f97854;
    color: white;
}

nav.woocommerce-breadcrumb {
    margin-top: 10px;
    padding-bottom: 10px;
    margin-left: -5000px;
    margin-right: -5000px;
    padding-left: 5000px;
    padding-right: 5000px;
    border-bottom: 1px solid #ececec;
}

nav.woocommerce-breadcrumb .back-to {
    float: right;
}

nav.woocommerce-breadcrumb .back-to a {
    color: #19242A;
}

nav.woocommerce-breadcrumb .back-to a:hover {
    color: #008FD5;
}

#added_items {
    position: fixed;
    top: 150px;
    right: 20px;
    z-index: 999999;
}

.added_item {
    position: relative;
    top: 0;
    padding: 10px;
    background: #fff;
    width: 260px;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
    z-index: 10000;
    vertical-align: middle;
    opacity: 0;
    margin-bottom: 10px;
}

.added_item img {
    float: left;
    width: 47px;
    margin-right: -60px;
}

.added_item p {
    display: inline-block;
    margin: 10px 0 5px 0;
    padding-left: 70px;
    clear: none;
}

.add_to_cart_button {
    position: relative;
}

#fountainG {
    position: relative;
    width: 60px;
    height: 7px;
    display: inline-block;
    margin-top: 11px;
    margin-left: -30px;
}

.loader-container {
    background: #222a2c;
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    top: 0;
    padding-top: 5px;
    padding-left: 34px;
    text-align: center;
    border-top-left-radius: 50em;
    border-bottom-left-radius: 50em;
}

.fountainG {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #FFFFFF;
    width: 8px;
    height: 8px;
    -moz-animation-name: bounce_fountainG;
    -moz-animation-duration: 1.3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -moz-border-radius: 5px;
    -webkit-animation-name: bounce_fountainG;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -webkit-border-radius: 5px;
    -ms-animation-name: bounce_fountainG;
    -ms-animation-duration: 1.3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -ms-border-radius: 5px;
    -o-animation-name: bounce_fountainG;
    -o-animation-duration: 1.3s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    -o-border-radius: 5px;
    -webkit-animation-name: bounce_fountainG;
    animation-name: bounce_fountainG;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    animation-direction: linear;
    -webkit-transform: scale(.3) translateY(-50%) translateX(-50%);
    transform: scale(.3) translateY(-50%) translateX(-50%);
    border-radius: 50em;
}

#fountainG_1 {
    left: 0;
    -webkit-animation-delay: 0.52s;
    animation-delay: 0.52s;
}

#fountainG_2 {
    left: 8px;
    -webkit-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

#fountainG_3 {
    left: 15px;
    -webkit-animation-delay: 0.78s;
    animation-delay: 0.78s;
}

#fountainG_4 {
    left: 23px;
    -webkit-animation-delay: 0.91s;
    animation-delay: 0.91s;
}

#fountainG_5 {
    left: 30px;
    -webkit-animation-delay: 1.04s;
    animation-delay: 1.04s;
}

#fountainG_6 {
    left: 38px;
    -webkit-animation-delay: 1.17s;
    animation-delay: 1.17s;
}

#fountainG_7 {
    left: 45px;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

#fountainG_8 {
    left: 53px;
    -webkit-animation-delay: 1.43s;
    animation-delay: 1.43s;
}

@-webkit-keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        background-color: #FFFFFF;
    }
    100% {
        -webkit-transform: scale(.3);
        background-color: #FFFFFF;
    }
}

@keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: #FFFFFF;
    }
    100% {
        -webkit-transform: scale(.3);
        transform: scale(.3);
        background-color: #FFFFFF;
    }
}


/* 404 */

.page-heading.white-bg {
    border-bottom: 1px solid #e5e8ea;
    padding-top: 0;
    padding-bottom: 0;
}

.page-heading.white-bg .breadcrumbs {
    font-size: 11px;
    color: #008fd5;
}

.page-heading.white-bg .breadcrumbs a {
    color: #73848e;
}

.error404-section {
    text-align: center;
    padding: 40px 0 0;
    margin-top: 0 !important;
}

.error404-content-top {
    padding-bottom: 70px;
}

.error404-content-top h1 {
    font-size: 220px;
    color: #222a2c;
    line-height: 200px;
    text-indent: -9999px;
    margin-top: 23px;
    background: url(../img/image404.png);
    background-repeat: no-repeat;
    background-position: center;
}

.error404-content-top h2 {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #343333;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 29px;
}

.error404-content-bottom {
    background-color: #f3f3f3;
    text-align: left;
    font-size: 18px;
    color: #222a2c;
    padding: 70px 0 80px;
}

.error404-content-bottom .section-heading {
    font-size: 18px;
    text-align: left;
    margin-bottom: 21px;
}

.error404-content-bottom,
.error404-content-bottom p,
.error404-content-bottom li,
.error404-content-bottom a {
    font-size: 18px;
    color: #222a2c !important;
}

.error404-content-bottom a:hover {
    color: #f97854 !important;
}

.error404-content-bottom ul li:before {
    margin-left: 0;
}

.error404-content-bottom ul li a:hover {
    border-bottom-color: #f97854;
}

.error404-section a.button.big {
    padding: 20px 45px;
    margin-bottom: 40px;
}

.search-form input[type="text"] {
    width: 100%;
    padding: 10px;
    border: 1px solid transparent;
    background: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.search-form input[type="text"]:focus,
.search-form input[type="text"]:active {
    border-color: #ccc;
    outline: none;
}

.search-form input[type="submit"] + .icons {
    color: #999!important;
}

.search-form input[type="submit"]:hover + .icons {
    color: #333!important;
}

.search-form p {
    color: #73848e;
    margin-bottom: 12px;
}


/* FAQ */

.sidebar .info-box h2 {
    margin-bottom: 0;
}

.sidebar .info-box h4 {
    margin-top: 0;
}

.faq-filters ul {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #e5e8ea;
}

.faq-filters li {
    display: inline-block;
    color: #0b2b33;
    font-size: 11px;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
}

.faq-filters li.active,
.faq-filters li:hover {
    color: #008fd5;
}

.faq-filters li + li {
    margin-left: 10px;
}

.faq-accordions .mix {
    display: none;
}


/* Posts List Widget */

.posts-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tab>.posts-list {
    margin: 5px;
}

.posts-list .post-item {
    display: table;
    vertical-align: top;
}

.posts-list .post-item + .post-item {
    border-top: 1px solid #ebedee;
    padding-top: 10px;
    margin-top: 10px;
}

.posts-list .post-item .featured-image,
.posts-list .post-item .post-content {
    display: table-cell;
    vertical-align: top;
}

.posts-list .post-item .featured-image,
.posts-list .post-item .featured-image img {
    width: 75px;
}

.posts-list .post-item .post-content {
    padding-left: 20px;
}

.posts-list .post-item .post-content .post-meta {
    margin: 0;
    padding: 0;
    border: none;
    color: #73848e;
}

.posts-list .post-item .post-content .post-meta li {
    font-size: 14px;
    color: #73848e;
    font-weight: 300;
    text-transform: none;
}

.posts-list .post-item .post-content .post-meta li + li {
    background: none;
    padding: 0;
}

.posts-list .post-item .post-content .post-meta li + li:before {
    content: '| ';
}

.posts-list .post-item .post-content .post-title {
    color: #23323a;
}

.posts-list .post-item .post-content .post-title:hover {
    color: #f97854;
}

.posts-list .post-item .post-content p {
    margin: 0;
}


/* Sidenav */

ul.sidenav,
.sidebar .widget_nav_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.sidenav:after,
.sidebar .widget_nav_menu ul:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: #dedede;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(19%, #dedede), color-stop(79%, #dedede), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #dedede 19%, #dedede 79%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #dedede 19%, #dedede 79%, #ffffff 100%);
}

.king-blog ul.sidenav:after,
.king-blog .sidebar .widget_nav_menu ul:after,
.king-page ul.sidenav:after,
.king-page .sidebar .widget_nav_menu ul:after {
    content: none;
}

ul.sidenav li,
.sidebar .widget_nav_menu ul li {
    position: relative;
}

ul.sidenav li:after,
.sidebar .widget_nav_menu ul li:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-right: 3px solid transparent;
    transition: border 0.3s;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
}

.king-blog ul.sidenav li:after,
.king-blog .sidebar .widget_nav_menu ul li:after,
.king-page ul.sidenav li:after,
.king-page .sidebar .widget_nav_menu ul li:after {
    content: none;
}

ul.sidenav a,
.sidebar .widget_nav_menu ul a {
    color: #93a6b0;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    padding: 7px 0;
}

ul.sidenav a:before,
.sidebar .widget_nav_menu ul a:before {
    content: '• ';
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.king-blog ul.sidenav a:before,
.king-blog .sidebar .widget_nav_menu ul a:before,
.king-page ul.sidenav a:before,
.king-page .sidebar .widget_nav_menu ul a:before {
    content: none;
}

ul.sidenav li:hover a,
ul.sidenav li.current-menu-item a,
.sidebar .widget_nav_menu ul li:hover a,
.sidebar .widget_nav_menu ul li.current-menu-item a {
    color: #008fd5;
}

.king-blog ul.sidenav li a,
.king-blog .sidebar .widget_nav_menu ul li a,
.king-page ul.sidenav li a,
.king-page .sidebar .widget_nav_menu ul li a {
    color: #73848e;
}

.king-blog ul.sidenav li:hover a,
.king-blog ul.sidenav li.current-menu-item a,
.king-blog .sidebar .widget_nav_menu ul li:hover a,
.king-blog .sidebar .widget_nav_menu ul li.current-menu-item a,
.king-page ul.sidenav li:hover a,
.king-page ul.sidenav li.current-menu-item a,
.king-page .sidebar .widget_nav_menu ul li:hover a,
.king-page .sidebar .widget_nav_menu ul li.current-menu-item a {
    color: #73848e;
}

.king-blog ul.sidenav li a:hover,
.king-blog .sidebar .widget_nav_menu ul li a:hover,
.king-page ul.sidenav li a:hover,
.king-page .sidebar .widget_nav_menu ul li a:hover {
    color: #f97352;
}

ul.sidenav li:hover:after,
ul.sidenav li.current-menu-item:after,
.sidebar .widget_nav_menu ul li:hover:after,
.sidebar .widget_nav_menu ul li.current-menu-item:after {
    border-right-color: #008fd5;
}

ul.sidenav li + li:before,
.sidebar .widget_nav_menu ul li + li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: #dedede;
    background: -webkit-gradient(linear, left top, right top, color-stop(16%, #ffffff), color-stop(100%, #dedede));
    background: -webkit-linear-gradient(left, #ffffff 16%, #dedede 100%);
    background: linear-gradient(to right, #ffffff 16%, #dedede 100%);
}

.king-blog ul.sidenav li + li:before,
.king-blog .sidebar .widget_nav_menu ul li + li:before,
.king-page ul.sidenav li + li:before,
.king-page .sidebar .widget_nav_menu ul li + li:before {
    content: none;
}

.section {
    background-size: cover!important;
}

.b1170 .section:not(.full-width) {
    padding-right: 30px;
    padding-left: 30px;
}

.b1170 .section:not(.full-width) .section.full-width {
    margin-right: -30px;
    margin-left: -30px;
}

.section.overflow-hidden {
    overflow: hidden;
}

.section .row + .row {
    margin-top: 20px;
}

.widget_search .screen-reader-text {
    display: none;
}

.widget_search input[type="text"],
.widget_product_search input[type="text"] {
    padding: 5px 10px;
    height: 40px;
}

.widget_search input[type="text"]:focus,
.widget_product_search input[type="text"]:focus {
    outline: none;
}

.widget_search input[type="submit"],
.widget_product_search input[type="submit"] {
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background: url(../img/sprites/search.png) center center no-repeat;
    float: right;
    position: relative;
    top: -40px;
    margin-bottom: -40px;
    border: none;
}

a.icon-button {
    font-size: 42px;
    text-align: center;
    display: inline-block;
    border: 2px solid #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    padding-top: 23px;
    color: #fff;
    margin-top: 20px;
}


/* Main 4 */

.project.light {
    margin-bottom: 30px;
}

.project.light .project-meta {
    background: #ffffff;
}

.project.light .project-hover>a {
    border: 3px solid rgba(255, 255, 255, .4);
    padding-top: 12px;
}

.project.light .project-meta:before {
    border-bottom-color: #fff;
}

.project.light .project-meta h4,
.project.light .project-meta h4 a {
    color: #45484a;
}

.project.light .project-like .icons {
    color: #95a1a8;
}

.project.light .project-like span.like-count {
    color: #95a1a8;
}

.project.light .project-like:hover .icons {
    color: #ec7064;
}

.project.light:hover .project-meta h4,
.project.light:hover .project-meta h4 a {
    color: #008fd5;
}


/* project style2 */

.projects-style3 {
    padding: 0 15px;
}

.projects-style3 .mix {
    padding: 0;
}

.project.style2 {
    border: none!important;
}

.project.style2 .project-hover {
    background: #e66864;
    background: rgba(230, 104, 100, .9);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 0;
}

.projects-style3 .project.style2 .project-hover {
    background: #26cb9e;
    background: rgba(38, 203, 158, .9);
}

.project.style2 .project-hover .project-description {
    display: table;
    width: 100%;
    height: 100%;
}

.project.style2 .project-hover .project-description>div {
    display: table-cell;
    vertical-align: middle;
}

.project.style2 .project-hover .project-description h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.project.style2 .project-hover .project-description span {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
}

.projects-style3 .project.style2 .project-hover .project-description h4 {
    font-weight: 300;
}

.projects-style3 .project.style2 .project-hover .project-description span {
    font-weight: 700;
}

.project.style2 .project-hover .project-buttons {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
}

.project.style2 .project-hover .project-buttons a {
    width: 55px;
    height: 55px;
    border: none;
    display: block;
    float: left;
    margin: 0;
    margin-right: 1px;
    background: #fff url(../img/sprites/hover-icons2.png) 7px 7px no-repeat;
    transition: background .3s, bottom .3s, opacity .3s ease-out;
    -webkit-transition: background .3s, bottom .3s, opacity .3s ease-out;
    -moz-transition: background .3s, bottom .3s, opacity .3s ease-out;
    transition-delay: 0s, 0s, 0s;
    -webkit-transition-delay: 0s, 0s, 0s;
    -moz-transition-delay: 0s, 0s, 0s;
    position: relative;
    opacity: 0;
    bottom: -60px;
}

.project.style2 .project-hover:hover .project-buttons a {
    bottom: 0;
    opacity: 1;
    transition-delay: 0s, .2s, .2s;
    -webkit-transition-delay: 0s, .2s, .2s;
    -moz-transition-delay: 0s, .2s, .2s;
}

.project.style2 .project-hover:hover .project-buttons a + a {
    transition-delay: 0s, .4s, .4s;
    -webkit-transition-delay: 0s, .4s, .4s;
    -moz-transition-delay: 0s, .4s, .4s;
}

.project.style2 .project-hover .project-buttons a:hover {
    background-color: #eee;
    background-color: rgba(255, 255, 255, .8);
}

.project.style2 .project-hover .project-buttons a.link-icon {
    background-position: 7px 7px;
}

.project.style2 .project-hover .project-buttons a.search-icon {
    background-position: -33px 7px;
}

.project.style2 .project-hover>a+a {
    left: 56px;
}

.sorting-tags.style2 {
    background: transparent;
    background: rgba(255, 255, 255, .05);
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #374254;
    margin-top: 20px;
    margin-bottom: 60px;
}

.sorting-tags.style2 > div {
    background: none;
    padding: 0;
}

.sorting-tags.style2 > div:hover,
.sorting-tags.style2 > div.active {
    color: #f9fbfc;
}

.sorting-tags.style2 > div + div:before {
    margin-left: 10px;
    content: '|';
    margin-right: 10px;
    position: relative;
    top: -2px;
    color: #455161;
}

.sorting-tags.style2 div {
    color: inherit;
}

.dark-portfolio-bg {
    color: #aab8d6;
    background: #313d56;
    /* Old browsers */
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #313d56), color-stop(100%, #131a26));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #313d56 0%, #131a26 100%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 12+ */
    /* IE10+ */
    background: -webkit-radial-gradient(center ellipse, #313d56 0%, #131a26 100%);
    background: radial-gradient(ellipse at center, #313d56 0%, #131a26 100%);
    /* W3C */
}

.dark-portfolio-bg h2 {
    color: #fff;
    margin-bottom: 10px;
}

.page-template-template-portfolio-1-col-php .project-item + .project-item {
    margin-top: -6px;
}

.page-template-template-portfolio-1-col-php .project-description {
    padding-top: 20px;
    border-top: 1px solid #e5e8ea;
}

.sc-call-to-action h2 {
    margin-top: 15px;
}


/* Video player */

.sc-videp-popup-wrapper.left {
    float: left;
}

.sc-videp-popup-wrapper.right {
    float: right;
}

.sc-videp-popup-wrapper.center {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
}

.sc-video-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    overflow: hidden;
    z-index: 999999;
}

.sc-video-popup iframe {
    float: left;
    width: 100%;
    height: 100%;
}

.sc-video-popup .sc-close-video {
    position: absolute;
    top: 17px;
    left: 17px;
    font-size: 30px;
    color: #DDD;
    cursor: pointer;
    overflow: hidden;
    z-index: 9999999;
}


/*** Map container ****/

.sc-map {
    overflow: hidden;
}

.sc-map.full {
    margin-left: -5000px;
    margin-right: -5000px;
}

.sc-map-container {
    display: block;
    height: 400px;
}

.sc-map-container > p {
    display: none;
}

.sc-map-container>div {
    height: 100%;
    position: relative;
    width: 100% !important;
    margin: 0;
}

.sc-map-container .wpgmappity_container {
    width: 100% !important;
}


/* Footer 2 */

.footer-2 #main-footer,
.footer-2 #lower-footer {
    background: #1d2636;
    position: relative;
}

.footer-2 #lower-footer {
    z-index: -1;
}

.footer-contact-form > form {
    position: absolute;
    z-index: 1000;
    background: #fff;
    top: -260px;
    left: 15px;
    right: 15px;
    padding: 30px;
    text-align: center;
}

#footer .footer-contact-form > form h3 {
    color: #1d2636;
}

.footer-contact-form > form .iconic-input + .iconic-input,
.footer-contact-form > form .iconic-input + textarea,
.footer-contact-form > form textarea + input {
    margin-top: 20px;
}

.footer-contact-form > form input[type="submit"] {
    height: 60px;
    padding: 16px 35px;
}

.footer-contact-form .message {
    color: #008FD5;
}

.footer-contact-form .error {
    color: #FF0000;
}

.footer-2 .min-height-footer {
    min-height: 184px;
}

.footer-2 #main-footer input[type="text"],
.footer-2 #main-footer input[type="password"],
.footer-2 #main-footer textarea {
    background: #fcfcfc;
    width: 100%;
    border: 1px solid #eceded;
    font-size: 14px;
    padding: 8px 10px;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
}

.footer-2 #main-footer input[type="text"]:focus,
.footer-2 #main-footer input[type="password"]:focus,
.footer-2 #main-footer textarea:focus {
    outline: none;
    background: #eee;
}

#main-footer p + .social-media {
    margin-top: 20px;
}

.footer-2 #lower-footer {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.footer-2 #main-footer .social-media li a {
    font-size: 22px;
    color: #7ca1b3;
}

.footer-2 .iconic-list li {
    padding-left: 40px;
}

.footer-2 .iconic-list li .icons {
    font-size: 24px;
}

.footer-2 #main-footer .social-media .tooltip-inner {
    white-space: nowrap;
}

.wpgmappity_container {
    height: 100%!important;
}


/* Main Footer */

#main-footer {
    background: #2b3031;
    color: #818b8d;
}

#main-footer img {
    margin-bottom: 12px;
}

#main-footer h4 {
    margin-bottom: 30px;
}

#main-footer p {
    margin: 10px 0;
    font-size: 12px;
}

#main-footer li {
    word-break: break-all;
}

#main-footer .sidebar {
    padding-bottom: 0;
}


/* Footer Blog Posts */

#main-footer .blog-post {
    border-bottom: 1px solid #23323a;
    margin-top: 10px;
    margin-bottom: 0;
}

#main-footer .blog-post:last-child {
    border: none;
}

#main-footer .blog-post .post-meta {
    display: block;
    text-transform: uppercase;
    text-align: left;
    font-size: 10px;
}

#main-footer .blog-post .post-title {
    color: #bdd2dc;
    font-size: 13px;

}

#main-footer .blog-post .post-title:hover {
    color: #d9ecf5;
}

#main-footer .blog-post p {
    margin: 0 0 10px;
}

.footer-page {
    background-color: white;
    padding-top: 57px;
    position: relative;
    z-index: 9;
    border-top: 1px solid #f3f3f3;
}

.b1170 .footer-page {
    background-color: transparent;
}

.b1170 .footer-page > .footer {
    background-color: #ffffff;
}


/* Footer Contact List */

.iconic-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.iconic-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}

.iconic-list .icons {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
}


/* Footer Newsletter */

#main-footer input[type="text"],
#main-footer input[type="password"],
#main-footer textarea {
    background: #23323a;
    width: 100%;
    border: none;
    padding: 8px 10px;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
}

#main-footer input[type="text"]:focus,
#main-footer input[type="password"]:focus,
#main-footer textarea:focus {
    outline: none;
    background: #364852;
}

.iconic-submit {
    position: relative;
}

.iconic-submit input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    bottom: 0;
    background: transparent;
    border: none;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    z-index: 10;
}

.iconic-submit input[type="submit"]:hover + .icons {
    color: #fff;
}

.iconic-submit .icons {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
}

#main-footer form {
    margin-bottom: 20px;
}

#main-footer .social-media {
    list-style: none;
    margin: -15px 0 0;
    padding: 0;
}

#main-footer .social-media li {
    display: inline-block;
    -webkit-transform: translateZ(0px);
    transition: color 0.2s, opacity 0.2s;
    -webkit-transition: color 0.2s, opacity 0.2s;
    -moz-transition: color 0.2s, opacity 0.2s;
}

#main-footer .social-media li a {
    font-size: 18px;
    color: #93a6b0;
}

#main-footer .social-media li:hover {
    -webkit-transform: scale(1.1) translateZ(0px);
    transform: scale(1.1);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}


/* Lower Footer */

#lower-footer {
    color: #547e93;
    background: #141d22;
    padding: 20px 0;
}

.page-border #lower-footer,
.page-border #lower-footer.king_alt,
.page-border #lower-footer.king_alt_2 {
    padding-bottom: 45px !important;
}

.alternate-slider-bg {
    position: relative;
    z-index: 100;
    background: #23acc1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23acc1), color-stop(100%, #0191d3));
    background: -webkit-linear-gradient(top, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%);
}

#lower-footer.king_alt .left-sec {
    text-align: left;
}

#lower-footer.king_alt .right-sec {
    text-align: right;
}

#lower-footer.king_alt .right-sec .social-media {
    text-align: right;
}

#lower-footer.king_alt,
#lower-footer.king_alt_2 {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 36px;
    text-transform: uppercase;
    color: #8b9698;
    letter-spacing: 0.2em;
    text-align: left;
}

#lower-footer.king_alt_2 > .container > .row {
    display: table;
    width: 100%;
}

#lower-footer.king_alt_2 > .container > .row > .col-md-4 {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

#lower-footer.king_alt_2 p {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
}

#lower-footer.king_alt {
    padding-top: 32px !important;
    padding-bottom: 10px !important;
}

#lower-footer.king_alt_2 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

#lower-footer.king_alt_2 a {
    color: #06a7bd;
}

#lower-footer.king_alt_2 .social-media {
    letter-spacing: normal;
}


/* Responsive Layout */

@media screen and (min-width:1200px) {
    .b960 #header.header-style-5.sticky-header #main-header > .container,
    body.w960 .container,
    body.b960 .container {
        width: 990px;
    }
    .col-lg-one-fifth {
        width: 20%;
    }
    .section.no-padding .wpb_column {
        padding: 0;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .project-single-details .project-single-sidebar {
        padding-left: 30px;
    }
    .project-single-details .project-single-preview {
        padding-right: 30px;
    }
    .project-single-sidebar:before {
        left: 0;
    }
    .services-list.style2 li {
        margin-top: 85px;
        margin-bottom: 40px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    #main-header #main-nav>li + li,
    #main-header div.menu>ul>li + li {
        margin-left: 10px;
    }
    .service,
    .team-member {
        margin-bottom: 40px;
    }
    .projects-section .col-one-fifth {
        width: 33.333333%;
    }
    .banner-content-inner {
        padding: 0;
        vertical-align: middle;
    }
    .banner-content-inner a.button {
        font-size: 12px;
    }
    .banner-content-inner .overlay {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .team-member img {
        width: 140px;
    }
    #main-nav>li,
    div.menu>ul>li {
        margin-right: 12px;
    }
    .lower-logo {
        display: none;
    }
    .circular-counter canvas {
        width: 150px;
        text-align: center;
    }
    .product-single,
    .product-single-image,
    .shop-product-details {
        display: block;
        width: 100%;
        padding: 0;
    }
    .product-single-image {
        margin-bottom: 20px;
    }
    .shopping-cart>tbody>tr>th {
        font-size: 10px;
        line-height: 18px;
        padding: 5px;
    }
    .shopping-cart td {
        padding: 5px;
    }
    .cart-subtotal th,
    .cart-subtotal td {
        padding: 10px;
    }
    .shopping-cart .coupon {
        float: none;
    }
    .shopping-cart .update-cart {
        margin: 10px 0;
        float: none;
    }
    .blog-post.recent-post ul.post-meta {
        display: inline-block;
    }
    .blog-post.recent-post .post-image {
        overflow: hidden;
        float: none;
        margin: 0 auto 20px;
    }
    .blog-post.recent-post .post-content {
        text-align: center;
    }
}
@media screen and (min-width:991px) {
    .dresp {
        display: block;
    }
    .lresp {
        display: none;
    }
    
}
@media screen and (max-width:991px) {
    .dresp {
        display: none;
    }
    .lresp {
        display: block;
    }
    #header.style-king #main-nav > li .sub-menu li:hover .sub-menu {
    display: block;
    left: inherit;
    position: relative;
    top: inherit;
}
    
    .woocommerce-message {
        text-align: center;
    }
    .woocommerce-message .button {
        float: none;
        display: block;
        width: 186px;
        margin: 20px auto;
    }
    #header.header-style-5 #main-header > .container > .row {
        display: block;
    }
    .onepage-wrapper .section:first-child {
        padding-top: 0 !important;
    }
    #header.columns3 .middle-column > a {
        float: left;
        margin-left: 20px;
    }
    .page-heading {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .project-single-details {
        display: block;
    }
    .project-single-sidebar:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .project-single-details .project-single-preview,
    .project-single-details .project-single-sidebar {
        padding-bottom: 90px;
    }
    .page-description .vc_column_container {
        padding-right: 15px;
        padding-left: 15px;
    }
    #lower-footer.king_alt .left-sec,
    #lower-footer.king_alt .right-sec {
        text-align: center;
    }
    #lower-footer.king_alt .right-sec .social-media {
        text-align: center;
    }
    .align-v .fp-scrollable > .row,
    .align-v .fp-tableCell > .row {
        display: block;
    }
    .align-v > .row,
    .align-v .fp-scrollable > .row,
    .align-v .fp-tableCell > .row {
        display: block;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }
	
	
	
	#main-nav li ul li.current-menu-item>a{
	
	color:#b39a71  !important
	}
}

@media screen and (min-width:768px) {
    .b1170 .king-page > .container > .row > section,
    .b960 .king-page > .container > .row > section {
        padding-right: 0;
        padding-left: 0;
    }
}

@media screen and (max-width:767px) {
    table,
    thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
        display: block;
    }
    .wp-calendar,
    #king-sideheader #wp-calendar,
    .king-blog-sidebar #wp-calendar {
        display: table;
    }
    .wp-calendar,
    #king-sideheader #wp-calendar thead,
    .king-blog-sidebar #wp-calendar thead {
        display: table-header-group;
    }
    .wp-calendar,
    #king-sideheader #wp-calendar tbody,
    .king-blog-sidebar #wp-calendar tbody {
        display: table-row-group;
    }
    .wp-calendar,
    #king-sideheader #wp-calendar tfoot,
    .king-blog-sidebar #wp-calendar tfoot {
        display: table-footer-group;
    }
    .wp-calendar,
    #king-sideheader #wp-calendar tr,
    .king-blog-sidebar #wp-calendar tr {
        display: table-row;
    }
    .wp-calendar,
    #king-sideheader #wp-calendar td,
    #wp-calendar th,
    .king-blog-sidebar #wp-calendar td,
    #wp-calendar th {
        display: table-cell;
    }
    .col-one-fifth {
        width: 100%;
    }
    .service,
    .team-member {
        margin-bottom: 40px;
    }
    .post-thumbnail img {
        width: 100%;
        margin: 0;
    }
    .king-blog-posts .post-thumbnail img {
        margin: 0;
    }
    .post-image {
        text-align: center;
    }
    span.post-day {
        font-size: 30px;
    }
    span.post-date,
    span.post-format {
        display: inline-block;
        margin: 0 10px;
    }
    .projects-section .col-one-fifth {
        width: 50%;
    }
    .client-logo {
        width: 50%;
        margin: 20px 0;
    }
    .services-list {
        margin: 20px 0;
    }
    .latest-tweets {
        display: block;
        padding: 20px 0;
        text-align: center;
    }
    .tweet-icon {
        display: inline-block;
        margin-bottom: 40px;
        padding-top: 15px;
    }
    .tweet-icon:after {
        border-width: 0 17px 17px 0;
        border-color: transparent #1f9cda transparent transparent;
        top: auto;
        right: 20px;
        bottom: -17px;
    }
    .tweet-carousel {
        display: block;
        padding: 0 0 30px;
    }
    .tweets-flexslider {
        padding-right: 40px;
    }
    .tweet-slider-arrows {
        position: absolute;
        bottom: -30px;
        right: auto;
        left: 50%;
        margin-left: -30px;
        color: #fff;
        font-size: 20px;
    }
    #main-footer h4 {
        margin-top: 40px;
    }
    .pricing-table-item {
        display: block;
    }
    .pricing-table-legend {
        padding: 20px 0;
    }
    .pricing-table-legend .table-content {
        text-align: center;
    }
    .project {
        border-right-color: transparent;
    }
    .project,
    .project-item {
        width: 100%;
    }
    .timeline-line {
        display: none;
    }
    .left-timeline-item {
        padding-right: 15px;
        position: relative;
    }
    .right-timeline-item {
        padding-left: 15px;
        position: relative;
    }
    .left-timeline-item:after,
    .left-timeline-item:before,
    .right-timeline-item:after,
    .right-timeline-item:before {
        display: none;
    }
    .banner-content-inner {
        padding: 0;
        vertical-align: middle;
    }
    .banner-content-inner a.button {
        font-size: 12px;
    }
    .banner-content-inner .overlay {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .shop-logos {
        display: block;
        text-align: center;
    }
    .shop-logos img {
        padding: 5px 10px;
    }
    .shop-logos li {
        display: block;
    }
    .shop-page-header .shop-header-links,
    .shop-page-header .breadcrumbs {
        text-align: center;
    }
    .shopping-cart,
    .shopping-cart tbody,
    .shopping-cart tfoot {
        width: 100%;
        display: block;
        text-align: center;
    }
    .shopping-cart tr {
        display: block;
    }
    .shopping-cart th {
        display: none;
    }
    .shopping-cart td {
        display: block;
    }
    .shopping-cart td + td {
        border: none;
    }
    .shopping-cart .featured-image {
        width: 100%;
        display: block;
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .cart-subtotal,
    .update-totals {
        display: block;
        width: auto;
        max-width: 270px;
    }
    .update-totals {
        margin-right: 0;
    }
    .cart-subtotal table {
        width: 100%;
    }
    .cart-subtotal th,
    .cart-subtotal td {
        padding: 5px;
        text-transform: uppercase;
        background: #fff;
        display: table-cell;
    }
    .cart-subtotal .price.blue {
        color: #008fd5;
    }
    .shopping-cart-button {
        display: block;
        margin-top: 20px;
    }
    .shopping-cart-button a.button {
        font-size: 14px;
    }
    .head-banner h1 {
        font-size: 40px;
        letter-spacing: 0;
        line-height: 50px;
    }
    .error404-section h1 {
        font-size: 32px;
        line-height: 36px;
    }
    .error404-section a.button.big {
        padding: 10px 20px;
    }
    .footer-contact-form > form {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin: 30px 0;
    }
    #main-content #slider,
    body .portfolio-extended-image,
    body .google-map-heading {
        margin-top: 0!important;
    }
    .team-member img {
        width: 100%;
    }
    .col-lg-3 .team-member img {
        width: 100%;
        max-width: 190px;
    }
    .tweets-flexslider {
        padding-right: 0;
    }
    .tweets-flexslider .slides li {
        height: auto;
    }
    a.portfolio-button {
        float: none;
    }
    .portfolio-arrows {
        text-align: center;
    }
    .page-heading.portfolio-heading.style2 h1 {
        margin: 20px 0 0;
    }
    #upper-header {
        padding: 10px 0;
    }
    #upper-header .item.left,
    #upper-header .item.right {
        float: none;
    }
    #upper-header .cart-menu-item {
        display: inline-block;
    }
    #upper-header .shopping-cart-dropdown {
        right: 50%;
        margin-right: -150px;
    }
    #upper-header .shopping-cart-dropdown:after {
        right: 50%;
        margin-right: -10px;
    }
    #header .text-list,
    #header .social-media,
    #upper-header .menu {
        display: none;
    }
    .col-one-fifth>img {
        margin-left: auto;
        margin-right: auto;
    }
    .sc-call-to-action,
    .sc-call-to-action .align-right {
        text-align: center;
    }
    .blog-post.recent-post ul.post-meta {
        display: inline-block;
    }
    .blog-post.recent-post .post-image {
        overflow: hidden;
        float: none;
        margin: 0 auto 20px;
    }
    .blog-post.recent-post .post-content {
        text-align: center;
    }
    .shopping-cart .actions {
        overflow: hidden;
    }
    .shopping-cart .coupon {
        float: none;
    }
    .shopping-cart .update-cart {
        float: none;
        margin-top: 10px;
    }
    .product-single,
    .product-single-image,
    .shop-product-details {
        display: block;
        width: 100%;
        padding: 0;
    }
    .product-single-image {
        margin-bottom: 20px;
    }
    .shop-we-recommend {
        padding: 20px 15px 20px 15px;
        margin-top: 30px;
    }
    .shop-products-recommend {
        padding-right: 20px;
    }
    nav.woocommerce-breadcrumb {
        text-align: center;
    }
    nav.woocommerce-breadcrumb .back-to {
        float: none;
    }
    .portfolio-1column-ext .project-item + .project-item {
        margin-top: 30px;
    }
    .page-heading,
    .page-heading h1,
    .page-heading h2,
    .page-heading h3,
    .page-heading h4,
    .page-heading h5,
    .page-heading h6,
    .page-heading .breadcrumbs {
        text-align: center;
    }
    .page-heading {
        padding-top: 30px;
    }
    span.post-date,
    span.post-format {
        display: block;
    }
    #header .logo img {
        height: auto;
        padding-right: 0;
        min-height: 0;
    }
    #header .logo {
        padding-right: 70px;
        min-height: 60px;
    }
    .blog-post-list .blog-post-meta {
        display: none;
    }
    .page-template-template-blog-list .load-more {
        padding-left: 16px;
    }
    .timeline-container {
        height: auto !important;
    }
    .left-timeline-item,
    .right-timeline-item {
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }
    .timeline-row:before {
        content: none;
    }
    .timeline-row:after {
        content: none;
    }
    .blog-post-alternate .blog-post-meta {
        display: none;
    }
    #projects-container.full-width-portfolio .mix {
        width: 100%;
    }
    .project-single-details .king-comment-form .comment-respond {
        border: none;
        padding-right: 0;
        padding-left: 0;
    }
    .king-comments ul ul {
        padding-left: 0 !important;
    }
    .king-comments li li:before {
        content: none;
    }
    .king-comments .comment-inner header > div {
        display: block !important;
        text-align: left;
    }
    .king-comments .comment-edit-link {
        margin-left: 0 !important;
    }
    .king-comments .comment-reply-link + .comment-edit-link {
        margin-left: 10px !important;
    }
    body.headerstyle-king .page-heading.style2 {
        padding-top: 80px !important;
        padding-bottom: 60px;
    }
    .shop-banner .banner-content-wrapper .overlay {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .shop-banner a.button {
        font-size: 14px;
        padding: 0 40px;
    }
    .shop-banner .banner-content-wrapper .overlay.style3 h2 {
        margin-bottom: 25px;
    }
    .shop-banner .banner-content-wrapper .overlay.style3 h5 {
        text-indent: 0;
    }
    .shop-banner .banner-content-wrapper .overlay.style3 {
        float: none;
    }
    .testimonials-style2 .nav {
        text-align: center;
        margin-top: 80px;
    }
    .testimonials-style2 .testimonial {
        padding-right: 0;
        padding-left: 0;
    }
    .testimonials-style2 .nav .next-slide,
    .testimonials-style2 .nav .prev-slide {
        display: none;
    }
    .testimonials-style2 .nav .owl-prev,
    .testimonials-style2 .nav .owl-next {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        display: inline-block;
        margin: 0 30px;
    }
}

@media screen and (max-width:500px) {
    .projects-section .col-one-fifth {
        width: 100%;
    }
    .client-logo {
        width: 100%;
    }
    .tabs.style2>div {
        display: block;
        width: 100%!important;
    }
    .tab-header ul li {
        display: block;
    }
    .staling {
        display: none;
    }
}

@media screen and (max-width:320px) {
    .blog-post-list .blog-post-meta,
    .blog-post-alternate .blog-post-meta {
        display: none;
    }
}

.ts-map {
    width: 100%;
}

.ts-map #ts-map-ci {
    width: 100%;
}


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


/*          King Project          */


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

body {
    font-family: 'Lato', Arial, sans-serif;
}


/* King Sideheader */

#king-sideheader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    background: #222a2c;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    padding: 45px 37px;
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    -webkit-transition: z-index 0.01s cubic-bezier(.68, 0, .29, 1), -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: z-index 0.01s cubic-bezier(.68, 0, .29, 1), -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: z-index 0.01s cubic-bezier(.68, 0, .29, 1), transform 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: z-index 0.01s cubic-bezier(.68, 0, .29, 1), transform 0.8s cubic-bezier(.68, 0, .29, 1), -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#king-sideheader .sideheader-inner {
    /*position: relative;*/
    height: 100%;
    padding-bottom: 30px;
}

.admin-bar:not(.boxed-layout2) #king-sideheader {
    padding-top: 65px;
}

#king-sideheader.is-visible {
    opacity: 1;
    visibility: visible;
}

.page-border #king-sideheader {
    top: 30px;
    right: 30px;
    bottom: 30px;
}

.boxed-layout2 #king-sideheader {
    position: absolute;
    top: 62px;
    right: 30px;
    padding: 0;
}

.boxed-layout2 #king-sideheader .sideheader-inner {
    position: fixed;
    padding: 45px 32px;
}

.king-sideheader-opened #king-sideheader {
    -webkit-transition: z-index 0.1s 0.8s cubic-bezier(.68, 0, .29, 1), -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: z-index 0.1s 0.8s cubic-bezier(.68, 0, .29, 1), -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: z-index 0.1s 0.8s cubic-bezier(.68, 0, .29, 1), transform 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: z-index 0.1s 0.8s cubic-bezier(.68, 0, .29, 1), transform 0.8s cubic-bezier(.68, 0, .29, 1), -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    z-index: 999999;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#footer,
#marine-content-inner {
    position: relative;
    z-index: 2;
    overflow: hidden;
    -webkit-transition: all 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: all 0.8s cubic-bezier(.68, 0, .29, 1);
}

#main-content > .container:after,
.king-page > .container:after,
#footer:after,
#main-footer > .container:after,
#lower-footer > .container:after,
#marine-content-inner:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 1px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    background: rgba(34, 42, 44, 0.5);
    -webkit-transition: all 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: all 0.8s cubic-bezier(.68, 0, .29, 1);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

#main-footer > .container,
#lower-footer > .container,
#main-content > .container,
.king-page > .container {
    position: relative;
}

#main-footer > .container:after,
#lower-footer > .container:after,
#main-content > .container:after,
.king-page > .container:after {
    display: none;
}

.b1170 #main-footer > .container:after,
.b1170 #lower-footer > .container:after,
.b960 #main-footer > .container:after,
.b960 #lower-footer > .container:after,
.b1170 #main-content > .container:after,
.b960 #main-content > .container:after,
.b1170 .king-page > .container:after,
.b960 .king-page > .container:after {
    display: block;
}

.b1170 #footer:after,
.b960 #footer:after,
.b1170 #marine-content-inner:after,
.b960 #marine-content-inner:after {
    display: none;
}

.boxed-layout2 #marine-content-inner:after {
    top: 31px;
    -webkit-transform: translateX(0) translateY(31px);
    transform: translateX(0) translateY(31px);
}

.king-sideheader-opened #main-footer > .container:after,
.king-sideheader-opened #lower-footer > .container:after,
.king-sideheader-opened #main-content > .container:after,
.king-sideheader-opened .king-page > .container:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.king-sideheader-opened #footer:after,
.king-sideheader-opened #marine-content-inner:after {
    opacity: 1;
    visibility: visible;
}

.king-sideheader-opened #header #preheader,
.king-sideheader-opened #header #main-header,
.king-sideheader-opened #footer,
.king-sideheader-opened #marine-content-inner {
    -webkit-transform: translateX(-300px) translateZ(0) !important;
    transform: translateX(-300px) translateZ(0) !important;
}

.king-sideheader-opened #header.sticky-header #main-header {
    -webkit-transform: translateX(-300px) translateZ(0) !important;
    transform: translateX(-300px) translateZ(0) !important;
}

.page-border.king-sideheader-opened #header #preheader,
.page-border.king-sideheader-opened #header #main-header,
.page-border.king-sideheader-opened #marine-content-inner {
    -webkit-transform: translateX(-330px) translateZ(0) !important;
    transform: translateX(-330px) translateZ(0) !important;
}

#king-sideheader-close-button {
    display: none;
    position: absolute;
    top: 52px;
    right: 30px;
    width: 15px;
    height: 15px;
    background: url(../img/sprites/king-close-icon.png) no-repeat;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#king-sideheader-close-button:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#king-sideheader {
    color: white;
}

#king-sideheader ul {
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    list-style: none;
}

#king-sideheader ul li + li {
    margin-top: 5px;
}

#king-sideheader ul li a {
    text-transform: none !important;
}

#king-sideheader a {
    color: #ccc;
}

#king-sideheader .menu-title {
    color: #fff;
    font-size: 20px;
    margin-top: 0;
}

#king-sideheader .widget + .widget {
    margin-top: 40px;
}

#king-sideheader a:hover {
    color: #fff;
}

#king-sideheader #wp-calendar a,
.king-blog #wp-calendar a,
.king-page #wp-calendar a {
    color: #f97854;
}

#king-sideheader #wp-calendar a:hover,
.king-blog #wp-calendar a:hover,
.king-page #wp-calendar a:hover {
    color: #2b3031;
}

.king-page .sidebar ul li {
    padding: 10px 0;
}

.king-page .sidebar ul.sub-menu > li {
    padding-bottom: 0;
}

.king-page .sidebar ul li.menu-item-has-children {
    padding-bottom: 0;
}


/* King Preheader */

#preheader {
    background: white;
    color: #222a2c;
    font-family: 'lato', sans-serif;
    font-weight: 400;
    padding: 9px 0 8px;
    font-size: 14px;
    position: relative;
    z-index: 10000;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1), background 0.8s cubic-bezier(.68, 0, .29, 1), opacity 0.8s cubic-bezier(.68, 0, .29, 1);
    -webkit-transition: background 0.8s cubic-bezier(.68, 0, .29, 1), opacity 0.8s cubic-bezier(.68, 0, .29, 1), -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: background 0.8s cubic-bezier(.68, 0, .29, 1), opacity 0.8s cubic-bezier(.68, 0, .29, 1), -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: transform 0.8s cubic-bezier(.68, 0, .29, 1), background 0.8s cubic-bezier(.68, 0, .29, 1), opacity 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: transform 0.8s cubic-bezier(.68, 0, .29, 1), background 0.8s cubic-bezier(.68, 0, .29, 1), opacity 0.8s cubic-bezier(.68, 0, .29, 1), -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
}

.b1170 #preheader {
    width: 1170px;
    margin: 0 auto;
}

#preheader.full-width-without-container {
    padding: 17px 80px;
}

#preheader a {
    color: #222a2c;
}

#preheader a:hover {
    color: #f97352;
}

#header.style-light #preheader {
    background: #222a2c;
    color: white;
}

#header.style-light #preheader .text-list li {
    color: white;
}

#header.style-light #preheader a {
    color: white;
    border-color: white;
}

.transparent-header #header.header-light #preheader,
.transparent-header #header.style-light #preheader {
    background: rgba(43, 48, 49, 0.25);
}

.transparent-header #header.header-dark #preheader,
.transparent-header #header.style-dark #preheader {
    background: rgba(255, 255, 255, 0.25);
    color: #222a2c;
}

.transparent-header #header.header-dark #preheader a,
.transparent-header #header.style-dark #preheader a {
    color: #222a2c;
    border-color: #222a2c;
}

.transparent-header #header.header-dark #preheader a:hover,
.transparent-header #header.style-dark #preheader a:hover {
    color: #f97352;
    border-color: #f97352;
}

.transparent-header #header.header-dark #preheader .text-list li,
.transparent-header #header.style-dark #preheader .text-list li {
    color: #222a2c;
}

#header.style-light #preheader a:hover {
    color: #f97352;
    border-color: #f97352;
}

.king-preheader .text-list {
    text-transform: none;
}

.king-preheader .text-list li {
    font-size: 14px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    margin-right: 17px;
}

.king-preheader .text-list li i {
    font-size: 22px;
    display: inline-block;
    margin-right: 5px;
}

#header.style-light #preheader .king-preheader .shopping-cart-dropdown a,
.king-preheader .shopping-cart-dropdown a {
    color: #ffffff;
}

#header.style-light #preheader .king-preheader .shopping-cart-dropdown a:hover,
.king-preheader .shopping-cart-dropdown a:hover {
    color: #f97352;
}

#preheader .king-preheader .cart-menu-item,
#preheader .king-preheader #menu-shop-header li {
    font-style: 'Lato', sans-serif;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    margin-right: 16px;
}

#preheader .king-preheader #menu-shop-header li:not(:last-child):after {
    content: '|';
    position: relative;
    bottom: 1px;
    padding-left: 16px;
}

#header.style-king.style-dark .text-list li {
    color: #222a2c;
}

#header.style-king .text-list li + li {
    margin-left: 20px;
}

#header.style-king .text-list li i.icons {
    font-size: 18px;
    margin-right: 5px;
}

#king-sideheader .social-media ul li a,
#header.style-king .social-media li a {
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    color: #2b3031;
    border: 1px solid #2b3031;
    width: 26px;
    height: 26px;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transition: color .3s, border .3s;
    -webkit-transition: color .3s, border .3s;
    -moz-transition: color .3s, border .3s;
}

#header.style-king.style-dark .social-media li a {
    color: #222a2c;
    border-color: #222a2c;
}

#header.style-king.style-dark #main-nav > li > a,
#header.style-king.header-dark #main-nav > li > a {
    color: #2b3031;
}

#header.style-king .social-media li + li {
    margin-left: 8px;
}

#king-sideheader .social-media li:hover,
#header.style-king .social-media li:hover {
    -webkit-transform: none;
    transform: none;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#header.style-king .social-media li:hover a {
    color: #f97352;
    border-color: #f97352;
}

#header.style-king.sticky-header #preheader {
    display: none;
}


/* King Header */

#header.style-king #main-header {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    padding: 30px 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: transform 0.8s cubic-bezier(.68, 0, .29, 1);
    transition: transform 0.8s cubic-bezier(.68, 0, .29, 1), -webkit-transform 0.8s cubic-bezier(.68, 0, .29, 1);
}

#header.header-style-5.style-king #main-header {
    padding: 0;
}

#header.style-king.style-light #main-header,
#header.style-king.header-light #main-header {
    background: #2f2f2f;
}

body.b1170 #header.style-king.style-light #main-header,
body.b1170 #header.style-king.header-light #main-header {
    background: transparent;
    padding: 0;
}

.b1170 #header.style-king.style-light #main-header > .container,
.b1170 #header.style-king.header-light #main-header > .container {
    background: #2e383b;
}

.b1170 #header.style-king #main-header > .container {
    padding: 30px 30px 0;
}

.woocommerce.b1170 #header.style-king.style-light #main-header > .container,
.woocommerce-page.b1170 #header.style-king.header-light #main-header > .container {
    background: transparent;
}

.b1170 #header.header-style-5.style-king #main-header > .container {
    padding: 0 30px;
}

.b1170 #header.header-style-5.sticky-header #main-header > .container {
    padding: 0 15px;
}

.b1170 #header.sticky-header.style-king.style-light #main-header > .container,
.b1170 #header.sticky-header.style-king.header-light #main-header > .container {
    background: rgba(46, 56, 59, .6);
}

.b1170 #header.sticky-header.style-king.style-light.header-style-5 #main-header > .container,
.b1170 #header.sticky-header.style-king.header-light.header-style-5 #main-header > .container,
.b1170 #header.sticky-header.style-king.style-dark.header-style-5 #main-header > .container,
.b1170 #header.sticky-header.style-king.header-dark.header-style-5 #main-header > .container {
    background: white;
}

.transparent-header.b1170 #header.style-king.style-light:not(.sticky-header) #main-header > .container,
.transparent-header.b1170 #header.style-king.header-light:not(.sticky-header) #main-header > .container {
    background: transparent;
}

.b1170 #header.style-king.sticky-header:not(.header-style-5) #main-header > .container {
    padding-top: 16px;
}

#header.style-king.sticky-header.columns3 #main-header > .container,
.b1170 #header.style-king.sticky-header.style-gradient #main-header > .container {
    padding-top: 16px;
}

body.transparent-header #header.style-king.style-light:not(.sticky-header) #main-header,
body.transparent-header #header.style-king.header-light:not(.sticky-header) #main-header,
body.transparent-header #header.style-king.style-dark:not(.sticky-header) #main-header,
body.transparent-header #header.style-king.header-dark:not(.sticky-header) #main-header {
    background: transparent;
}

body.woocommerce #header.style-king:not(.sticky-header) #main-header,
body.woocommerce-page #header.style-king:not(.sticky-header) #main-header {
    padding-top: 35px;
}

body.woocommerce.b1170 #header.style-king:not(.sticky-header) #main-header,
body.woocommerce-page.b1170 #header.style-king:not(.sticky-header) #main-header {
    padding-top: 0;
}

body.woocommerce #header.style-king.style-light:not(.sticky-header) #main-header,
body.woocommerce #header.style-king.header-light:not(.sticky-header) #main-header {
    background: rgba(34, 42, 44, 0.5);
}

body.woocommerce #header.style-king.style-dark:not(.sticky-header) #main-header,
body.woocommerce #header.style-king.header-dark:not(.sticky-header) #main-header {
    background: rgba(255, 255, 255, 0.9);
}

body.woocommerce.single #header.style-king.style-light:not(.sticky-header) #main-header,
body.woocommerce.single #header.style-king.header-light:not(.sticky-header) #main-header {
    background: #222a2c;
}

body.woocommerce.single #header.style-king.style-dark:not(.sticky-header) #main-header,
body.woocommerce.single #header.style-king.header-dark:not(.sticky-header) #main-header {
    background: #ffffff;
}

body.b1170.woocommerce #header.style-king.style-light:not(.sticky-header) #main-header,
body.b1170.woocommerce #header.style-king.header-light:not(.sticky-header) #main-header,
body.b1170.woocommerce #header.style-king.style-dark:not(.sticky-header) #main-header,
body.b1170.woocommerce #header.style-king.header-dark:not(.sticky-header) #main-header {
    background: transparent;
}

body.b1170.woocommerce #header.style-king.style-light:not(.sticky-header) #main-header > .container,
body.b1170.woocommerce #header.style-king.header-light:not(.sticky-header) #main-header > .container {
    background: rgba(34, 42, 44, 0.5);
}

body.b1170.woocommerce #header.style-king.style-dark:not(.sticky-header) #main-header > .container,
body.b1170.woocommerce #header.style-king.header-dark:not(.sticky-header) #main-header > .container {
    background: rgba(255, 255, 255, 0.9);
}

#header.style-king.sticky-header #main-header {
    background: #fff;
    background: rgba(255, 255, 255, .6);
    padding: 15px 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.b1170 #header.style-king.sticky-header #main-header {
    box-shadow: none;
}

.b1170 #header.style-king.sticky-header #main-header > .container {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

#header.style-king.sticky-header.header-style-5.sticky-header #main-header {
    padding: 0;
}

body.woocommerce #header.sticky-header #main-header {
    padding-top: 16px;
}

#header.style-king.style-light.sticky-header #main-header,
#header.style-king.header-light.sticky-header #main-header {
    background: #222a2c;
}

#header.style-king.sticky-header.header-dark #main-header,
#header.style-king.sticky-header.style-dark #main-header {
    background: #fff;
}

.b1170 #header.style-king.sticky-header.header-dark #main-header > .container,
.b1170 #header.style-king.sticky-header.style-dark #main-header > .container,
#header.style-king.style-light.sticky-header.sticky-header-dark #main-header,
#header.style-king.header-light.sticky-header.sticky-header-dark #main-header,
#header.style-king.sticky-header.header-dark.sticky-header-dark #main-header,
#header.style-king.sticky-header.style-dark.sticky-header-dark #main-header {
    background: #fff;
}

.b1170 #header.style-king.style-light.sticky-header #main-header > .container,
.b1170 #header.style-king.header-light.sticky-header #main-header > .container,
#header.style-king.style-light.sticky-header.sticky-header-light #main-header,
#header.style-king.header-light.sticky-header.sticky-header-light #main-header,
#header.style-king.sticky-header.header-dark.sticky-header-light #main-header,
#header.style-king.sticky-header.style-dark.sticky-header-light #main-header {
    background: #222a2c;
}

.b1170 #header.style-king.sticky-header.sticky-header-dark #main-header > .container,
#header.style-king.sticky-header.sticky-header-dark #main-header {
    background: #ffffff !important;
}

.b1170 #header.style-king.sticky-header.sticky-header-light #main-header > .container,
#header.style-king.sticky-header.sticky-header-light #main-header {
    background: #222a2c !important;
}

.b1170 #header.style-king.style-light.sticky-header #main-header,
.b1170 #header.style-king.header-light.sticky-header #main-header,
.b1170 #header.style-king.sticky-header.header-dark #main-header,
.b1170 #header.style-king.sticky-header.style-dark #main-header {
    background: transparent !important;
}

#header.style-king.sticky-header #main-header #main-nav > li > a {
    padding-bottom: 15px;
}

#header.style-king #main-header #main-nav,
#navigation-lightbox #main-nav,
#navigation-lightbox #main-nav div.menu > ul,
#header.style-king #main-header div.menu > ul {
    margin-top: 25px;
}

#header.style-king.sticky-header.sticky-header-dark #main-header #main-nav > li > a {
    color: #222a2c;
}

#header.style-king.sticky-header.sticky-header-light #main-header #main-nav > li > a {
    color: #ffffff;
}

#header.style-king.header-style-5.sticky-header #main-header #main-nav > li > a {
    padding: 12px 0;
}

#header.style-king.header-style-5 #main-header #main-nav {
    margin-top: 0;
    position: relative;
}

#header.style-king.header-style-5 #main-header #search-box,
#header.style-king.header-style-5 #main-header #search-box-pre {
    margin-top: 47px;
    margin-bottom: 54px;
}

#header.style-king.header-style-5 #main-header #sideheader-button {
    margin-top: 50px;
    margin-bottom: 55px;
}

.b1170 #header.style-king.header-style-5.sticky-header #main-header {
    box-shadow: none;
}

#header.style-king.sticky-header #main-header img.logo {
    max-height: 35px;
    width: auto;
}

.b1170 #header.style-king.header-style-5.sticky-header #main-header > .container {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

#header.style-king.header-style-5.sticky-header #main-header #search-box,
#header.style-king.header-style-5.sticky-header #main-header #search-box-pre {
    margin-top: 12px !important;
    margin-bottom: 9px;
}

#header.style-king.header-style-5.sticky-header #main-header #sideheader-button {
    margin-top: 16px !important;
    margin-bottom: 10px;
}

body.woocommerce #header.style-king #main-header #main-nav,
body.woocommerce-page #header.style-king #main-header #main-nav {
    margin-top: 18px;
}

body.woocommerce #header.style-king.sticky-header #main-header #main-nav,
body.woocommerce-page #header.style-king.sticky-header #main-header #main-nav {
    margin-top: 4px;
}

#header.style-king.sticky-header #main-header #main-nav,
#header.style-king.sticky-header #main-header div.menu > ul {
    margin-top: 4px;
}

#header.style-king.header-style-5.sticky-header #main-nav > li > a {
    padding: 25px 0;
}

#header.style-king.sticky-header #main-nav .mega-menu {
    padding-top: 0;
}

#header.style-king #main-nav li a {
    font-size: 12px!important;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
    border-bottom: 2px solid transparent;
    -webkit-transition: color .3s, opacity .3s, border .3s;
    transition: color .3s, opacity .3s, border .3s;
}

#header.style-king.sticky-header #main-nav li a {
    font-size: 11px !important;
}

#header.style-king.header-style-5 #main-nav > li.menu-item-has-children > a:after {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    width: auto;
    height: auto;
    vertical-align: middle;
    margin-left: 7px;
}

#header.style-king #main-nav > li:hover > a,
#header.style-king #main-nav > li > a:hover {
    color: #fff;
    opacity: 0.6;
}

.transparent-header #header.style-king:not(.sticky-header).style-dark #main-nav > li:hover > a,
.transparent-header #header.style-king:not(.sticky-header).style-dark #main-nav > li > a:hover,
.transparent-header #header.style-king:not(.sticky-header).header-dark #main-nav > li:hover > a,
.transparent-header #header.style-king:not(.sticky-header).header-dark #main-nav > li > a:hover {
    color: #222a2c;
}

#header.style-king.header-style-5 #main-nav li a {
    font-family: 'Lato', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
}

.transparent-header #header.style-king.style-gradient #main-header {
    padding: 25px 0 0;
}

.transparent-header #header.style-king.style-gradient.sticky-header #main-header {
    padding-top: 16px;
}

.b1170.transparent-header #header.style-king.style-gradient #main-header {
    padding: 0;
}

.b1170.transparent-header #header.style-king.style-gradient:not(.sticky-header) #main-header > .container {
    padding-top: 25px;
}

.transparent-header #header.style-king.style-dark.style-gradient:not(.sticky-header) #main-header,
.transparent-header #header.style-king.style-dark.style-gradient:not(.sticky-header) #main-header,
.transparent-header #header.style-king.header-dark.style-gradient:not(.sticky-header) #main-header,
.transparent-header #header.style-king.header-dark.style-gradient:not(.sticky-header) #main-header {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.transparent-header #header.style-king.style-light.style-gradient:not(.sticky-header) #main-header,
.transparent-header #header.style-king.style-light.style-gradient:not(.sticky-header) #main-header,
.transparent-header #header.style-king.header-light.style-gradient:not(.sticky-header) #main-header,
.transparent-header #header.style-king.header-light.style-gradient:not(.sticky-header) #main-header {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(26, 30, 31, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(26, 30, 31, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(26, 30, 31, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.b1170.transparent-header #header.style-king.style-dark.style-gradient:not(.sticky-header) #main-header,
.b1170.transparent-header #header.style-king.style-dark.style-gradient:not(.sticky-header) #main-header,
.b1170.transparent-header #header.style-king.header-dark.style-gradient:not(.sticky-header) #main-header,
.b1170.transparent-header #header.style-king.header-dark.style-gradient:not(.sticky-header) #main-header {
    background: transparent;
}

.b1170.transparent-header #header.style-king.style-light.style-gradient:not(.sticky-header) #main-header,
.b1170.transparent-header #header.style-king.style-light.style-gradient:not(.sticky-header) #main-header,
.b1170.transparent-header #header.style-king.header-light.style-gradient:not(.sticky-header) #main-header,
.b1170.transparent-header #header.style-king.header-light.style-gradient:not(.sticky-header) #main-header {
    background: transparent;
}

.b1170.transparent-header #header.style-king.style-dark.style-gradient:not(.sticky-header) #main-header > .container,
.b1170.transparent-header #header.style-king.style-dark.style-gradient:not(.sticky-header) #main-header > .container,
.b1170.transparent-header #header.style-king.header-dark.style-gradient:not(.sticky-header) #main-header > .container,
.b1170.transparent-header #header.style-king.header-dark.style-gradient:not(.sticky-header) #main-header > .container {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.b1170.transparent-header #header.style-king.style-light.style-gradient:not(.sticky-header) #main-header > .container,
.b1170.transparent-header #header.style-king.style-light.style-gradient:not(.sticky-header) #main-header > .container,
.b1170.transparent-header #header.style-king.header-light.style-gradient:not(.sticky-header) #main-header > .container,
.b1170.transparent-header #header.style-king.header-light.style-gradient:not(.sticky-header) #main-header > .container {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(26, 30, 31, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(26, 30, 31, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(26, 30, 31, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.transparent-header #header.style-king:not(.sticky-header) #main-nav > li > a {
    padding-bottom: 20px;
}

body.woocommerce #header.style-king:not(.sticky-header) #main-nav > li > a,
body.woocommerce-page #header.style-king:not(.sticky-header) #main-nav > li > a {
    padding-bottom: 45px;
}

#header.style-king.style-dark .navigation-toggle-wrapper #main-nav > li.current-menu-item > a,
#header.style-king.style-dark .navigation-toggle-wrapper #main-nav > li:hover > a {
    color: #222a2c;
}

#header.style-king #main-nav>li.menu-item-has-children>a:after,
#header.style-king div.menu>ul>li.menu-item-has-children>a:after,
#header.style-king #main-nav>li.page_item_has_children>a:after,
#header.style-king div.menu>ul>li.page_item_has_children>a:after {
    background: url(../img/sprites/king-menu-arrow.png) no-repeat;
    width: 10px;
    top: -1px;
    height: 6px;
    content: none;
}

#header.style-king.style-dark #main-nav>li.menu-item-has-children>a:after,
#header.style-king.style-dark div.menu>ul>li.menu-item-has-children>a:after,
#header.style-king.style-dark #main-nav>li.page_item_has_children>a:after,
#header.style-king.style-dark div.menu>ul>li.page_item_has_children>a:after {
    background: none;
}

#navigation-lightbox #main-nav > li > a,
#header.style-king #main-nav > li > a {	}

#header.style-king.header-style-5 #main-nav > li > a {
    padding: 25px 0;
}

#header.style-king.header-style-5 #main-nav > li > a:hover {
    color: white;
}

#navigation-lightbox #main-nav .mega-menu .mega-menu-footer,
#header.style-king #main-nav .mega-menu .mega-menu-footer {
    display: none;
}

#navigation-lightbox #main-nav > li > .mega-menu,
#navigation-lightbox #main-nav > li > .sub-menu,
#header.style-king #main-nav > li > .mega-menu,
#header.style-king #main-nav > li > .sub-menu {
    margin-top: 0;
    top: 100%;
}

#navigation-lightbox #main-nav .mega-menu li span,
#header.style-king #main-nav .mega-menu li span {
    font-family: 'nevis', sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    color: #a7a7a7;
    padding: 0 30px;
    margin-bottom: 2px;
}

#header.style-king .mega-menu > ul,
#navigation-lightbox #main-nav .mega-menu > ul,
#navigation-lightbox #main-nav > li .sub-menu,
#header.style-king #main-nav > li .sub-menu {
    background: rgba(255, 255, 255, 0.9);
}

#navigation-lightbox #main-nav .mega-menu,
#header.style-king .mega-menu {
    padding-top: 0;
}

#navigation-lightbox #main-nav .mega-menu > ul,
#header.style-king .mega-menu > ul {
    padding-top: 34px;
}

#navigation-lightbox #main-nav li > .sub-menu,
#header.style-king #main-nav li > .sub-menu {
    padding-bottom: 27px;
}

#navigation-lightbox #main-nav .sub-menu li a,
#header.style-king #main-nav .sub-menu li a {
    font-family: 'Lato', Arial, sans-serif;
    font-weight: 300;
    font-size: 14px !important;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: none;
    padding: 10px 50px 4px 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;

}

#navigation-lightbox #main-nav .sub-menu li a,
#header.style-king #main-nav .sub-menu li a {}

#navigation-lightbox #main-nav .sub-menu li a:before,
#header.style-king #main-nav .sub-menu li a:before {
    content: '\f105' !important;
    font: normal normal normal 8px/1 FontAwesome;
    margin-right: 11px;
    background: none;
    position: relative;
    top: -2px;
}

#navigation-lightbox #main-nav .sub-menu li a:hover,
#header.style-king #main-nav .sub-menu li a:hover {

    opacity: 1 !important;
}

#navigation-lightbox #main-nav .mega-menu > ul > li + li:before,
#header.style-king #main-nav .mega-menu > ul > li + li:before {
    border: 1px solid #2e383b;
    bottom: 49px;
    top: 5px;
}

#navigation-lightbox #main-nav li ul,
#header.style-king #main-nav li ul,
#header.style-king #header div.menu > ul li ul {
    min-width: 223px;
}

#navigation-lightbox #main-nav > li .sub-menu,
#header.style-king #main-nav > li .sub-menu {
    padding-top: 20px !important;
}

#navigation-lightbox #main-nav > li .mega-menu .sub-menu .sub-menu,
#header.style-king #main-nav > li .mega-menu .sub-menu .sub-menu {
    padding-top: 0 !important;
    border-top: none;
    background: none;
}

#navigation-lightbox #main-nav .mega-menu li:hover > a,
#header.style-king #main-nav .mega-menu li:hover > a {
    opacity: 0.6;
}


/*King header 2 style */

#header.style2-king #main-header {
    background: none!important;
    height: auto!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    opacity: 1!important;
}

#header.style2-king.sticky-header #main-header {
    background: #fff;
    padding: 10px 0;
}

#header.style2-king.sticky-header .logo img {
    height: 42px;
}

#header.style2-king #main-header #main-nav,
#header.style-king #main-header div.menu > ul {
    margin-top: 20px;
}

#header.style2-king.sticky-header #main-header #main-nav,
#header.style-king.sticky-header #main-header div.menu>ul {
    margin-top: 10px;
    margin-left: 0 !important;
}

#header.style2-king #main-nav>li>a,
#header.style-king div.menu>ul>li>a {
    font-size: 14px;
    color: black;
}

#header.style2-king.sticky-header #main-nav>li>a,
#header.style-king.sticky-header div.menu>ul>li>a {
    font-size: 14px;
    color: black;
}

#header.style2-king #main-nav>li.menu-item-has-children>a:after,
#header.style2-king div.menu>ul>li.menu-item-has-children>a:after,
#header.style2-king #main-nav>li.page_item_has_children>a:after,
#header.style2-king div.menu>ul>li.page_item_has_children>a:after {
    background: url(../img/sprites/king-menu-arrow.png) no-repeat;
    width: 10px;
    top: -1px;
    height: 6px;
}


/*King header 2 style ends*/

#header.style-king #main-header #search-box,
#header.style-king #main-header #search-box-pre {
    margin-top: 22px;
}

#header.style-king #main-header #sideheader-button {
    margin-top: 26px;
}

#header.style-king #search-box i.icons {
    color: #2b3031;
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#header.style-king.header-style-5 #search-box i.icons {
    font-size: 17px;
}

#header.style-king.style-light #search-box i.icons,
#header.style-king.header-light #search-box i.icons {
    color: #fff;
}

#header.style-king.sticky-header.sticky-header-dark #search-box i.icons,
#header.style-king.sticky-header.sticky-header-dark #search-box i.icons {
    color: #222a2c;
}

#header.style-king.style-dark #search-box:hover i.icons,
#header.style-king.header-dark #search-box:hover i.icons,
#header.style-king.style-light #search-box:hover i.icons,
#header.style-king.header-light #search-box:hover i.icons {
    /*color: #f97352;*/
}

body.transparent-header #header.style-king.style-dark #search-box:hover i.icons,
body.transparent-header #header.style-king.header-dark #search-box:hover i.icons {
    color: white;
}

#sideheader-button {
    width: 20px;
    display: block;
    float: right;
    margin-top: 18px;
    margin-left: 15px;
    cursor: pointer;
}

#header.style-king.sticky-header #sideheader-button {
    margin-top: 4px !important;
}

#sideheader-button span {
    position: relative;
    top: 0;
    display: block;
    height: 2px;
    background: #2b3031;
    margin: 5px 0;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotateZ(0) translateY(0);
    transform: rotateZ(0) translateY(0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(.68, .01, .44, .99), top 0.3s 0.25s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99);
    -webkit-transition: top 0.3s 0.25s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99), -webkit-transform 0.3s cubic-bezier(.68, .01, .44, .99);
    transition: top 0.3s 0.25s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99), -webkit-transform 0.3s cubic-bezier(.68, .01, .44, .99);
    transition: transform 0.3s cubic-bezier(.68, .01, .44, .99), top 0.3s 0.25s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99);
    transition: transform 0.3s cubic-bezier(.68, .01, .44, .99), top 0.3s 0.25s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99), -webkit-transform 0.3s cubic-bezier(.68, .01, .44, .99);
}

#header.style-king.header-light #sideheader-button span,
#header.style-king.style-light #sideheader-button span,
#header.style-king.sticky-header.sticky-header-light #sideheader-button span,
#header.style-king.sticky-header.sticky-header-light #sideheader-button span {
    background: #FFF;
}

#header.style-king.sticky-header.sticky-header-dark #sideheader-button span,
#header.style-king.sticky-header.sticky-header-dark #sideheader-button span {
    background: #222a2c;
}

body.transparent-header #header.style-dark #sideheader-button:hover span,
body.transparent-header #header.header-dark #sideheader-button:hover span {
    background: white;
}

.king-sideheader-opened #sideheader-button span {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s 0.25s cubic-bezier(.68, .01, .44, .99), top 0.3s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99);
    -webkit-transition: top 0.3s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99), -webkit-transform 0.3s 0.25s cubic-bezier(.68, .01, .44, .99);
    transition: top 0.3s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99), -webkit-transform 0.3s 0.25s cubic-bezier(.68, .01, .44, .99);
    transition: transform 0.3s 0.25s cubic-bezier(.68, .01, .44, .99), top 0.3s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99);
    transition: transform 0.3s 0.25s cubic-bezier(.68, .01, .44, .99), top 0.3s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99), -webkit-transform 0.3s 0.25s cubic-bezier(.68, .01, .44, .99);
}

.king-sideheader-opened #sideheader-button span:first-child {
    top: 6.5px;
    -webkit-transform: rotateZ(45deg) translateY(-9px);
    transform: rotateZ(45deg) translateY(-9px);
}

.king-sideheader-opened #header.header-style-5 #sideheader-button span:first-child {
    top: 6.5px;
}

.king-sideheader-opened #sideheader-button span:last-child {
    top: -6.5px;
    -webkit-transform: rotateZ(-45deg) translateY(9px);
    transform: rotateZ(-45deg) translateY(9px);
}

#sideheader-button span:nth-child(2) {
    -webkit-transition: -webkit-transform 0.3s 0.25s cubic-bezier(.68, .01, .44, .99), top 0.3s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99), opacity 0.3s 0.25s cubic-bezier(.68, .01, .44, .99);
    -webkit-transition: top 0.3s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99), opacity 0.3s 0.25s cubic-bezier(.68, .01, .44, .99), -webkit-transform 0.3s 0.25s cubic-bezier(.68, .01, .44, .99);
    transition: top 0.3s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99), opacity 0.3s 0.25s cubic-bezier(.68, .01, .44, .99), -webkit-transform 0.3s 0.25s cubic-bezier(.68, .01, .44, .99);
    transition: transform 0.3s 0.25s cubic-bezier(.68, .01, .44, .99), top 0.3s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99), opacity 0.3s 0.25s cubic-bezier(.68, .01, .44, .99);
    transition: transform 0.3s 0.25s cubic-bezier(.68, .01, .44, .99), top 0.3s cubic-bezier(.68, .01, .44, .99), background 0.3s cubic-bezier(.68, .01, .44, .99), opacity 0.3s 0.25s cubic-bezier(.68, .01, .44, .99), -webkit-transform 0.3s 0.25s cubic-bezier(.68, .01, .44, .99);
}

.king-sideheader-opened #sideheader-button span:nth-child(2) {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    opacity: 0;
}


/* Projects */

.projects-section {
    padding-top: 0;
}

.project.style-king {
    border-left: none;
    border-right: none;
}

.project.style-king .project-hover {
    text-align: center;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 96%;
    height: 94%;
    background: #272b2d;
    background: rgba(34, 42, 44, 0.8);
    color: #fff;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.project.style-king .project-hover p {
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
}

.b960 .project.style-king .project-hover p,
.b1170 .project.style-king .project-hover p {
    display: none;
}

.portfolio-3column .project .project-hover p {
    font-size: 16px;
}

.project.style-king .project-hover .project-title {
    font-family: 'nevis', sans-serif;
    font-size: 24px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 14px;
}

.b1170 .project.style-king .project-hover .project-title {
    font-size: 20px;
    margin-bottom: 7px;
}

.b960 .project.style-king .project-hover .project-title {
    font-size: 16px;
    margin-bottom: 0;
}

.portfolio-3column .project .project-hover .project-title {
    font-size: 18px;
}

.project.style-king .project-hover .project-button {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    margin-top: 55px;
    padding: 0 20px;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 50em;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.b1170 .project.style-king .project-hover .project-button {
    margin-top: 20px;
}

.project.style-king .project-hover .project-button:hover {
    background: #f97854;
    border-color: #f97854 !important;
}

.portfolio-3column .project .project-hover .project-button {
    margin-top: 15px;
}

.full-width-portfolio .project .project-hover .project-button {
    margin-top: 13px;
}

.project.style-king .project-hover .project-button:last-of-type {
    margin-right: 0;
}

.project.style-king .project-hover .separator {
    display: block;
    width: 15px;
    border-top: 2px solid #b9babb;
    margin: 30px auto 35px;
}

.b1170 .project.style-king .project-hover .separator {
    margin: 20px auto 15px;
}

.b960 .project.style-king .project-hover .separator {
    margin: 13px auto;
}

.project.style-king .project-hover .project-button:hover {
    border-color: #fff;
    color: #fff;
}

.project.style-king .project-hover > div {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 100%;
    padding: 50px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.b1170 .project.style-king .project-hover > div {
    padding: 20px;
}

.b960 .project.style-king .project-hover > div {
    padding: 10px;
}

.portfolio-4column .project .project-hover > div {
    padding-left: 20px;
    padding-right: 20px;
}

.portfolio-4column .project .project-hover .project-button {
    margin-top: 18px;
}

.project.style-king .category {
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
}


/* King Accordions */

.style-king .accordion {
    position: relative;
    padding: 0 0 30px 0;
}

.style-king .accordion-active {
    padding-bottom: 3px;
}

.style-king .accordion-header {
    padding: 30px 0 0 80px;
}

.style-king .accordion-content {
    padding-left: 80px;
    margin-top: 3px;
}

.style-king .accordion-content,
.style-king .accordion-content p {
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
}

.style-king .accordion-header,
.style-king .accordion-header h5 {
    border: none!important;
}

.style-king .accordion-header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    right: 0;
    border-top: 1px solid #dedede;
}

.accordion-title-icon {
    font-size: 34px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 30px;
    left: 20px;
    color: #b9c1c5;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
}

.accordion-active .accordion-title-icon {
    color: #f97352;
}

.style-king .accordion-header h5 {
    font-size: 24px;
    font-weight: 300;
    padding: 0;
    color: #272626;
}

.style-king .accordion-icon {
    background: url(../img/sprites/king-accordion-icons.png) no-repeat;
    width: 11px;
    height: 11px;
    top: -5px;
}

.style-king .accordion-active .accordion-icon {
    background-position: -11px 0 !important;
}

.style-king.white-colors .accordion-header:before {
    border-color: rgba(255, 255, 255, 0.25);
}

.style-king.white-colors .accordion-icon {
    background: url(../img/sprites/king-accordion-icons-white.png) no-repeat;
}

.style-king.white-colors .accordion-content,
.style-king.white-colors .accordion-content p,
.style-king.white-colors .accordion-header h5,
.style-king.white-colors .accordion-title-icon,
.style-king.white-colors .accordion-active .accordion-title-icon {
    color: white;
}


/* King Counters */

.counter-box {
    text-align: center;
    margin-bottom: 60px !important;
}

.counter-box .icon {
    margin-bottom: 40px;
}

.counter-box .icon i {
    font-size: 46px;
}

.counter-box .sc-counter {
    font-size: 60px;
    font-weight: 900;
    color: #f97352;
    line-height: 60px;
    padding-bottom: 28px;
    margin-bottom: 25px;
    position: relative;
}

.counter-box .sc-counter:after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 2px;
    background: rgba(34, 42, 44, 0.2);
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.counter-box h6 {
    color: #2b3031;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}

.sc-counter {
    display: block;
}

.counter-box.motion-blur-animation-active .sc-counter.counter-animated {
    -webkit-animation: counterFadeIn 1s alternate both ease;
    animation: counterFadeIn 1s alternate both ease;
}

@-webkit-keyframes counterFadeIn {
    0% {
        opacity: 0;
        color: rgba(249, 115, 82, 0.2);
        text-shadow: 0 5px 0 rgba(249, 115, 82, 0.2), 0 10px 0 rgba(249, 115, 82, 0.2), 0 17px 0 rgba(249, 115, 82, 0.2), 0 20px 0 rgba(249, 115, 82, 0.2), 0 30px 0 rgba(249, 115, 82, 0.2), 0 -5px 0 rgba(249, 115, 82, 0.2), 0 -10px 0 rgba(249, 115, 82, 0.2), 0 -17px 0 rgba(249, 115, 82, 0.2), 0 -20px 0 rgba(249, 115, 82, 0.2), 0 -30px 0 rgba(249, 115, 82, 0.2);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    35% {
        opacity: 1;
    }
    100% {
        color: rgba(249, 115, 82, 1);
        text-shadow: none;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes counterFadeIn {
    0% {
        opacity: 0;
        color: rgba(249, 115, 82, 0.2);
        text-shadow: 0 5px 0 rgba(249, 115, 82, 0.2), 0 10px 0 rgba(249, 115, 82, 0.2), 0 17px 0 rgba(249, 115, 82, 0.2), 0 20px 0 rgba(249, 115, 82, 0.2), 0 30px 0 rgba(249, 115, 82, 0.2), 0 -5px 0 rgba(249, 115, 82, 0.2), 0 -10px 0 rgba(249, 115, 82, 0.2), 0 -17px 0 rgba(249, 115, 82, 0.2), 0 -20px 0 rgba(249, 115, 82, 0.2), 0 -30px 0 rgba(249, 115, 82, 0.2);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    35% {
        opacity: 1;
    }
    100% {
        color: rgba(249, 115, 82, 1);
        text-shadow: none;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/* Team Members */

.team-members-row {
    display: table;
    width: 100%;
    table-layout: fixed
}

.team-members-row .team-member {
    display: table-cell;
    background: #f3f3f3;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-members-row .team-member img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-members-row .team-member .tm-image {
    overflow: hidden;
}

.team-members-row .team-member img {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    width: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
}

.team-members-row .team-member h5 {
    font-size: 14px;
    text-transform: uppercase;
    color: #2b3031;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 0;
}

.team-members-row .team-member .position {
    color: #575757;
    font-size: 12px;
    text-transform: uppercase;
}

.team-members-row .team-member .separator {
    display: block;
    margin: 30px auto 40px;
    width: 30px;
    border-top: 2px solid #aeaeae;
}

.team-members-row .team-member .social-media li a {
    color: #a9aaab;
    font-size: 20px;
}

.team-members-row .team-member .tm-info,
.team-members-row .team-member .tm-image {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.team-members-row .team-member.side-right {
    direction: rtl;
}

.team-members-row .team-member .tm-info {
    direction: ltr;
    position: relative;
}

.team-members-row .team-member .tm-info:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -20px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #f3f3f3;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-members-row .team-member.side-right .tm-info:before {
    left: auto;
    right: -20px;
    border-right: none;
    border-left: 20px solid #f3f3f3;
}

.team-members-row .team-member:hover {
    background: #f97854;
    color: white;
}

.team-members-row .team-member:hover h5,
.team-members-row .team-member:hover .position,
.team-members-row .team-member:hover .social-media li a {
    color: white;
}

.team-members-row .team-member:hover .separator {
    border-color: white;
}

.team-members-row .team-member:hover .tm-info:before {
    border-right-color: #f97854;
}

.team-members-row .team-member.side-right:hover .tm-info:before {
    border-left-color: #f97854;
}

.team-members-row .team-member:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.1) translateX(13px);
    transform: scale(1.1) translateX(13px);
}

.team-members-row .team-member.side-right:hover img {
    -webkit-transform: scale(1.1) translateX(-13px);
    transform: scale(1.1) translateX(-13px);
}


/* Style 2 */

.team-members-row .team-member.style-king2 {
    position: relative;
    overflow: hidden;
}

.team-members-row .team-member.style-king2 .tm-info,
.team-members-row .team-member.style-king2 .tm-image {
    width: 100%;
    display: block;
}

.team-members-row .team-member.style-king2 .tm-info {
    background: #272b2d;
    background: rgba(39, 43, 45, .89);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    -webkit-transition: opacity .3s, visibility 0s, -webkit-transform .3s;
    transition: opacity .3s, visibility 0s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, visibility 0s;
    transition: opacity .3s, transform .3s, visibility 0s, -webkit-transform .3s;
    -webkit-transition: opacity .3s, -webkit-transform .3s, visibility 0s;
    -moz-transition: opacity .3s, -ms-transform .3s, visibility 0s;
    transition-delay: 0s, .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    -moz-transition-delay: 0s, 0s, .3s;
}

.team-members-row .team-member.style-king2:hover .tm-info {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 0s, 0s, 0s;
    -webkit-transition-delay: 0s, 0s, 0s;
    -moz-transition-delay: 0s, 0s, 0s;
}

.team-members-row .team-member.style-king2 .tm-info>div {
    display: table;
    width: 100%;
    height: 100%;
}

.team-members-row .team-member.style-king2 .tm-info>div>div {
    display: table-cell;
    vertical-align: middle;
}

.team-members-row .team-member.style-king2 .tm-info:before {
    content: none;
}

.team-members-row .team-member.style-king2 h5,
.team-members-row .team-member.style-king2 .position {
    color: #fffefe;
}


/* Team Members Style3 */

.team-members .intro {
    padding: 70px 12% 0 50px;
}

.team-members .intro h3 {
    font-family: 'nevis', sans-serif;
    font-size: 30px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #202627;
    margin-bottom: 60px;
    margin-top: 0;
}

.team-members .intro p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 55px;
}

.team-members .intro .more-link {
    font-family: 'nevis', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #202627;
    border-bottom: 2px solid #202627;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-members .intro .more-link:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #202627;
    position: absolute;
    bottom: -2px;
    left: 50%;
    z-index: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-members .intro .more-link:after {
    /*content: attr(data-hover);*/
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    color: #f97352;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-members .intro .more-link:hover {
    color: #f97352;
    border-color: #f97352;
}

.team-members .intro .more-link:hover:before {
    width: 110%;
    background: #f97352;
}

.team-members .intro .more-link:hover:after {
    width: 100%;
}

.team-members .row,
.team-members .row + .row,
.team-members [class^="col-"] {
    padding: 0;
    margin: 0;
}

.team-members.style3 [class^="col-"] {
    height: 100%;
}

.team-member.style3 {
    position: relative;
    overflow: hidden;
}

.team-member.style3 figure img {
    width: 100%;
}

.team-member.style3 .details {
    position: absolute;
    top: 50%;
    left: 50%;
    display: table;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1);
    min-width: 75%;
}

.team-member.style3 .details .details-inner {
    padding: 80px 80px 70px;
    background: rgba(255, 255, 255, 0.8);
}

.team-member.style3 .details h2,
.team-member.style3 .details h3 {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    line-height: 1.5em;
    margin: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-member.style3 .details h2 {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.2em;
    margin-bottom: 3px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.team-member.style3 .details h3 {
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 40px;
    margin-bottom: 30px;
    position: relative;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.team-member.style3 .details h3:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #4c5051;
    margin-left: -15px;
}

.team-member.style3 .details .social-media {
    -webkit-transform: translateY(15px) translateZ(0);
    transform: translateY(15px) translateZ(0);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-member.style3 .details .social-media li {
    margin: 10px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(5px) translateZ(0);
    transform: translateY(5px) translateZ(0);
}

.team-member.style3 .details .social-media li:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.team-member.style3 .details .social-media li:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.team-member.style3 .details .social-media li:nth-child(4) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.team-member.style3 .details .social-media li:nth-child(5) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.team-member.style3 .details .social-media li:nth-child(6) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.team-member.style3 .details .social-media li:nth-child(7) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.team-member.style3 .details .social-media li:nth-child(8) {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.team-member.style3 .details .social-media li:nth-child(9) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.team-member.style3 .details .social-media li:nth-child(10) {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.team-member.style3 .details .social-media li a {
    font-size: 20px;
    color: #4c5051;
}

.team-member.style3:hover .details {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
}

.team-member.style3:hover .details h2,
.team-member.style3:hover .details h3 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.team-member.style3:hover .details .social-media {
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}

.team-member.style3:hover .details .social-media li {
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}

.team-members .hiring-block img {
    opacity: 0;
}

.team-members .hiring-block {
    text-align: center;
    position: relative;
    padding: 15%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-members .hiring-block.height-added {
    opacity: 1;
    visibility: visible;
}

.team-members .hiring-block .inner-frame {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #2b3031;
    opacity: 0;
    visibility: hidden;
    position: relative;
    border: 5px solid transparent;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-members .hiring-block .inner-frame:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 12px solid #f97352;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.85);
    transform: translateX(-50%) translateY(-50%) scale(0.85);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-members .hiring-block.height-added .inner-frame {
    opacity: 1;
    visibility: visible;
    border-color: #2b3031;
}

.team-members .hiring-block .inner-frame h5,
.team-members .hiring-block .inner-frame h6,
.team-members .hiring-block .inner-frame {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-members .hiring-block .inner-frame .contents {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.team-members .hiring-block h5,
.team-members .hiring-block h6 {
    font-family: 'nevis', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin: 0;
}

.team-members .hiring-block h5 {
    font-size: 30px;
}

.team-members .hiring-block h6 {
    font-size: 18px;
    margin-bottom: 10px;
}

.team-members .hiring-block i {
    font-size: 30px;
}

.team-members .hiring-block:hover {
    -webkit-transition: all 0.3s 0.13s ease;
    transition: all 0.3s 0.13s ease;
    padding: 0;
}

.team-members .hiring-block:hover .inner-frame h5,
.team-members .hiring-block:hover .inner-frame h6,
.team-members .hiring-block:hover .inner-frame {
    color: #f97352;
    border-color: #f97352;
}

.team-members .hiring-block:hover .inner-frame {
    -webkit-transition: all 0.3s 0.2s ease;
    transition: all 0.3s 0.2s ease;
    border-width: 0;
}

.team-members .hiring-block:hover .inner-frame:before {
    border-width: 12px;
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.001);
    transform: translateX(-50%) translateY(-50%) scale(1.001);
}


/* Team Member Single */

.team-member-single {
    position: relative;
}

.team-member-single .social-media {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 34px;
}

.team-member-single .social-media li {
    margin: 0 10px;
    -webkit-transition: all 0.3s cubic-bezier(.67, .1, .11, .66);
    transition: all 0.3s cubic-bezier(.67, .1, .11, .66);
}

.team-member-single .social-media a {
    color: white;
    font-size: 22px;
}


/* Single Image */

.vc_single_image-wrapper {
    position: relative;
}

.vc_single_image-wrapper img {
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.vc_single_image-wrapper.hover-effect-on:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.vc_single_image-wrapper .image-tooltip {
    display: inline-block;
    position: absolute;
    top: -50px;
    left: 50%;
    padding: 5px 18px;
    background: #222a2c;
    color: #ffffff;
    border-radius: 2px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.vc_single_image-wrapper .image-tooltip:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-top: 5px solid #222a2c;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
}

.vc_single_image-wrapper:hover .image-tooltip {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}


/* Progressbars */

.king-progressbars {
    display: table;
    width: 100%;
}

.king-progressbar {
    display: table-row;
}

.king-progressbar + .king-progressbar>div {
    padding-top: 30px;
}

.king-progressbar>div {
    display: table-cell;
    vertical-align: middle;
}

.king-progressbar .progressbar-title {
    width: 1%;
    white-space: nowrap;
    text-align: right;
}

.king-progressbar .progressbar-title p {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
}

.king-progressbar .progressbar {
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    padding: 0;
    margin: 0;
    padding-left: 60px;
    height: 12px;
}

.king-progressbar .progressbar .progress-percent {
    background: none;
    padding: 0;
    color: #272727;
    font-size: 14px;
    font-weight: 700;
    top: -1px;
    line-height: 14px;
    left: 5px!important;
    text-align: left;
    margin: 0;
    width: auto;
    height: auto;
}

.king-progressbar .progressbar .progress-width {
    background-image: none;
    background: #f97352;
}

.king-progressbar.style2 {
    display: block;
}

.king-progressbar.style2 .progressbar-title,
.king-progressbar.style2 .progressbar-sc {
    display: block;
    width: 100%;
    text-align: left;
}

.king-progressbar.style2 .progressbar-title p,
.king-progressbar.style2 .progressbar-title span {
    font-size: 14px;
}

.king-progressbar.style2 .progressbar-title p {
    font-weight: 300;
}

.king-progressbar.style2 .progressbar-title span {
    font-weight: 900;
}

.king-progressbar.style2 .progressbar-title span:after {
    content: '%';
}

.king-progressbar.style2 .progressbar-title p {
    display: inline-block;
}

.king-progressbar.style2 + .king-progressbar.style2 {
    margin-top: 28px;
}

.king-progressbar.style2 + .king-progressbar > div {
    padding: 0;
}

.king-progressbar.style2 .progressbar {
    padding: 0;
    outline: none;
}


/* Blog Post King */

.blog-post-king {
    text-align: center;
}

.blog-post-king h3 {
    font-size: 24px;
    color: #2b3031;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.blog-post-king .separator {
    display: block;
    margin: 30px auto;
    width: 30px;
    border-top: 2px solid #aeaeae;
}

.blog-post-king .blog-post-meta {
    font-size: 14px;
    font-weight: 300;
    color: #2b3031;
}

.blog-post-king .blog-post-meta a {
    color: #f97352;
}

.blog-post-king .blog-post-meta .post-author {
    display: inline-block;
    position: relative;
    padding: 0;
    background: none;
    color: #f97352;
    padding-left: 0;
}

.blog-post .post-title {
    font-family: 'Nevis', sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 36px;
    margin: 10px 0 40px;
}

.blog-post.alternate-style .post-title {
    letter-spacing: 0;
    margin-bottom: 15px;
}

.blog-post .post-title a {
    color: #23323a;
}

.blog-post .post-title a:hover {
    color: #f97352;
}

.blog-post-king .social-media {
    margin: 20px 0;
}

.blog-post-king .social-media li {
    margin: 0 10px
}

.blog-post-king .social-media li a {
    font-size: 15px;
    color: #73848e;
}

.blog-post-king .post-content {
    text-align: left;
    font-size: 18px;
    font-weight: 300;
    background: none;
}

.blog-post-king .post-content p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
}

.blog-post-king .post-content a.read-more {
    color: #f97352;
    display: block;
    margin-top: 30px;
}

.blog-post .audio-player-box {
    margin-bottom: 0;
}

.masonry-box .blog-post .audio-player-box {
    margin-bottom: 55px;
}

.king-page .audio-player .audio-play-button,
.blog-post-king .blog-post-content .audio-player .audio-play-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.king-page .audio-player .audio-progress,
.blog-post-king .blog-post-content .audio-player .audio-progress {
    left: 55px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.button.shaped {
    font-family: 'Lato', sans-serif;
    background: transparent;
    color: #2b3031;
    font-size: 14px;
    border: 1px solid #2b3031;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 52px;
    padding: 0 55px;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    margin: 20px 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.button.shaped.btn-square {
    font-family: 'nevis', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-width: 2px;
    padding: 4px 33px;
}

.button.shaped.medium {
    padding: 0 40px;
    height: 45px;
    line-height: 42px;
    margin: 10px 0;
}

.button.shaped.filled {
    border-color: transparent;
    background-color: #f97854;
    color: white;
}

.button.shaped.filled.blue {
    border-color: #06a7bd;
    background-color: #06a7bd;
    color: white;
}

.button.shaped.bordered {
    background: transparent !important;
    border-color: #2b3031;
    color: #2b3031;
}

.button.shaped.bordered.white {
    border-color: white;
    color: white;
}

.button.shaped:hover {
    background: #2b3031 !important;
    border-color: #2b3031 !important;
    color: #fff !important;
}

.page-template-template-blog-grid .king-blog .load-more,
.king-blog.blog-grid-home .load-more {
    margin-bottom: 100px;
}


/* King Pricing Tables */

.pricing-table.style-king {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pricing-table.style-king:hover {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.pricing-table.style-king .pricing-table-item {
    border: none;
    background: #fff;
}

.pricing-table.style-king .table-header,
.pricing-table.style-king .table-price,
.pricing-table.style-king .table-content,
.pricing-table.style-king .table-footer {
    background: #fff;
    border: none;
}

.pricing-table.style-king .table-header:after {
    border: none;
    border-top: 2px solid #b7b7b7;
    width: 30px;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
}

.pricing-table.style-king .table-header {
    padding-top: 55px!important;
    overflow: hidden;
}

.pricing-table.style-king .table-footer {
    padding-bottom: 55px!important;
}

.pricing-table.style-king .featured .table-header,
.pricing-table.style-king .featured .table-footer {
    margin: 0;
    padding: 20px;
}

.pricing-table.style-king .featured .table-header {
    padding: 10px;
}

.pricing-table.style-king .table-header h3 {
    color: #2b3031;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    margin-bottom: 10px;
}

.pricing-table.style-king .table-price,
.pricing-table.style-king .table-price span {
    color: #2b3031;
}

.pricing-table.style-king .table-price .price-main {
    letter-spacing: -2px;
}

.pricing-table.style-king .featured .table-price .price-main,
.pricing-table.style-king .featured .table-price .price-secondary {
    color: #f97352;
}

.pricing-table.style-king .table-content span.value {
    font-size: 16px;
    font-weight: 300;
    padding: 4px 10px;
}

.pricing-table.style-king .table-content span.value:nth-child(even) {
    background: none;
}

.pricing-table.style-king .table-footer .button {
    background: transparent;
    color: #2b3031;
    font-size: 14px;
    border: 1px solid #2b3031;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 45px;
    padding: 0 50px;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    margin: 20px 0;
}

.pricing-table.style-king .table-footer .button:hover {
    background: #f97854;
    border-color: #f97854;
    color: #fff;
}

.pricing-table.style-king .ribbon {
    position: absolute;
    top: 0;
    left: 0;
    background: #f97352;
    color: #fff;
    padding: 25px 35px 3px;
    -webkit-transform-origin: 0 100% 0;
    transform-origin: 0 100% 0;
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
    border-radius: 0;
}

.csstransforms .pricing-table.style-king .ribbon {
    text-align: center;
    padding: 25px 35px 3px;
    -webkit-transform-origin: 0 100% 0;
    transform-origin: 0 100% 0;
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
}

.pricing-table.style-king .ribbon .icon {
    font-size: 18px;
}

.pricing-table.style-king .ribbon span {
    display: block;
    font-size: 10px;
}


/* Contact Info Box */

.contact-info-box {
    text-align: center;
    margin-bottom: 20px !important;
}

.contact-info-box .icon {
    font-size: 55px;
    color: #f97352;
    margin-bottom: 40px;
}

.contact-info-box p {
    font-size: 18px;
    color: #2b3031;
    font-weight: 300;
    line-height: 28px;
}

.contact-info-box ul {
    margin-bottom: 0;
    padding-left: 0;
}

.contact-info-box li {
    list-style: none;
    margin-bottom: 2px;
}

.contact-info-box.style2 {
    text-align: left;
    margin-bottom: 40px !important;
    display: table;
    width: 100%;
}

.contact-info-box.style2 .icon,
.contact-info-box.style2 .content-container {
    display: table-cell;
}

.contact-info-box.style2 .icon {
    text-align: center;
    /*float: left;*/
    padding-right: 20px;
    margin-bottom: 0;
    width: 12%;
    /*padding-top: 8px;*/
    vertical-align: top;
}

.contact-info-box.style2 .icon i:before {
    margin: 0;
    width: auto;
}

.contact-info-box.style2 .content-container {
    overflow: hidden;
}


/* King Contact Form */

.king-contact {
    position: relative;
}

.b1170 .king-contact .cd-google-map,
.b960 .king-contact .cd-google-map {
    width: auto;
    margin-right: -15px;
    margin-left: -15px;
}

.footer-page .king-contact-form {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.king-contact-form .contact-form-inner {
    padding: 40px 60px;
    background: #f3f3f3;
    text-align: center;
}

.b1170 .king-contact-form .contact-form-inner,
.b960 .king-contact-form .contact-form-inner {
    margin-left: -15px;
    margin-right: 15px;
}

.footer-page .king-contact-form .contact-form-inner {
    margin-top: -140px;
}

.king-contact-form input[type="text"],
.king-contact-form textarea {
    background: #fff;
    color: #1d2636;
    font-size: 18px;
    display: block;
    width: 100%;
    border: none;
    padding: 13px 15px;
    margin-bottom: 19px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.king-contact-form input[type="text"]:focus,
.king-contact-form textarea:focus {
    outline: none;
}

.king-contact-form textarea {
    height: 133px;
    resize: vertical;
}

.king-contact-form .iconic-input,
.king-contact-form .input-container {
    position: relative;
}

.king-contact-form .iconic-input:before,
.king-contact-form .iconic-input:after,
.king-contact-form .input-container:before,
.king-contact-form .input-container:after {
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 2;
    background: #222a2c;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.dark-style .king-contact-form .iconic-input:before,
.dark-style .king-contact-form .iconic-input:after,
.dark-style .king-contact-form .input-container:before,
.dark-style .king-contact-form .input-container:after {
    background: #ffffff;
}

.king-contact-form .iconic-input:before {
    width: 100%;
    height: 2px;
    top: 0;
    left: 0;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.king-contact-form .input-activate .iconic-input:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.king-contact-form .iconic-input:after {
    width: 2px;
    height: 100%;
    top: 0;
    right: 0;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.king-contact-form .input-activate .iconic-input:after {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.king-contact-form .input-container:before {
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.king-contact-form .input-container.input-activate:before {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.king-contact-form .input-container:after {
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.king-contact-form .input-container.input-activate:after {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.king-contact-form .iconic-input:before,
.king-contact-form .input-container:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.king-contact-form .iconic-input:after,
.king-contact-form .input-container:after {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.king-contact-form .input-container.input-activate:before,
.king-contact-form .input-container.input-activate .iconic-input:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.king-contact-form .input-container.input-activate:after,
.king-contact-form .input-container.input-activate .iconic-input:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.king-contact-form .iconic-input i {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
}

.king-contact-form input[type="submit"] {
    background: transparent;
    color: #2b3031;
    font-size: 14px;
    border: 1px solid #2b3031;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 45px;
    padding: 0 60px;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    margin: 20px 0 0;
    width: auto;
    transition: background .3s, border .3s, color .3s;
    -webkit-transition: background .3s, border .3s, color .3s;
    -moz-transition: background .3s, border .3s, color .3s;
}

.king-contact-form input[type="submit"]:hover {
    background: #2b3031;
    color: #fff;
}

.contact-form.centered-fields input[type=text],
.contact-form.centered-fields input[type=email],
.contact-form.centered-fields input[type=password],
.contact-form.centered-fields textarea {
    text-align: center;
    margin-bottom: 27px;
    padding-bottom: 12px;
}

.contact-form.centered-fields input[type=submit] {
    margin-top: 53px;
}

.king-contact.dark-style .contact-form input::-webkit-input-placeholder {
    color: white;
}

.king-contact.dark-style .contact-form input:-moz-placeholder {
    color: white;
}

.king-contact.dark-style .contact-form input::-moz-placeholder {
    color: white;
}

.king-contact.dark-style .contact-form input:-ms-input-placeholder {
    color: white;
}

.king-contact.dark-style .contact-form textarea::-webkit-input-placeholder {
    color: white;
}

.king-contact.dark-style .contact-form textarea:-moz-placeholder {
    color: white;
}

.king-contact.dark-style .contact-form textarea::-moz-placeholder {
    color: white;
}

.king-contact.dark-style .contact-form textarea:-ms-input-placeholder {
    color: white;
}

.king-contact.dark-style .contact-form-inner {
    background: #222a2c;
}

.king-contact.dark-style .contact-form input[type=text],
.king-contact.dark-style .contact-form input[type=email],
.king-contact.dark-style .contact-form input[type=password],
.king-contact.dark-style .contact-form i,
.king-contact.dark-style .contact-form textarea {
    background: #2e383b;
    color: white;
}

.king-contact.dark-style .contact-form input[type=submit] {
    border-color: white;
    color: white;
}

.king-contact.dark-style .contact-form input[type=submit]:hover {
    border-color: #f97854;
    background: #f97854;
    color: white;
}


/* King Footer */

#footer.style-king {
    text-align: center;
    z-index: 1;
}

#footer.style-king .widget {
    text-align: left;
}


/* King Widgets */

.king-page .shop-footer select,
#king-sideheader select,
.sidebar select,
#footer.style-king select {
    height: 38px;
    width: 100%;
    color: #222;
}

#footer.style-king a {
    font-style: normal !important;
}

#footer.style-king .widget > ul li {
    padding: 0;
}

.sidebar .shop-widget,
.sidebar .widget,
#king-sideheader .widget,
.king-page .shop-widget,
.king-page .widget {
    margin-bottom: 43px;
}

.sidebar .shop-widget a,
.sidebar .widget a,
.king-page .shop-widget a,
.king-page .widget a {
    /*color: #73848e;*/
	color:#fff;
	text-decoration:underline
}



.sidebar .widget a:hover,

.king-page .widget a:hover {
    /*color: #73848e;*/
	color:#fff;
	text-decoration:none
}

#main-footer .widget li a {
    text-decoration:none
}

.sidebar .shop-widget > h3,
.sidebar .shop-widget > h4,
.sidebar .widget > h3,
.sidebar .widget > h4,
.king-page .shop-widget > h3,
.king-page .shop-widget > h4,
.king-page .widget > h3,
.king-page .widget > h4 {
    font-family: 'nevis', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #23323a;
    margin-top: 0;
}

.sidebar .widget_text > h3,
.sidebar .widget_nav_menu > h3,
.sidebar .widget_meta > h3,
.sidebar .widget_pages > h3,
.sidebar .widget_archive > h3,
.king-page .widget_text > h3,
.king-page .widget_nav_menu > h3,
.king-page .widget_meta > h3,
.king-page .widget_pages > h3,
.king-page .widget_archive > h3 {
    margin-bottom: 10px;
}

.sidebar .widget_pages > ul > li > ul,
.king-page .widget_pages > ul > li > ul {
    margin-left: 10px;
}

.sidebar .shop-widget ul li:before,
.sidebar .shop-widget ul li a:before,
.sidebar .shop-widget ul li a:hover:after,
.king-page .shop-widget ul li:before,
.king-page .shop-widget ul li a:before,
.king-page .shop-widget ul li a:hover:after {
    content: none;
}

.sidebar .widget ul li,
.sidebar .widget ul li a,
.sidebar .widget p,
.sidebar .widget p,
.sidebar .shop-widget p,
.sidebar .shop-widget ul li,
.sidebar .shop-widget ul li a,
#king-sideheader .widget p,
#king-sideheader .widget ul li,
#king-sideheader .widget ul li a,
.king-page .widget ul li,
.king-page .widget ul li a,
.king-page .widget p,
.king-page .widget p,
.king-page .shop-widget p,
.king-page .shop-widget ul li,
.king-page .shop-widget ul li a {
    font-family: Lato, Arial, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: none;
}

.sidebar .widget p,
.sidebar .shop-widget p,
.king-page .widget p,
.king-page .shop-widget p {
    font-size: 16px;
    line-height: 1.5em;
}

.sidebar ul li + li,
.king-page .shop-widget ul li + li {
    margin: 0;
}

.king-page .widget ul li a,
.king-page .shop-widget ul li a {
    padding-left: 0;
    color: #FFF;
	text-decoration:none
}

.king-page .widget .social-media li a {
    color: #2b3031;
}

.king-page .widget ul li a:hover,
.king-page .shop-widget ul li a:hover {
    color: #f97352;
}

.king-page .shop-footer .widget_instagram_feed li {
    margin-top: 10px;
}

.king-page .shop-footer .widget:not(.widget_social_media) a:hover,
.king-page .shop-footer .shop-widget:not(.widget_social_media) a:hover {
    text-decoration: none !important;
    border-bottom-color: transparent !important;
}

.king-page .shop-footer .widget_social_media a {
    color: #2b3031;
    border-color: #2b3031;
}

.king-page .shop-footer .widget_social_media li,
.king-page .shop-footer .widget_social_media li a {
    line-height: 26px;
}

.sidebar .widget_rss li,
.sidebar .widget_rss li a,
#king-sideheader .widget_rss li,
#king-sideheader .widget_rss li a,
.king-page .shop-footer .widget_rss li,
.king-page .shop-footer .widget_rss li a {
    line-height: 1.5em;
}

#king-sideheader .widget.widget_rss li,
.sidebar .widget.widget_rss li,
.king-page .shop-footer .widget_rss li {
    font-size: 14px;
    margin-bottom: 12px;
}

#king-sideheader .widget_rss .rss-date,
.sidebar .widget_rss .rss-date,
.king-page .shop-footer .widget_rss .rss-date {
    display: block;
}

.sidebar .widget_recent_comments a,
.sidebar .widget_rss li a,
.king-page .shop-footer .widget_recent_comments a,
.king-page .shop-footer .widget_rss li a {
    color: #23323a;
}

.sidebar .widget_recent_comments,
.king-page .shop-footer .widget_recent_comments {
    color: #73848e;
}

#king-sideheader .wp-caption-text a,
#king-sideheader .wp-caption-text {
    font-size: 14px;
    color: #23323a;
}

#footer.style-king .king-blog-sidebar {
    text-align: left;
}

#footer.style-king #lower-footer {
    background: #222a2c;
    padding-top: 40px;
    padding-bottom: 40px;
}

#footer.style-king.style-light #lower-footer,
#footer.style-king.style-light #back-to-top.style-king a {
    background-color: #f5f5f5;
}

#footer.style-king.style-light #back-to-top.style-king a {
    background-position: -55px 0;
}

#footer.style-king .copyright {
    color: #8b9698;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#footer.style-king .social-media {
    margin-bottom: 20px;
}

#footer.style-king #lower-footer.king_alt_2 .social-media {
    margin-bottom: 0;
}

#footer.style-king .social-media li {
    margin: 0 5px;
}

#footer.style-king .social-media li a {
    color: #818b8d;
    font-size: 11px;
    width: 26px;
    height: 26px;
    display: block;
    border: 1px solid #818b8d;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

#footer.style-king .king-blog-sidebar:before {
    content: none;
}

#footer.style-king .widget_nav_menu ul:after,
#footer.style-king .widget_nav_menu ul li:before,
#footer.style-king .widget_nav_menu ul li:after,
#footer.style-king .widget_nav_menu ul li a:before {
    content: none !important;
}

.king-blog .widget_nav_menu ul > li > ul,
.king-page .shop-footer .widget_nav_menu ul > li > ul,
#footer.style-king .widget_nav_menu ul > li > ul {
    padding-left: 10px;
    margin-top: 0;
}

#footer.style-king .widget_nav_menu ul li a {
    border-bottom: none;
}

#footer.style-king .widget-latest-posts .post-title {
    font-size: 18px;
    font-weight: 300;
    display: block;
    margin-bottom: 6px;
    font-style: normal;
}

#footer.style-king .widget-latest-posts li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#footer.style-king form {
    position: relative;
}

#footer.style-king .widget_wysija_cont input.wysija-submit {
    width: 38px;
    height: 38px;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

.sidebar .widget_categories a,
.king-page .shop-footer .widget_categories a,
#king-sideheader .widget_categories a,
#footer.style-king .widget_categories a {
    display: inline-block;
}

.king-page .shop-footer .widget_search form {
    position: relative;
}

.king-page .shop-footer .widget_search form input[type=text] {
    width: 100%;
}

.king-page .widget_rss {
    color: #73848e;
}

.king-page .widget_rss a:hover {
    color: #f97352;
}


/* Shop Footer */

.shop-footer {
    position: relative;
    z-index: 9;
    background: white;
    padding-top: 85px;
    padding-bottom: 20px;
}

.shop-footer .shop-widget h3 {
    font-family: 'nevis', sans-serif;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 14px !important;
    margin-bottom: 23px;
}

.shop-footer .shop-widget ul,
.shop-footer .shop-widget ul li {
    list-style: none;
    padding-left: 0;
}

.shop-footer .shop-widget a {
    color: #2b3031;
}

.shop-footer .shop-widget a:hover {
    color: #f97352;
}

.shop-footer .shop-widget .menu li:before,
.shop-footer .shop-widget .arrow-list li:before {
    content: none;
}

.shop-footer .shop-widget .menu li a:before,
.shop-footer .shop-widget .arrow-list li a:before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 13px;
    margin-right: 18px;
    background-image: url(../img/sprites/read-more-arrow.png);
    background-position: left center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.shop-footer .shop-widget .arrow-list {
    /*margin-top: -12px;*/
}

.king-page .shop-footer .shop-widget .menu li a:hover,
.king-page .shop-footer .shop-widget .arrow-list li a:hover,
.shop-footer .shop-widget .menu li a:hover,
.shop-footer .shop-widget .arrow-list li a:hover {
    text-decoration: underline !important;
}

.shop-footer .shop-widget .menu li:hover,
.shop-footer .shop-widget .arrow-list li:hover {
    text-decoration: none !important;
}

.shop-footer .shop-widget .menu li a:hover:before,
.shop-footer .shop-widget .arrow-list li a:hover:before {
    background-position: right center;
}

.shop-footer .shop-widget .textwidget,
.shop-footer .shop-widget .textwidget p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
}

.shop-footer .shop-widget.widget_text h3 {
    margin-bottom: 23px;
}

#back-to-top.style-king {
    display: block;
}

#back-to-top.style-king a {
    position: absolute;
    right: 0;
    display: block;
    opacity: 1;
    top: -55px;
    width: 55px;
    height: 55px;
    background: #2b3031 url(../img/sprites/king-back-to-top.png) no-repeat;
}


/* Testimonials */

.testimonial-item {
    position: relative;
    background: #fff;
    z-index: 1;
}

.testimonial-item .testimonial-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    background-size: cover !important;
    background-position: center !important;
    z-index: -1;
}

.testimonial-item .testimonial-inner {
    display: table;
    width: 100%;
}

.testimonial-item .testimonial-content {
    padding: 80px 90px 160px;
}

.testimonial-item .testimonial-content,
.testimonial-item .testimonial-author {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    text-align: center;
    opacity: 0;
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s;
    -webkit-transition: opacity .5s, transform .5s;
    -moz-transition: opacity .5s, transform .5s;
}

.testimonial-item .testimonial-author {
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -ms-transform: translateX(50px);
}

.flex-active-slide .testimonial-item .testimonial-content,
.flex-active-slide .testimonial-item .testimonial-author {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -ms-transform: translateX(0);
}

.testimonial-item .testimonial-author .avatar {
    display: inline-block;
    border: 5px solid #fff;
    padding: 40px 30px;
    text-align: center;
    margin: 40px 0;
}

.testimonial-item .testimonial-author .avatar span {
    color: #fff;
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    font-weight: 300;
}

.testimonial-item .testimonial-author .avatar .author-name {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.testimonial-item .testimonial-author img {
    width: 115px;
    height: 115px;
    margin: 0 0 30px;
    display: inline-block;
}

.testimonial-item h3 {
    font-size: 24px;
    color: #2b3031;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
}

.testimonial-item .separator {
    display: block;
    font-size: 70px;
    font-style: italic;
    color: #2b3031;
    font-weight: 300;
    padding-top: 30px;
    position: relative;
    font-weight: 300;
    text-align: center;
    text-indent: -15px;
    margin: 20px 0;
}

.testimonial-item p {
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    color: #2b3031;
    margin: 0;
}

.testimonials-nav {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 40px;
}

.testimonial-nav-list,
.flex-control-paging {
    list-style: none;
    text-align: center;
    padding: 0;
}

.testimonial-nav-list li {
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
}

.testimonial-nav-list li.flex-active:before {
    content: '';
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    background: #000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}


/*** New CSS Rules
-------------------------------------------------------------- ****/


/**** Blog Block ***/

.blog-post-bg {
    padding: 25px 30px 30px 30px;
    margin-bottom: 65px;
    background-color: #fff;
}

.blog-post-king .post-title-2 {
    font-size: 24px;
}

.post-blockquote {
    padding: 80px 20px 30px 20px;
    color: #2b3031;
    background-image: url(../img/qoute.png);
    background-position: center 30px;
    background-color: transparent;
    border: 1px solid #2b3031;
    text-align: center;
}

.post-blockquote p {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 1.6;
    font-weight: 300;
}

.post-blockquote p:last-child {
    font-size: 18px;
}

.post-video {
    margin-left: -30px;
    margin-right: -30px;
}

.post-video img,
.post-video iframe {
    width: 100%;
    display: block;
}

.post-video .fluid-width-video-wrapper {
    padding-top: 50% !important;
}

.section-heading {
    margin-top: 0px;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'nevis', sans-serif;
    letter-spacing: 4px;
}


/*** Testimonials section ***/

.testimonial-block {
    text-align: center
}

.testimonial-block .avatar {
    width: 116px;
    height: 116px;
    margin: auto auto 16px auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.testimonial-block .author-name {
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.testimonial-block .author-position {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 12px;
}

.testimonial-block .message {
    margin-bottom: 45px;
}

.testimonial-block .message,
.testimonial-block .message p {
    font-size: 24px;
    line-height: 1.8em;
    font-weight: 300;
}


/*** Testimonials section ***/

.testimonial-block-2 figure {
    padding: 0;
    margin: 0px 30px -25px 0px;
    background-color: #f3f3f3;
}

.testimonial-block-2 figure img {
    width: 100%;
    display: block;
}

.testimonial-block-2 figure p {
    margin-bottom: 0;
}

.testimonial-block-2 figure figcaption {
    padding: 15px 20px 45px 20px;
    color: #2b3031;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    background-color: #fff;
}

.testimonial-block-2 figure .author-name {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2em;
    letter-spacing: 0.05em;
}

.testimonial-block-2 figure .author-position {
    font-size: 12px;
    font-weight: 300;
}

.testimonial-block-2 .message {
    padding: 50px 30px 80px 30px;
    margin-left: 30px;
    color: #fff;
    background-color: #222a2c;
    background-image: url(../img/qoute-large.png);
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
}

.testimonial-block-2 .message p {
    font-size: 20px;
    line-height: 1.6em;
    font-weight: 300;
    text-align: center;
}

.testim-slides .owl-nav {
    width: 100%;
    padding-left: 320px;
    position: absolute;
    bottom: 30px;
    text-align: center;
}

.testim-slides .owl-prev,
.bg-primary .testim-slides .owl-prev,
.testim-slides .owl-next,
.bg-primary .testim-slides .owl-next {
    margin: 0 12px;
}

.testim-slides .owl-prev:hover,
.bg-primary .testim-slides .owl-prev:hover,
.testim-slides .owl-next:hover,
.bg-primary .testim-slides .owl-next:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.testim-slides .owl-prev:before,
.bg-primary .testim-slides .owl-prev:before {
    border-right: 26px solid #fff;
}

.testim-slides .owl-prev:after,
.bg-primary .testim-slides .owl-prev:after {
    border-right: 24px solid #222a2c;
}

.testim-slides .owl-next:before,
.bg-primary .testim-slides .owl-next:before {
    border-left: 26px solid #fff;
}

.testim-slides .owl-next:after,
.bg-primary .testim-slides .owl-next:after {
    border-left: 24px solid #222a2c;
}


/*** Main Navigation ***/

.menu-bar {
    width: 100%;
    padding: 15px 0px;
    text-align: center;
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.menu-bar.menu-sticky {
    padding: 8px 0px;
    background-color: rgba(255, 255, 255, 0.6);
    position: fixed;
}

.menu-bar .logo {
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.menu-bar.menu-sticky .logo img {
    width: 35px;
}

.menu-bar > .main-nav {
    display: none;
}

.main-nav,
.main-nav ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.main-nav li {
    position: relative;
}

.menu-bar .main-nav li {
    border-bottom: 1px solid #000;
}

.main-nav a {
    padding: 8px 0px;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    position: relative;
    text-align: left;
}

.header-light .main-nav > li > a {
    color: #FFF;
}

.main-nav a:focus {
    outline: 0;
}

.main-nav li li a {
    padding: 8px 20px;
    color: #cee2ec;
    font-size: 11px;
}

.main-nav li li:hover > a {
    background-color: rgba(25, 36, 42, 0.90);
}

.main-nav li.menu-item-has-children > a:before {
    width: 10px;
    height: 6px;
    background: url(../img/sprites/king-menu-arrow.png) no-repeat;
    top: -1px;
    display: block;
    content: '';
    z-index: 1000;
    position: absolute;
    right: 5px;
    top: 15px;
}

.header-light .main-nav li.menu-item-has-children > a:before {
    background: url(../img/sprites/menu-arrows2.png) no-repeat;
}

.nav-button {
    width: 30px;
    height: 14px;
    margin: 0px;
    display: block;
    cursor: pointer;
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
    position: absolute;
    top: 28px;
    right: 20px;
}

.nav-button:before,
.nav-button:after {
    width: 100%;
    height: 2px;
    display: block;
    content: '';
    background-color: #000;
    pointer-event: none;
    position: absolute;
    top: 2px;
}

.nav-button:after {
    top: 6px;
}

.menu-bar .mobil-nav .main-nav {
    clear: both;
    display: none;
}

.menu-bar .mobil-nav.open .main-nav {
    display: block;
}

.main-nav li ul {
    background-color: rgba(25, 36, 42, 0.90);
}

.mobil-nav > ul {
    padding-left: 20px;
    padding-right: 20px;
}

.mobil-nav > ul:first-of-type {
    padding-top: 20px;
}

.mobil-nav > ul:last-of-type {
    padding-bottom: 20px;
}

.mobil-nav .main-nav li.open > a:before {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.mobil-nav .main-nav ul {
    display: none;
}

@media screen and (min-width:768px) {
    .b1170 #preheader {
        width: 750px;
    }
    .menu-bar .logo,
    .menu-bar .main-nav,
    .menu-bar .main-nav > li {
        display: inline-block;
    }
    .menu-bar .main-nav li {
        border-bottom: 0;
    }
    .main-nav a {
        padding: 8px 20px;
    }
    .main-nav li li a {
        padding: 13px 20px;
    }
    .main-nav li.menu-item-has-children > a:before {
        right: 0px;
    }
    .nav-button {
        display: none;
    }
    .menu-bar .mobil-nav.open .main-nav {
        display: none;
    }
    .main-nav li ul {
        width: 180px;
        position: absolute;
        z-index: 1000;
        top: 100%;
        left: 0px;
        visibility: hidden;
        opacity: 0;
        transform: translateY(15px);
        -ms-transform: translateY(15px);
        -webkit-transform: translateY(15px);
        transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -webkit-transition: all 0.15s ease-in-out;
    }
    .main-nav li:hover > ul {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}

@media screen and (min-width:992px) {
    .b1170 #preheader {
        width: 970px;
    }
    .b1170 #preheader.full-width-without-container {
        padding-right: 20px;
        padding-left: 20px;
    }
}


/* King Page */

.king-page {
    position: relative;
    z-index: 2;
    /*overflow:hidden;*/
    background: #fff;
}

.b1170 .king-page,
.b960 .king-page {
    background: transparent !important;
}

.b1170 .king-page > .container {
    background: #ffffff;
    overflow: hidden;
}


/* King Blog */

.king-blog {
    position: relative;
    z-index: 2;
    /*overflow:hidden;*/
    background: #f3f3f3;
}

.b1170 .king-blog,
.b960 .king-blog {
    background: transparent;
}

.b1170 .king-blog > .container,
.b960 .king-blog > .container {
    background: #ffffff;
}

.king-blog-main {
    /*width:72%;*/
    padding-right: 0;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 0;
}

.king-blog-posts {
    margin-bottom: 70px;
}

.king-blog-posts .blog-post {
    background: white;
    position: relative;
    padding-bottom: 60px;
}

.blog-post header {
    margin-bottom: 30px;
}

.blog-post header .post-thumbnail,
.blog-post header .post-blockquote {
    margin-bottom: 52px;
}

.blog-post header .post-thumbnail {
    background-position: center;
}

.blog-post header .post-thumbnail .post-thumbnail {
    margin-bottom: 0;
}

.blog-post header .post-title {
    margin-top: 0;
    margin-bottom: 5px;
}

.blog-post header .blog-post-meta {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

.king-blog-posts .blog-post .post-content,
.king-blog-main.blog-single .blog-post .post-content,
.king-related-posts .blog-post .post-content {
    padding: 0 48px 0 68px;
}

.king-blog .blog-post .post-content {
    margin-bottom: 43px;
}

.blog-post footer .socials-container,
.blog-post footer .comments-counter {
    display: inline-block;
}

.blog-post footer .social-media {
    margin: 0;
}

.blog-post footer .social-media li {
    margin: 0;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0 5px 10px;
    line-height: 26px;
}

.blog-post footer .social-media li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #2b3031;
    border: 1px solid #2b3031;
    border-radius: 50em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-post footer .social-media li:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.blog-post footer .social-media li a:hover {
    color: #f97352;
    border-color: #f97352;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.blog-post footer .comments-counter {
    margin-left: 2px;
}

.blog-post footer .comments-counter a {
    color: #f97352;
    font-size: 12px;
}

.blog-post footer .comments-counter a:after {
    color: #2b3031;
    content: "\f0e5";
    font-family: FontAwesome;
    font-size: 2em;
    padding-left: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-post footer .comments-counter a:hover:after {
    color: #f97352;
}

.blog-post header {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.blog-post header .link-container {
    position: relative;
    max-height: 242px;
    margin-bottom: 52px;
    overflow: hidden;
}

.blog-post header .link-container .post-thumbnail {
    margin-bottom: 0;
    min-height: 250px;
}

.blog-post header .link-container .post-thumbnail img {
    visibility: hidden;
}

.blog-post header .post-blockquote:not(.style-link) {
    background-color: #f97352;
    background-image: url(../img/qoute-white.png);
    color: white;
    border: none;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 28px;
}

.blog-post header .post-blockquote p:first-child {
 
    margin-bottom: 17px;
}

.blog-post header .post-blockquote.style-link,
.blog-post header .post-thumbnail .video-overlay {
    background-color: rgba(34, 42, 44, 0.6);
    border: none;
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 2;
    margin-bottom: 0;
}

.blog-post header .post-blockquote.style-link {
    background-image: none !important;
    padding: 0;
    width: auto;
}

.blog-post header .post-blockquote.style-link .link-contents {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 20px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.blog-post header .post-blockquote.style-link .link-contents .icon-container {
    display: block;
    text-align: center;
    color: white;
    font-size: 1.8em;
    margin-bottom: 25px;
}

.blog-post header .post-blockquote.style-link p {
    font-size: 22px;
    font-style: normal;
    color: white;
    margin-bottom: 12px;
}

.blog-post header .post-blockquote.style-link .link {
    font-weight: 300;
    color: white;
}

.blog-post .audio-player-box {
    margin-top: 0;
    background: #e8e8e8;
    margin-bottom: 55px;
}

.blog-post header .post-thumbnail .video-overlay a {
    color: white;
    border: 2px solid white;
    display: inline-block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 3;
    font-size: 26px;
    line-height: 55px;
    text-indent: 2px;
    text-align: center;
    border-radius: 50em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-post header .post-thumbnail .video-overlay a:hover {
    color: #f97352;
    border-color: #f97352;
}

.blog-post .audio-player-box .audio-player {
    border: none;
}

.blog-post .audio-player-box .audio-progress {
    background: white;
    height: 10px;
    right: 18px;
}

.blog-post .audio-player-box .audio-play-button {
    margin-left: 20px;
}

.blog-post .audio-player-box .audio-progress-bar {
    background: #f97352;
    height: 10px;
}

.blog-post .post-video {
    margin-right: 0;
    margin-left: 0;
}

.blog-post .post-content blockquote {
    background-color: #f97352;
    background-image: url(../img/qoute-white.png);
    color: white;
    border: none;
    text-align: center;
    background-position: 50% 48px;
    padding: 90px 80px 21px;
    width: auto;
    margin-left: -68px;
    margin-right: -68px;
    font-size: 18px;
    font-weight: 300;
    clear: both;
}

.blog-post .post-content blockquote p {
    font-size: 24px;
    line-height: 36px;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 15px;
}

.blog-post .post-content blockquote span.author,
.blog-post .post-content blockquote p:nth-child(2) {
    font-size: 18px;
    font-style: normal;
    text-transform: none;
    color: white;
    margin-bottom: 15px;
    display: block;
}

.king-blog .king-blog-sidebar {
    /*width:28%;*/
    position: relative;
    z-index: 1;
    padding-right: 0;
    padding-left: 0;
}

.king-page .king-blog-sidebar {
    padding: 0;
}

.king-page .king-blog-sidebar .sidebar,
.king-blog .king-blog-sidebar .sidebar {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 0;
}

#king-sideheader .widget > h4,
.king-blog-sidebar .sidebar .widget > h3 {
    font-family: 'Nevis', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 12px;
}

#king-sideheader .widget > h4 {
    letter-spacing: 1px;
    color: white;
}

.king-blog-sidebar:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -65px;
    height: 10000%;
    width: 3000px;
    background: #fcfcfc;
    border-left: 1px solid #f3f3f3;
}

.sidebar-left .king-blog-sidebar:before {
    left: auto;
    right: -68px;
    border-right: 1px solid #f3f3f3;
    border-left: none;
}

.king-blog .blog-title {
    text-align: center;
    color: #2b3031;
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
}

.king-blog .blog-single .blog-post,
.king-blog .king-blog-posts .blog-post {
    background: white;
    margin: 0;
}

.king-blog .blog-post + .blog-post {
    margin-top: 40px;
}

.king-blog .blog-post .post-title a:hover {
    color: #f97352;
}

.king-post-gallery .flex-direction-nav .flex-prev,
.king-post-gallery .flex-direction-nav .flex-next {
    width: 30px;
    height: 65px;
    background: url(../img/sprites/king-gallery-arrows.png) no-repeat;
    margin: -15px 0 0;
}

.king-post-gallery .flex-direction-nav .flex-prev:before,
.king-post-gallery .flex-direction-nav .flex-next:before {
    content: none !important;
}

.king-post-gallery .flex-direction-nav .flex-next {
    background-position: -30px 0;
}

.king-post-gallery:hover .flex-direction-nav .flex-prev {
    left: 15px;
}

.king-post-gallery:hover .flex-direction-nav .flex-next {
    right: 15px;
}

.post-blockquote.style-link {
    background-image: url(../img/link.png);
}

.post-blockquote.style-link p,
.king-blog .post-blockquote p {
    margin-bottom: 15px;
}

.post-blockquote a.link {
    display: block;
    margin-bottom: 15px;
    color: #f97352;
    font-size: 18px;
}

.blog-single .post-blockquote p {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 34px;
}

.king-blog .post-blockquote p + p,
.blog-single .post-blockquote p + p {
    font-size: 18px;
}

.blog-single .post-blockquote p + p {
    margin-bottom: 0;
}

.widget_search label {
    display: block;
    margin: 0;
}

.tagcloud {
    overflow: hidden;
}

.tag-list a,
.tagcloud a {
    display: block;
    float: left;
    font-size: 12px!important;
    text-transform: uppercase;
    color: #23323a;
    background: #fff;
    border: 1px solid #b2b7ba;
    padding: 5px;
    line-height: 1.5em;
    margin: 0 5px 5px 0;
    transition: color .3s, background .3s;
    -webkit-transition: color .3s, background .3s;
    -moz-transition: color .3s, background .3s;
}

.tag-list a:hover,
.tagcloud a:hover {
    color: #fff;
    background: #23323a;
    border-color: #23323a;
}

.king-blog-sidebar input[type="text"],
.king-blog-sidebar input[type="password"],
.king-blog-sidebar input[type="search"] {
    background: #fff;
    border: 1px solid #f3f3f3;
}

#king-sideheader .widget,
.king-blog-sidebar .widget {
    margin-bottom: 50px;
}

#king-sideheader .widget_social_media,
.king-blog-sidebar .widget_social_media {
    margin-bottom: 35px;
}

#king-sideheader .widget_social_media .social-media,
.king-blog-sidebar .widget_social_media .social-media {
    margin: 0;
}

#king-sideheader .social-media li,
.king-blog-sidebar .widget_social_media .social-media li {
    padding: 0;
    margin: 0 4px 10px !important;
}

#king-sideheader .social-media li,
.widget_social_media .social-media li {
    overflow: hidden;
}

#king-sideheader .social-media li:first-child,
.widget_social_media .social-media li:first-child {
    margin-left: 0 !important;
}

#king-sideheader .social-media li a,
.widget_social_media .social-media li a {
    font-size: 14px !important;
    text-align: center;
    line-height: 25px !important;
    color: #2b3031;
    border: 1px solid #2b3031;
    width: 26px;
    height: 26px;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transition: color .3s, border .3s;
    -webkit-transition: color .3s, border .3s;
    -moz-transition: color .3s, border .3s;
}

#king-sideheader .social-media li a {
    border-color: white;
    color: white;
}

#king-sideheader .widget_social_media .social-media li a,
.king-blog-sidebar .widget_social_media .social-media li a {
    line-height: 26px;
}

.widget_social_media .social-media li + li {
    margin-left: 6px;
}

.widget_social_media .social-media li:hover {
    -webkit-transform: none;
    transform: none;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#king-sideheader .social-media li:hover a,
.widget_social_media .social-media li:hover a {
    color: #f97352;
    border-color: #f97352;
}

.king-blog-sidebar .widget.widget_categories {
    margin-bottom: 40px;
}

.king-blog-sidebar .widget.widget_categories > h3 {
    margin-bottom: 9px;
}

.king-comment-form .comment-respond {
    background: white;
}

.king-comment-form .comment-form input[type=text],
.king-comment-form .comment-form textarea {
    background: #f3f3f3;
}

.king-blog-main img.alignright {
    margin-right: -48px !important;
    margin-top: 45px;
}

.king-blog-main img.alignleft {
    margin-left: -68px !important;
    margin-right: 30px;
}

#king-sideheader .widget p,
#king-sideheader .widget ul li,
#king-sideheader .widget ul li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    padding: 0;
    margin: 0;
    color: #818b8d !important;
}

#king-sideheader .widget .textwidget ul li {
    line-height: 22px;
    margin-bottom: 21px;
}

#king-sideheader .widget ul li a {
    color: #ffffff !important;
}

#king-sideheader .widget ul li a:hover {
    color: #f97352 !important;
}

#king-sideheader .widget.widget_social_media ul {
    margin-top: 20px;
}

#king-sideheader .widget.widget_social_media ul li a {
    color: #969c9e !important;
    border-color: #969c9e;
}

#king-sideheader .widget.widget_social_media ul li a:hover {
    color: #ffffff !important;
    border-color: #ffffff;
}

#king-sideheader .widget ul > li > ul {
    padding-left: 10px;
}

#king-sideheader .categories li,
#king-sideheader .widget > ul li,
.king-blog-sidebar .categories li,
.king-blog-sidebar .widget > ul li {
    background: none;
    padding-left: 0;
    border: none;
}

#king-sideheader .widget_categories ul li,
.king-blog-sidebar .widget_categories ul li {
    padding: 0;
}

.king-blog-sidebar .categories a,
.king-blog-sidebar .widget > ul li a {
    font-size: 18px;
    font-weight: 300;
    line-height: 36px;
    text-transform: none;
}

#king-sideheader .widget > ul li a:hover,
.king-blog-sidebar .widget > ul li a:hover {
    padding: 0;
    color: #f97352;
}

#king-sideheader .tab-header ul li {
    border: none;
    padding: 5px 0 8px;
}

#king-sideheader .tab-header ul li a {
    font-size: 14px;
    color: #23323a;
    font-weight: 400;
    line-height: 1.5em;
}

#king-sideheader .tab-header ul li.active-tab a {
    color: #f97352;
}

#king-sideheader .tab-content .post-item {
    padding-top: 10px;
    margin-bottom: 10px;
}

#king-sideheader .tab-content .post-item:last-child {
    margin-bottom: 0;
}

#king-sideheader .tab-content ul li,
#king-sideheader .tab-content ul li a,
#king-sideheader .tab-content ul li p {
    line-height: 1.5em;
}

#king-sideheader .tab-content ul li .post-content {
    background: none;
}

#king-sideheader .tab-content ul li .post-meta li {
    font-size: 12px;
    color: white;
    margin-top: 0;
}

#king-sideheader .tab-content ul li .post-meta,
#king-sideheader .tab-content ul li .post-title {
    margin-bottom: 5px;
}

#king-sideheader .tab-content ul li .post-title {
    font-style: normal;
    font-size: 16px;
}

#king-sideheader .tab-content ul li p {
    font-size: 14px;
    margin-top: 8px;
}

#king-sideheader .tab-content ul li .post-title:hover {
    color: white;
}

#king-sideheader .tab .posts-list {
    margin: 0;
}

.king-page .widget_recent_comments_alt ul li,
#king-sideheader .widget_recent_comments_alt ul li,
.king-blog .widget_recent_comments_alt ul li {
    margin-bottom: 15px;
}

.king-page .widget_recent_comments_alt h3,
#king-sideheader .widget_recent_comments_alt h3,
.king-blog .widget_recent_comments_alt h3 {
    font-size: 16px;
    display: inline-block;
    margin: 0 3px 0 0;
}

#king-sideheader .widget_recent_comments_alt h3 {
    color: white;
}

.widget_calendar td {
    font-size: 12px;
}

.widget_calendar caption {
    font-family: Lato, Arial, sans-serif;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.widget_calendar #today {
    background: #f97352;
    border-radius: 50em;
    margin: 0 auto;
    color: white;
}

.widget_calendar #today a {
    color: white;
}

.widget_calendar > div {
    padding: 20px;
    border: none;
}

.widget_calendar #prev {
    left: 25px;
    top: 25px;
}

.widget_calendar #next {
    right: 25px;
    top: 25px;
}

.widget_calendar #prev a,
.widget_calendar #next a {
    color: transparent !important;
}

.widget_calendar #prev:hover {
    background-position: 0 -20px;
}

.widget_calendar #next:hover {
    background-position: -10px -20px;
}

#king-sideheader .widget_search input {
    color: #222;
}

#king-sideheader .widget_tag_cloud a {
    color: #222;
}

#king-sideheader .widget_tag_cloud a:hover {
    color: white;
}

.king-page .sidebar ul li a:hover {
    color: #f97352;
}

.widget-latest-posts {
    margin-top: 20px;
}

.widget-latest-posts li {
    display: table;
    width: 100%;
    padding: 0 !important;
}

.widget-latest-posts li {
    padding-bottom: 20px !important;
}

.widget-latest-posts li + li {
    margin-top: 20px;
    padding-top: 20px !important;
    border-top: 1px solid #e6e6e6;
}

.widget-latest-posts li > div {
    display: table-cell;
    vertical-align: top;
}

.widget-latest-posts .featured-image,
.widget-latest-posts .featured-image img {
    width: 75px;
}

.widget-latest-posts .post-info {
    padding-left: 20px;
}

.widget-latest-posts .post-title {
    color: #23323a !important;
    font-size: 18px;
    line-height: 1.5em !important;
    font-weight: 300;
    display: block;
    margin-top: -7px !important;
}

.widget-latest-posts .post-title:hover {
    color: #f97352 !important;
}

.shop-widget .widget-latest-posts .post-title {
    font-size: 16px;
}

.widget-latest-posts .post-title:hover {
    color: #f97352;
}

.widget-latest-posts .date {
    font-size: 14px;
    font-weight: 300;
    color: #73848e;
    display: block;
}

.widget_instagram_feed ul {
    overflow: hidden;
    margin: 0 -3px;
}

.widget_instagram_feed ul li {
    float: left;
    width: 33.3333%;
    padding: 3px!important;
}

#king-sideheader .widget .iconic-list li {
    padding-left: 32px;
}

#king-sideheader .widget .iconic-list li i {
    font-size: 16px;
    top: 2px;
}

#king-sideheader .widget.widget_latest_posts .featured-image {
    display: none;
}

#king-sideheader .widget.widget_latest_posts .post-info {
    padding: 0;
}

#king-sideheader .widget.widget_latest_posts li {
    border: none;
    padding: 0 !important;
    margin: 0 0 25px;
}

#king-sideheader .widget.widget_latest_posts li .post-title {
    font-size: 14px;
    font-weight: 400;
}

#king-sideheader .widget.widget_latest_posts li .date {
    font-size: 12px;
    line-height: 1.3em;
    font-weight: 400;
}

#king-sideheader span.copyright {
    position: absolute;
    bottom: 30px;
    left: auto;
    margin: 0;
    text-align: center;
    color: #969c9e;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}


/* Audio Player */

.audio-player-box {
    margin: 20px 0 30px;
}

.audio-player-box .audio-player {
    display: table;
    width: 100%;
    color: #fff;
    height: 50px;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: transparent;
    border: 1px solid #23323a;
}

.audio-option {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
}

.audio-option-timeline {
    width: auto;
    padding: 0 15px;
}

.audio-option-volume {
    width: 10%;
    padding: 0 25px 0 10px;
    min-width: 100px;
}

.audio-play-button,
.audio-volume-button {
    background: transparent url(../img/sprites/audio-player.png) no-repeat;
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    position: static;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

.audio-play-button:focus,
.audio-volume-button:focus,
.audio-play-button:active,
.audio-volume-button:active {
    outline: none;
}

.audio-play-button {
    margin-left: 25px;
}

.audio-play-button.audio-playing {
    background-position: -48px 0;
}

.audio-volume-button {
    background-position: -16px 0;
}

.audio-volume-button.volume-off {
    background-position: -32px 0;
}

.audio-timeline,
.audio-volume {
    border: 1px solid #23323a;
    position: relative;
    width: auto;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    height: 10px;
    background: transparent;
    cursor: pointer;
}

.audio-timeline-played,
.audio-volume-current {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    background: #23323a;
    transition: width .3s;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
}

.audio-timeline-played .drag-knob,
.audio-volume-current .drag-knob {
    display: none;
}

.audio-option span {
    font-size: .875em;
    margin: 0 30px;
    display: block;
}


/* AudioJS Flash Fallback */

.audiojs .play-pause {
    width: 40px!important;
    border: none;
}

.audiojs .time {
    border: none;
}

.audiojs {
    width: 100%;
    height: 50px;
    display: table;
    padding-top: 6px;
    background: #000;
    background-image: none;
}

.audiojs>div {
    display: table-cell;
    width: auto;
    vertical-align: middle;
}

.audiojs .scrubber {
    width: 50%;
    background: #aaa;
    background-image: none;
    border: none;
}

.audiojs .progress {
    background-image: none;
    background: #ccc;
}

.audiojs .loaded {
    background-image: none;
    background: #fff;
}


/* Blog Single */

.blog-single .blog-post-bg {
    padding-bottom: 0;
}

.blog-single .blog-post {
    padding-bottom: 50px;
}

.king-post-author {
    display: table;
    margin: 0 0 40px;
    width: 100%;
    background: #222a2c;
    padding: 73px 70px 60px;
    color: white;
}

.king-post-author>div {
    display: table-cell;
    vertical-align: top;
}

.king-post-author .author-avatar,
.king-post-author .author-avatar img {
    width: 115px;
    border-radius: 50%;
    padding: 0;
    margin: 0;
}

.king-post-author .author-info {
    padding-left: 30px;
}

.king-post-author .name {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
    display: block;
}

.king-post-author .position {
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    font-weight: 300;
}

.king-post-author p {
    font-size: 18px;
    margin: 11px 0 20px;
    line-height: 28px;
    font-weight: 300;
}

.king-post-author .social-media li:first-child {
    margin-left: 0;
}

.king-post-author .social-media li + li {
    margin-left: 15px;
}

.king-post-author .social-media li a {
    font-size: 14px;
}


/* Related Posts */

.king-related-posts .section-heading,
.king-post-comments .section-heading,
.comment-respond .comment-reply-title {
    font-family: 'nevis', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 3px;
    margin: 80px 0 80px;
}

.king-related-posts .blog-post {
    padding: 50px 0 57px;
    background: #FFF;
}

.king-related-posts .blog-post header {
    padding: 0 30px;
}

.king-related-posts .blog-post .post-thumbnail {
    display: none;
}

.king-related-posts .blog-post .post-content {
    background: #FFF;
}

span.comments-count {
    color: #f97352;
}


/* King Post Tags */

.king-post-tags {
    margin: 40px 0;
}

.king-post-tags .title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 28px;
    display: inline-block;
}

.king-post-tags a {
    display: inline-block;
    font-size: 12px!important;
    text-transform: uppercase;
    color: #23323a;
    font-weight: 300;
    border: 1px solid #23323a;
    padding: 3px 5px;
    margin: 0 5px 5px 0;
    transition: color .3s, background .3s;
    -webkit-transition: color .3s, background .3s;
    -moz-transition: color .3s, background .3s;
}

.king-post-tags a:hover {
    color: #fff;
    background: #23323a;
}


/* King Comments */

.king-comments ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.king-comments ul ul {
    padding-left: 70px;
    margin-top: 70px;
}

.king-comments li + li {
    margin-top: 70px;
}

.king-comments li {
    position: relative;
    z-index: 2;
}

.king-comments ul ul:before {
    content: '';
    position: absolute;
    top: 0;
    left: 35px;
    bottom: 0;
    border-right: 1px solid #dbdbdb;
    z-index: -1;
}

.king-comments li li:before {
    content: '';
    position: absolute;
    top: 35px;
    left: -35px;
    width: 20px;
    border-top: 1px solid #dbdbdb;
}

.king-comments .comment-inner {
    display: table;
    width: 100%;
}

.king-comments .comment-inner>div {
    display: table-cell;
    vertical-align: top;
}

.king-comments .comment-avatar,
.king-comments .comment-avatar img {
    width: 70px;
}

.king-comments .comment-avatar img {
    margin: 0;
    padding: 0;
    border-radius: 50%;
}

.king-comments .comment-content {
    padding-left: 30px;
}

.king-comments .comment-inner header {
    display: table;
    width: 100%;
}

.king-comments .comment-inner header>div {
    display: table-cell;
}

.king-comments .comment-reply {
    text-align: right;
}

.king-comments .comment-author {
    font-size: 18px;
    font-weight: 300;
    display: block;
}

.king-comments .comment-author span {
    color: #f97352;
}

.king-comments .date {
    font-size: 13px;
    font-weight: 300;
    display: block;
}

.king-comments .comment-reply-link,
.king-comments .comment-edit-link {
    color: #2b3031;
    font-size: 14px;
    font-weight: 300;
}

.king-comments .comment-edit-link {
    margin-left: 10px;
}

.king-comments .comment-reply-link .fa,
.king-comments .comment-edit-link .fa {
    color: #afb0b1;
    font-size: 16px;
    margin-right: 3px;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
}

.king-comments .comment-reply-link:hover,
.king-comments .comment-reply-link:hover .fa,
.king-comments .comment-edit-link:hover,
.king-comments .comment-edit-link:hover .fa {
    color: #f97352;
}

.king-comments p {
    font-size: 18px;
    margin: 10px 0 0;
    font-weight: 300;
    line-height: 26px;
}


/* Comments Form */

.comment-respond {
    background: #fcfcfc;
    text-align: center;
    padding: 50px 120px;
    margin-top: 80px;
}

.tab .comment-respond {
    padding: 0;
}

.comment-respond .comment-reply-title {
    margin: 0 0 40px;
}

.comment-respond input[type="text"],
.comment-respond textarea {
    background: #fff;
    padding: 12px 20px;
    display: block;
    width: 100%;
    border: none;
    font-size: 18px;
    font-weight: 300;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    margin: 15px 0;
}

.comment-respond input[type="text"]:focus,
.comment-respond textarea:focus {
    outline: none;
    background: #f7f7f7;
}

.comment-respond input[type="submit"] {
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    margin: 30px 0 0;
    padding: 0 60px;
    text-transform: uppercase;
    background: transparent;
    border: 1px solid #2b3031;
    color: #2b3031;
    line-height: 45px;
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    transition: color .3s, background .3s;
    -webkit-transition: color .3s, background .3s;
    -moz-transition: color .3s, background .3s;
}

.comment-respond input[type="submit"]:hover {
    color: #fff;
    background: #2b3031;
}

.comment-respond .iconic-input i {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 18px;
}

.text-primary {
    color: #f97854;
}

.bg-primary {
    background-color: #f97854;
}

.bg-primary .owl-prev:before {
    border-right: 24px solid #000;
}

.bg-primary .owl-prev:after {
    border-right: 22px solid #f97854;
}

.bg-primary .owl-next:before {
    border-left: 24px solid #000;
}

.bg-primary .owl-next:after {
    border-left: 22px solid #f97854;
}

.bg-light-grey {
    background-color: #f3f3f3;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .team-members .intro {
        padding: 20px 8% 0 40px;
    }
    .team-members .intro h3 {
        margin-bottom: 40px;
    }
    .team-members .intro p {
        font-size: 17px;
        margin-bottom: 30px;
    }
    .team-members .hiring-block {
        padding: 10%;
    }
    .team-member.style3 .details .details-inner {
        padding: 40px 40px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .b1170 #header.header-style-5.style-king #main-header > .container,
    .b960 #header.header-style-5.style-king #main-header > .container {
        padding-right: 20px;
        padding-left: 20px;
    }
    .team-members .intro {
        padding: 10px 5% 0 30px;
    }
    .team-members .intro h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .team-members .intro p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .team-members .intro .more-link {
        letter-spacing: 0.1em;
    }
    .team-members .hiring-block {
        padding: 0;
    }
    .team-member.style3 .details .details-inner {
        width: 100%;
        height: 100%;
        display: block;
    }
    .team-member.style3 .details .details-inner {
        padding: 40px 40px;
    }
}

@media screen and (max-width: 991px) {
    .b1170 #header.header-style-5.style-king #main-header > .container,
    .b960 #header.header-style-5.style-king #main-header > .container {
        padding: 35px 60px;
    }
    .b1170 #header.style-king.style-light #main-header > .container,
    .b1170 #header.style-king.header-light #main-header > .container,
    .b960 #header.style-king.style-light #main-header > .container,
    .b960 #header.style-king.header-light #main-header > .container {
        padding: 31px 15px;
    }
    #header.header-style-5.style-king #main-header {
        padding: 31px 0;
    }
    #header.header-style-5 #main-header > .container {
        padding-left: 45px;
        padding-right: 45px;
    }
    .blog-post .post-content,
    .blog-post header .post-blockquote {
        padding-right: 15px;
        padding-left: 15px;
    }
    .blog-post header .post-blockquote:not(.style-link) {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 22px;
    }
    .team-members .pull-right {
        float: none !important;
    }
    .team-members .intro {
        padding-bottom: 80px;
    }
    .team-member.style3 {
        margin: 0;
    }
    .team-members .hiring-block {
        padding: 8%;
    }
    #king-sideheader {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .king-blog-posts .blog-post .post-content,
    .king-blog-main.blog-single .blog-post .post-content,
    .blog-post header .blog-post-meta,
    .king-related-posts .blog-post .post-content {
        padding: 0 25px 0 25px;
    }
    .blog-post header .link-container {
        min-height: 250px;
    }
    .king-post-author {
        padding: 50px 40px 30px;
    }
    .king-post-author .author-info {
        padding: 0;
    }
    .king-post-author .author-avatar {
        display: none;
    }
    .king-related-posts .blog-post {
        margin-bottom: 30px !important;
    }
    .king-related-posts + .king-post-comments .section-heading {
        margin-top: 50px;
    }
    .blog-post.alternate-style header .post-thumbnail,
    .blog-post.alternate-style header .post-blockquote:not(.style-link),
    .blog-post.alternate-style header .link-container {
        margin-bottom: 0;
    }
    .blog-post.alternate-style header {
        margin-bottom: 10px;
    }
    .blog-post-alternate .blog-post-content .post-content {
        padding-left: 0;
        padding-right: 0;
    }
    .blog-post-alternate .blog-post-content .post-content.col-lg-pull-6 {
        padding-right: 0;
        padding-left: 0;
    }
    .team-members .intro {
        padding: 50px 15px;
    }
    .team-member.style3 .details {
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(255, 255, 255, 0.8);
    }
    .team-member.style3 .details .details-inner {
        display: block;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 20px;
        background: transparent;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    .team-members .hiring-block {
        padding: 0;
    }
}

@media screen and (max-width: 479px) {
    .blog-post header .post-blockquote p {
        font-size: 16px;
    }
    .blog-post header .post-blockquote p:first-child {
        font-size: 20px;
    }
    .king-contact-form .contact-form-inner {
        padding: 30px 15px;
    }
    .contact-info-box p {
        font-size: 16px;
    }
    .blog-post-king .post-content p {
        font-size: 16px;
    }
    .blog-post-king .post-title {
        font-size: 22px;
    }
}


/*** Project box ***/

.project-box figure {
    position: relative;
}

.project-box figure img {
    width: 100%;
    display: block;
    overflow: hidden;
}

.project-box figcaption {
    padding: 35px 35px;
    color: #fff;
    overflow: hidden;
    text-align: center;
    background-color: rgba(128, 128, 128, 0.60);
}

.project-box figcaption span.categ {
    padding-bottom: 31px;
    margin-bottom: 38px;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    position: relative;
}

.project-box figcaption span.categ:after {
    width: 16px;
    height: 2px;
    margin-left: -8px;
    content: '';
    background-color: #fff;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
}

.project-box figcaption h4 {
    font-family: 'nevis', sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    color: inherit;
    font-weight: 700;
    letter-spacing: 4px;
    margin-bottom: 17px;
}

.project-box figcaption p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 66px;
}

.project-box figcaption a.btn {
    padding: 5px 26px;
    margin: 0px 5px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 16px;
    opacity: 0;
    transition: all 0.4s 0.1s ease;
    -moz-transition: all 0.4s 0.1s ease;
    -webkit-transition: all 0.4s 0.1s ease;
}

.project-box figcaption a.btn:first-of-type {
    transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
}

.project-box figcaption a.btn:last-of-type {
    transform: translateX(10px);
    -ms-transform: translateX(10px);
    -webkit-transform: translateX(10px);
}

.project-box:hover figcaption a.btn:first-of-type,
.project-box:hover figcaption a.btn:last-of-type {
    opacity: 1;
    transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -webkit-transition: opacity 0.4s 0.35s ease, background 0.3s ease, border 0.3s ease, -webkit-transform 0.4s 0.35s ease;
    transition: opacity 0.4s 0.35s ease, background 0.3s ease, border 0.3s ease, -webkit-transform 0.4s 0.35s ease;
    transition: transform 0.4s 0.35s ease, opacity 0.4s 0.35s ease, background 0.3s ease, border 0.3s ease;
    transition: transform 0.4s 0.35s ease, opacity 0.4s 0.35s ease, background 0.3s ease, border 0.3s ease, -webkit-transform 0.4s 0.35s ease;
    -moz-transition: -moz-transform 0.4s 0.35s ease, opacity 0.4s 0.35s ease, background 0.3s ease, border 0.3s ease;
    -webkit-transition: -webkit-transform 0.4s 0.35s ease, opacity 0.4s 0.35s ease, background 0.3s ease, border 0.3s ease;
}

.project-box figcaption a.btn:hover {
    background: #f97854;
    border-color: #f97854;
}

.sorting-tags,
.filter-tabs {
    margin: 0px 0px 30px 0px;
    padding: 0;
    text-align: center;
    list-style: none;
}

.sorting-tags {
    margin-bottom: 70px;
}

.sorting-tags .filter,
.filter-tabs li {
    font-family: 'nevis', sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    margin-right: 14px;
    padding: 2px 18px 4px 18px;
    display: inline-block;
    color: #a8a8a8;
    background: none;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid transparent;
    border-radius: 50em;
    cursor: pointer;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.sorting-tags .filter:last-child,
.filter-tabs li:last-child {
    margin-right: 0;
}

.sorting-tags .filter:hover,
.filter-tabs li:hover {
    color: #4d4d4d;
}

.sorting-tags .filter.active,
.filter-tabs li.is-checked {
    color: #1a1e1f;
    border-color: #a8a8a8;
}

.filter-list {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

.filter-list:before,
.filter-list:after {
    display: table;
    content: '';
}

.filter-list:after {
    clear: both;
}

.filter-list li {
    width: 100%;
    float: left;
}


/*** Blog box ***/

.filters-bar {
    margin-bottom: 30px;
}

.filters-bar > div,
.filters-bar .blog-filters {
    display: inline-block;
    vertical-align: top;
}

.blog-filters {
    padding: 0;
    margin: 0;
    list-style: none;
}

.filters-bar > div.cats-label {
    font-size: 16px;
    color: #23323a;
    margin-right: 6px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.blog-filters li {
    padding: 0px 12px;
    display: inline-block;
    color: #73848e;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.blog-filters li.is-checked {
    color: #3edbd9;
}

.blogs-list {
    padding: 0px;
    margin: 0px 0px 0px -20px;
    list-style: none;
}

.blogs-list:before,
.blogs-list:after {
    display: table;
    content: '';
}

.blogs-list:after {
    clear: both;
}

.blogs-list > li {
    width: 100%;
    padding-left: 20px;
    float: left;
}

.blog-box {
    margin-bottom: 40px;
    background-color: #fff;
}

.blog-box figure {
    position: relative;
}

.blog-box figure img {
    display: block;
    width: 100%;
}

.blog-box figure figcaption {
    padding: 65px 70px;
    text-align: center;
    font-size: 22px;
    background-color: rgba(34, 42, 44, 0.5);
    color: #fff;
}

.blog-box figure figcaption .iconic {
    margin-bottom: 30px;
    font-size: 22px;
}

.blog-box figure figcaption a {
    color: inherit;
}

.blog-box figure figcaption p {
    font-size: 22px;
    line-height: 1.6em;
    font-weight: 300;
}

.blog-box figure figcaption .link {
    font-size: 18px;
    font-weight: 300;
}

.blog-box .text {
    text-align: center;
    padding: 40px 30px;
}

.blog-box .text h4 {
    color: #2b3031;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
}

.blog-box .text h4 a {
    color: inherit;
}

.blog-box .text .blog-post-meta {
    margin-bottom: 36px;
    font-size: 12px;
    text-transform: uppercase;
}

.blog-box .text .social-media li {
    margin: 0px 3px;
}

.blog-box .text .social-media li a {
    width: 28px;
    height: 28px;
    line-height: 25px;
    font-size: 16px;
    text-align: center;
    display: block;
    border: 1px solid #2b3031;
    border-radius: 50%;
}

.blog-box .text .social-media li a.comments {
    width: auto;
    height: auto;
    border: 0px;
    font-size: 22px;
}

.blog-box .text .social-media li a.comments span {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
}

.blog-box .text .blog-post-meta a,
.blog-box .text h4 a:hover,
.blog-box .text h4:hover a,
.blog-box .text .social-media a:hover,
.blog-box .text .social-media li a.comments span {
    color: #f97352;
}

.blog-box .text .social-media li a:hover {
    border-color: #f97352;
}

.blog-box .text p {
    font-size: 18px;
    line-height: 1.7em;
    font-weight: 300;
    margin-bottom: 30px;
}

.blog-box .text .social-media a {
    color: #2b3031;
}

.blog-box .blockquote {
    padding: 80px 20px 30px 20px;
    color: #fff;
    font-style: italic;
    background-image: url(../img/qoute-white.png);
    background-position: center 30px;
    background-color: #f97352;
    text-align: center;
}

.blog-box .blockquote p {
    font-size: 24px;
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 30px;
}

.blog-box .blockquote p:last-child {
    margin-bottom: 0;
}

.blog-box .blockquote p.author {
    font-size: 18px;
}

.blog-box .audio-player-box {
    margin: 0;
}

.blog-box .audio-timeline,
.blog-box .audio-volume {
    border: transparent;
    background-color: #fff;
}

.blog-box .audio-player-box .audio-player {
    border-color: #e8e8e8;
    background-color: #e8e8e8;
}

.blog-box .audio-timeline-played {
    background-color: #f97352;
}

.blog-box figure figcaption .iconic-vid {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    font-size: 22px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
}

.blog-box figure figcaption .iconic-vid a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: inherit;
    display: block;
}

.no-image {
    display: none;
}

.project-box figcaption,
.blog-box figure figcaption {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.project-box:hover figcaption,
.blog-box:hover figure figcaption {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.project-box figcaption > div,
.blog-box figure figcaption > div {
    display: inline-block;
    width: 100%;
    padding: 0 90px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.project-box figcaption > .iconic,
.blog-box figure figcaption > .iconic-vid {
    padding: 0 !important;
}

.project-box figcaption span.categ,
.project-box figcaption h4,
.blog-box figure figcaption .iconic,
.blog-box figure figcaption .iconic-vid {
    opacity: 0;
    transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transition: all 0.3s 0.1s ease;
    -moz-transition: all 0.3s 0.1s ease;
    -webkit-transition: all 0.3s 0.1s ease;
}

.project-box figcaption p,
.blog-box figure figcaption p {
    opacity: 0;
    transform: scale3d(1.2, 1.2, 1) translate3d(0, 20%, 0);
    -ms-transform: scale3d(1.2, 1.2, 1) translate3d(0, 20%, 0);
    -webkit-transform: scale3d(1.2, 1.2, 1) translate3d(0, 20%, 0);
    -webkit-transition: all 0.4s 0.1s ease-out;
    transition: all 0.4s 0.1s ease-out;
}

.project-box:hover figcaption span.categ,
.project-box:hover figcaption h4,
.blog-box:hover figure figcaption .iconic,
.blog-box:hover figure figcaption .iconic-vid {
    opacity: 1;
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.project-box:hover figcaption p,
.blog-box:hover figure figcaption p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transition: all 0.4s 0.3s ease-out;
    transition: all 0.4s 0.3s ease-out;
}

.project-box:hover figcaption span.categ {
    transition: all 0.3s 0.1s ease;
    -moz-transition: all 0.3s 0.1s ease;
    -webkit-transition: all 0.3s 0.1s ease;
}

.project-box:hover figcaption h4 {
    transition: all 0.3s 0.2s ease;
    -moz-transition: all 0.3s 0.2s ease;
    -webkit-transition: all 0.3s 0.2s ease;
}


/* King Title Bar */

.page-title-bar.style-king {
    padding: 100px 0;
    text-align: center;
    background-size: cover!important;
    background-position: center center;
}

.page-title-bar.style-king h1 {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 30px 60px;
    border: 8px solid #fff;
    color: #fff;
    font-family: 'Nevis', sans-serif;
    letter-spacing: 6px;
    margin: 0;
}


/* Toggle Navigation */

.navigation-toggle-wrapper {
    padding-right: 80px;
    position: relative;
}

.navigation-toggle-wrapper #main-nav {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    -webkit-transition: opacity .3s, -webkit-transform .3s, visibility 0s;
    -webkit-transition: opacity .3s, visibility 0s, -webkit-transform .3s;
    transition: opacity .3s, visibility 0s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, visibility 0s;
    transition: opacity .3s, transform .3s, visibility 0s, -webkit-transform .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s;
}

.navigation-toggle-wrapper #main-nav li a {
    font-family: 'Nevis', sans-serif;
    font-size: 12px!important;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
    border-bottom: 2px solid transparent;
    -webkit-transition: color .3s, opacity .3s, border .3s;
    transition: color .3s, opacity .3s, border .3s;
}

.navigation-toggle-wrapper.active #main-nav {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s;
}

#navigation-toggle-button,
#navigation-lightbox-button {
    display: inline-block;
    width: 40px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#header.style-king.sticky-header #navigation-toggle-button {
    width: 25px;
}

#navigation-lightbox-button {
    right: auto;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.transparent-header #header:not(.sticky-header) #navigation-toggle-button,
.transparent-header #header:not(.sticky-header) #navigation-lightbox-button {
    margin-top: -5px;
}

#header.sticky-header #navigation-toggle-button {
    margin-top: -6px;
}

#header.sticky-header .navigation-toggle-wrapper.active #navigation-toggle-button {
    margin-top: -10px;
}

#navigation-toggle-button span,
#navigation-lightbox-button span {
    display: block;
    height: 2px;
    background: #000;
    margin: 10px 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}

#header.style-king.sticky-header #navigation-toggle-button span {
    margin: 5px 0;
}

#header.style-light #navigation-toggle-button span,
#header.header-light #navigation-toggle-button span,
#header.style-king.sticky-header.sticky-header-light #navigation-toggle-button span,
#navigation-lightbox-button span {
    background: #fff;
}

#header.style-king.sticky-header.sticky-header-dark #navigation-toggle-button span {
    background: #222a2c;
}

#navigation-toggle-button:hover span:first-child,
#navigation-lightbox-button:hover span:first-child {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

#navigation-toggle-button:hover span + span + span,
#navigation-lightbox-button:hover span + span + span {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}

#navigation-lightbox-button.active {
    -webkit-transform: scale(.8) translateX(-10px) translateY(-50%);
    transform: scale(.8) translateX(-10px) translateY(-50%);
}

.navigation-toggle-wrapper.active #navigation-toggle-button {
    -webkit-transform: scale(.8) translateY(-50%);
    transform: scale(.8) translateY(-50%);
}

.navigation-toggle-wrapper.active #navigation-toggle-button span:first-child,
#navigation-lightbox-button.active span:first-child {
    -webkit-transform: rotate(45deg) translateY(17px);
    transform: rotate(45deg) translateY(17px);
}

.navigation-toggle-wrapper.active #navigation-toggle-button span + span,
#navigation-lightbox-button.active span + span {
    opacity: 0;
}

.navigation-toggle-wrapper.active #navigation-toggle-button span + span + span,
#navigation-lightbox-button.active span + span + span {
    -webkit-transform: rotate(-45deg) translateY(-17px);
    transform: rotate(-45deg) translateY(-17px);
    opacity: 1;
}

#header.style-king.sticky-header .navigation-toggle-wrapper.active #navigation-toggle-button span:first-child {
    -webkit-transform: rotate(45deg) translateY(10px);
    transform: rotate(45deg) translateY(10px);
}

#header.style-king.sticky-header .navigation-toggle-wrapper.active #navigation-toggle-button span + span + span {
    -webkit-transform: rotate(-45deg) translateY(-10px);
    transform: rotate(-45deg) translateY(-10px);
}


/* King Header */

#king-header {
    position: relative;
}

#king-header:before,
#king-header:after {
    content: ' ';
    display: table;
}

#king-header:after {
    clear: both;
}

#king-header .header-upper-area {
    position: absolute;
    text-align: center;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 20px;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-activate #king-header .header-upper-area {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}

#king-header .header-left-area,
#king-header .header-right-area {
    position: fixed;
    z-index: 999999;
    top: 0;
    bottom: 0;
    left: 0;
    width: 90px;
    background: #000;
    background: rgba(0, 0, 0, .23);
}

#king-header .header-right-area {
    left: auto;
    right: 0;
}

#king-header .header-left-area>div,
#king-header .header-right-area>div {
    display: table;
    width: 100%;
    height: 100%;
}

#king-header .header-left-area>div>div,
#king-header .header-right-area>div>div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#king-header .social-media li {
    display: block;
    margin: 30px 0;
}

#king-header .social-media li a {
    color: #fff;
    font-size: 24px;
}

#navigation-lightbox-button {
    margin: 0;
}

#navigation-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999997;
    background: #131c23;
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(31, 46, 68, 0.9)), color-stop(60%, rgba(17, 23, 25, 0.9)), color-stop(100%, rgba(17, 23, 25, 0.9)));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(31, 46, 68, 0.9) 0%, rgba(17, 23, 25, 0.9) 60%, rgba(17, 23, 25, 0.9) 100%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 12+ */
    /* IE10+ */
    background: -webkit-radial-gradient(center ellipse, rgba(31, 46, 68, 0.9) 0%, rgba(17, 23, 25, 0.9) 60%, rgba(17, 23, 25, 0.9) 100%);
    background: radial-gradient(ellipse at center, rgba(31, 46, 68, 0.9) 0%, rgba(17, 23, 25, 0.9) 60%, rgba(17, 23, 25, 0.9) 100%);
    /* W3C */
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s, visibility 0s;
    transition: opacity .3s, visibility 0s;
    -webkit-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s;
}

#navigation-lightbox.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

#navigation-lightbox>div {
    display: table;
    width: 100%;
    height: 100%;
}

#navigation-lightbox>div>div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 120px;
}

#navigation-lightbox #main-nav {
    display: block;
    margin: 0;
    list-style: none;
    padding: 0;
}

#navigation-lightbox #main-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

#navigation-lightbox #main-nav ul li a {
    font-size: 14px;
    background: none;
    padding: 10px;
}

#navigation-lightbox #main-nav > li {
    margin-right: 0!important;
    display: inline-block;
}

#navigation-lightbox #main-nav li a {
    color: #fff;
    font-family: 'Nevis', sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding: 0 10px 50px;
}

#navigation-lightbox #main-nav li a:after {
    content: none!important;
}


/* Common styles of menus */

.dl-menuwrapper {
    width: 100%;
    float: left;
    position: relative;
    -webkit-perspective: 2400;
    perspective: 2400;
}

.dl-menuwrapper button {
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
}

.dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #fff;
    top: 10px;
    left: 16%;
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.dl-menuwrapper li {
    font-family: 'nevis', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 36px;
    margin: 15px 0;
    line-height: 1;
    padding: 0;
    display: block;
    color: #a6a8b3;
    position: relative;
}

.nav-desc {
    display: none;
}

.dl-menuwrapper .nav-desc {
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
    display: block;
    letter-spacing: 0;
    padding: 8px;
    text-transform: none;
    font-style: italic;
}

.dl-menuwrapper li a,
.dl-menuwrapper li span,
.dl-menuwrapper li ul a {
    color: #a6a8b3 !important;
}

.dl-menuwrapper li a:hover,
.dl-menuwrapper li a:active,
.dl-menuwrapper li a:focus {
    text-decoration: none !important;
}

.dl-menuwrapper li:hover > a > span,
.dl-menuwrapper li:hover > span,
.dl-menuwrapper li:hover > a {
    color: #fff !important;
}

.dl-menuwrapper li a,
.dl-menuwrapper li span {
    display: block;
    position: relative;
    padding: 15px 20px;
    color: #fff;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dl-menuwrapper li a:hover,
.dl-menuwrapper li span:hover {
    color: #f97254;
}

.dl-menu {
    margin: 5px 0 0 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: auti;
    opacity: 0;
    list-style: none;
    pointer-events: none;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dl-menu > li {
    opacity: 0;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all 0.5s cubic-bezier(.2, .74, .2, .92);
    transition: all 0.5s cubic-bezier(.2, .74, .2, .92);
}

.dl-menuwrapper.active .dl-menu > li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
}


/* Hide the inner submenus */

.dl-menuwrapper li .dl-submenu {
    display: none;
}


/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
    cursor: pointer;
}

.dl-menu.dl-subview li.dl-subviewopen > span {
    cursor: default;
    display: none;
    padding: 0;
    margin: 0;
}

.dl-menu.dl-subview li.dl-subviewopen > span:hover {
    color: white;
}

.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li.dl-back {
    display: block;
}


/* Dynamically added submenu outside of the menu context */

.dl-menuwrapper > div > div > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    margin: 5px 0 0 0;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


/* Animation classes for moving out and in */

.dl-menu.dl-animate-in-1 li {
    -webkit-animation: MenuAnimIn1 0.6s;
    animation: MenuAnimIn1 0.6s;
}

.dl-menu.dl-animate-out-1 li {
    -webkit-animation: MenuAnimOut1 0.6s;
    animation: MenuAnimOut1 0.6s;
}

.dl-menuwrapper > div > div > .dl-submenu.dl-animate-in-1 li {
    -webkit-animation: SubMenuAnimIn1 0.6s ease;
    animation: SubMenuAnimIn1 0.6s ease;
}

.dl-menuwrapper > div > div > .dl-submenu.dl-animate-out-1 li {
    -webkit-animation: SubMenuAnimOut1 0.6s ease;
    animation: SubMenuAnimOut1 0.6s ease;
}

@-webkit-keyframes MenuAnimOut1 {
    0% {}
    100% {
        -webkit-transform: rotateY(-25deg) translateX(-300px);
        opacity: 0
    }
}

@keyframes MenuAnimOut1 {
    0% {}
    100% {
        -webkit-transform: rotateY(-25deg) translateX(-300px);
        opacity: 0
    }
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: rotateY(-25deg) translateX(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0deg) translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: rotateY(-25deg) translateX(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0deg) translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: rotateY(25deg) translateX(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0deg) translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: rotateY(25deg) translateX(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0deg) translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: rotateY(0deg) translateX(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateY(25deg) translateX(300px);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: rotateY(0deg) translateX(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateY(25deg) translateX(300px);
        opacity: 0
    }
}


/* Sortable Masonry Blog */

.section-inner-padding {
    padding: 30px;
}

.blog-box.style2 figcaption {
    padding: 0;
}

.blog-box.style2 figcaption>div {
    display: table;
    width: 100%;
    height: 100%;
}

.blog-box.style2 figcaption>div>div {
    display: table-cell;
    vertical-align: middle;
}

.blog-box.style2 figcaption span.category {
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
}

.blog-box.style2 figcaption span.separator {
    display: block;
    width: 20px;
    border-top: 2px solid #d6d7d8;
    margin: 30px auto;
}

.blog-box.style2 figcaption .post-title {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    font-family: 'Nevis', sans-serif;
    letter-spacing: 5px;
}

.blog-box.style2 figcaption p {
    color: #fff;
    font-size: 18px;
    margin: 20px 0 30px;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.king-search-button,
.king-eye-button {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../img/king-icons.png) no-repeat;
    margin: 10px 10px 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.king-search-button {
    background-position: -30px 0;
}

.king-search-button:hover,
.king-eye-button:hover {
    opacity: .6;
}

.filters-bar.style2 {
    text-align: center;
}

.filters-bar.style2 .blog-filters li {
    color: #a8a8a8;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Nevis', sans-serif;
    border-bottom: 2px solid transparent;
    padding: 0;
    letter-spacing: 2px;
    -webkit-transition: border .3s, color .3s;
    transition: border .3s, color .3s;
}

.filters-bar.style2 .blog-filters li + li {
    margin-left: 35px;
}

.filters-bar.style2 .blog-filters li.is-checked {
    color: #1a1e1f;
    border-bottom-color: #1a1e1f;
}


/* Underlined Inputs */

input[type="text"].underlined,
input[type="email"].underlined,
textarea.underlined {
    font-size: 18px;
    padding: 5px 0 15px;
    color: #2e383b;
    border: none;
    border-bottom: 1px solid #cfd1d2;
    display: block;
    width: 100%;
    margin: 15px 0;
    -webkit-transition: border .3s;
    transition: border .3s;
}

input[type="text"].underlined:focus,
input[type="email"].underlined:focus,
textarea.underlined:focus {
    outline: none;
    border-bottom-color: #777;
}

input[type="submit"].underlined {
    font-family: 'Nevis', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #222a2c;
    border: none;
    border-bottom: 2px solid #222a2c;
    letter-spacing: 3px;
    padding: 0;
    background: none;
    margin: 40px 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

input[type="submit"].underlined:hover {
    padding: 0 15px;
}

#king-blog {
    min-height: 1072px;
    padding: 90px 0px 80px;
}

#king-blog header,
#king-blog header span {
    font-family: 'nevis', sans-serif;
    font-size: 24px;
    min-height: 50px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 5px;
}

#blog-container-box {
    margin-top: 55px;
    margin-bottom: 90px;
}

#blog-container-box .left-sec {
    padding-right: 5px;
}

#blog-container-box .right-sec {
    padding-left: 5px;
}

.king-blog-effects-container img {
    max-width: inherit;
    width: auto;
}

.king-blog-effects-container .king-blog-hover-effects {
    height: 100%;
}

.king-blog-effects-container .media-box {
    position: relative;
}

.king-blog-effects-container .link-container {
    position: relative;
    height: 100%;
}

.king-blog-effects-container .overlay,
.king-blog-effects-container .video-overlay,
.king-blog-effects-container .link-container .post-blockquote.style-link {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 10;
    height: auto !important;
    margin: 0;
    border: none;
    background-color: rgba(34, 42, 44, 0.6);
}

.king-blog-effects-container .socials-container,
.king-blog-effects-container .comments-counter {
    display: inline-block;
}

.king-blog-effects-container .socials-container .social-media li {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0 5px 10px;
    line-height: 22px;
}

.king-blog-effects-container .socials-container .social-media li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: white;
    border: 1px solid white;
    border-radius: 50em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.king-blog-effects-container .socials-container .social-media li a:hover {
    color: #f97854;
    border-color: #f97854;
}

.king-blog-effects-container .comments-counter {
    margin-left: 2px;
}

.king-blog-effects-container .comments-counter a {
    font-size: 12px;
}

.king-blog-effects-container .comments-counter a:hover {
    color: #f97854;
}

.king-blog-effects-container .comments-counter a .fa {
    color: white;
    font-size: 1.8em;
    padding-left: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.king-blog-effects-container .overlay-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto !important;
    padding: 0 50px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.king-blog-effects-container .post-title {
    font-family: 'nevis', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
}

.king-blog-effects-container .post-title a {
    color: white;
}

.king-blog-effects-container .blog-post-meta {
    color: white;
}

.king-blog-effects-container .blog-post-meta a:hover {
    color: white;
}

.king-blog-effects-container .post-author {
    display: inline-block;
    padding: 0;
    background: none;
    color: #f97854;
    padding-left: 0;
}

.king-blog-effects-container .post-blockquote {
    height: 100%;
}

.king-blog-effects-container .post-blockquote:not(.style-link) {
    background-color: #f97854;
    background-image: none;
    padding: 20px !important;
    border: none;
}

.king-blog-effects-container .post-blockquote .quote-icon {
    display: block;
    width: 35px;
    height: 25px;
    margin: 0 auto 25px;
    background-image: url(../img/qoute-white.png);
    background-repeat: no-repeat;
    background-position: center;
}

.king-blog-effects-container .post-blockquote:not(.style-link) p {
    font-size: 22px;
    font-weight: 300;
    line-height: 36px;
    margin-bottom: 13px;
    font-style: italic;
    color: white;
}

.king-blog-effects-container .post-blockquote:not(.style-link) p:last-child {
    font-size: 18px;
    font-style: normal;
}

.king-blog-effects-container .link-container .post-blockquote.style-link {
    background-image: none !important;
}

.king-blog-effects-container .post-blockquote .quote-contents,
.king-blog-effects-container .link-container .post-blockquote.style-link .link-contents {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.king-blog-effects-container .link-container .post-blockquote.style-link .link-contents .icon-container {
    display: block;
    text-align: center;
    color: white;
    font-size: 1.8em;
    margin-bottom: 25px;
}

.king-blog-effects-container .link-container .post-blockquote.style-link .link-contents p,
.king-blog-effects-container .link-container .post-blockquote.style-link .link-contents a {
    color: white;
    font-weight: 300;
}

.king-blog-effects-container .link-container .post-blockquote.style-link .link-contents p {
    font-size: 22px;
    margin-bottom: 26px;
}

.king-blog-effects-container .video-overlay .overlay-inner .blog-post-meta {
    margin-bottom: 15px;
}

.king-blog-effects-container .video-overlay .overlay-inner a[rel=prettyPhoto] {
    color: white;
    border: 2px solid white;
    display: inline-block;
    width: 60px;
    height: 60px;
    z-index: 3;
    font-size: 26px;
    line-height: 55px;
    text-indent: 2px;
    text-align: center;
    border-radius: 50em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

figure img {
    width: 100%;
}

.site-text-color {
    color: #f97854;
}

.blog-box-1 {
    height: 650px;
    overflow: hidden;
}

.blog-box-1 figure img {
    min-height: 650px !important;
}

.margin-top-35 {
    margin-top: 35px!important;
}

.box-container {
    margin-top: 10px;
}

.box-container .blog-box-2,
.box-container .blog-box-3 {
    width: 100%;
    display: inline-block;
    height: 430px;
    overflow: hidden;
}

.box-container .blog-box-2 img,
.box-container .blog-box-3 img {
    width: auto;
    max-width: inherit;
}

.box-container .blog-box-2 > div,
.box-container .blog-box-3 > div,
.box-container .blog-box-2 > div > blockquote,
.box-container .blog-box-3 > div > blockquote,
.box-container .blog-box-2 > div > figure,
.box-container .blog-box-3 > div > figure,
.box-container .blog-box-2 > div > div,
.box-container .blog-box-3 > div > div {
    height: 100%;
}

.box-container .blog-box-left {
    padding-right: 5px;
}

.box-container .blog-box-right {
    padding-left: 5px;
}

.blog-box-2.blog-box-quote {
    background-color: #f97854;
    text-align: center;
    padding: 150px 39px;
    color: white;
    background-image: url(../img/qoute-white.png);
    background-repeat: no-repeat;
    background-position: 50% 92px;
}

.blog-box-2.blog-box-quote div > p:first-child {
    font-size: 19px;
    font-style: italic;
    font-family: Lato, Arial, sans-serif;
}

.blog-box-3 {
    float: right;
    max-height: 430px;
}

.blog-box-3 figure,
.blog-box-3 figure >img {
    height: 430px !important;
}

.blog-box-3 .king-blog-hover-effects figcaption {
    padding: 114px 24px;
}

.blog-box-3 .king-blog-hover-effects figcaption a,
.blog-box-3 .king-blog-hover-effects figcaption a:active,
.blog-box-3 .king-blog-hover-effects figcaption a:hover,
.blog-box-3 .king-blog-hover-effects figcaption a:focus,
.blog-box-figure-2 .king-blog-hover-effects figcaption a,
.blog-box-figure-2 .king-blog-hover-effects figcaption a:active,
.blog-box-figure-2 .king-blog-hover-effects figcaption a:hover,
.blog-box-figure-2 .king-blog-hover-effects figcaption a:focus {
    color: white;
    text-decoration: none;
}

.blog-box-3 figure p,
.blog-box-figure-2 figure p {
    font-size: 16px !important;
}

.blog-box-3 figure > figcaption >div,
.blog-box-figure-2 figure > figcaption >div {
    font-family: Lato, Arial, sans-serif;
}

.padding-five {
    padding-right: 5px !important;
    padding-left: 5px !important;
}


/*blog media box*/

.media-box {
    /*max-height: 210px;*/
}

.media-box img {
    min-height: 100%;
}

.media-box > figcaption > div p:first-child {
    font-size: 22px!important;
    font-weight: 600 !important;
}

.media-box > figcaption a>i {
    height: 40px;
    width: 40px;
    border: 1px solid white;
    border-radius: 20px;
    padding: 13px 6px 13px 9px;
}

.media-box > figcaption a {
    color: white;
}

.media-box > figcaption a>i:hover {
    border-color: #f97854;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.media-box > figcaption a:active .media-box > figcaption a:hover,
.media-box > figcaption a:focus {
    color: #f97854;
    text-decoration: none;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
}


/* king-blog-effects-container */

.king-blog-effects-container {
    position: relative;
    clear: both;
    max-width: 100%;
    list-style: none;
    text-align: center;
    overflow: hidden;
}

.king-blog-effects-container figure {
    position: relative;
    float: left;
    overflow: hidden;
    min-height: 100%;
    width: 100%;
    background: #3085a3;
    text-align: center;
    cursor: default;
}

.king-blog-effects-container figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.king-blog-effects-container figure figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.king-blog-effects-container figure figcaption::before,
.king-blog-effects-container figure figcaption::after {
    pointer-events: none;
}

.king-blog-effects-container figure figcaption {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    opacity: 0;
    visibility: hidden;
    background: rgba(34, 42, 44, 0.5);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.king-blog-effects-container figure p {
    margin: 0;
}

.king-blog-effects-container figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

.blog-box-hor {
    height: 210px;
}

.king-blog-effects-container .post-thumbnail {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.king-blog-effects-container:hover .post-thumbnail {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/***********************
king-blog-hover-effects
************************/

figure.king-blog-hover-effects {
    background: transparent;
}

figure.king-blog-hover-effects img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

figure.king-blog-hover-effects i,
figure.king-blog-hover-effects p {
    padding: .4em;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

figure.king-blog-hover-effects:hover figcaption {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
    visibility: visible;
}

figure.king-blog-hover-effects:hover p,
figure.king-blog-hover-effects:hover i {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}


/***********************
King Latest Posts
************************/

.latest-posts {
    overflow: hidden;
}

.latest-posts [class^=col] {
    padding: 0;
}

.latest-posts article {
    position: relative;
    color: white;
    overflow: hidden;
}

.latest-posts article.full-height {
    height: 794px;
}

.latest-posts article.half-height {
    height: 397px;
}

.latest-posts article figure {
    background-size: cover;
    background-position: center;
    height: 100%;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
}

.latest-posts article figure:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(7, 21, 28, 0.4);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.latest-posts article figure img {
    display: none;
}

.latest-posts article .contents {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding-right: 20px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.latest-posts article:hover figure {
    -webkit-transform: scale(1.02) translateZ(0);
    transform: scale(1.02) translateZ(0);
}

.latest-posts article:hover figure:after {
    background: rgba(7, 21, 28, 0.2);
}

.latest-posts .left-sec article .contents {
    padding-left: 34%;
}

.b1170 .latest-posts .left-sec article .contents,
.b960 .latest-posts .left-sec article .contents {
    padding-left: 20%;
}

.latest-posts .mid-sec article .contents {
    padding-left: 80px;
    padding-right: 70px;
}

.b1170 .latest-posts .mid-sec article .contents,
.b960 .latest-posts .mid-sec article .contents {
    padding-left: 40px;
    padding-right: 30px;
}

.latest-posts .right-sec article .contents {
    padding-left: 70px;
}

.b1170 .latest-posts .right-sec article .contents,
.b960 .latest-posts .right-sec article .contents {
    padding-left: 40px;
}

.latest-posts article .title,
.latest-posts article .category,
.latest-posts article .button {
    color: white;
    border-color: white;
}

.latest-posts article .title {
    font-family: 'nevis', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 36px;
    margin: 16px 0;
}

.latest-posts article .category a,
.latest-posts article .title a {
    color: white;
}

.latest-posts article .category {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    margin: 0;
}

.latest-posts article .category a:after {
    content: ',';
    margin-left: 1px;
    margin-right: 2px;
}

.latest-posts article .category a:last-child:after {
    content: none;
}

.latest-posts article .meta {
    padding: 0;
    list-style: none;
    margin-bottom: 24px;
}

.latest-posts article .meta li {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
}

.latest-posts article .meta li:after {
    content: '|';
    margin-left: 9px;
    margin-right: 7px;
}

.latest-posts article .meta li:last-child:after {
    content: none;
}

.latest-posts article .social-media {}

.latest-posts article .social-media li {
    margin-right: 10px;
}

.latest-posts article .social-media li:first-child {
    margin-left: 0;
}

.latest-posts article .social-media li a {
    display: inline-block;
    width: 26px;
    height: 26px;
    color: white;
    border: 1px solid white;
    border-radius: 50em;
    text-align: center;
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.latest-posts article .social-media li a:hover {
    background: #2b3031;
    border-color: #2b3031;
}

.latest-posts article .social-media li:hover,
.latest-posts article .social-media li a:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.latest-posts article .blog-content {
    margin-top: 42px;
}

.latest-posts article .blog-content,
.latest-posts article .blog-content p {
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
}

.latest-posts article .blog-content p {
    margin-bottom: 1.6em;
}

.latest-posts article .blog-content a.button {
    border-color: white;
    color: white;
}

.latest-posts.style2 article {
    display: table;
    width: 50%;
    float: left;
}

.latest-posts.style2 article .contents,
.latest-posts.style2 article figure {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.latest-posts.style2 article .contents {
    color: #222a2c;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    padding-left: 50px;
    padding-right: 25px;
    position: relative;
    z-index: 1;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}

.latest-posts.style2 article .contents:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 20px;
    border-color: transparent transparent transparent white;
    border-style: solid;
    position: absolute;
    top: 50%;
    right: -40px;
    margin-top: -10px;
    z-index: 10;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.latest-posts.style2 article .contents a {
    color: #222a2c;
}

.latest-posts.style2 article .contents a:hover {
    color: #f97854;
}

.latest-posts.style2 article .publish-date {
    /*display: table;*/
}

.latest-posts.style2 article .publish-date p {
    font-size: 22px;
    font-weight: 300;
    overflow: hidden;
    margin: 0;
    line-height: 1.5em;
    display: table-cell;
    vertical-align: middle;
}

.latest-posts.style2 article .publish-date span {
    line-height: 1;
    display: block;
    position: relative;
}

.latest-posts.style2 article .publish-date span:after {
    content: attr(data-hover);
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #222a2c;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.latest-posts.style2 article .publish-date p:nth-child(2) span:after {
    -webkit-transition: all 0.3s 0.3s ease;
    transition: all 0.3s 0.3s ease;
}

.latest-posts.style2 article .publish-date p:first-child {
    font-size: 72px;
    color: #a8a8a8;
    float: left;
    padding-right: 17px;
}

.latest-posts.style2 article .publish-date p:last-child span {
    display: block;
    margin: 9px 0;
}

.latest-posts.style2 article .publish-date p:last-child span:first-child:before {
    content: '/';
}

.latest-posts.style2 article .publish-date p:last-child span:last-child {
    letter-spacing: 0.05em;
}

.latest-posts.style2 article:hover .publish-date span:after {
    width: 100%;
}

.latest-posts.style2 article .contents h3 {
    font-family: 'nevis', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 29px;
    margin-bottom: 0;
    -webkit-perspective: 600;
    -ms-perspective: 600;
    perspective: 600;
}

.latest-posts.style2 article h3 {
    position: relative;
}

.latest-posts.style2 article h3 a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.latest-posts.style2 article h3 a:before {
    /*content: attr(data-hover);*/
    position: absolute;
    left: 0;
    top: 0;
    color: #f97352;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.5s cubic-bezier(.66, .07, .2, .9);
    transition: opacity 0.3s ease, -webkit-transform 0.5s cubic-bezier(.66, .07, .2, .9);
    transition: opacity 0.3s ease, transform 0.5s cubic-bezier(.66, .07, .2, .9);
    transition: opacity 0.3s ease, transform 0.5s cubic-bezier(.66, .07, .2, .9), -webkit-transform 0.5s cubic-bezier(.66, .07, .2, .9);
}

.latest-posts.style2 article:hover .contents h3 a {
    color: #666;
}

.latest-posts.style2 article:hover h3 a:before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}

.latest-posts.style2 article figure {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.latest-posts.style2 article figure img {
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    position: relative;
    z-index: 0;
}

.latest-posts.style2 article figure:before {
    /*content: '';*/
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: translatex(100%);
    transform: translatex(100%);
    -webkit-transition: all 0.8s cubic-bezier(.66, .07, .2, .9);
    transition: all 0.8s cubic-bezier(.66, .07, .2, .9);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(96, 96, 96, 0)), color-stop(100%, rgba(255, 255, 255, 0.5)));
    background: -webkit-linear-gradient(left, rgba(96, 96, 96, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    background: linear-gradient(to right, rgba(96, 96, 96, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
}

.latest-posts.style2 article.image-right figure:before {
    -webkit-transform: translatex(-100%);
    transform: translatex(-100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(96, 96, 96, 0.0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(96, 96, 96, 0.0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(96, 96, 96, 0.0) 100%);
}

.latest-posts.style2 article:hover figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.latest-posts.style2 article:hover figure:before {
    -webkit-transform: translatex(0);
    transform: translatex(0);
}

.latest-posts.style2 article figure img {
    display: block;
}

.latest-posts.style2 article figure:after {
    content: none;
}

.latest-posts.style2 article .meta {
    margin-top: 7px;
    margin-bottom: 34px;
}

.latest-posts.style2 article .meta li:after {
    margin-left: 3px;
    margin-right: 5px;
}

.latest-posts.style2 article .social-media li a {
    border-color: #222a2c;
}

.latest-posts.style2 article .social-media li a:hover {
    background: #f97854;
    border-color: #f97854;
    color: white;
}

.latest-posts.style2 article.image-left {
    direction: rtl;
}

.latest-posts.style2 article.image-left .contents {
    text-align: left;
    direction: ltr;
}

.latest-posts.style2 article.image-left .contents:after {
    right: 0;
    left: -40px;
    border-color: transparent white transparent transparent;
}

.latest-posts.style2 article:hover figure {
    -webkit-transform: scale(1);
    transform: scale(1);
}


/***********************
King Latest Works
************************/

.latest-works {
    overflow: hidden;
}

.latest-works .row {
    margin: 0;
}

.latest-works [class^=col] {
    padding: 0;
}

.latest-works article {
    position: relative;
    padding: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.latest-works article:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 1;
    background: rgba(7, 21, 28, 0.1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.latest-works figure {
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.latest-works article:hover figure {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.latest-works article:hover:after {
    opacity: 0;
}

.latest-works figure .layer {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.latest-works figure img {
    display: none;
    width: 100%;
}

.latest-works article .contents {
    position: absolute;
    top: 50%;
    left: 50%;
    color: white;
    width: 100%;
    z-index: 2;
    padding-left: 100px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.b1170 .latest-works article .contents,
.b960 .latest-works article .contents {
    padding-left: 35px;
}

.latest-works article .contents .title,
.latest-works article .contents .title a,
.latest-works article .contents .category {
    color: white;
    margin: 0;
}

.latest-works article .contents .title {
    font-size: 30px;
    line-height: 1.5em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 3px;
    font-weight: 700;
}

.latest-works article .contents .category {
    font-family: 'Libre Baskerville', serif;
    font-size: 18px;
    font-style: italic;
    list-style: 1.5em;
    font-weight: 400;
}

.latest-works .full-height {
    height: 800px;
}

.latest-works .half-height {
    height: 400px;
}

.latest-works .full-height .contents .title {
    margin-bottom: 14px;
}

.latest-works.style2 {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.latest-works .stamp {
    padding: 45px 94px 75px 55px;
}

.b1170 .latest-works .stamp,
.b960 .latest-works .stamp {
    padding: 5px 70px 10px 30px;
}

.latest-works .stamp h3 {
    font-family: 'nevis', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 60px;
}

.latest-works .stamp p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 75px;
}

.latest-works .stamp .filter-tabs:before,
.latest-works .stamp .filter-tabs:after {
    content: ' ';
    display: table;
}

.latest-works .stamp .filter-tabs:after {
    clear: both;
}

.latest-works .stamp .filter-tabs .filter {
    width: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    margin: 0 55px 20px 0;
    border-bottom: 2px solid transparent;
}

.b1170 .latest-works .stamp .filter-tabs .filter,
.b960 .latest-works .stamp .filter-tabs .filter {
    margin: 0 35px 10px 0;
}

.latest-works .stamp .filter-tabs .filter:last-child {
    margin-right: 0;
}

.latest-works .stamp .filter-tabs .filter.is-checked {
    border-bottom-color: #1a1e1f;
}

.latest-works .stamp .filters-nav {
    position: absolute;
    top: 70px;
    right: 95px;
}

.latest-works .stamp .filters-nav span {
    display: inline-block;
    width: 12px;
    height: 24px;
    margin: 0 10px;
    background: url(../img/portfolio-nav.png);
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.latest-works .stamp .filters-nav .prev {
    background-position: left center;
}

.latest-works .stamp .filters-nav .next {
    background-position: right center;
}

.latest-works.style2 article figure {
    -webkit-transition: all 1.1s ease;
    transition: all 1.1s ease;
}

.latest-works.style2 article .contents .title {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.4s cubic-bezier(.43, .08, .24, .61);
    transition: all 0.4s cubic-bezier(.43, .08, .24, .61);
}

.latest-works.style2 article .contents .category {
    opacity: 0;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: all 0.4s 0.1s cubic-bezier(.43, .08, .24, .61);
    transition: all 0.4s 0.1s cubic-bezier(.43, .08, .24, .61);
}

.latest-works.style2 article:hover .contents .title,
.latest-works.style2 article:hover .contents .category {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}


/** blog view button ***/

.blog-btn {
    border-color: black !important;
    background: transparent!important;
    width: 197px!important;
    height: 54px!important;
    border-radius: 27px!important;
}

.blog-btn:hover,
.blog-btn:focus,
.blog-btn:active {
    background-color: #f97854 !important;
    color: white !important;
    border-color: #f97854 !important;
}

.king-blog-quote {
    color: #FFF;
}

.text-uppercase {
    text-transform: uppercase;
}

.blog-btn {
    line-height: 40px;
}

.king-blog-hover-effects .post-blockquote:not(.style-link) {
    background-position: 50% 80px;
    padding-top: 135px;
}

@media screen and (min-width: 1600px) {
    .latest-works .full-height .contents {
        padding-left: 34%;
    }
    .b1170 .latest-works .full-height .contents,
    .b960 .latest-works .full-height .contents {
        padding-left: 24%;
    }
}

@media screen and (min-width:1600px) and (max-width:1750px) {
    .project.style-king .project-hover .project-button {
        margin-top: 30px;
    }
    .project.style-king .project-hover .separator {
        margin: 25px auto 30px;
    }
}

@media screen and (min-width:1200px) and (max-width:1599px) {
    .project.style-king .project-hover {
        width: 100%;
        height: 100%;
    }
    .project.style-king .project-hover .project-title {
        font-size: 18px;
        line-height: 1.5em;
    }
    .project.style-king .project-hover .separator {
        margin: 10px auto 15px;
    }
    .project.style-king .project-hover p {
        display: none;
    }
    .project.style-king .project-hover .project-button {
        margin-top: 10px;
    }
    .project-box figcaption > div,
    .blog-box figure figcaption > div {
        padding: 0 40px !important;
    }
    .latest-posts .mid-sec article .contents {
        padding-left: 40px;
        padding-right: 20px;
    }
    .latest-posts .right-sec article .contents {
        padding-left: 40px;
    }
    .latest-works .full-height .contents {
        padding-left: 23%;
    }
    .latest-works .stamp {
        padding: 35px 74px 65px 45px;
    }
    .latest-works .stamp p {
        margin-bottom: 60px;
    }
    .onepage-scroll .latest-works .stamp {
        padding: 15px 50px 0 25px;
    }
    .onepage-scroll .latest-works .stamp .filters-nav {
        top: 39px;
    }
    .onepage-scroll .latest-works .half-height {
        height: 300px;
    }
    .onepage-scroll .latest-works article.half-height:first-of-type,
    .onepage-scroll .latest-works article.half-height:nth-of-type(2),
    .onepage-scroll .latest-works .half-height.stamp {
        height: 400px;
    }
}

@media screen and (min-width:1200px) {
    body.b1170 .container {
        width: 1200px;
    }
    body.b1170 .page-heading.container {
        width: 100%;
    }
    .b1170 #header.header-style-5.sticky-header #main-header > .container,
    .b1170 .footer-page > .container,
    .b1170 .king-page > .container,
    .b1170 #preheader,
    .b1170 #main-content > .container,
    .b1170 #footer > .container,
    .b1170 #lower-footer > .container,
    .b1170 #main-footer > .container,
    .b1170 #main-header > .container {
        width: 1320px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1350px) {
    .b1170 #header.header-style-5.sticky-header #main-header > .container,
    .b1170 .footer-page > .container,
    .b1170 .king-page > .container,
    .b1170 #preheader,
    .b1170 #main-content > .container,
    .b1170 #footer > .container,
    .b1170 #lower-footer > .container,
    .b1170 #main-footer > .container,
    body.b1170 #slider,
    .b1170 #main-header > .container {
        width: 1170px;
    }
}

@media screen and (min-width:1200px) and (max-width:1400px) {
    .blog-box.style2 figcaption .post-title {
        letter-spacing: 4px;
        font-size: 22px;
    }
    .blog-box.style2 figcaption span.separator {
        margin: 25px auto;
    }
    .latest-works article .contents {
        padding-left: 50px;
    }
    .latest-posts.style2 article .contents {
        padding-left: 30px;
    }
    .latest-posts.style2 article .publish-date p {
        font-size: 18px;
    }
    .latest-posts.style2 article .publish-date p:first-child {
        font-size: 66px;
        padding-right: 10px;
    }
    .latest-posts.style2 article .contents h3 {
        font-size: 26px;
        margin-top: 22px;
    }
    .latest-posts.style2 article .meta {
        margin-bottom: 26px;
    }
}

@media screen and (min-width:992px) and (max-width:1280px) {
    .blog-box.style2 figcaption .post-title {
        font-size: 18px;
    }
    .b1170 .blog-box.style2 figcaption .post-title {
        margin-bottom: 0;
    }
    .blog-box.style2 figcaption span.separator {
        margin: 15px auto;
    }
    .blog-box figure figcaption a {
        margin-top: 5px;
    }
    .b1170 .blog-box figure figcaption a {
        margin-top: 0;
    }
    .project-box figcaption > div,
    .blog-box figure figcaption > div {
        padding: 0 30px !important;
    }
    .b1170 .project-box figcaption > div,
    .b1170 .blog-box figure figcaption > div {
        padding: 0 15px !important;
    }
    .project-box:hover figcaption,
    .blog-box:hover figure figcaption {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
}

@media screen and (max-width:1199px) {
    .welcome .right-sec .contents {
        margin-left: 0;
    }
    .welcome .left-sec figure {
        margin-right: 0;
    }
    .welcome .left-sec .logo {
        margin-left: 0;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    body.b1170 #slider {
        width: 970px;
    }
    #navigation-lightbox #main-nav li a {
        font-size: 16px;
    }
    #navigation-lightbox #main-nav > li {
        margin-left: 25px;
    }
    #header.header-style-5 #main-header #sideheader-button,
    #header.header-style-5 #main-header #search-box {
        margin-left: 8px;
    }
    .headerstyle-king #main-header div.menu > ul > li {
        margin-left: 25px;
    }
    .headerstyle-king #main-header #main-nav > li {
        margin-left: 20px;
    }
    .boxed-layout2.headerstyle-king #main-header #main-nav > li {
        margin-left: 21px;
    }
    .boxed-layout2 #header.style-king #main-header #sideheader-button {
        margin-left: 10px;
    }
    .boxed-layout2 #header.style-king #main-header #search-box,
    .boxed-layout2 #header.style-king #main-header #search-box-pre {
        margin-left: 10px;
    }
    .boxed-layout2 #header.style-king #main-nav li a {
        font-size: 11px !important;
    }
    .headerstyle-king .navigation-toggle-wrapper #main-nav li a {
        letter-spacing: 1px;
    }
    .king-blog-main {
        padding-right: 30px;
    }
    .king-blog .king-blog-sidebar .sidebar {
        padding-left: 0;
    }
    .widget_calendar > div {
        padding: 20px 10px 10px;
    }
    .welcome .right-sec .contents {
        padding: 40px;
    }
    .project.style-king .project-hover {
        width: 100%;
        height: 100%;
    }
    .project.style-king .project-hover .project-title {
        font-size: 18px;
        line-height: 1.5em;
    }
    .project.style-king .project-hover .separator {
        margin: 10px auto 15px;
    }
    .project.style-king .project-hover p {
        display: none;
    }
    .project.style-king .project-hover .project-button {
        margin-top: 10px;
    }
    .project.style-king .project-hover .project-button:first-of-type {
        /*display: none;*/
    }
    .project-box figcaption span.categ {
        padding-bottom: 19px;
        margin-bottom: 20px;
    }
    .project-box figcaption h4 {
        font-size: 22px;
    }
    .blog-box-1 {
        /*height: ;537*/
    }
    .box-container .blog-box-2,
    .box-container .blog-box-3 {
        height: 210px;
    }
    .box-container .blog-box-left {
        padding-right: 15px;
        margin-bottom: 4px;
    }
    .box-container .blog-box-right {
        padding-left: 15px;
    }
    .king-blog-hover-effects .post-blockquote:not(.style-link) {
        margin-bottom: 0;
        background-position: 50% 30px;
        padding-top: 70px;
    }
    .king-blog-effects-container .overlay-inner {
        padding: 0 30px;
    }
    .king-blog-effects-container .post-title {
        font-size: 22px;
    }
    .king-blog-effects-container .post-blockquote .quote-contents {
        position: relative;
        top: auto;
        left: auto;
        padding: 5px 0 0;
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
    .king-blog-effects-container .post-blockquote .quote-icon {
        margin: 0 auto 15px;
    }
    .king-blog-effects-container .post-blockquote:not(.style-link) p {
        font-size: 20px;
    }
    .king-blog-effects-container .post-blockquote:not(.style-link) p:last-child {
        font-size: 16px;
    }
    .latest-works .full-height .contents {
        width: 100%;
        padding-left: 80px;
    }
    .latest-works .col-lg-3.col-md-6.half-height {
        height: 200px;
    }
    .latest-posts .col-lg-3.col-md-6 .full-height {
        height: 397px;
    }
    .latest-posts .col-lg-3.col-md-6 .half-height {
        height: 198.5px;
    }
    .latest-posts .col-lg-3.col-md-6 .full-height .blog-content {
        display: none;
    }
    .latest-posts .col-lg-3.col-md-6 .half-height .meta {
        margin-bottom: 0;
    }
    .latest-posts .col-lg-3.col-md-6 .half-height .social-media {
        display: none;
    }
    .b960 .latest-works .full-height {
        height: 600px;
    }
    .latest-posts article .contents {
        padding-left: 40px !important;
    }
    .welcome.style2 .left-sec .front-img {
        right: -100px;
    }
    .latest-works .stamp {
        padding: 25px 54px 0px 35px;
    }
    .latest-works .stamp h3 {
        margin-bottom: 40px;
    }
    .latest-works .stamp p {
        margin-bottom: 40px;
    }
    .latest-works .stamp .filter-tabs .filter {
        margin-right: 20px;
        margin-bottom: 10px;
        font-size: 12px;
    }
    .latest-works .stamp .filters-nav {
        top: 50px;
        right: 55px;
    }
    .latest-works article .contents {
        padding-left: 50px;
    }
    .latest-posts.style2 article .contents {
        padding-left: 30px !important;
    }
    .latest-posts.style2 article .publish-date p {
        font-size: 16px;
    }
    .latest-posts.style2 article .publish-date p:first-child {
        font-size: 58px;
        padding-right: 8px;
    }
    .latest-posts.style2 article .contents h3 {
        font-size: 24px;
        margin-top: 20px;
    }
    .latest-posts.style2 article .meta {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .latest-posts.style2 article .social-media {
        display: none;
    }
    .latest-works .half-height.stamp {
        height: 400px;
    }
    .latest-works .half-height {
        height: 200px;
    }
    .welcome.style2 .left-sec .behind-img {
        margin-top: 85px;
    }
    #header.header-style-5 #main-header #main-nav > li,
    #header.header-style-5 #main-header div.menu > ul > li {
        margin-left: 20px;
    }
    .b1170 #header.header-style-5 #main-header #main-nav > li,
    .b1170 #header.header-style-5 #main-header div.menu > ul > li {
        margin-left: 15px;
    }
    .b1170 #main-header #search-box,
    .b1170 #main-header #search-box-pre {
        margin-left: 15px;
    }
    .b960 #header.header-style-5 #main-header #search-box,
    .b960 #header.header-style-5 #main-header #search-box-pre {
        margin-left: 8px;
    }
    .b960 #sideheader-button {
        margin-left: 8px;
    }
    .king-preheader .text-list li {
        margin-right: 0;
    }
    .team-members-row .team-member:hover img {
        -webkit-transform: scale(1.1) translateX(9px);
        transform: scale(1.1) translateX(9px);
    }
    .team-members-row .team-member.side-right:hover img {
        -webkit-transform: scale(1.1) translateX(-9px);
        transform: scale(1.1) translateX(-9px);
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .comment-respond {
        padding: 40px;
    }
    .widget-latest-posts li,
    .widget-latest-posts li>div {
        display: block;
        padding-left: 0!important;
        text-align: center;
        width: 100%!important;
    }
    .widget_instagram_feed ul li {
        width: 16.66666666666667%;
    }
    .king-blog-sidebar .widget-latest-posts li,
    .king-blog-sidebar .widget-latest-posts li > div {
        text-align: left;
    }
    .king-blog-sidebar .widget-latest-posts li > div {
        width: auto !important;
    }
    .king-blog-sidebar .widget-latest-posts li .featured-image {
        float: left;
        margin-right: 20px;
    }
    .project.style-king .project-hover .project-title {
        font-size: 20px;
        line-height: 1.5em;
    }
    .project.style-king .project-hover .separator {
        margin: 10px auto 15px;
    }
    .project.style-king .project-hover .project-button {
        margin-top: 30px;
    }
    .pricing-table.style-king .table-footer .button {
        padding: 0 40px;
    }
    .latest-posts article .contents {
        padding-left: 100px !important;
    }
    .latest-posts.style2 article .contents {
        padding-left: 15px !important;
    }
    .latest-posts.style2 article .publish-date p {
        font-size: 14px;
    }
    .latest-posts.style2 article .publish-date p:first-child {
        font-size: 52px;
        padding-right: 8px;
    }
    .latest-posts.style2 article .contents h3 {
        font-size: 20px;
        margin-top: 20px;
    }
    .latest-posts.style2 article .meta {
        margin-top: 0;
        margin-bottom: 0;
        display: none;
    }
    .latest-posts.style2 article .social-media {
        display: none;
    }
    .testim-slides .owl-nav {
        padding-left: 200px;
    }
    .team-members-row .team-member .separator {
        margin: 10px auto 20px;
    }
    .team-members-row .team-member:hover img {
        -webkit-transform: scale(1.1) translateX(5px);
        transform: scale(1.1) translateX(5px);
    }
    .team-members-row .team-member.side-right:hover img {
        -webkit-transform: scale(1.1) translateX(-5px);
        transform: scale(1.1) translateX(-5px);
    }
}

@media screen and (max-width:991px) {
    body.sticky-footer-on {
        padding-bottom: 0!important;
    }
    body.sticky-footer-on #footer {
        position: static!important;
    }
    body.boxed-layout2 #header {
        top: 0;
        left: 0;
        right: 0;
    }
    body.b1170 #slider {
        width: 100%;
    }
    .header-activate #king-header {
        z-index: 10;
    }
    #header.columns3 .left-column .right-menu-items {
        display: block;
    }
    .dl-menu {
        width: 100vw;
        height: 100vh;
        top: 100%;
        left: calc(-100vw + 90px);
        margin-top: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(31, 46, 68, 0.9)), color-stop(60%, rgba(17, 23, 25, 0.9)), color-stop(100%, rgba(17, 23, 25, 0.9)));
        background: -webkit-radial-gradient(center, ellipse cover, rgba(31, 46, 68, 0.9) 0%, rgba(17, 23, 25, 0.9) 60%, rgba(17, 23, 25, 0.9) 100%);
        background: -webkit-radial-gradient(center ellipse, rgba(31, 46, 68, 0.9) 0%, rgba(17, 23, 25, 0.9) 60%, rgba(17, 23, 25, 0.9) 100%);
        background: radial-gradient(ellipse at center, rgba(31, 46, 68, 0.9) 0%, rgba(17, 23, 25, 0.9) 60%, rgba(17, 23, 25, 0.9) 100%);
    }
    .dl-menuwrapper > div > div > .dl-submenu {
        width: 100vw;
        height: 100vh;
        top: 100%;
        left: calc(-100vw + 90px);
        margin-top: 0 !important;
        z-index: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    #navigation-lightbox.active {
        overflow: visible !important;
    }
    .header-activate #king-header .header-upper-area {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    body.headerstyle-king #main-content {
        margin-top: 0 !important;
    }
    .admin-bar #header.style-king {
        /*padding-bottom: 32px;*/
    }
    #king-header .header-left-area,
    #king-header .header-right-area {
        display: none;
    }
    #header.style-king.style-light #main-nav-button span,
    #header.style-king.header-light #main-nav-button span {
        background: #b39a71;
    }
    #header.style-king.style-light #main-header,
    #header.style-king.header-light #main-header {
        background: none;
    }
    #navigation-lightbox-button {
        display: none;
    }
    #navigation-toggle-button {
        display: none;
    }
    #header.style-king.header-light #main-nav .dropdown-button,
    #header.style-king.header-light div.menu >ul .dropdown-button {
        background: url(../img/mobile-menu-icons.png) no-repeat;
    }
    #header.style-king.header-dark #main-nav .dropdown-button,
    #header.style-king.header-dark div.menu >ul .dropdown-button {
        background: url(../img/mobile-menu-icons-dark.png) no-repeat;
    }
    #king-header .header-upper-area {
        background: #000;
        background: rgba(0, 0, 0, .8);
    }
    #navigation-lightbox > div > div {
        padding: 20px!important;
    }
    #header.style-king #main-nav li a,
    #navigation-lightbox #main-nav li a {
        padding: 10px 0 !important;
    }
    #navigation-lightbox #main-nav-button {
        position: static;
    }
    #navigation-lightbox,
    #navigation-lightbox #main-nav {
        opacity: 1!important;
        visibility: visible!important;
        -webkit-transform: none;
        transform: none;
    }
    #header.style-king #main-nav,
    #navigation-lightbox #main-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 9999;
    }
    .transparent-header #header.style-king.style-gradient #main-header {
        padding: 32px 0;
    }
    #header.columns3 .left-column,
    #header.columns3 .right-column {
        position: static;
    }
    #header.style-king.columns3 #main-nav {
        top: 100%;
    }
    .transparent-header #header.style-king:not(.sticky-header) #main-nav > li > a {
        padding-bottom: 10px;
    }
    #header.style-king #main-nav > li .sub-menu {
        background: none;
        padding-top: 0 !important;
    }
    #header.style-king #main-nav {
        background: white;
    }
    #header.style-king.style-light #main-nav,
    #header.style-king.header-light #main-nav {

    }
    #header.style-king.style-light #main-nav .dropdown-button,
    #header.style-king.header-light #main-nav .dropdown-button {
        background: url(../img/mobile-menu-icons-dark.png) no-repeat;
    }
    #navigation-lightbox #main-nav {
        background: #2b3031;
    }
    #header.style-king #main-nav li,
    #navigation-lightbox #main-nav li {
        float: none;
        display: block;
        padding: 0 30px;
    }
    .page-border #header.style-king #main-nav li,
    .page-border #navigation-lightbox #main-nav li {
        padding: 0 60px;
    }
    #header.style-king #main-nav li.dropdown-opened,
    #navigation-lightbox #main-nav li.dropdown-opened {
        padding-bottom: 20px;
    }
    #navigation-lightbox #main-nav > li > a {
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 2px;
        color: white;
    }
    #header.style-king #main-nav > li > a {
        color: #2b3031;
    }
    #header.style-king.style-light #main-nav li a,
    #header.style-king.header-light #main-nav li a {
        color: #333;
    }
    #navigation-lightbox #main-nav li:hover > a,
    #navigation-lightbox #main-nav li > a:hover {
        color: #ffffff !important;
    }
    #navigation-lightbox #main-nav > li:hover > a,
    #navigation-lightbox #main-nav > li > a:hover {
        color: #b39a73 !important;
    }
    #header.style-king #main-nav li a:hover,
    #header.style-king #main-nav li:hover > a,
    #header.style-king #main-nav > li:hover > a,
    #header.style-king #main-nav > li > a:hover {
        color: #333 !important;
    }
    #header.style-king.style-dark #main-nav li a:hover,
    #header.style-king.style-dark #main-nav li:hover > a,
    #header.style-king.style-dark #main-nav > li:hover > a,
    #header.style-king.style-dark #main-nav > li > a:hover {
        color: #222a2c !important;
    }
    #header.style-king.header-dark #main-nav li ul li a,
    #header.style-king.header-dark div.menu > ul li ul li a {
        color: #2b3031;
    }
    body.headerstyle-king.transparent-header #navigation-lightbox #main-nav > li:hover > a,
    body.headerstyle-king.transparent-header #navigation-lightbox #main-nav > li > a:hover,
    body.transparent-header #header.style-king:not(.sticky-header) #main-nav > li:hover > a,
    body.transparent-header #header.style-king:not(.sticky-header) #main-nav > li > a:hover {
        color: #2b3031 !important;
    }
    body.transparent-header #header.style-king.style-dark:not(.sticky-header) #main-nav > li:hover > a,
    body.transparent-header #header.style-king.style-dark:not(.sticky-header) #main-nav > li > a:hover {
        color: #2b3031 !important;
    }
    #main-nav .dropdown-button,
    #header div.menu>ul .dropdown-button {
        top: 8px !important;
    }
    #navigation-lightbox #main-nav .dropdown-button,
    #header #navigation-lightbox div.menu > ul .dropdown-button {
        background: url(../img/mobile-menu-icons.png) no-repeat;
    }
    #navigation-lightbox .mega-menu > .sub-menu,
    #navigation-lightbox #main-nav > li > .sub-menu,
    #header.style-king .mega-menu > .sub-menu,
    #header.style-king #main-nav > li > .sub-menu {
        border-top: none;
        background: none;
    }
    #navigation-lightbox #main-nav .mega-menu,
    #header.style-king .mega-menu {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    #navigation-lightbox #main-nav .mega-menu > ul,
    #header.style-king .mega-menu > ul,
    #navigation-lightbox #main-nav > li > .sub-menu,
    #header.style-king #main-nav > li > .sub-menu,
    #navigation-lightbox #main-nav .sub-menu li a,
    #header.style-king #main-nav .sub-menu li a {
        padding: 0;
        border: none;
	
    }
    #navigation-lightbox #main-nav .sub-menu li,
    #header.style-king #main-nav .sub-menu li {
        border: none;
        padding: 7px 0;
    }
    #navigation-lightbox #main-nav .mega-menu > .sub-menu > li,
    #header.style-king #main-nav .mega-menu > .sub-menu > li {
        padding: 0;
    }
    #navigation-lightbox #main-nav .mega-menu > .sub-menu > .menu-item-has-children > a,
    #header.style-king #main-nav .mega-menu > .sub-menu > .menu-item-has-children > a {
        display: none;
    }
    #navigation-lightbox #main-nav .mega-menu li span,
    #header.style-king #main-nav .mega-menu li span {
        display: none;
    }
    #navigation-lightbox #main-nav li > .sub-menu,
    #header.style-king #main-nav li > .sub-menu {
        padding-bottom: 0;
        border: none;
    }
    #main-nav .dropdown-button,
    #header div.menu>ul .dropdown-button {
        right: 30px !important;
    }
    .page-border #main-nav .dropdown-button,
    .page-border #header div.menu>ul .dropdown-button {
        right: 68px !important;
    }
    #header.style-king #main-header {
        padding-top: 0;
    }
    body:not(.b1170):not(.b960) #header.style-king #main-header > .container {
        width: 100%;
    }
    body.boxed-layout2 .container {
        padding-right: 0;
        padding-left: 0;
    }
    #navigation-lightbox,
    #king-header .header-upper-area {
        position: static;
        width: auto;
        background: none;
    }
    #navigation-lightbox {
        float: right;
    }
    #king-header .header-upper-area {
        float: left;
    }
    #header.style-king {
        padding: 0;
    }
    .page-border #header.style-king {
        padding-top: 30px;
    }
    #header.style-king.columns3 {
        padding-bottom: 0;
    }
    body:not(.b1170):not(.b960) #header.style-king.style-light,
    body:not(.b1170):not(.b960) #header.style-king.header-light {
        background: white;
    }
    body:not(.b1170):not(.b960) #header.style-king.style-dark,
    body:not(.b1170):not(.b960) #header.style-king.header-dark {
        background: white;
    }
    body:not(.b1170):not(.b960) #header.style-king #main-header #main-nav {
        width: auto !important;
        margin: 0 -15px;
		#main-header .menu{
    background: rgba(255, 255, 255, 0.35) !important;

}
    }
    body.boxed-layout2:not(.b1170):not(.b960) #header.style-king #main-header #main-nav {
        margin: 0 -30px;
    }
    #header.style-king #main-nav > li.menu-item-has-children {
        margin: 0 !important;
    }
    #header.style-king .navigation-toggle-wrapper {
        padding-right: 0;
    }
    #header.style-king .navigation-toggle-wrapper #main-nav {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    #main-header #main-nav,
    #main-header div.menu > ul {
        display: block;
    }
    #sideheader-button {
        display: none;
    }
    #header.style-king #main-header {
        padding-bottom: 32px;
        padding-top: 32px;
    }
    .page-border #header.style-king #main-header {
        padding: 52px 26px 32px;
    }
    body.headerstyle-king.preheader-on .page-title-bar {
        padding-top: 100px;
    }
    body.headerstyle-king.transparent-header #king-header #main-nav-button span {
        background: white;
    }
    .headerstyle-king header #preheader {
        display: none;
    }
    .admin-bar #header,
    .admin-bar .menu-bar,
    .admin-bar #king-header .header-upper-area {
        margin-top: 0;
    }
    #king-header .header-upper-area {
        padding-top: 0;
        position: absolute;
        top: 50%;
        left: 30px;
        right: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .navigation-toggle-wrapper #main-nav {
        visibility: visible;
        opacity: 1;
    }
    .king-blog-main {
        padding-right: 0;
    }
    .king-blog .king-blog-sidebar {
        position: relative;
    }
    .king-blog .king-blog-sidebar:before {
        left: -1000px;
    }
    .king-blog .king-blog-sidebar .sidebar {
        padding-left: 0;
    }
    .welcome,
    .welcome .left-sec,
    .welcome .right-sec {
        display: block;
        width: 100%;
    }
    .welcome .left-sec img:not(.logo) {
        width: 100%;
    }
    .welcome .right-sec .contents:before {
        left: 50%;
        top: -40px;
        border-top: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #222a2c;
        border-left: 20px solid transparent;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .blog-box.style2 figcaption .post-title {
        font-size: 18px;
    }
    .blog-box.style2 figcaption span.separator {
        margin: 15px auto;
    }
    .blog-box figure figcaption a {
        margin-top: 5px;
    }
    .project-box figcaption > div,
    .blog-box figure figcaption > div {
        padding: 0 30px !important;
    }
    .project-box figcaption,
    .blog-box figure figcaption {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    .king-blog-effects-container {
        margin-bottom: 10px;
    }
    .box-container .blog-box-2 img,
    .box-container .blog-box-3 img,
    .king-blog-effects-container img {
        width: 100%;
        margin: 0;
    }
    #blog-container-box .right-sec {
        padding-left: 15px;
    }
    #blog-container-box .left-sec {
        padding-right: 15px;
    }
    .blog-box-hor,
    .blog-box-1,
    .box-container .blog-box-2,
    .box-container .blog-box-3 {
        height: auto;
    }
    .king-blog-effects-container .post-blockquote .quote-contents {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    .blog-box-hor .link-container,
    .blog-box-2 .link-container {
        height: 250px;
    }
    .box-container .blog-box-left {
        padding-right: 15px;
    }
    .box-container .blog-box-right {
        padding-left: 15px;
    }
    .king-blog-hover-effects .post-blockquote:not(.style-link) {
        margin: 0;
        background-position: 50% 30px;
        padding-top: 70px;
    }
    .box-container {
        margin: 0;
    }
    .king-blog-effects-container .post-blockquote .quote-contents {
        padding-right: 30px;
        padding-left: 30px;
    }
    .king-blog-effects-container .post-blockquote:not(.style-link) {
        padding: 50px 50px 30px !important;
    }
    .welcome.style2 .left-sec .front-img {
        display: none;
    }
    .welcome.style2 .left-sec .behind-img {
        max-width: inherit;
    }
    .welcome.style2 .left-sec,
    .welcome.style2 .right-sec {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }
    .latest-works .stamp {
        height: auto;
        padding: 15px 35px;
    }
    .latest-works.style2 article {
        float: none;
        width: 100%;
    }
    .latest-posts.style2 article {
        width: 100%;
    }
    .latest-posts.style2 article .contents {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .page-border #slider {
        padding-top: 0;
    }
    .page-border #main-nav-button {
        margin: 0!important;
    }
}

@media screen and (min-width:768px) and (max-width: 991px) {
    .project-box figcaption span.categ {
        padding-bottom: 19px;
        margin-bottom: 20px;
    }
    .project-box figcaption h4 {
        font-size: 22px;
    }
    .king-blog-effects-container .link-container {
        height: 300px;
    }
    .testimonial-item .testimonial-content {
        padding: 80px 40px 160px;
    }
}

@media screen and (max-width:767px) {
    .admin-bar #header,
    .admin-bar .menu-bar,
    .admin-bar #king-header .header-upper-area {
        margin-top: 0;
    }
    .comment-respond {
        padding: 40px;
    }
    .navigation-toggle-wrapper {
        /*padding:20px 0;*/
    }
    .navigation-toggle-wrapper #main-nav {
        visibility: visible;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    .welcome .right-sec .contents {
        padding: 50px 40px;
    }
    .filter-list li {
        width: 100% !important;
    }
    .testimonial-block-2 figure {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
    }
    .testimonial-block-2 .message {
        padding-top: 80px !important;
        padding-bottom: 72px !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
    }
    .testim-slides .owl-nav {
        position: relative;
        bottom: auto;
        margin-top: 30px;
        padding-left: 0 !important;
    }
    .team-members-row {
        display: block;
    }
    .team-members-row .team-member {
        display: table;
        width: 100%;
    }
    .team-members-row .team-member {
        margin: 0;
    }
    .testimonial-item .testimonial-inner,
    .testimonial-item .testimonial-content,
    .testimonial-item .testimonial-author {
        display: block;
        width: 100%
    }
    .testimonial-item .testimonial-content {
        background: #fff;
        margin-top: 30px;
        padding: 80px 20px 80px;
    }
    .testimonial-item > .container {
        padding: 0;
    }
    .testimonial-item .testimonial-bg {
        width: 100%;
    }
    .testimonial-item .testimonial-author {
        padding-bottom: 80px;
    }
    .king-contact-form {
        position: static;
        margin-right: -15px;
        margin-left: -15px;
    }
    .king-contact-form .contact-form-inner {
        margin-top: 0;
    }
    .king-blog-effects-container .post-blockquote:not(.style-link) {
        padding: 40px 20px 20px !important;
    }
    .king-blog-effects-container .overlay-inner {
        padding: 0 20px;
    }
    .king-blog-effects-container .video-overlay .overlay-inner a[rel=prettyPhoto] {
        display: none;
    }
    .blog-post header .post-blockquote.style-link {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }
    .blog-post header .post-blockquote.style-link p {
        font-size: 20px;
    }
    .blog-post header .post-blockquote.style-link a {
        font-size: 16px;
    }
    .blog-post header .post-blockquote.style-link .link-contents .icon-container {
        margin-bottom: 18px;
    }
    .latest-works article .contents {
        width: 100% !important;
        padding: 0 20px !important;
        text-align: center;
    }
    .latest-works .stamp p {
        margin-bottom: 50px;
    }
    .latest-works .stamp .filter-tabs .filter {
        width: auto !important;
        margin-right: 45px;
    }
    .latest-works .stamp .filters-nav {
        display: none;
    }
    .latest-posts.style2 article,
    .latest-posts.style2 article figure,
    .latest-posts.style2 article .contents {
        text-align: left;
        direction: ltr !important;
        display: block;
        width: 100%;
    }
    .latest-posts.style2 article {
        margin-bottom: 100px;
    }
    .latest-posts.style2 article:last-child {
        margin-bottom: 0;
    }
    .latest-posts.style2 article .contents {
        margin-bottom: 70px;
        padding-left: 25px;
    }
    .latest-posts.style2 article.image-left .contents:after,
    .latest-posts.style2 article.image-right .contents:after {
        right: auto;
        left: 50%;
        top: auto;
        bottom: -110px;
        margin-top: 0;
        margin-left: -20px;
        border-color: white transparent transparent transparent;
    }
    .team-members-row .team-member:hover img {
        -webkit-transform: scale(1.1) translateX(10px);
        transform: scale(1.1) translateX(10px);
    }
    .team-members-row .team-member.side-right:hover img {
        -webkit-transform: scale(1.1) translateX(-10px);
        transform: scale(1.1) translateX(-10px);
    }
}

@media screen and (min-width:480px) and (max-width: 991px) {
    .project-box figcaption span.categ {
        padding-bottom: 15px;
        margin-bottom: 16px;
    }
    .project-box figcaption h4 {
        font-size: 20px;
    }
    .project-box figcaption > div,
    .blog-box figure figcaption > div {
        padding: 0 15px !important;
    }
}

@media screen and (min-width:480px) and (max-width: 767px) {
    .king-blog-effects-container .post-title {
        font-size: 22px;
    }
}

@media screen and (max-width:479px) {
    .big-text,
    .big-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .project.style-king .project-hover .project-title {
        font-size: 20px;
        line-height: 1.5em;
    }
    .project.style-king .project-hover .separator {
        margin: 10px auto 15px;
    }
    .project.style-king .project-hover p {
        display: none;
    }
    .project.style-king .project-hover .project-button {
        margin-top: 13px;
    }
    .project.style-king .project-hover .project-button {
        font-size: 12px;
    }
    .project.style-king .project-hover .project-button:first-of-type {
        display: none;
    }
    .blog-box.style2 figcaption p {
        display: none;
    }
    .blog-box.style2 figcaption .post-title {
        font-size: 16px;
    }
    .project-box figcaption > div,
    .blog-box figure figcaption > div {
        padding: 0 10px !important;
    }
    .project-box:hover figcaption span.categ {
        padding-bottom: 15px;
        margin-bottom: 16px;
    }
    .team-members-row .team-member {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
    .team-members-row .team-member .tm-info,
    .team-members-row .team-member .tm-image {
        display: block;
        width: 100%;
    }
    .team-members-row .team-member .tm-info {
        padding: 20px;
    }
    .team-members-row .team-member.side-left .tm-info:before,
    .team-members-row .team-member.side-right .tm-info:before {
        top: -40px;
        left: 50%;
        right: auto;
        margin-top: 0;
        margin-left: -20px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid #f3f3f3;
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
    }
    .team-members-row .team-member.side-left:hover .tm-info:before,
    .team-members-row .team-member.side-right:hover .tm-info:before {
        border-right-color: transparent;
        border-left-color: transparent;
        border-bottom-color: #f97854;
    }
    .king-blog-effects-container .post-blockquote:not(.style-link) p,
    .blog-box-hor .link-container .post-blockquote.style-link .link-contents p,
    .blog-box-2 .link-container .post-blockquote.style-link .link-contents p {
        font-size: 20px;
    }
    .blog-box-hor .link-container .post-blockquote.style-link .link-contents p,
    .blog-box-2 .link-container .post-blockquote.style-link .link-contents p {
        margin-bottom: 15px;
    }
    .king-blog-effects-container .post-blockquote:not(.style-link) p:last-child {
        font-size: 16px;
    }
    .blog-box-hor .link-container .post-blockquote.style-link .link-contents .icon-container,
    .blog-box-2 .link-container .post-blockquote.style-link .link-contents .icon-container {
        font-size: 1.7em;
        margin-bottom: 15px;
    }
    .blog-box-hor .link-container .post-blockquote.style-link .link-contents a,
    .blog-box-2 .link-container .post-blockquote.style-link .link-contents a {
        font-size: 16px;
    }
    .blog-box-hor .link-container,
    .blog-box-2 .link-container {
        height: 300px;
    }
    .king-blog-effects-container .post-title {
        font-size: 20px;
    }
    .latest-posts .col-lg-3.col-md-6 .full-height .blog-content {
        display: none;
    }
    .latest-posts article .contents {
        text-align: center;
        padding-left: 40px !important;
        padding-right: 20px !important;
    }
    .latest-posts article {
        height: 397px !important;
    }
    .latest-posts.style2 article {
        height: auto !important;
    }
    .latest-works .stamp .filter-tabs .filter {
        width: 100% !important;
        margin-right: 0;
    }
}


/*--------------------------------------------------
JQUERY UI
---------------------------------------------------*/

.sidebar .price_slider {
    position: relative;
}

.sidebar .price_slider > div {
    position: absolute;
}

.sidebar .price_slider > span {
    border-width: 6px !important;
    border-radius: 50em;
    position: absolute;
    top: -4px;
    margin-left: -6px;
}


/* King Google Map */

.cd-google-map {
    width: 100%;
    height: 454px;
    position: relative;
}

.cd-google-map.footer-map {
    height: 890px;
}

.cd-google-map.footer-map .google-container {
    height: 100%;
}

.cd-google-map .google-container,
.cd-google-map .google-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.cd-google-map #zoom-controls {
    z-index: 5 !important;
}

.cd-google-map .cd-zoom-in,
.cd-google-map .cd-zoom-out {
    display: none;
    height: 32px;
    width: 32px;
    cursor: pointer;
    margin-left: 10px;
    background-color: #222a2c;
    background-repeat: no-repeat;
    background-size: 32px 64px;
    background-image: url("../img/cd-icon-controller.svg");
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cd-google-map .cd-zoom-in:hover,
.cd-google-map .cd-zoom-out:hover {
    background-color: #f97854;
}

.cd-google-map .cd-zoom-in {
    background-position: 50% 0;
    margin-top: 10px;
    margin-bottom: 1px;
}

.cd-google-map .cd-zoom-out {
    background-position: 50% -32px;
}

.cd-google-map .map-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.cd-google-map .map-overlay img {
    width: auto;
    max-width: inherit;
}

.cd-google-map .map-overlay .overlay-inner {
    background: white;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 85px 75px 55px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.cd-google-map .map-overlay .overlay-inner img {
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.cd-google-map .map-overlay .overlay-inner p {
    font-family: 'lato', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.cd-google-map .map-overlay .overlay-inner .social-media {
    margin-top: 47px;
    margin-bottom: 47px;
}

.cd-google-map .map-overlay .overlay-inner .social-media li {
    margin: 5px;
}

.cd-google-map .map-overlay .overlay-inner .social-media li a {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 24px;
    color: #818b8d;
    font-size: 12px;
    border: 1px solid #818b8d;
    border-radius: 50em;
}

.cd-google-map .map-overlay .overlay-inner .social-media li:hover {
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
}

.cd-google-map .map-overlay .overlay-inner .social-media li a:hover {
    color: white;
    background: #2b3031;
    border-color: #2b3031;
}


/* Master Slider */

.ms-slide-counts-right,
.ms-slide-counts-left {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2em;
    color: white;
    position: absolute;
    top: 50%;
    margin-top: 3px;
}

.ms-slide-counts-right {
    right: 70px;
}

.ms-slide-counts-left {
    left: 70px;
}


/* Hide nicescroll horizontal handle */

.nicescroll-rails.nicescroll-rails-hr {
    display: none !important;
}


@media (max-width: 991px){

#footer {
    display: none;
}}


#footer.style-king #lower-footer {

    display: block;
}