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

/*==================================
    Common Styles
===================================*/

body {
    background-color: #fff;
    font-family: 'Lato', sans-serif;
    line-height: 26px;
    font-weight: 400;
    font-size: 16px;
    color: #777;
}

html, body {
    overflow-x: hidden;

}

ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

p {
    margin: 15px 0 0;
}

a {
    color: #777;

    -webkit-transition: all .3s ease-in 0s;
       -moz-transition: all .3s ease-in 0s;
        -ms-transition: all .3s ease-in 0s;
         -o-transition: all .3s ease-in 0s;
            transition: all .3s ease-in 0s;

}

a:focus, a:hover {
	color: #d45e00;
}

iframe {
    border: 0;
    width: 100%;
}

a, a:focus, a:hover, a:active {
    text-decoration: none;
    box-shadow: none;
    outline: 0;
}

h1, h2, h3,
h4, h5, h6 {
	font-weight: normal;
	margin: 0;
}

body > section,
.section {
    padding: 100px 0;
    background-color: #fff;
}

/**
 * Reset bootstraps default placehold opacity and color
 *
 */

.form-control::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    opacity: 1;
    color: inherit;
}

.form-control:-moz-placeholder,
input:-moz-placeholder {
    opacity: 1;
    color: inherit;
}

.form-control::-moz-placeholder,
input::-moz-placeholder {
    opacity: 1;
    color: inherit;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clear:before,
.clear:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clear:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clear {
    *zoom: 1;
}

.text-color {
    color: #777 !important;
}

.killPadding {
    padding: 0 !important;
}

.killPaddingTop {
    padding-top: 0 !important;
}

.killPaddingBottom {
    padding-bottom: 0 !important;
}

.killMargin {
    margin: 0 !important;
}

.killMarginTop {
    margin-top: 0 !important;
}

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

.text-mid {
    font-size: 18px !important;
    line-height: 28px;
    margin: 0 0 15px;
}

.btn {
    border-radius: 0;
    border: 0;
}

.btn:hover,
.btn:active,
.btn:active:focus,
.btn:focus {
    outline-offset: 0;
    outline: 0;
    box-shadow: none;
}

/* Sweep To Right */
.hover-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hover-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hover-left:hover,
.hover-left:focus,
.hover-left:active {
    color: #d45e00;
}
.hover-left:hover:before,
.hover-left:focus:before,
.hover-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


/* Sweep To Left */
.hover-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hover-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hover-right:hover,
.hover-right:focus,
.hover-right:active {
    color: #d45e00;
}
.hover-right:hover:before,
.hover-right:focus:before,
.hover-right:active:before {
    -webkit-transform: scaleX(1);
       -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
         -o-transform: scaleX(1);
            transform: scaleX(1);
}

.btn-blue {
    background-color: #d45e00;
    text-transform: uppercase;
    font-size: 17px;
    padding: 10px 20px;
    color: #fff;
    border: 2px solid #d45e00;
}

.btn-blue:hover {
    border: 2px solid #d45e00;
}

.btn-ash {
    background-color: #cacbca;
    color: #555;
    font-size: 17px;
    padding: 16px 36px;
    text-transform: uppercase;
}

.btn-ash:hover {
    background-color: #d45e00;
    color: #fff;
}

.btn-blue:hover,
.btn-blue:focus {
    background-color: #ffffff;
    color: #d45e00;
}

.btn-mid {
    font-size: 14px;
    font-weight: 700;
    padding: 14px 30px;
}

.btn-full {
    width: 100%;
}

.btn-bottom-bdr {
    border-bottom: 1px solid #777;
    letter-spacing: 2px;
    padding: 12px 0;
}

.btn-transparent {
    background-color: transparent;
    border: 1px solid #d45e00;
    padding: 15px 45px;
    text-transform: uppercase;
}

.btn-transparent:hover,
.btn-transparent:focus {
    background-color: #d45e00;
    color: #fff;
}

.btn-ash-border {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 9px 30px;
}

.btn-ash-border:hover {
    background-color: #333333;
    border: 1px solid #333333;
    color: #ffffff;
}

.btn-icon > i {
    left: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.btn-icon {
    padding-left: 45px;
    padding-right: 25px;
    position: relative;
}

.btn-bdr-animate {
    position: relative;
}

.btn-bdr-animate .fake-border {
    border: 1px solid #eee;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.btn-bdr-animate  > div {
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
       -moz-transition: opacity 0.3s ease-in-out 0s;
         -o-transition: opacity 0.3s ease-in-out 0s;
            transition: opacity 0.3s ease-in-out 0s;
}

.btn-bdr-animate:hover  > div {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
       -moz-transition: opacity 0.3s ease-in-out 0s;
         -o-transition: opacity 0.3s ease-in-out 0s;
            transition: opacity 0.3s ease-in-out 0s;
}

.btn-bdr-animate .borderT {
    background-color: #ccc;
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform-origin: right top 0;
       -moz-transform-origin: right top 0;
        -ms-transform-origin: right top 0;
         -o-transform-origin: right top 0;
            transform-origin: right top 0;
    -webkit-transition-duration: 1.2s;
       -moz-transition-duration: 1.2s;
         -o-transition-duration: 1.2s;
            transition-duration: 1.2s;
}

.btn-bdr-animate .borderR {
    background: none repeat scroll 0 0 #ccc;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    -webkit-transform-origin: right bottom 0;
       -moz-transform-origin: right bottom 0;
        -ms-transform-origin: right bottom 0;
         -o-transform-origin: right bottom 0;
            transform-origin: right bottom 0;
    -webkit-transition-duration: 1.2s;
       -moz-transition-duration: 1.2s;
         -o-transition-duration: 1.2s;
            transition-duration: 1.2s;
}

.btn-bdr-animate .borderB {
    background: none repeat scroll 0 0 #ccc;
    bottom: 0;
    height: 1px;
    position: absolute;
    right: 0;
    width: 100%;
    -webkit-transform-origin: left bottom 0;
       -moz-transform-origin: left bottom 0;
        -ms-transform-origin: left bottom 0;
         -o-transform-origin: left bottom 0;
            transform-origin: left bottom 0;
    -webkit-transition-duration: 1.2s;
       -moz-transition-duration: 1.2s;
         -o-transition-duration: 1.2s;
            transition-duration: 1.2s;
}

.btn-bdr-animate .borderL {
    background: none repeat scroll 0 0 #ccc;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 1px;
    -webkit-transform-origin: left top 0;
       -moz-transform-origin: left top 0;
        -ms-transform-origin: left top 0;
         -o-transform-origin: left top 0;
            transform-origin: left top 0;
    -webkit-transition-duration: 1.2s;
       -moz-transition-duration: 1.2s;
         -o-transition-duration: 1.2s;
            transition-duration: 1.2s;
}

.btn-bdr-animate:hover .borderT {
    -webkit-animation: 1s ease 0s normal none 1 running ca-bt;
         -o-animation: 1s ease 0s normal none 1 running ca-bt;
            animation: 1s ease 0s normal none 1 running ca-bt;
}

.btn-bdr-animate:hover .borderR {
    -webkit-animation: 1s ease 0s normal none 1 running ca-br;
         -o-animation: 1s ease 0s normal none 1 running ca-br;
            animation: 1s ease 0s normal none 1 running ca-br;
}

.btn-bdr-animate:hover .borderB {
    -webkit-animation: 1s ease 0s normal none 1 running ca-bb;
         -o-animation: 1s ease 0s normal none 1 running ca-bb;
            animation: 1s ease 0s normal none 1 running ca-bb;
}

.btn-bdr-animate:hover .borderL {
    -webkit-animation: 1s ease 0s normal none 1 running ca-bl;
         -o-animation: 1s ease 0s normal none 1 running ca-bl;
            animation: 1s ease 0s normal none 1 running ca-bl;
}

.btn-bdr-animate:hover > span {
    opacity: 1;
    transition-duration: 0.1s;
}

@-webkit-keyframes ca-bt {
    0% {
        transform: scale(0, 1);
    }
    37% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1, 1);
    }
}

@keyframes ca-bt {
    0% {
        transform: scale(0, 1);
    }
    37% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes ca-bl {
    0% {
        transform: scale(1, 0);
    }
    37% {
        transform: scale(1, 0);
    }
    50% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1, 1);
    }
}

@keyframes ca-bl {
    0% {
        transform: scale(1, 0);
    }
    37% {
        transform: scale(1, 0);
    }
    50% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes ca-bb {
    0% {
        transform: scale(0, 1);
    }
    50% {
        transform: scale(0, 1);
    }
    87% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1, 1);
    }
}

@keyframes ca-bb {
    0% {
        transform: scale(0, 1);
    }
    50% {
        transform: scale(0, 1);
    }
    87% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes ca-br {
    0% {
        transform: scale(1, 0);
    }
    87% {
        transform: scale(1, 0);
    }
    100% {
        transform: scale(1, 1);
    }
}

@keyframes ca-br {
    0% {
        transform: scale(1, 0);
    }
    87% {
        transform: scale(1, 0);
    }
    100% {
        transform: scale(1, 1);
    }
}

.subheading {
    color: #ccc;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.section-head {
    margin-bottom: 70px;
}

.smargin-25 {
    margin-bottom: 25px;
}

.section-head.white h2,
.section-head.white h3,
.section-head.white p {
    color: #fff;
}

.section-head.style_3 {
    margin-bottom: 120px;
}

.section-head h2 {
    color: #333333;
    font-size: 32px;
    text-transform: uppercase;
    position: relative;
    font-weight: bold;
    letter-spacing: 3px;
}

.title-bold h2 {
    font-size: 40px;
    font-weight: 800;
}

.title-sep h2 {
    margin-bottom: 25px;
    padding-bottom: 20px;
    position: relative;
}

.title-sep h2:after {
    background-color: #d45e00;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    width: 100px;
}

.sep-left h2:after {
    left: 0;
    margin-left: 0;
}

.section-head h3 {
    color: #333333;
}

.section-head.style_2 h2:before {
    background-color: #d45e00;
    content: "";
    display: block;
    float: left;
    height: 39px;
    margin: -2px 20px 0 0;
    width: 3px;
}

.section-head.style_3 h2 {
    color: #d45e00;
    float: left;
    font-size: 48px;
    font-weight: 900;
    padding-right: 40px;
    margin-right: 40px;
}

.section-head.style_3 h2:after {
    background-color: #e5e5e5;
    content: "";
    height: 150px;
    margin-top: -75px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}

.section-head.style_3 h2 > span {
    color: #333;
    display: block;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    text-align: right;
    text-transform: capitalize;
}

.section-head.style_3 p {
    color: #777;
    font-size: 18px;
    margin: 0;
}

.section-head p {
    color: #777777;
    font-size: 16px;
}

.parallax {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.primary-bg {
    background-color: #d45e00;
}

.clb {
    clear: both;
}

.pt0 {
    padding-top: 0 !important;
}

.alignleft {
    float: left;
    margin: 0 20px 18px 0;
}

.alignright {
    float: right;
    margin: 0 0 18px 20px;
}

.aligncenter {
    margin: 0 auto;
    text-align: center;
}

.kill-padding {
    padding: 0 !important;
}

.sep-fullwidth {
    background-color: #d45e00;
    display: block;
    height: 4px;
}

.separator > span {
    background-color: #d45e00;
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 55px;
}

.white,
.white p,
.white a {
    color: #fff;
}

.vertical-middle {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.vertical-middle:after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    height: 100%;
}

.vertical-inner {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.relative {
    position: relative;
    z-index: 10;
}

.overflow-hidden {
    overflow: hidden;
}

.bullet {
    list-style: outside none disc;
    padding-left: 15px;
}



body.mfp-white-bg .mfp-bg.mfp-zoom-in {
    background-color: #ffffff;
    opacity: 1;
}

.mfp-white-bg .mfp-figure:after {
    box-shadow: none;
}

.mfp-container button.fa {
    background-color: #eeeeee;
    border: 0 none;
    font-size: 30px;
    height: 100px;
    left: 0;
    line-height: 100px;
    margin-top: -40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
}

.mfp-container button.fa-angle-left {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.mfp-container button.fa-angle-right {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    left: auto;
    right: 0;
}

.mfp-white-bg .mfp-close {
    color: #777777;
    cursor: pointer !important;
}

/*====== Zoom effect ======*/

.mfp-zoom-in {
    /* start state */
    /* animate in */
    /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
    opacity: 0;
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
}
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

/*==================================
    Preview Panel
===================================*/

#footer_canvas {
    padding: 0;
}

#footer_canvas > section {
    padding: 100px 0;
}

.preview-pannel {
    background-color: #191c21;
    font-family: "Lato",sans-serif;
    left: -250px;
    position: fixed;
    top: 120px;
    width: 250px;
    z-index: 1160;
    -webkit-transition: all 0.5s ease-in-out 0s;
       -moz-transition: all 0.5s ease-in-out 0s;
         -o-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s;
}

.preview-pannel.extend {
    left: 0;
}

.preview-pannel h3 {
    background-color: #171717;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    padding: 5px 0 5px 10px;
    position: relative;
    z-index: 1140;
}

.preview-pannel h3 a {
    background-color: #171717;
    border-radius: 0 6px 6px 0;
    color: #fff;
    display: block;
    font-size: 17px;
    height: 40px;
    line-height: 38px;
    position: absolute;
    right: -40px;
    text-align: center;
    top: 0;
    width: 40px;
}

.switcher-wrapper {
    background-color: #191c21;
    left: -250px;
    padding: 50px 10px 10px;
    position: fixed;
    top: 120px;
    width: 250px;
    z-index: 1130;
    -webkit-transition: all 0.5s ease-in-out 0s;
       -moz-transition: all 0.5s ease-in-out 0s;
         -o-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s;
}

.preview-pannel.extend .switcher-wrapper {
    left: 0;
}

.style-elem {
    border: 1px solid #3a3a3a;
    margin-bottom: 20px;
    padding: 10px;
}

.select-style select {
    background-color: transparent;
    border: 1px solid #3a3a3a;
    padding: 5px 0 5px 3px;
    position: relative;
    width: 100%;
}

.switcher-wrapper h4 {
    color: #999;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 10px;
}

.select-style {
    position: relative;
}

.select-style .sbHolder a:hover {
    color: #fff;
}

.select-style .sbHolder .sbSelector {
    border: 1px solid #3a3a3a;
}

.switcher-wrapper > ul {
    margin-bottom: 30px;
}

.colors-option {
    margin-left: -4px;
}

.colors-option > li {
    display: inline-block;
}

.colors-option > li a {
    display: block;
    height: 32px;
    margin: 0 0 10px 4px;
    text-align: center;
    text-indent: -9999em;
    width: 36px;
}

.preview-pannel a .fa-toggle-on {
    display: none;
}

.preview-pannel.extend a .fa-toggle-off {
    display: none;
}

.preview-pannel.extend a .fa-toggle-on {
    display: inline-block;
}

.colors-option > li a.col1 {
    background-color: #ff525e;
}

.colors-option > li a.col2 {
    background-color: #F9690E;
}

.colors-option > li a.col3 {
    background-color: #87D37C;
}

.colors-option > li a.col4 {
    background-color: #A05EB7;
}

.colors-option > li a.col5 {
    background-color: #5D9496;
}

.colors-option > li a.col6 {
    background-color: #747D8C;
}

.colors-option > li a.col7 {
    background-color: #F37259;
}

.colors-option > li a.col8 {
    background-color: #EAB129;
}

.colors-option > li a.col9 {
    background-color: #49C9B2;
}

.colors-option > li a.col10 {
    background-color: #18A05E;
}

.colors-option > li a.col11 {
    background-color: #A64C38;
}

.colors-option > li a.col12 {
    background-color: #9FADBF;
}

.colors-option > li a.col13 {
    background-color: #6000B2;
}

.colors-option > li a.col14 {
    background-color: #57FF6B;
}

.colors-option > li a.col15 {
    background-color: #FF4026;
}

.colors-option > li a.col16 {
    background-color: #7A8F8F;
}

.colors-option > li a.col17 {
    background-color: #364ABF;
}

.colors-option > li a.col18 {
    background-color: #54626C;
}

.colors-option > li a.col19 {
    background-color: #FFE11A;
}

.colors-option > li a.col20 {
    background-color: #C1CBCD;
}

.options-links li {
    float: left;
}

.options-links li a {
    background-color: #000;
    border-radius: 3px;
    color: #ccc;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 2px 11px;
}

.options-links li:last-child a {
    margin-right: 0;
}

/* end preview wrapper */

.navbar-nav span.coming {
    background-color: #d45e00;
    border-radius: 3px;
    color: #fff;
    font-family: Lato,sans-serif;
    font-size: 11px;
    font-weight: 300;
    line-height: normal;
    padding: 2px 4px 3px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.navbar-nav span.coming:before {
    border-color: transparent #d45e00 transparent transparent;
    border-style: solid;
    border-width: 5px;
    bottom: 4px;
    content: "";
    left: -10px;
    position: absolute;
}

/*==================================
    Preloader
===================================*/

#preloader {
    background-color: #fff;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1200;
}

#preloader img {
    margin-top: 20%;
}
.loader-spinner {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/* Preloader 1 */
.loader-spinner {
    background-color: transparent;
    border: 0.3em solid #d45e00;
    font-size: 8em;
    height: 110px;
    left: 50%;
    margin: -55px 0 0 -55px;
    position: fixed;
    top: 50%;
    width: 110px;
}
.loader-spinner,
.loader-spinner:before,
.loader-spinner:after {
    border-radius: 50%;
}
.loader-spinner:before, .loader-spinner:after {
    content: "";
    border: 0 solid transparent;
    position: absolute;
}
.loader-spinner:before {
    width: .3em;
    height: .3em;
    border-width: .1em;
    border-top-color: #ddd;
    border-left-color: #ddd;
    border-bottom-color: #ddd;
    top: .05em;
    left: .05em;
    -webkit-animation: spin 1s linear reverse infinite;
          animation: spin 1s linear reverse infinite;
}
.loader-spinner:after {
    width: 1.3em;
    height: 1.3em;
    border-width: .1em;
    border-top-color: #ddd;
    border-left-color: #777;
    top: -.45em;
    left: -.45em;
    -webkit-animation: spin .7s linear infinite;
          animation: spin .7s linear infinite;
}
.loader-spinner:before {
    -webkit-animation: spin 1s linear reverse infinite;
          animation: spin 1s linear reverse infinite;
}
.loader-spinner:after {
    -webkit-animation: spin .7s linear infinite;
          animation: spin .7s linear infinite;
}
/* Animations */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/*============================================
    Preloader 2
==============================================*/

.spinner {
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -25px;
    position: absolute;
    top: 50%;
    width: 50px;
}

.spinner > div {
    background-color: #d45e00;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
            animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


/*==================================
    Header Widget
===================================*/

.header-widget-wrapper {
    position: relative;
}

.header-widget-inner {
    padding: 50px 0 20px;
    display: none;
}

.header-widget-block {
    margin-bottom: 30px;
}

/* Widget Toggle */

.header-widget-toogle {
    background-color: transparent;
    border: 0;
    bottom: -170px;
    padding: 5px;
    position: absolute;
    right: 30px;
    z-index: 1000;
    -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
         -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
}

.animated .header-widget-toogle {
    bottom: -130px;
}

.apointer {
    left: -2px;
    position: absolute;
    top: -2px;
}

.apointer .apointer-center,
.apointer .apointer-pulse {
    border-radius: 12px 12px 12px 12px;
    position: absolute;
}

.apointer .apointer-center {
    background-color: #000000;
    background-repeat: repeat-x;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px 12px 12px 12px;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.4) inset;
    height: 12px;
    width: 12px;
    z-index: 2;
}

.apointer .apointer-pulse {
    -webkit-animation-name: pulse;
       -moz-animation-name: pulse;
        -ms-animation-name: pulse;
         -o-animation-name: pulse;
            animation-name: pulse;
    -webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
         -o-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
       -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    background-color: #000000;
    border: medium none #2094E9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    height: 24px;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px;
    width: 24px;
    z-index: 1;
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0.3);
           -moz-transform: scale(0.3);
             -o-transform: scale(0.3);
            -ms-transform: scale(0.3);
                transform: scale(0.3);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        opacity: 0.8;
    }
    80% {
        -webkit-transform: scale(1.5);
           -moz-transform: scale(1.5);
             -o-transform: scale(1.5);
            -ms-transform: scale(1.5);
                transform: scale(1.5);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(2.5);
           -moz-transform: scale(2.5);
             -o-transform: scale(2.5);
            -ms-transform: scale(2.5);
                transform: scale(2.5);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
}
@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(0.3);
        transform: scale(0.3);
        filter: alpha(opacity=80);
        opacity: 0.8;
    }
    80% {
        -moz-transform: scale(1.5);
        transform: scale(1.5);
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(2.5);
        transform: scale(2.5);
        filter: alpha(opacity=0);
        opacity: 0;
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        filter: alpha(opacity=80);
        opacity: 0.8;
    }
    80% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        filter: alpha(opacity=0);
        opacity: 0;
    }
}
@-ms-keyframes pulse {
    0% {
        -ms-transform: scale(0.3);
        transform: scale(0.3);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        opacity: 0.8;
    }
    80% {
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        -ms-transform: scale(2.5);
        transform: scale(2.5);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
}
@-o-keyframes pulse {
    0% {
        -o-transform: scale(0.3);
        transform: scale(0.3);
        filter: alpha(opacity=80);
        opacity: 0.8;
    }
    80% {
        -o-transform: scale(1.5);
        transform: scale(1.5);
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        -o-transform: scale(2.5);
        transform: scale(2.5);
        filter: alpha(opacity=0);
        opacity: 0;
    }
}


/*==================================
    Navigation
===================================*/

.bottom-nav {
    position: relative;
}

.bottom-nav.navbar-fixed-top {
    position: fixed;
}


.navbar-default  {
    border: 0;
    background-color: #fff;
}

.semi-tp-dark {
    background-color: rgba(0, 0, 0, 0.1);
    border-bottom: medium none rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.semi-tp-dark.animated {
    background-color: rgba(255, 255, 255, 0.95)
}

.navbar-default.primary .sticky-header {
    background-color: #d45e00;
}

.navbar-default.primary .navbar-nav > li > a,
.navbar-default.primary .navbar-nav > li.current > a,
.navbar-default.primary.animated .navbar-nav > li.current > a {
    color: #fff;
}

.primary .navbar-nav > li a > .drpdownSign:after,
.primary .navbar-nav > li.current a > .drpdownSign:after {
    border-bottom-color: #fff;
    border-right-color: #fff;
}

.primary .navbar-nav > li.current > a {
    background-color: rgba(255, 255, 255, 0.25) !important;
}

.primary .navbar-nav > li.mega-menu > ul {
    /*background-color: #f0f0f0;*/
    border: 0 none;
}

.primary .container .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.transparent-head {
    background-color: transparent;
}

.opacity-header {
    background-color: rgba(0,0,0,0.15);
}

.opacity-header .navbar-nav > li > a {
    color: #fff;
}

.opacity-header .navbar-nav > li > a:hover,
.opacity-header .navbar-nav > li > a:focus {
    color: #d45e00;
}

.opacity-header .mega-menu-wrapper .navbar-nav > li > a,
.opacity-header .mega-menu-wrapper .navbar-nav > li.current > a,
.opacity-header .mega-menu-wrapper .navbar-nav > li > a:hover {
    border: 0;
}

.opacity-header.ac-nav .social-links:before {
    background-color: #fff;
    left: -30px;
}

.opacity-header .social-links li a {
    border-color: #fff;
    color: #fff;
}

.sticky-wrapper {
    position: relative;
    z-index: 101;
}

.sticky-header:not(.no-bg):not(.dark-head):not(.header19):not(.transparent-head) {
    background-color: #fff;
}

.is-sticky .navbar-default {
    z-index: 1001;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}

.navbar-shadow {
    z-index: 1001;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}

.is-sticky .container.mega-menu-wrapper {
    background-color: #fff;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}

/**----------------- Header Top -------------------**/

.header-top {
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    padding: 6px 0;
    display: none;
}

.header-top.opened {
    display: block;
}

.transparent-head .header-top {
    border: 0 none;
    display: block;
}

.header-top .social-links {
    margin-top: 0;
}

.header-top .social-links:before {
    content: none;
}

.header-top.primary {
    background-color: #d45e00;
    padding: 8px 0 6px;
    border-bottom: 0;
}

.header-top.primary + .slide-top {
    border-top: 2px solid #d45e00;
}

.header-top.primary .quick-contact > p,
.header-top.primary .quick-contact a,
.header-top.primary .quick-contact > i,
.header-top.primary .quick-contact > p span,
.header-top.primary .social-links li a {
    color: #333333;
}

.header-top.primary .quick-contact:hover > i,
.header-top.primary .social-links li a:hover  {
    background-color: #fff;
    border-color: #fff;
    color: #d45e00;
}

.quick-contact {
	font-family: 'Lato', sans-serif;
	color:#777;
}

.quick-contact > i {
    border: 1px solid #e5e5e5;
    border-radius: 50%;

    font-size: 16px;
    height: 38px;
    line-height: 37px;
    margin-right: 18px;
    text-align: center;
    width: 38px;

    -webkit-transition: all 0.5s linear 0s;
       -moz-transition: all 0.5s linear 0s;
         -o-transition: all 0.5s linear 0s;
            transition: all 0.5s linear 0s;
}

.quick-contact:hover > i {
    background-color:#d45e00;
	border-color:#d45e00;
	color:#fff;
}

.quick-contact > p {
    margin: 4px 0 0;
}

.quick-contact > p span {
    color:#555;
}

.slide-top > .container {
    position: relative;
}

.slide-top span {
    border: 1px solid #e5e5e5;
    cursor: pointer;
    height: 20px;
    line-height: 17px;
    position: absolute;
    text-align: center;
    top: 0;
    right: -15px;
    width: 20px;
    border-top: 0;
    z-index: 30;
}

#head > .show-top {
	display: none;
    top: 0;
}

.header-top.primary + .slide-top .hide-top {
    background-color: #d45e00;
    border: 0 none;
    color: #fff;
}

.header-top .social-links li,
.member-profile .social-links li {
    display: inline-block;
    margin-right: 8px;
}


.header-top .social-links li a,
.member-profile .social-links li a {
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    display: block;
    color: #777;
    font-size: 18px;
    height: 38px;
    line-height: 37px;
    margin: 0 auto;
    width: 38px;
}

.header-top .social-links li a:hover,
.member-profile .social-links li a:hover {
    background-color: #d45e00;
    border-color: #d45e00;
    color: #fff;
}

.headerTopInner > div {
    float: none;
}

/*------------------------
	Navbar nav
--------------------------*/

.sticky-header.on {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}

.sticky-header.on,
.is-sticky .main-head {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
}

.navbar-header {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.navbar-brand > img {
    height: 50%;
    left: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

}

.nav-three {
	display: none;
}

.navbar-toggle:focus,
.navbar-toggle:hover {
    background-color: #ddd;
}

.navbar-toggle {
    border-color: #ddd;
}

.navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-toggle .icon-bar:before {
    content: none;
}

.navbar-brand {
    height: inherit;
    padding: 0;
}

.opacity-header .navbar-toggle {
    border-color: #ddd;
}

.opacity-header .navbar-toggle .icon-bar {
    background-color: #ddd;
}
/*--- navbar nav -----*/

.navbar-nav > li > a {
	border-color: transparent transparent;
	border-style: solid;
	border-width: 0 1px 1px;
	color: #888888;
	padding: 44.3px 25px;
	position: relative;
    letter-spacing: 1px;
}

.animated .navbar-nav > li > a {
    padding: 24px 25px;
}

.animated .nav25 .navbar-nav > li > a {
    padding-top: 24px;
    padding-bottom: 24px;
}

.navbar-nav li {
    position: relative;
    /*overflow: hidden;*/
}

.navbar-nav li:hover {
    overflow: visible;
}


.navbar-nav > li.current:before,
.navbar-nav > li:hover:before {
	background-color: #e5e5e5;
	content: "";
	height: 101%;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
}

.navbar-nav > li.current:after,
.navbar-nav > li:hover:after {
	background-color: #e5e5e5;
	content: "";
	height: 101%;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
}

.navbar-nav > li > a:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: '';
    width: 15px;
    height: 2px;
    opacity: 0;
    margin-left: -7.5px;
    background-color: #d45e00;

    -webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
         -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}

.navbar-nav > li.current > a:after,
.navbar-nav > li > a:hover:after {
    margin-left: -50%;
    width: 100%;
    opacity: 1;
}

.navbar-nav > li.current > a,
.navbar-nav > li.current > a,
.navbar-nav > li.current > a:hover,
.navbar-nav > li.current > a:focus {
    background-color: transparent;
    color: #d45e00;
}

.navbar-nav > li.current > a:before,
.navbar-nav > li > a:hover:before,
.navbar-nav > li > a:focus:before {
	background-color: #d45e00;
	bottom: -1px;
	content: "";
	height: 1px;
	left: 0;
	opacity: 1;
	position: absolute;
	width: 100%;
}

/* --------------- nav4 ----------------*/

.nav4 .navbar-nav > li > a {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 39px 25px;
}

.animated .nav4 .navbar-nav > li > a {
    color: #333;
    padding: 25px;
}

.nav4 .navbar-nav > li.current > a,
.nav4 .navbar-nav > li:hover > a {
    color: #333;
}

.nav4 .navbar-nav > li a > .drpdownSign:after {
    border-bottom-color: #fff;
    border-right-color: #fff;
}

.animated .nav4 .navbar-nav > li a > .drpdownSign:after,
.nav4 .navbar-nav > li:hover a > .drpdownSign:after,
.nav4 .navbar-nav > li.current a > .drpdownSign:after {
    border-bottom-color: #333;
    border-right-color: #333;
}


/* --------------- Mega Menu ----------------*/

.mega-menu-wrapper {
    position: relative;
}

.mega-menu-wrapper > .navbar-collapse {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.mega-menu-wrapper .navbar-nav > li:before,
.mega-menu-wrapper .navbar-nav > li:after {
    content: none;
}

.navbar-nav > li.mega-menu {
    position: static;
}

.mega-menu-wrapper .navbar-nav > li:last-child {
    border-right: 0 none;
}

.navbar-nav > li > .dropdown a > i {
    float: right;
    line-height: 28px;
}

.navbar-nav > li:nth-last-child(2) > .dropdown,
.navbar-nav > li:last-child > .dropdown {
    left: auto;
    right: 0;
}

.mega-menu-wrapper.border .navbar-nav > li.current > a,
.mega-menu-wrapper.border .navbar-nav > li > a:hover {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.mega-menu-wrapper.nav22 .navbar-nav > li > a,
.mega-menu-wrapper.nav25 .navbar-nav > li > a,
.page-nav .mega-menu-wrapper .navbar-nav > li > a {
    border: 0 none;
}

.navbar-nav > li.mega-menu > ul {
    border-color: #bababa;
    border-style: solid;
    border-width: 1px 0 0;
    left: 0;
    padding: 30px 25px;
    position: absolute;
    width: 100%;
    z-index: 200;
}

.navbar-nav > li.mega-menu > ul > li {
    border-right: 1px solid #ddd;
    float: left;
    margin-right: 2.6%;
    width: 23%;
}

.navbar-nav > li.mega-menu > ul > li:last-child {
    border-right: 0;
    margin-right: 0;
}

.navbar-nav li.mega-menu > ul > li > a {
    color: #888;
    display: block;
    font-weight: 700;
    margin-bottom: 14px;
    font-family: Lato, sans-serif;
    text-transform: uppercase;
}

.navbar-nav li.mega-menu > ul > li > ul > li > a {
    display: block;
    font-family: Lato,sans-serif;
    font-weight: 300;
    padding: 5px 0;
    text-transform: capitalize;
}


/*--------------- Header 2 ----------------*/

.transparent-head {
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.5);*/
    -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
         -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
}

.transparent-head.animated {
    background-color: #fff;
    border-bottom: 0;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}

.transparent-head.animated .header-top {
    display: none;
}

.transparent-head .header-middle {
    background-color: rgba(0, 0, 0, 1);
}

.transparent-head.animated .header-middle {
    background-color: transparent;
}

.transparent-head .navbar-nav > li.current > a:before,
.transparent-head .navbar-nav > li > a:hover:before,
.transparent-head .navbar-nav > li > a:focus:before {
    bottom: 0;
}

.transparent-head .toggle-search .search-form > i {
    border-left: 0 none;
    border-right: 0 none;
    padding: 43px 0 47px 14px;
}

.transparent-head .social-links li a,
.transparent-head .quick-contact > i,
.transparent-head .quick-contact > p span,
.transparent-head .quick-contact > p a,
.transparent-head .quick-contact > p,
.transparent-head .navbar-nav > li > a {
    color: #333333;
    border: 0;
}
.transparent-head .navbar-nav > li > a {
    color: #ffffff;
}

.transparent-head .navbar-nav > li > a:hover,
.transparent-head .navbar-nav > li.current > a {
    color: #d45e00;
}

.transparent-head.animated .toggle-search .search-form > i,
.transparent-head.animated .navbar-nav > li > a {
    color: #777;
}

.transparent-head .navbar-nav > li > a,
.transparent-head .navbar-nav > li.current > a,
.transparent-head .navbar-nav > li > a:hover {
    border: 0;
}

.transparent-head.animated .toggle-search .search-form > i {
    padding: 23px 0 27px;
}

.header5 .top-head {
    background-color: #f1f1f1;
    padding: 15px 0;
}

.header5 .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.banner-caption.white h1,
.banner-caption.white p {
    color: #fff;
}

.home36 .overlay {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
}



/*--------------- header19 ----------------*/

.nav-toggle {
    display: none;
}

.page-nav .navbar-nav > li > a {
    padding: 39px 20px;
}

.page-nav .navbar-right {
    /*border-right: 1px solid #fff;*/
    margin: 0 40px 0 0 !important;
}


.search-form {
    float: left;
    position: relative;
}


.form-inner,
.toggle-search .form-inner {
    position: relative;
    min-width: 250px;
    display: inline-block;
    z-index: 90;
    margin-top: 30px;
}

.transparent-head.animated .header-middle .form-inner {
    margin-top: 10px;

}

.toggle-search .search-form > i {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    padding: 35px;

    -webkit-transition: all .3s ease-in 0s;
       -moz-transition: all .3s ease-in 0s;
        -ms-transition: all .3s ease-in 0s;
         -o-transition: all .3s ease-in 0s;
            transition: all .3s ease-in 0s;
}


.search-form .form-inner .search-field,
.toggle-search .search-field {
    border: 0;
    height: 42px;
    font-size: 14px;
    color: #777;
    padding: 0;
    text-indent: 15px;
    width: 100%;
    background: ghostwhite;
}

.search-form .form-inner .search-sub,
.toggle-search .search-sub {
    background-color: #d45e00;
    border: 0 none;
    color: #fff;
    font-size: 18px;
    height: 42px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}



.no-beaf .navbar-nav > li:before,
.no-beaf .navbar-nav > li:after,
.no-beaf .navbar-nav > li > a:before,
.no-beaf .navbar-nav > li > a:after {
    content: none;
}




/*--------------- Header 23 ----------------*/

.home23 .overlay {
    background-color: rgba(0, 0, 0, 0.2);
}


.nav20 .navbar-nav > li > a,
.nav23 .navbar-nav > li > a {
    padding: 19px 25px;
}


.nav23 .nav23inner {
    position: relative;
}




.home6,
.home-slider13,
.home17,
.home26,
.home32 {
    overflow: hidden;
    clear: both;
    position: relative;
}

.home17 .container,
.home17 .container,
.home26 .container,
.home32 .container {
    display: table;
}

.home6 .bx-controls-direction a:before,
.home6 .bx-controls-direction a:after,
.home17 .bx-controls-direction a:before,
.home-slider13 .bx-controls-direction a:before,
.home-slider13 .bx-controls-direction a:after,
.home17 .bx-controls-direction a:after,
.home26 .bx-controls-direction a:before,
.home26 .bx-controls-direction a:after,
.home32 .bx-controls-direction a:before,
.home32 .bx-controls-direction a:after {
    content: none !important;
}

.home6 .bx-controls-direction a,
.home-slider13 .bx-controls-direction a,
.home17 .bx-controls-direction a,
.home26 .bx-controls-direction a,
.home32 .bx-controls-direction a {
    background: url("../img/arrow_left.png") no-repeat scroll center center rgba(0, 0, 0, 0.2);
    height: 75px;
    left: -60px;
    width: 55px;
}

.home6 .bx-controls-direction a.bx-next,
.home-slider13 .bx-controls-direction a.bx-next,
.home17 .bx-controls-direction a.bx-next,
.home26 .bx-controls-direction a.bx-next,
.home32 .bx-controls-direction a.bx-next {
    background-image: url("../img/arrow_right.png");
    left: auto;
    right: -60px;
}



.slide26.wedding .item,
.slide26.wedding .container {
    height: 550px;
}


.home26 .overlay {
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.slide26 .item-inner h1 {
    display: block;
    font-size: 65px;
    margin-bottom: 15px;
    padding: 0;
    position: relative;
    top: -50px;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
}

.slide26 .active .item-inner h1 {
    opacity: 1;
    top: 0;
}

.slide26 .item-inner h2 {
    position: relative;
    top: -50px;
    opacity: 0;
    -webkit-transition: all 0.8s ease-in-out 0.7s;
    -moz-transition: all 0.8s ease-in-out 0.7s;
    -o-transition: all 0.8s ease-in-out 0.7s;
    transition: all 0.8s ease-in-out 0.7s;
}

.slide26 .item-inner h2 {
    opacity: 1;
    top: 0;
}

.slide26 .item-inner .slide-button {
    border: 0;
    position: relative;
    top: -50px;
    opacity: 0;
    -webkit-transition: all 0.8s ease-in-out 1.2s;
    -moz-transition: all 0.8s ease-in-out 1.2s;
    -o-transition: all 0.8s ease-in-out 1.2s;
    transition: all 0.8s ease-in-out 1.2s;
}

.slide26 .item-inner .slide-button a {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    line-height: normal;
    margin-top: 50px;
    padding: 16px 36px;
    text-transform: uppercase;
}

.slide26 .item-inner .slide-button a:hover {
    background-color: #fff;
    color: #333;
}

.slide26 .active .item-inner .slide-button {
    opacity: 1;
    top: 0;
}

.home26:hover a.bx-prev,
.home32:hover a.bx-prev {
    left: 0;
    background-position: center;
}

.home26:hover a.bx-next,
.home32:hover a.bx-next {
    right: 0;
    background-position: center;
}


/*--------------- Header 24 ----------------*/

.home24 {
    height: 540px;
    padding: 0;
}

.home24 .overlay {
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.slide24 .item,
.slide26 .item {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slideitem,
.slide24 .container,
.slide25 .item {
    display: table;
    height: 540px;
    position: relative;
}

.slide24 .item-inner,
.slide25 .item-inner {
    display: table-cell;
    vertical-align: middle;
}


.home26 {
    padding-top: 160px;
}






/*--------------- Home 28 ----------------*/


.item-inner {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.item-inner h2 {
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.item-inner h1 {
    font-size: 70px;
    margin-bottom: 20px;
    font-weight: 900;
    text-transform: uppercase;
}

/*--------------- Dropdown ----------------*/

.navbar-nav > li > ul,
.navbar-nav > li .sub-menu li ul {
    background-color: #fff;
    border: 1px solid #f8f8f8;
    margin: 0;
    left: 0;
    min-width: 250px;
    opacity: 0;
    padding: 15px 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    z-index: 100;
    text-align: left;
        -webkit-transform: scaleY(0);
           -moz-transform: scaleY(0);
            -ms-transform: scaleY(0);
             -o-transform: scaleY(0);
                transform: scaleY(0);
        -webkit-transform-origin: 0 0 0;
           -moz-transform-origin: 0 0 0;
            -ms-transform-origin: 0 0 0;
             -o-transform-origin: 0 0 0;
                transform-origin: 0 0 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
         -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
}

.navbar-nav > li > ul.sub-menu {
    top: 100%;
}

.navbar-right .navbar-nav > li > ul.sub-menu {
    /* left: auto;
    right: 0; */
}

.navbar-nav ul.sub-menu li ul {
    left: 100%;
}

.navbar-right .navbar-nav ul.sub-menu li ul {
    left: auto;
    right: 100%;
    top: 0;
}

.navbar-right .navbar-nav > li:last-child > ul.sub-menu {
    left: auto;
    right: 0;
}

.navbar-nav li:hover > ul,
.navbar-nav ul.sub-menu li:hover > ul {
    opacity: 1;
    visibility: visible;
        -webkit-transform: scaleY(1);
           -moz-transform: scaleY(1);
            -ms-transform: scaleY(1);
             -o-transform: scaleY(1);
                transform: scaleY(1);
}

.navbar-nav > li a > .drpdownSign {
    position: relative;
}

.navbar-nav > li a > .drpdownSign:after {
    border-color: transparent #777 #777 transparent;
    border-style: solid;
    border-width: 3px;
    bottom: -1px;
    content: "";
    height: 5px;
    position: absolute;
    right: -8px;
    width: 3px;
}

.arrow2 .navbar-nav > li a > .drpdownSign:after {
    content: none;
}

.navbar-nav > li.current a > .drpdownSign:after {
    border-bottom-color: #d45e00;
    border-right-color: #d45e00;
}

.navbar-nav > li > .sub-menu li {
    position: relative;
    padding: 0 40px;
}

.navbar-nav > li .sub-menu > li a:hover {
    color: #d45e00;
}

.navbar-nav > li .sub-menu > li > ul > li:last-child > a {
    border-bottom: 0;
}

.navbar-nav > li > .sub-menu li a {
    border-bottom: 1px solid #e5e5e5;
    border-left: 0 none;
    border-right: 0 none;
    display: block;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    padding: 8px 0;
    text-transform: capitalize;
}

.navbar-nav > li ul.sub-menu li:last-child > a {
    border-bottom: 0;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
    Dropdown style 2
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.dropdown2 li.mega-menu > ul > li > ul > li > a {
    font-weight: 400;
    margin: 0 20px;
    padding: 5px 10px;
}

.dropdown2 li.mega-menu > ul > li > ul > li:last-child > a {
    border-bottom: 0 none;
}

.dropdown2 span.coming {
    top: 5px;
}

.dropdown2 ul.sub-menu li {
    padding-left: 0;
    padding-right: 0;
}

.dropdown2 > li.mega-menu > ul > li {
    margin-right: 0;
    width: 25%;
}

.dropdown2 li ul.sub-menu,
.dropdown2 li.mega-menu > ul,
.dropdown2 li .sub-menu li ul {
    border: 0;
    visibility: hidden;
    opacity: 0;
    background-color: #101010;
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
}

.dropdown2 ul.sub-menu li ul {
    right: -webkit-calc(100% + 1px);
    right: -moz-calc(100% + 1px);
    right: calc(100% + 1px);
    min-width: 250px;
    padding: 15px 0;
    position: absolute;
    top: 0;
}

.dropdown2 li.mega-menu li a,
.dropdown2 ul.sub-menu li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    color: #ddd;
    display: block;
    font-family: Lato,sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 19px;
    margin: 0 20px;
    padding: 5px 15px;
}

.navbar-nav > li > .sub-menu a > i {
    float: right;
    line-height: 19px;
}

.dropdown2 ul.sub-menu li:last-child > a {
    border-bottom: 0;
}

.dropdown2 li.mega-menu li:hover > a,
.dropdown2 ul.sub-menu li:hover > a {
    background-color: #444;
    border-color: #444;
}

.dropdown2 li:hover > ul,
.dropdown2 ul.sub-menu li:hover > ul {
    opacity: 1;
    visibility: visible;
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
    Dropdown style 3
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.dropdown3 > li > a {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.dropdown3 li.mega-menu > ul,
.dropdown3 > li > ul,
.dropdown3 > li .sub-menu li ul {
    opacity: 0;
    visibility: hidden;
    padding: 0;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
}

.dropdown3 > li.mega-menu > ul,
.dropdown3 > li .sub-menu {
    padding: 10px 0;
}

.dropdown3 li:hover > ul,
.dropdown3 ul.sub-menu li:hover > ul {
    opacity: 1;
    visibility: visible;
}

.dropdown3 li.mega-menu > ul > li > ul > li > a {
    font-weight: 700;
    padding: 0 15px;
}

.dropdown3 > li.mega-menu > ul > li {
    width: 23.7%;
}

.dropdown3 li.mega-menu > ul > li {
    margin-left: 1.3%;
    margin-right: 0;
    padding-right: 1.3%;
}

.dropdown3 ul.sub-menu li {
    padding: 0;
}

.dropdown3 li.mega-menu li a,
.dropdown3 ul.sub-menu li a {
    border: 0 none;
    font-size: 12px;
    font-weight: 700;
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;
}

.dropdown3 ul.sub-menu li:hover > a {
    color: #d45e00;
}

.dropdown3 > li > .sub-menu a > i {
    line-height: 42px;
}

.dropdown3 ul li > a:before {
    background-color: #fafafa;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
         -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
}

.dropdown3 ul li:hover > a:before {
    width: 100%;
}



.btn-border {
    border: 2px solid #fff;
    color: #fff;
    padding: 10px 35px;
    margin-top: 16px;
    text-transform: uppercase;
}

.btn-border:hover {
    background-color: #fff;
    border-color: #fff;
    color: #333;
}


.quote-form {
    background-color: #eaeaea;
    border: 1px solid #fffdfd;
    padding: 30px;
}

.quote-form p {
    color: #777;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 22px;
}

.quote-form .input:focus {
    border-color: #d45e00;
}

.quote-form .input {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #999;
    font-size: 18px;
    font-weight: 200;
    height: 45px;
    text-shadow: 0 0 0;
    margin-top: 15px;
    padding: 0;
    text-indent: 18px;
    width: 100%;
}

.quote-form .input:first-child {
    margin-top: 0;
}

.quote-form .email,
.quote-form .phone {
    font-weight: 600;
}

.quote-form .policy {
    display: block;
    line-height: normal;
    margin: 13px 0 0;
}

.quote-form .policy input[type="checkbox"] {
    float: left;
    margin: 2px 10px 0 0;
}

.quote-form .policy label {
    margin: 0;
}

.quote-form .quote-sub {
    width: 100%;
    background-color: #d45e00;
    border: 0;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    font-size: 18px;
    padding: 13px 0;
    margin-top: 15px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.quote-form label.error {
    color: #ff0000;
}

.quote-form .quote-sub:hover {
    box-shadow: 0 5px #002c3c;
}

.quote-form div.success,
.quote-form div.error {
    color: #d45e00;
    display: none;
    font-size: 18px;
    font-weight: 300;
    position: relative;
    top: -150px;
}

.quote-form div.error {
    color: #ff0000;
}

.quote-form #success,
.quote-form #error {
    font-size: 20px;
}





/*============================
    Index 13
===============================*/



.custom-block > .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}

.block-cell > a {
    position: relative;
    display: block;
    overflow: hidden;
}

.block-cell > a img {
    -webkit-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
       -moz-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
         -o-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
            transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.block-cell-inner {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.block-cell-inner:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.block-cell-content {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.block-cell-content > p {
    color: #fff;
    font-size: 22px;
    margin: 0;
}

.block-overlay {
    background-color: #d45e00;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
       -moz-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
         -o-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
            transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.block-cell:hover .block-overlay {
    opacity: 0;
}

.block-cell:hover > a img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}

#scroll-page section.team {
    background-color: transparent;
}

.section .text-parallax {
    background-image: none;
    padding: 0;
    position: inherit;
}

html.custom-scrollbar,
html.custom-scrollbar body {
    overflow: hidden;
}

#scroll-page .section {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
}

.content-box {
    color: #fff;
}

.dark-text {
    color: #333;
}

.content-box h1 {
    font-size: 60px;
    font-weight: 300;
    line-height: 70px;
    text-transform: uppercase;
}

.content-box p {
    font-size: 20px;
}

.content-box .btn-border {
    font-size: 18px;
    margin-top: 30px;
    padding: 14px 40px;
}

.dark-text .btn-border {
    border-color: #333;
    color: #333;
}

.dark-text .btn-border:hover {
    border-color: #fff;
}

.section .section-head {
    margin-bottom: 40px;
}

.section .contact.parallax {
    background-color: transparent;
    background-image: none;
}

.section .contact.parallax .overlay {
    padding: 0;
    background-color: transparent;
}

.section .contact.parallax .contact-form {
    background-color: transparent;
}

.section .contact-form textarea.form-control {
    height: 110px;
}

.section .contact.parallax .form-control {
    background-color: transparent;
    border-color: #ddd;
}

.section .contact-form .message-sub {
    background-color: transparent;
    border-width: 1px;
}

.section .contact-form .message-sub:hover {
    background-color: #fff;
    border-color: #fff;
    color: #333;
}


/* subscriptipon form */

.sform .form-control {
    background-color: #f1f1f1;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #cccccc;
    font-size: 18px;
    height: 60px;
    padding: 0;
    text-indent: 30px;
    text-transform: uppercase;
    width: 100%;
}

.sform .subs-sub {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    height: 60px;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    background-color: #d45e00;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sform .subs-sub:hover {
    background-color: rgba(0,174,239,0.8);
}


.overlaping {
    margin-top: -100px;
    padding-top: 0;
}


/*==================================
    Services
===================================*/

.service {
    background-color: #fff;
}

.service-four .section-head {
    margin-bottom: 130px;
}

.service-item .service-icon {
    color: #d45e00;
    display: inline-block;
    font-size: 70px;
}

.service-icon.white {
    color: #fff;
}

.service-item h4 {
    font-weight: 700;
    margin-top: 15px;
    font-size: 16px;
    color: #333;
}

.service-item h4 a,
.service-desc h4 a {
    color: #333;
}

.service-item h4 a:hover,
.service-desc h4 a:hover {
    color: #d45e00;
}

.service-four {
    padding-bottom: 0;
}

.service-four .service-item {
    border: 1px solid #f4f4f4;
    margin-bottom: 100px;
}

.service-thumb + h4 {
    margin-top: 25px;
}

.service-four .service-item .service-icon {
    background-color: #f4f4f4;
    border-radius: 50%;
    color: #d45e00;
    display: inline-block;
    font-size: 48px;
    height: 110px;
    left: 50%;
    line-height: 110px;
    margin-left: -55px;
    position: absolute;
    text-align: center;
    top: -55px;
    width: 110px;

    -webkit-transition: all 0.2s linear 0s;
       -moz-transition: all 0.2s linear 0s;
         -o-transition: all 0.2s linear 0s;
            transition: all 0.2s linear 0s;
}



.service-four .service-item .service-icon:after {
    border: 1px solid #ddd;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}

.service-four .service-item:hover .service-icon {
    background-color: #d45e00;
    color: #fff;
}

.service-four .service-desc {
    margin-top: 80px;
    padding: 0 0 20px;
}

.service-four .service-desc span {
    color: #d45e00;
    font-size: 13px;
}

.service-four .service-desc p {}

.service-four .service-desc .more {
    background-color: #d45e00;
    border-top: 1px solid #d45e00;
    color: #fff;
    display: inline-block;
    margin-top: 40px;
    padding: 5px 15px;
    position: relative;
}

.service-four .service-desc .more:before {
    background-color: #e5e5e5;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -100%;
    position: absolute;
    top: -20px;
    width: 200%;
}

.service-four .service-item:hover .service-desc .more:before {
    background-color: #d45e00;
}


/*==================================
    Service-3
===================================*/

.service-3 .col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}

.service-3 .service-item {
    border: 1px solid #e5e5e5;
    border-right: 0;
    padding: 30px;

    -webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
         -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}

.service-3 .service-item:hover {
    background-color: #d45e00;
    border-color: #fff;
    color: #fff;
}

.service-3 .service-item:hover h4 a {
    color: #fff;
}

.service-3 .service-icon {
    border: 1px solid #d45e00;
    border-radius: 50%;
    display: block;
    font-size: 40px;
    color: #d45e00;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
    width: 80px;
}

.service-3 .service-item:hover .service-icon,
.service-3 .service-item:hover h4 {
    border-color: #fff;
    color: #fff;
}

.service-3 .col-xs-12:last-child .service-item {
    border-right: 1px solid #e5e5e5;
}




/*==================================
    Products
===================================*/

#product {
    background: #f1f1f1; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    background: -moz-linear-gradient(top,  #f1f1f1 0%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f1f1f1 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f1f1f1 0%,#f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f1f1f1 0%,#f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f1f1f1 0%,#f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
}

#product .section-head h2 {
	border-bottom: 1px solid #c2c2c2;
	padding-bottom: 25px;
}

#product .bx-wrapper {
    margin: 30px 0 0;
}

.bx-wrapper .bx-viewport {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    left: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50px;
    height: 10px;
    width: 10px;
    margin: 0 8px;
    position: relative;
}

.bx-wrapper .bx-pager.bx-default-pager a:before {
    background-color: #fff;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -20px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 40px;
    opacity: 0;
    -webkit-transition: transform 0.4s ease 0s;
       -moz-transition: transform 0.4s ease 0s;
         -o-transition: transform 0.4s ease 0s;
            transition: transform 0.4s ease 0s;
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
        -ms-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
}

.bx-wrapper .bx-pager.bx-default-pager a:after {
    border: 1px solid #fff;
    border-radius: 20px;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    box-shadow: inset 0 0 0 5px #d45e00;
    position: absolute;
    top: 50%;
    -webkit-transition: transform 0.4s ease 0s;
       -moz-transition: transform 0.4s ease 0s;
         -o-transition: transform 0.4s ease 0s;
            transition: transform 0.4s ease 0s;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    width: 20px;
    z-index: 1;
}

.bx-wrapper .bx-pager.bx-default-pager a.active:before {
    opacity: 1;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
}

.bx-wrapper .bx-pager.bx-default-pager a.active:after {
    transform: scale(1);
}

.bx-wrapper .bx-pager {
    bottom: -53px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #fff;
}

#product .bx-wrapper .bx-pager.bx-default-pager a.active,
#product .bx-wrapper .bx-pager.bx-default-pager a:before {
    background-color: transparent;
}

#product .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background-color: #d45e00;
    border-color: #d45e00;
}

#product .bx-wrapper .bx-pager.bx-default-pager a {
    border: 1px solid #d45e00;
}

.product-slider li img {
    margin: 0 auto;
}

.product-overview h3 {
    color: #d45e00;
    font-weight: 600;
    line-height: 28px;
    position: relative;
    top: -5px;
}

.product-overview ul {
    color: #333;
    font-weight: 700;
    line-height: 41px;
    margin-top: 10px;
}

.product-overview ul li i {
    color: #333;
    font-size: 18px;
    margin-right: 4px;

    -webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
         -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}

.product-overview ul li:hover i {
    margin-right: 10px;
}

.product-overview a {
    margin-top: 40px;
    font-weight: 700;
}




.particles-bg .content {
    display: table;
    width: 100%;
}

.content .content-inner {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}


/*==================================
    Portfolio
===================================*/

.portfolio {
    padding-bottom: 0;
    background-color: #fff;
}

.portfolio-item {
    position: relative;
    overflow: hidden;
}

.portfolio-item  img {
    width: 100%;

}

.portfolio .col-xs-12 {

}

.gallery-3column .col-lg-4 {
    width: 33.333%;
}

.portfolio-hover {
    overflow: hidden;
    position: relative;
}

.portfolio-hover > div {
    height: 50%;
    position: absolute;
    color: #fff;
    left: 0;
    right: 0;
    height: 50%;
    width: 100%;
    text-align: center;

    -webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
         -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}

.caption-top {
    background-color: rgba(0, 174, 239, 0.8);
    padding-bottom: 6%;
    top: -50%;
}

.caption-bottom {
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 6%;
    bottom: -50%;
}

.portfolio-item:hover .caption-top {
    top: 0;
}

.portfolio-item:hover .caption-bottom {
    bottom: 0;
}

.portfolio-item .caption-top a,
.portfolio-item .portfolio-desc a {
    background: url("../img/zoom.png") no-repeat scroll center center #d45e00;
    border: 1px solid #d45e00;
    border-radius: 50%;
    display: inline-block;
    height: 45px;
    position: relative;
    text-indent: -9999em;
    top: 34%;
    width: 45px;
}

.portfolio-item .caption-top a:hover,
.portfolio-item .portfolio-desc a:hover {
    background: url("../img/zoom-hr.png") no-repeat scroll center center #000000;
    border: 1px solid #000000;
}

.portfolio-item .caption-top a.link,
.portfolio-item .portfolio-desc a.link {
    background: url("../img/link.png") no-repeat scroll center center transparent;
    margin-left: 10px;
}

.portfolio-item .caption-top a.link:hover,
.portfolio-item .portfolio-desc a.link:hover {
    background: url("../img/link-hr.png") no-repeat scroll center center #fff;
    border: 1px solid #fff;
}

.box6col .caption-top a {
    top: 17%;
}

.box6col .caption-bottom p {
    margin-top: 0;
}

.boxed-hover .portfolio-thumb {
    overflow: hidden;
}

.boxed-hover .portfolio-thumb img {
    width: 100%;
    display: block;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease-in-out 0s;
       -moz-transition: all 0.3s ease-in-out 0s;
         -o-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
}

.boxed-hover:hover .portfolio-thumb img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}

.boxed-hover .portfolio-desc {
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
         -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

.boxed-hover .portfolio-desc a {
    left: inherit;
    margin: 0 auto;
    position: inherit;
    top: inherit;
}

.boxed-hover .portfolio-desc span a {
    border-color: #777;
    margin-bottom: 20px;
    background-image: url("../img/zoom-hr.png");
}

.boxed-hover .portfolio-desc span a:hover {
    background-image: url("../img/zoom.png");
    background-color: #d45e00;
    border-color: #d45e00;
}

.boxed-hover .portfolio-desc span a.link {
    background-image: url("../img/link-hr.png");
}

.boxed-hover .portfolio-desc span a.link:hover {
    background-image: url("../img/link.png");
    background-color: #d45e00;
    border-color: #d45e00;
}

.portfolio-item:hover .portfolio-desc {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.boxed-hover .portfolio-desc p {
    margin-top: 5px;
}

.portfolio-desc:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.dark-hover .portfolio-desc {
    /*background-color: rgba(0, 0, 0, 0.5);*/
    color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
         -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

.primary-hover .portfolio-desc {
    background-color: rgba(0, 174, 239, 0.8);
    color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
         -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

.portfolio-item:hover .portfolio-desc {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.portfolio-desc-inner {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.dark-hover .portfolio-desc-inner a,
.primary-hover .portfolio-desc-inner a {
    margin-bottom: 25px;
}

.dark-hover .portfolio-desc-inner p,
.primary-hover .portfolio-desc-inner p {
    margin-top: 5px;
}

.portfolio-item.hover2 {
    position: relative;
    overflow: hidden;
}

.portfolio-item.hover2 img {
    -webkit-transition: all 0.4s ease-out 0s;
       -moz-transition: all 0.4s ease-out 0s;
         -o-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
}

.portfolio-item.hover2:hover img {
    -webkit-transform: scale(1.1) rotate(4deg);
       -moz-transform: scale(1.1) rotate(4deg);
         -o-transform: scale(1.1) rotate(4deg);
            transform: scale(1.1) rotate(4deg);
}



.lb-outerContainer,
.lightbox .lb-image {
    border-radius: 0;
}

.lb-data .lb-close {
    background: url("../img/cross_white.png") no-repeat scroll right center / 70% auto transparent;
    height: 29px;
    position: relative;
    width: 29px;
}



.lb-nav a.lb-prev:before,
.lb-nav a.lb-next:after {
    border-color: #fff transparent transparent #fff;
    border-style: solid;
    border-width: 1px;
    content: "";
    height: 25px;
    left: 20px;
    position: absolute;
    top: 50%;
    width: 25px;

    -webkit-transform: rotate(-47deg);
       -moz-transform: rotate(-47deg);
        -ms-transform: rotate(-47deg);
         -o-transform: rotate(-47deg);
            transform: rotate(-47deg);
}

.lb-nav a.lb-next:after {
    left: auto;
    right: 22px;

    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
}

/*rukon start*/

.filterable .portfolio-item > .portfolio_details {
    display: none !important;
}

.row.portfolio-wrapper{
    position:relative;
}

.portfolio_details {
    height: auto;
    left: 0;
    position: relative;
    top: 0;
    width: auto;
    z-index: 10;
}

.fullwidth > .col-xs-12,
.gallery-masonry.fullwidth > .col-xs-12 {
    padding: 0;
}

.fullwidth {
    overflow: hidden;
}

.fullwidth > .portfolio-item {
    overflow: hidden;
}

.fullwidth .portfolio-item {
    margin-bottom: 0 !important;
}

/*rukon end*/


.portfolio-wrapper > div:nth-child(5n+0){
    clear: left;
}

.expander-details {
    position: relative;
    padding: 60px 0;
}

.expander-details .container {
    position: relative;
}

.portfolio-lage-thumb > img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

.portfolio-close,
.expander-close,
.close-product {
    background: url("../img/cross_white.png") no-repeat scroll center center / 50% auto #333;
    display: block;
    border: 0;
    height: 40px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 40px;
}

.expander-close {
    right: 15px;
    top: -40px;
}


/* Filterable */

.portfolio-details.filter {
    display: none;
}

.gallery-3cols .portfolio-item {
    margin-bottom: 30px;
}

.portfolio-item h3,
.portfolio-item h4 {
    margin-bottom: 20px;
}

.portfolio-head {
    position: relative;
}

.portfolio-item .entry-meta {
    margin-top: 20px;
}

.portfolio-item .entry-meta a:first-child {
    margin-left: 0;
}

.portfolio-item .entry-meta a {
    margin: 0 5px;
    color: #d45e00;
}

.portfolio-item .entry-meta a:hover {
    color: #777;
}

.portfolio-head .caption-top {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
       -moz-transition: all 0.3s ease-in-out 0s;
         -o-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
}

.portfolio-item:hover .caption-top {
    opacity: 1;
    visibility: visible;
}

.portfolio-head .caption-top > a {
    left: 50%;
    margin: -22px 0 0 -22px;
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
       -moz-transition: all 0.3s ease-in-out 0s;
         -o-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
}

.portfolio-item:hover .portfolio-head .caption-top > a {
    top: 50%;
}

.gallery-filterable {
    /*background: #f8f5ee;*/
    padding: 40px 0;
}

.gallery-filterable.threecols,
.gallery-3cols {
  width: 100.05%;
  overflow: hidden;
}

.portfolio-item:hover .caption-top a {
    top: -webkit-calc(100% - 45px);
    top: -moz-calc(100% - 45px);
    top: calc(100% - 45px);
    opacity: 1;
    visibility: visible;
}

.portfolio-detail h4 {
    height: 50px;
}

/*==================================
    Portfolio filterable
===================================*/

.portfolio.masonry {
    overflow: hidden;
}

.portfolio.masonry .container-fluid{
    padding-left: 0;
    padding-right: 0;
}

.gallery-masonry {
    /*margin-left: -7.5px;
    margin-right: -7.5px;*/
    /*width: 100.5%;*/
}

.gallery-masonry .col-xs-12 {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: -1px;
}

.gallery-filterable > .col-xs-12 {
    margin-right: -1px;
}

.gallery-filter {
    margin-bottom: 70px;
}

.gallery-filter li {
    display: inline-block;
    margin-right: 8px;
}

.gallery-filter li:last-child {
    margin-right: 0;
}

.gallery-filter li a {
    display: block;
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.gallery-filter li a.active {
    color: #d45e00;
}

.gallery-filterable .portfolio-item {
    margin-bottom: 30px;
}

.gallery-filterable .portfolio-thumb,
.service-item .service-thumb {
    position: relative;
   
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.gallery-filterable .portfolio-thumb .mask,
.service-item .service-thumb .mask {
    background-color: rgba(0, 174, 239, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.gallery-filterable .portfolio-thumb .mask a,
.service-item .service-thumb .mask a {
    background: url("../img/zoom.png") no-repeat scroll center center transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: block;
    height: 45px;
    left: 50%;
    margin: -23px 0 0 -23px;
    position: absolute;
    top: 50%;
    width: 45px;
}

.gallery-filterable .portfolio-thumb:hover .mask,
.service-item .service-thumb:hover .mask {
    opacity: 1;
    -webkit-animation: zoomIn 0.5s ease 0s both;
         -o-animation: zoomIn 0.5s ease 0s both;
            animation: zoomIn 0.5s ease 0s both;
}

.gallery-filterable .portfolio-thumb:hover .mask a,
.service-item .service-thumb:hover .mask a {
    opacity: 1;
    -webkit-animation: zoomIn 0.9s ease 0s both;
         -o-animation: zoomIn 0.9s ease 0s both;
            animation: zoomIn 0.9s ease 0s both;
}


.gallery-filterable .portfolio-thumb .mask a:hover {
    background: url("../img/zoom-hr.png") no-repeat scroll center center #fff;
    border-color: #fff;
}

.gallery-filterable .portfolio-caption {
    border: 1px solid #e5e5e5;
    padding: 30px;
}

.portfolio-single2 .item img {
    margin: 0 auto;
}

/*==================================
    Gallery masonry no gutter
===================================*/

.no-gutter .col-xs-12 {
    padding: 0 !important;
    width: 50% !important;
}

/*----------------------------
    Green filter bar
-----------------------------*/


#filter {
    display: block;
    height: 39px;
    margin: 55px auto;
    position: relative;
    width: 600px;
    text-align:center;
}


#filter a{
    color: #777;
    display: inline-block;
    height: 39px;
    line-height: 37px;
    padding: 0 15px;
}

#filter a:hover{
    text-decoration:none;
}

#filter a.active{
}


/*----------------------------
    Content area
-----------------------------*/


#container{

}

#container li{
}

#container ul{
    overflow: hidden;
}

#container ul.lukao{
    display: none;
}

/*==================================
    template feature
===================================*/

.template-feature {
    color: #fff;
}

.template-feature .overlay {
  background-color: rgba(0,0,0,0.4) !important;
}

.template-feature h2 {
  font-weight: 700;
  text-transform: uppercase;
}

.template-feature p {

}

.template-feature ul {
  margin-top: 15px;
  padding: 0 0 0 20px;
}

.template-feature li  {
  position: relative;
  margin: 5px 0;
  padding: 5px 0;

}

.template-feature li:last-child  {
    border-bottom: 0;
}

.template-feature li:after  {
    background-color: #fff;
    border-radius: 25px;
    content: "";
    height: 10px;
    left: -20px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 10px;
}

.template-feature a  {
    margin-top: 25px;
}

/*==================================
    Parallax
===================================*/



.parallax {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax21 .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.5;
    background-color: #000;
}

.parallax21 {
    background-image: url(../img/bg_contact.jpg);
    background-position: bottom;
    position: relative;
}

#parallax,
.contact.parallax,
.cta-parallax {
    background-image: url(../img/bg_contact.jpg);
    padding: 0;
}

#parallax .overlay {
    background-color: rgba(0,0,0,0.3);
    padding: 100px 0;
}

#parallax .bg {
    background-color: #fff;
    padding: 45px 0 60px;
}

#parallax .section-head h2 {
    padding-bottom: 25px;
    border-bottom: 1px solid #c2c2c2;
}

#parallax .bg .col-md-6:last-child .product-thumb {
    margin-left: 0;
}

.product-item {
    display: table;
    margin: 0 auto;
}

.product-thumb {
    float: left;
    margin-right: 45px;
}

.product-desc {
    margin-left: 0;
}

.product-desc h3 {
    text-transform: capitalize;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    font-weight: 700;
    font-size: 30px;
    color: #333;
}

.product-desc a {
    font-size: 14px;
    font-weight: 700;
    margin: 40px 0 0 43px;
    padding: 11.5px 35px;
    position: relative;
}

.product-desc a:before {
    background-color: #027ead;
    content: "";
    height: 43px;
    left: -43px;
    position: absolute;
    top: 0;
    width: 43px;
}

.product-desc a:after {
	background: url("../img/dot.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	content: "";
	font-size: 30px;
	height: 3px;
	left: -24px;
	position: absolute;
	top: 50%;
	width: 3px;
}


/*==================================
    Vertical Tabs
===================================*/

.vtabs .col-xs-12.col-md-4 {
    padding-right: 0;
}

.vtabs .col-xs-12:last-child {
    padding-left: 0;
}

.vtabs-nav {
    border-color: #e5e5e5 transparent #e5e5e5 #e5e5e5;
    border-style: solid;
    border-width: 1px;
    position: relative;
    z-index: 2;
}

.vtabs-nav li a:hover,
.vtabs-nav li.active a {
    background-color: #d45e00;
    border-color: #d45e00;
    color: #fff;
}

.vtabs-nav li a {
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    display: block;
    padding: 15px 0 15px 25px;
}

.vtabs-nav li:last-child a {
    border-bottom: 0;
}

.vtabs-nav li a i {
    float: left;
    font-size: 28px;
    line-height: 34px;
    margin: -4px 10px 0 0;
}

.vtabs .tabpanel .tab-pane {
    border: 1px solid #e5e5e5;
    margin-left: -2px;
    padding: 20px;
    position: relative;
    z-index: 1;
}

.vtabs.type_2 .tabpanel .tab-pane {
    padding: 50px;
}

.vtabs .tab-pane p {

}

.vtabs .tab-pane > img {
    margin-bottom: 30px;
}


/*==================================
    parallax subscribe
===================================*/

.parallax-subs {
    background: #000000;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.parallax-subs .overlay {
    padding: 100px 0 120px;
    background-color: rgba(0,0,0,0.4);
}

.parallax-subs h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 200;
    line-height: 60px;
    margin-bottom: 70px;
    text-transform: uppercase;
}

.parallax-subs .psubs-form {
    position: relative;
    text-align: left;
}

.parallax-subs .psubs-form .psubs {
    background-color: hsla(0, 0%, 0%, 0);
    border: 2px solid hsl(0, 0%, 90%);
    color: hsl(0, 0%, 100%);
    font-size: 18px;
    height: 60px;
    padding: 0;
    padding: 0 30px;
    width: 600px;
    max-width: 100%;
}

.parallax-subs .psubs-submit {
    border: 0 none;
    color: #d45e00;
    font-size: 18px;
    font-weight: 600;
    height: 60px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    width: 223px;
}



/*==================================
    Cleint
===================================*/


.client {
    background-color: #e7e7e7;
    padding: 55px 0 38px !important;
}

.client-9 {
    margin-bottom: 0;
}

.client .client-list li {
    display: inline-block;
}

.client .client-list li:first-child {
    margin-left: 0;
}

.client .client-list li:last-child {
    margin-right: 0;
}

.client .client-list li a {
    display: block;
}

.client .client-list li a img {
    margin: 0 auto;
}

.client-sep {
    padding: 50px 0;
    background-color: #fff;
}

/*==================================
    Teatimonial
===================================*/

.twitter-feed,
#teatimonial,
.facts {
    background-image: url(../img/corporate/portfolio1.jpg);
    padding: 0;
}

.parallax-7 {
    padding: 100px 0 !important;
    margin-top: 100px;
}

.parallax-7 .human {
    position: relative;
}
.parallax-7 .human img {
    position: absolute;
    top: -221px;
}


.twitter-feed .overlay,
#teatimonial .overlay,
.facts .overlay {
    background-color: rgba(0,0,0,0.5);
    padding: 100px 0;
}

#teatimonial .subtitle,
.parallax-7 .subtitle,
#teatimonial.fullwidth,
#teatimonial.fullwidth .section-head h2,
#teatimonial.fullwidth .section-head p {
    color: #fff;
}

.subtitle {
    border-bottom: 1px solid #c2c2c2;
    color: #333;
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 70px;
    padding-bottom: 25px;
    text-align: center;
    text-transform: uppercase;
}

.subtitle2 {
    font-size: 22px;
    color: #333;
    margin-bottom: 30px;
}

.subtitle2.white {
    color: #fff;
}

h3.subtitle {
    font-size: 25px;
    margin-bottom: 40px;
    padding-bottom: 15px;
    text-align: left;

}

h4.subtitle {
    border-color: #f0f0f0;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 12px;
    text-align: left;
    text-transform: none;
}

.subtitle.right {
    border-bottom: 0 none;
    padding-bottom: 0;
    position: relative;
}

.subtitle.right:after {
    background-color: #eee;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 1;
}

.subtitle.right span {
    background-color: #fff;
    display: inline-block;
    padding-right: 15px;
    position: relative;
    z-index: 2;
}


.testimonial-sl-wrapper {
    color: #fff;
    padding: 30px 30px 72px;
}

.bx-wrapper {
    margin: 0;
}

.testimonial-item .date {
    float: left;
    margin-right: 50px;
    font-family: "Lato",sans-serif;
}

.testimonial-item .date b {
    color: #d45e00;
    font-size: 128px;
    line-height: 97px;
    font-weight: 100;
}

.testimonial-item .date p {
    font-size: 18px;
    font-weight: 300;
    margin: 25px 0 0;
    text-transform: uppercase;
}

.testimonial-item .test-entry p {
    margin: 0;
}

.testimonial-item .test-entry span {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    margin-top: 30px;
}

.testimonial-item .test-entry span strong {
    color: #d45e00;
}

.accordion-default .panel-default {
    background-color: transparent;
    box-shadow: none;
    border: 0;
}

.accordion-default .panel-default .panel-heading {
    background-color: #fff;
    border-radius: 0;
    border-bottom: 1px solid #c2c2c2;
}

.accordion-default .panel-default .panel-heading:hover {
    border-bottom: 1px solid #d45e00;
}

.accordion-default .panel-default .panel-body  {
    border: 0;
}

.accordion-default .panel-title a {
    color: #d45e00;
    display: block;
    margin: 0;
    padding: 12px 0 12px 46px;
    position: relative;
    text-transform: uppercase;
}

.accordion-default .panel-default > .panel-heading {
    position: relative;
    padding: 0;
}

.accordion-default .panel-title {
    margin: 0;
    padding: 0;
}

.accordion-default .panel-title a .icon {
  background-color: #d45e00;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 37px;
}

.accordion-default .panel-title a:hover {
    color: #555555;
}

.accordion-default .panel-title a .icon:before {
    background-color: #fff;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    top: 50%;
    width: 7px;
    z-index: 1;
}

.accordion-default .panel-title a .icon:after {
    background-color: #fff;
    content: "";
    height: 7px;
    left: 50%;
    margin: -3px 0 0;
    position: absolute;
    top: 50%;
    width: 1px;
}

.accordion-default .panel-heading a .icon i {
    background-color: transparent;
    height: 15px;
    left: 50%;
    margin: -7px 0 0 -7px;
    position: absolute;
    top: 50%;
    width: 15px;
}

.accordion-default .panel-heading.active a .icon:before {
    background-color: #d45e00;
}

.accordion-default .panel-heading.active a .icon i {
    background-color: #fff;
}

.accordion-default .panel-body {
	padding: 0;
}

.accordion-default .panel-body > p {
	background-color: #fff;
	margin: 0 0 15px;
	padding: 10px 46px;
}

.testimonial-synced {
    background-image: url(../img/corporate/portfolio3.jpg);
    padding: 0;
}

.testimonial-synced .overlay {
    background-color: rgba(0,0,0,0.5);
    padding: 100px 0;
}

.testimonial-synced .bx-wrapper .bx-pager {
    right: 0;
    top: 120px;
    width: inherit;
}

.testimonial-synced .user-review,
.testimonial-fullwidth .user-review {
    background-color: #fff;
    border: 1px solid #cccccc;
    position: relative;
    color: #777;
    padding: 15px;
    margin-bottom: 30px;
}

.testimonial-fullwidth .user-review p,
.testimonial-synced .user-review p {
    margin-top: 0;
}

.testimonial-fullwidth .user-review::before,
.testimonial-synced .user-review::before {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -20px;
    content: "";
    position: absolute;
}

.testimonial-fullwidth .reviewers-thumb img,
.testimonial-synced .reviewers-thumb img {
    border-radius: 50%;
    max-width: 100px;
}

.testimonial-fullwidth .reviewers-thumb,
.testimonial-synced .reviewers-thumb {
    float: left;
    margin-right: 20px;
}

.testimonial-fullwidth .reviewer-desc,
.testimonial-synced .reviewer-desc {
    float: left;
    margin-top: 5px;
}

.testimonial-fullwidth .reviewer-desc a,
.testimonial-synced .reviewer-desc a {
    color: #fff;
}

.testimonial-fullwidth .reviewer-desc a:hover,
.testimonial-synced .reviewer-desc a:hover {
    color: #d45e00;
}

.testimonial-fullwidth .reviewer-desc > h4,
.testimonial-synced .reviewer-desc > h4 {
    margin-bottom: 5px;
    font-weight: 600;
}

.testimonial-synced .reviewer-desc > h4,
.testimonial-synced .reviewer-desc > span,
.testimonial-synced .reviewer-desc > a {
    color: #fff;
}

.testimonial-synced .reviewer-desc > a:hover {
    color: #d45e00;
}

.testimonial-fullwidth .reviewer-desc span,
.testimonial-synced .reviewer-desc span {
    display: block;
}


/*==================================
    Twitter Feed
===================================*/

.twitter-feed .twitter-icon {
    position: relative;
}

.twitter-feed .twitter-icon:after {
    background-color: #d45e00;
    content: "";
    height: 170%;
    position: absolute;
    right: -30%;
    top: -35%;
    width: 1px;
}

.twitter-feed .twitter-icon h3 {
    color: #fff;
    font-size: 38px;
    font-weight: 700;
    line-height: 50px;
    margin-top: 25px;
    text-transform: uppercase;
}

.twitter-feed .twitter-icon > i {
    background-color: #d45e00;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 40px;
    height: 80px;
    margin: 0 auto;
    line-height: 80px;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    width: 80px;
}

.latest-tweets {
    color: #fff;
    max-width: 400px;
    padding: 30px 30px 100px;
    position: relative;
    width: 100%;
}

.tweet-slider .tweet-item span {
    color: #d45e00;
}

.tweet-slider .tweet-item p {
    float: right;
    margin: 5px 0 0;
}

.tweet-item a {
    color: #d45e00;
}

.bx-wrapper .bx-controls-direction a {

}

.bx-wrapper .bx-controls-direction .bx-prev {
    /*left: -13px;*/
}

.latest-tweets .bx-wrapper .bx-controls-direction a {
    top: 150px;
}

.latest-tweets .bx-wrapper .bx-controls-direction a.bx-prev {
    left: auto;
    right: 40px;
}

.control-one .bx-controls-direction a {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 24px;
    height: 60px;
    left: 0;
    line-height: 60px;
    margin: -30px 0 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-indent: -9999em;
    top: 50%;
    width: 50px;
}

.control-one:hover .bx-controls-direction a {
    opacity: 1;
}

.control-one .bx-controls-direction a:hover {
    background-color: #d45e00;
    color: #fff;
}

.bordered .control-one .bx-controls-direction a {
    left: 25px;
}

.control-one .bx-controls-direction .bx-next {
    left: auto;
    right: 0;
}

.bordered .control-one .bx-controls-direction .bx-next {
    left: auto;
    right: 25px;
}

.control-one .bx-controls-direction a:before {
    border-color: #fff transparent transparent #fff;
    border-style: solid;
    border-width: 1px;
    content: "";
    height: 20px;
    left: 50%;
    margin: -10px 0 0 -6px;
    position: absolute;
    top: 50%;
    width: 20px;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.control-one .bx-controls-direction .bx-next:before {
    border-color: #fff #fff transparent transparent;
    margin: -10px 0 0 -15px;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

/*==================================
    Current News
===================================*/

.cta-parallax .overlay {
    background-color: rgba(0,0,0,0.5);
    padding: 150px 0;
}

.cta-parallax .cta-inner {
    color: #fff;
}

.cta-parallax .cta-inner h2 {
    color: #fff;
    font-size: 40px;
}

.cta-parallax.cta2 .cta-inner h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.cta-parallax.cta2 .cta-inner h1 {
    font-size: 45px;
    margin-top: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.cta-parallax.cta2 .cta-inner a:last-child {
    margin-left: 10px;
}

.cta-parallax .cta-inner h2 span {
    font-weight: 700;
}

.cta-parallax .cta-inner p {
    margin: 20px 0 0;
    text-transform: capitalize;
    font-size: 20px;
}

.cta-parallax .cta-inner a {
    margin: 40px 0 0;
    padding-bottom: 13px;
    padding-top: 15px;
}






/*==================================
    Facts
===================================*/

.facts .fact-item {
    background-color: #fff;
    padding: 28px 0;
}

.facts .fact-item strong {
    border-bottom: 1px solid #ddd;
    color: #000;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 45px;
    font-weight: 900;
    line-height: 50px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.facts .fact-item p {
    margin: 0;
}

#map-canvas4 {
    width: 100%;
    height: 650px;
}

.contact4 {
    position: relative;
    padding-bottom: 0;
}

.contact4 .address {
    background-color: #d45e00;
    bottom: 21%;
    color: #fff;
    height: 250px;
    position: absolute;
    right: 9%;
    padding: 30px;
    width: 385px;
}

.contact4 .address:before {
    border-color: transparent transparent transparent #d45e00;
    border-style: solid;
    border-width: 40px;
    bottom: -40px;
    content: "";
    left: 0;
    margin-top: 12px;
    position: absolute;
}

.contact4 .address a {
    color: #fff;
}

.contact.contact4 .address p:nth-child(2) i {
    margin-bottom: 30px;
}

/*==================================
    Contact
===================================*/


.contact {
    background-color: ghostwhite;
}

.contact .contact-page {
    margin-bottom: 70px;
}

#map-canvas {
    width: 100%;
    height: 345px;
}

.address h5 {
    font-size: 15px;
    font-weight: 700;
}

.address p {
    display: flex;
    display: -webkit-flex;
    font-size: 15px;
    margin-top: 10px;
    vertical-align: middle;
}

.address p i {
    margin: 8px 15px 0 0;
}

.contact-form .form-control {
    border-radius: 0;
    box-shadow: none;
    color: #666a6b;
    font-size: 13px;
    height: 48px;
    margin-bottom: 15px;
    padding: 0 0 0 25px;
}

.contact2 {
    position: relative;
}

.contact2 .subtitle,
.contact3 .subtitle {
    font-size: 25px;
    margin-bottom: 40px;
    padding-bottom: 15px;
    text-align: left;
}

.contact2 a.btn-blue {
    margin-top: 40px;
}

.contact3 {
    position: relative;
    padding: 0;
}

.map-block {
    height: auto;
    left: 0;
    top: 0;
    position: absolute;
    width: 50%;
}

.map-block-inner {
    height: 345px;
}

.contact3 .address {
    padding: 60px 0 0 30px;
}

.contact3 .address p:nth-child(2) i {
    margin-bottom: 0;
}

.bg-color-left.gray,
.bg-color-right.gray {
    background-color: #eee;
}

.bg-color-left {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
}

.bg-color-right {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

.contact-7 {
    padding-bottom: 0;
}

.contact-7 .contact-form .form-control {
    margin: 0;
}

.contact-7 .contact-form .col-md-6:nth-child(3),
.contact-7 .contact-form .col-md-6:nth-child(4) {
    margin-top: 47px;
}

.contact-7 .contact-form .col-md-12 {
    position: relative;
}

.contact-7 .contact-form textarea.form-control {
    margin: 57px 0 35px;
}


.contact-7 .contact-form .write-something {
    color: #555;
    font-size: 24px;
    position: absolute;
    top: 20px;
}

#success, #error {
    display: none;
    font-size: 22px;
    font-weight: 600;
    position: absolute;
    top: 50%;
}

#error {
    color: #c0392b;
}

#success {
    color: #d45e00;
}

.contact-form label.error {
    color: #ff0000;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.contact-form textarea.form-control {
    height: 190px;
    padding: 20px 20px 20px 25px;
}

.contact-form .message-sub {
    font-size: 14px;
    padding: 16px 40px;
    -webkit-transition: all .5s ease-in 0s;
        -ms-transition: all .5s ease-in 0s;
         -o-transition: all .5s ease-in 0s;
            transition: all .5s ease-in 0s;
}

.contact-7 .address-top p {
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    position: relative;
    line-height: 30px;
    top: -5px;
}

.contact-7 .address {
    margin-top: 57px;
}

.contact-7 .address h5 {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin-top: -9px;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}

.contact-7 .address p {
    margin-top: 0;
}

.contact-7 .address p i {
    color: #333;
}

.contact-7 .address p:nth-child(2) i {
    margin-bottom: 15px;
}

.contact.parallax .overlay {
    background-color: rgba(0,0,0,0.5);
    padding: 100px 0;
}

.contact.parallax .section-head h2,
.contact.parallax .section-head p,
.contact.parallax .address a,
.contact.parallax .section-head.style_3 h2 span,
.contact.parallax .address {
    color: #fff;
}

.contact.parallax .contact-form {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 15px 0;
}

.contact.parallax .form-control {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.contact.parallax .form-control:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.contact.parallax .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.contact.parallax .form-control:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.contact.parallax .form-control::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.contact.parallax .address {
    background-color: rgba(255, 255, 255, 0.3);
    padding: 15px;
}

.contact.parallax .address p:nth-child(2) i {
    margin-bottom: 20px;
}

.clients-list .client-item {
    border: 1px solid transparent;
    display: block;
    margin-bottom: 25px;
    min-height: 95px;
    padding-top: 13px;
    text-align: center;
}

.clients-list .client-item.client_active,
.clients-list .client-item:hover {
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.5);
}


/*==================================
    footer-nav
===================================*/

.footer-navigation {
    padding: 0px;
    border-top: 1px solid #d45e00;
    background-color: #f1f1f1;
}

.footer-navigation .footer-nav ul {
    text-align: center;
}

.footer-navigation .footer-nav ul li {
    display: inline-block;
}

.footer-navigation .footer-nav ul li a {
    display: block;
    color: #888888;
    padding: 50px 45px;
    text-transform: uppercase;
    font-weight: 600;
}

.footer-navigation .footer-nav ul li a:hover {
    color: #d45e00;
}





/*==================================
    footer-widget
===================================*/

.footer-widget {
    background-color: #222;
    font-family: Lato,sans-serif;
    color: #999;
}

.with-border .footer-item {
    padding: 0 15px;
    position: relative;
}

.with-border .footer-item:after {
    background-color: rgba(255, 255, 255, 0.1);
    content: "";
    height: 280px;
    position: absolute;
    right: -15px;
    top: 0;
    width: 1px;
}

.with-border .col-xs-12:last-child .footer-item:after {
    content: none;
}


.footer-item a {
    color: #eee;
}

.footer-item a:hover {
    color: #d45e00;
}

.footer-item h4 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.footer-item > img {
    margin-bottom: 10px;
}

.footer-item > a {
    margin-top: 15px;
    display: inline-block;
}

.contact-info li {
    display: block;
    line-height: 20px;
    margin: 0 0 8px;
    padding: 0 0 0 25px;
    position: relative;
}

.contact-info li i {
    color: #b2b2b2;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 0;
}

.recent-posts li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: block;
    padding: 5px 0;
}

.recent-posts li:last-child a {
    border-bottom: 0;
}

.footer-item li a i {
    float: right;
}

.footer-item .flickr-widget li a img {
    height: 75px;
    width: 83px;
}


/*==================================
    Footer
===================================*/


.footer {
    background-color: #ffffff;
    color: #141414;
    padding: 25px 0;
}

.footer {
    margin-top: 30px;
}

.footer .copyright {
    margin: 4px 0 0;
	font-weight:300;
	font-family: Lato, sans-serif;

}

.footer .copyright a {
    color: #333333;
}

.footer .copyright a:hover {
    color: #d45e00;
}

.footer .social-links {
    margin: 0;
}

.footer .social-links li {
    display: inline-block;
    margin-right: 8px;
}

.team .member-thumb .mask li:last-child {
    margin-right: 0;
}

.footer .social-links li a {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #d45e00;
    display: block;
    font-size: 16px;
    height: 36px;
    line-height: 35px;
    margin: 0 auto;
    width: 36px;
}

.footer .social-links li a:hover {
    background-color: ghostwhite;
    border-color: #fff;
    color: #d45e00;
}

#go-top {
    background-color: rgba(0,0,0,0.08);
    bottom: 102px;
    color: #fff;
    font-size: 12px;
    height: 50px;
    position: fixed;
    right: 25px;
    text-align: center;
    text-transform: uppercase;
    width: 50px;
    z-index: 9;
    display: none;
    line-height: 12px;
}

#go-top > i {
    display: block;
    font-size: 14px;
    margin-top: 10px;
}

#go-top:hover {
    background-color: #ac8e4b;
}




/*======================================================
    FAQ
========================================================*/

.wp-caption {
    background-color: #ffffff;
    text-align: center;
}

.picture-frame img {
    border: 1px solid #ddd;
    padding: 5px;
}


.pages {
    margin: 30px 0 100px;
}

.faq-wrapper .faq-item h4 {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0 15px 20px;
    text-transform: uppercase;
}

.faq-wrapper .faq-item {
    margin-bottom: 30px;
    border: 1px solid #e5e5e5;
}

.faq-wrapper .faq-item:last-child {
    margin-bottom: 0;
}

.faq-wrapper .faq-item .faq-body {
    padding: 20px;
}

.faq-wrapper .faq-item .faq-body p:first-child {
    margin-top: 0;
}

/*======================================================
    Pages
========================================================*/

.boxed-slider-section {
    height: 610px;
    position: relative;
}

.boxed-slider-section .overlay.dark {
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.boxed-slider-section .boxed-slider .slide-item,
.boxed-slider-section .boxed-slider .slide-caption {
    height: 610px;
}


.boxed-slider-section .overlay {
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.page-menu {
    border: 0;
}

.page-navbg {
    background-color: #fff;
}

.page-navbg .navbar-nav > li > a {
    color: #555;
}

.page-navbg .navbar-nav > li > a {
    color: #555;
}

.page-nav .navbar-nav > li > a > .drpdownSign:after {
    border-bottom-color: #fff;
    border-right-color: #fff;
}

.page-head-title {
    padding-top: 150px;
}

.page-head-title h1 {
    font-size: 85px;
    color: #d4d6d7;
    font-weight: 800;
    line-height: 98px;
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
}

.page-head-title p {
    color: #fff;
    font-size: 24px;
    margin-top: 30px;
    text-transform: uppercase;
}

.page-sec-head h1 {
    font-size: 24px;
    color: #333;
    font-weight: 300;
    line-height: 20px;
    padding-bottom: 25px;
    display: inline-block;
    border-bottom: 1px solid #c2c2c2;
    text-transform: uppercase;
}

.page-sec-head.dark-bg h1 {
    color: #fff;
}

.page-sec-head.dark-bg p {
    color: #a2a1a1;
}

.page-sec-head p {
    margin-top: 35px;
    font-size: 16px;
    color: #777;
}

.boxed-slide2 .item h1 {
    opacity: 0;
    font-size: 70px;
    position: relative;
    top: -60px;
    -webkit-transform: scale(0.6);
       -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
         -o-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transition: all 0.8s ease-in-out 0s;
       -moz-transition: all 0.8s ease-in-out 0s;
         -o-transition: all 0.8s ease-in-out 0s;
            transition: all 0.8s ease-in-out 0s;
}

.boxed-slide2 .item.active h1 {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.boxed-slide2 .item p {
    top: 50px;
    opacity: 0;
    position: relative;
    -webkit-transition: all 0.8s ease-in-out 0s;
       -moz-transition: all 0.8s ease-in-out 0s;
         -o-transition: all 0.8s ease-in-out 0s;
            transition: all 0.8s ease-in-out 0s;
}

.boxed-slide2 .item.active p {
    opacity: 1;
    top: 0;
}

.blue-bg {
    background-color: #d45e00;
    padding: 55px 0;
}

.blue-bg .service-icon {
    color: #fff;
}

.blue-bg .service-item {
    margin: 45px 0;
    color: #fff;
}

.service-round .servc-icon {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    margin: 0 auto;
    color: #d45e00;
    font-size: 48px;
    line-height: 170px;
    border: 1px solid #777777;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.service-round h4 {
    font-family: 'Arvo', sans-serif;
    margin-top: 35px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.service-round p {
    margin-top: 30px;
    color: #888;
}

.service-round:hover .servc-icon {
    background-color: #ebedee;
}

.service-round:hover h4 {
    color: #d45e00;
}

.single-servie .section-head {
    margin-bottom: 35px;
}

.single-servie-content {
    margin-bottom: 40px;
}

.dark-bg  {
    background-color: #222325;
}

.feature-item {
    color: #fff;
    text-align: right;
    margin-bottom: 25px;
}

.dark .feature-item {
    color: #777;
}

.dark .feature-item .fi-icon {
    color: #fff;
}

.marketing-feature > div:last-child > .feature-item {
    text-align: left;
}

.marketing-feature > div:last-child > .feature-item > div h4 {
    float: left;
    margin-left: 20px;
    margin-right: 0;
}

.feature-item:last-child {
    margin-bottom: 0;
}

.feature-item .fi-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    float: right;
    font-size: 18px;
    text-align: center;
    line-height: 52px;
    background-color: #d45e00;
}

.marketing-feature > div:last-child > .feature-item .fi-icon {
    float: left;
}

.feature-item h4 {
    float: right;
    font-size: 16px;
    margin: 17px 19px 0 0;
}

.feature-item p {
    line-height: 24px;
}



.img-filter {
    background-color: rgba(255,255,255,0.2);
    height: 270px;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.img-filter:hover {
    background-color: #fff;
}

.img-filter img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.img-filter img + img {
    display: none;
}

.img-filter:hover img:last-child {
    display: block;
}

.img-filter:hover img:first-child {
    display: none;
}


.service-carousel {
    position: relative;
}

.service-carousel .item {

}

.service-cr-item .service-desc {
    background-color: #fff;
    padding: 30px 40px 50px;
    text-align: center;
}

.service-cr-item h3 {
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.service-thumb img {
    display: block;
    width: 100%;
}

.product-carousel3 .item {
    margin: 0;
}

.control-two .owl-controls {
    margin: 0;
}

.news-box-carousel .owl-nav,
.one-slide-control .owl-nav,
.service-carousel .owl-nav,
.tweet-carousel .owl-nav,
.carousel-event .owl-nav,
.control-two .owl-nav {
    background-color: transparent;
    position: absolute;
    right: 0;
    top: -60px;
}

.news-box-carousel .owl-nav > div,
.one-slide-control .owl-nav > div,
.service-carousel .owl-nav > div,
.tweet-carousel .owl-nav > div,
.carousel-event .owl-nav > div,
.control-two .owl-nav > div {
    color: #999;
    display: inline-block;
    font-size: 32px;
    margin: 0 !important;
    opacity: 1;
    padding: 0 22px;
    position: relative;
    text-shadow: none;
}

.news-box-carousel .owl-nav .owl-prev:after,
.one-slide-control .owl-nav .owl-prev:after,
.service-carousel .owl-nav .owl-prev:after,
.tweet-carousel .owl-nav .owl-prev:after,
.carousel-event .owl-nav .owl-prev:after,
.control-two .owl-nav .owl-prev:after {
    background-color: #999;
    content: "";
    height: 21px;
    margin-top: -9px;
    opacity: 0.5;
    position: absolute;
    right: -1px;
    top: 50%;
    width: 1px;
}

.news-box-carousel .owl-nav .owl-next,
.one-slide-control .owl-nav .owl-next,
.service-carousel .owl-nav .owl-next,
.tweet-carousel .owl-nav .owl-next,
.carousel-event .owl-nav .owl-next,
.control-two .owl-nav .owl-next {
    padding-right: 0;
}

.scrolling-news .owl-nav .owl-next {
    padding-right: 22px;
}



ul.logos {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    display: table;
    margin: 10px auto 30px;
    padding: 25px 0;
}

ul.logos li {
    display: inline-block;
    padding: 0 20px;
}

ul.logos li a {
    display: block;
}

ul.logos li a img {
    opacity: 0.5;
    -webkit-transition: opacity 0.5s ease-out 0s;
       -moz-transition: opacity 0.5s ease-out 0s;
         -o-transition: opacity 0.5s ease-out 0s;
            transition: opacity 0.5s ease-out 0s;
}

ul.logos li a:hover img {
    opacity: 1;
}




.copyright-multi p {
    color: #cdd8de;
    margin: 0;
}

.copyright-multi p a {
    color: #fff;
}




/*======================================================
    Pages
========================================================*/

/* SERVICES SECTION
-------------------------------------------------- */
.services {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 70px;
    padding-bottom: 0;
}
.service_tiem {
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 8px;
    color: #535353;
    margin-bottom: 15px;
    border-radius: 8px;
}
.sicon {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    margin: 15px;
    padding: 5px;
    position: relative;
    border: 1px solid #ddd;
}
.sicon:after {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-transform: scale(0) rotate(0deg);
    -webkit-transform: scale(0) rotate(0deg);
    -o-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
}
.sicon:before {
    border: 2px solid #d45e00;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-transform: scale(1.5) rotate(0deg);
    -webkit-transform: scale(1.5) rotate(0deg);
    -o-transform: scale(1.5) rotate(0deg);
    -ms-transform: scale(1.5) rotate(0deg);
    transform: scale(1.5) rotate(0deg);
}
.sicon i {
    font-size: 44px;
    color: #999999;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    padding-top: 22px;
}
.service_tiem:hover {
    background: #d45e00;
    color: #fff;
}
.service_tiem:hover .sicon {
    border: none;
}
.service_tiem:hover .sicon:after {
    -moz-transform: scale(1.1) rotate(0deg);
    -webkit-transform: scale(1.1) rotate(0deg);
    -o-transform: scale(1.1) rotate(0deg);
    -ms-transform: scale(1.1) rotate(0deg);
    transform: scale(1.1) rotate(0deg);
}
.service_tiem:hover .sicon:before {
    opacity: 1;
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}
.service_tiem:hover .sicon i {
    color: #d45e00;
}
.service_tiem h2 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
}
.service_tiem p {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 23px;
}
.service_tiem .more:hover {
    background: #fff;
    color: #68D7BB !important;
}
.service_tiem .more {
    border: 1px solid #999999;
    border-radius: 50%;
    color: #6f6f6f;
    display: inline-block;
    font-size: 12px;
    height: 25px;
    line-height: 1;
    padding-top: 5px;
    text-align: center;
    text-indent: -1px;
    width: 25px;
    text-align: center;
    -webkit-border-radius: 50%;
}
.service_tiem .more .fa {
    padding-top: 1px;
    padding-left: 2px;
}
.service_tiem:hover .more {
    border-color: #fff;
    color: #fff;
}


/*================================ More Servie =============================*/

.service_page .more_service_area{
    padding-top:152px;
    clear: both;
}
.service_more{

}
.service_more>h2 {
    border-bottom: 1px solid #d45e00;
    color: #818dab;
    font-size: 15px;
    margin: 0;
    padding: 0 0 22px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 37px;
}
.more_service_box{
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    margin-bottom:40px;
}
.more_service_box h2{
    color: #7b8bad;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    padding: 17px 0;
    background: #fff;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition:all .5s;
    transition:all .5s;
}
.more_service_box:hover h2{
    transform: translateY(100%);
}
.more_service_box img{
    width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
    height: auto;
    -webkit-transition:all .5s;
    transition:all .5s;
}
.more_service_box:hover img{
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.more_service_box .hover_content_more_service {
    background-color: #d45e00;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    left: 0;
    line-height: 24px;
    padding: 15px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: -1;
}
.more_service_box:hover .hover_content_more_service{

}
/*Accordion Style Code Start*/
.accordion_area{
    margin:10px 0;
    padding:0;
    width:100%;
    height:100%;
    background:transparent;
}

.accordion_area .panel.panel-default{
    box-shadow:none;
}

.accordion_area .panel-heading, .accordion_area .panel-heading .panel-title{
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    overflow:hidden;
}
.accordion_area .panel-heading .panel-title a {
    background: none repeat scroll 0 0 #7b8bad;
    color: #fff;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: normal;
    height: 100%;
    line-height: 23px;
    margin: 0;
    padding: 9px 30px 9px 16px;
    text-decoration: none;
    width: 100%;
    position: relative;
    font-weight: 400;
    text-transform: uppercase;
}

.accordion_area .panel-heading.active  .panel-title a{
    background:#3e4861 !important;
}
.accordion_area .panel-heading .panel-title a span.icon {
    background: none repeat scroll 0 0 #d45e00;
    border: 0 none;
    display: block;
    font-size: 28px;
    height: 100%;
    margin: 0;
    padding: 8px 0 0 !important;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 43px;
}

.icon_right .panel-heading .panel-title a span.icon{
    float:right;
}
.icon_left .panel-heading .panel-title a span.icon{
    float:left;
}
.icon_0 .panel-heading .panel-title a span.icon{
    display:none;
    opacity:0;
    padding-left:10px;
    padding-right:10px;
}
.icon_right .panel-heading .panel-title a, .icon_0 .panel-heading .panel-title a{
    padding-left:10px;
}
.accordion_area .panel-heading.active .panel-title a span.icon{}
.accordion_area>h2{
    border-bottom: 1px solid #7b8bad;
    color: #818dab;
    font-size: 15px;
    margin: 0;
    padding: 0 0 22px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 37px;
}
.accordion_area .panel-body {
    background: none repeat scroll 0 0 #f2f3f7;
    color: #3e4861;
    font-weight: 300;
    margin: 0 1px;
    padding: 20px;
}
.accordion_area  .panel-group .panel {
  border: 0 none;
  border-radius: 0;
  margin-bottom: 0;
  overflow: hidden;
  background:transparent;
}
.accordion_area  .panel-body{
    border-width:0 !important;
}
.group_accordion_with_space .panel-collapse + .panel-heading{
    margin-top:5px !important;
}
.icon_bottom_border  .panel-heading .panel-title a{
    border-bottom:2px solid #fff;
    margin:0;
    padding:0;
    line-height:38px;
}
.icon_bottom_border  .panel-heading.active .panel-title a{
    border-color:#25649F;
}
.icon_bottom_border  .panel-heading .panel-title a span.icon{
    font-size: 25px;
    margin: 0;
    padding: 7px 10px;
}
.icon_bottom_border  .panel-heading .panel-title a span.icon:after{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    height:2px;
    background:#fcb374;
    content:"";
}
.icon_bottom_border  .panel-heading.active .panel-title a span.icon:after{
    background:#fff;
}
.round_border .panel-heading .panel-title a{
    border:1px solid #fff;
}
.round_border .panel-heading .panel-title a span.icon{
    border-right:1px solid #fff;
    padding-right:9px;
}



/*carasoal service section*/

.carousel_service_section{
    padding:100px 0;
    background: #F7F8FB;
}
.carousel_service_section .carousel_service_thumb .flex-viewport{
    overflow: visible !important;
    background: #fff;
}
.carousel_service_section .carousel_service_thumb{
    overflow: hidden;
    padding-bottom: 25px;
    position: relative;
    border-bottom: 0 none;
    z-index: 1;
    border-top: 1px solid rgba(0,0,0,.1);
    padding-right: 1px;
    padding-left: 1px;
}
.carousel_service_section .carousel_service_thumb:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    margin-top: -25px;
    content: "";
    background: rgba(0,0,0,.1);
    width: 100%;
    z-index: -1;
}
.carousel_service_section .carousel_service_thumb:before{
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
  bottom: 24px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.carousel_service_section .carousel_service_thumb .flexslider ul.slides{

}
.carousel_service_section .carousel_service_thumb .flexslider ul.slides li+li{
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.carousel_service_section .flexslider{
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    background: transparent;
}
.carousel_service_section .carousel_service_thumb .flex-active-slide .single_service_thumb {
    background: none repeat scroll 0 0 #d45e00;
}
.carousel_service_section .carousel_service_thumb .single_service_thumb{
    background: transparent;
    color: #3e4861;
    padding: 40px 15px 30px;
    position: relative;
    text-align: center;
}

.carousel_service_section .carousel_service_thumb .single_service_thumb:after {
    border-color: #d45e00 transparent transparent;
    border-style: solid;
    border-width: 21px;
    content: "";
    left: 50%;
    margin-left: -23px;
    position: absolute;
    top: 100%;
    z-index: 1;
    display: none;
}
.carousel_service_section .carousel_service_thumb .flex-active-slide .single_service_thumb:after{
    display: block;
}
.carousel_service_section .carousel_service_thumb .flex-active-slide .single_service_thumb i{
    color:#fff;
}
.carousel_service_section .carousel_service_thumb .single_service_thumb i{
    border: 3px double;
    border-radius: 50%;
    display: block;
    font-size: 20px;
    height: 60px;
    margin: 0 auto;
    padding-top: 16px;
    width: 60px;
}
.carousel_service_section .carousel_service_thumb .single_service_thumb h2{
    color: #3e4861;
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    margin: 25px 0 0 0;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
}
.carousel_service_section .carousel_service_thumb .single_service_thumb p{
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    margin: 9px 0 0 0;
    padding: 0;
}
.carousel_service_section .carousel_service_thumb .single_service_thumb a{
    color: #fff;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    font-weight: 300;
    margin-top: 14px;
}

.carousel_service_slider{
    padding-top: 100px;
}
.carousel_service_slider .carousel_service_single_slide{
    background: transparent;
}
.carousel_service_slider .carousel_service_single_slide h2{
    color: #3e4861;
    display:block;
    font-size: 22px;
    font-weight: 400;
    margin: 0;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
}
.carousel_service_slider .carousel_service_single_slide p{
    font-weight: 300;
    margin: 18px 0 0;
    padding: 0;
}
.carousel_service_slider .carousel_service_single_slide ul{
    display: block;
    list-style: inside none circle;
    margin: 17px 0 0 0;
    padding: 0;
}
.carousel_service_slider .carousel_service_single_slide ul li{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 5px 0 0;
    padding: 0;
}
.carousel_service_slider .carousel_service_single_slide .readmore {
    background: none repeat scroll 0 0 #d45e00;
    color: #fff;
    display: inline-block;
    margin-top: 24px;
    opacity: 1;
    padding: 12px 33px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.carousel_service_slider .carousel_service_single_slide .readmore:hover{
    opacity: .5;
}
.carousel_service_slider .carousel_service_single_slide .service_carousel_img{
    display: block;
    overflow: hidden;
}
.carousel_service_slider .carousel_service_single_slide .service_carousel_img img{
    border: 0 none;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    padding: 0;
}
/*Service section style end*/

/*====================== Call to action =================*/

.callofaction {
    padding: 30px 0;
    background-color: #d45e00;
    margin-top:60px;
    clear: both;
}
.callofaction .pull-left{
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 11px 0;
}
.callofaction .pull-right{}
.callofaction .pull-right a{
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 18px;
    padding: 7px 18px;
    text-align: center;
    text-decoration: none;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;
    transition:all .5s;
}
.callofaction .pull-right a:hover{
    color: #68D7BB;
    border-color: #fff;
    background-color: #fff;

}

/*======================================================
    Slider Pages
========================================================*/

.accordion-slide {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.accordion-slide > img {
    height: auto;
    width: 100%;
}

.accordionSlider2 .accordion-slide img,
.accordionSlider3 .accordion-slide img {
    height: 100%;
}

.accordion-cap {
    bottom: 30px;
    color: #fff;
    left: 30px;
    position: absolute;
    width: 100%;
    display: none;
}

/*======================================================
    Page title
========================================================*/

.page-header {
    margin: 0;
    padding: 20px 0;
}

.page-header .section-head {
    margin: 0;
}

.page-header .section-head.style_3 {
    margin-bottom: 60px;
}

.page-header h2 i {
    margin-right: 10px;
}


/*======================================================
    404 Page
========================================================*/

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

.error-inner h2 {
    font-family: Lato,sans-serif;
    font-size: 280px;
    font-weight: 600;
}

.error-inner .blog-search {
    margin: 50px auto 0;
    width: 30%;
}




/*======================================================
    Testimonial page
========================================================*/

#testimonials h3.subtitle2 {
    font-weight: bold;
    letter-spacing: 3px;
}

.testimonial-wrapper > .col-xs-12:nth-child(2n+1) {
    clear: left;
}

.testimonial-block {
    margin-bottom: 30px;
}

.testimonial-block-content {
    background-color: #f6f6f6;
    position: relative;
    border-radius: 5px;
    padding: 10px 15px;
}

.testimonial-block-content p {
    margin: 0;
}

.testimonial-block .testimonial-caret {
    border-color: #f6f6f6 transparent transparent;
    border-style: solid;
    border-width: 15px;
    bottom: -30px;
    display: block;
    position: absolute;
    right: 15px;
}

/*
.testimonial-block .testimonial-caret {
    border-color: #f0f0f0 transparent transparent;
    border-style: solid;
    border-width: 15px;
    bottom: -30px;
    display: block;
    position: absolute;
    right: 15px;
}

.testimonial-block .testimonial-caret::after {
    border-color: #f6f6f6 transparent transparent;
    border-style: solid;
    border-width: 14px;
    content: "";
    left: -15px;
    margin-left: 1px;
    margin-top: 0;
    position: absolute;
    top: -16px;
    z-index: 1;
} */

.testimonial-author-thumb {
    margin-top: 20px;
    overflow: hidden;
}

.testimonial-author-thumb > img {
    border-radius: 50%;
    max-width: 70px;
    float: right;
    margin: 0 0 0 20px;
}

.testimonial-author-meta {
    float: right;
    margin: 15px 0 0;
}

.testimonial-author-meta > strong {
    display: block;
}

.testimonial-wrapper .page-numbers {
    text-align: center;
    margin-top: 30px;
}

ul.page-numbers li {
    display: inline-block;
    margin: 0 2px;
    text-align: center;
}

ul.page-numbers li a,
ul.page-numbers li span {
    border: 1px solid #ddd;
    color: #888;
    display: block;
    font-family: Lato,sans-serif;
    line-height: 16px;
    padding: 0.4em 0.8em;
}

ul.page-numbers li a:hover,
ul.page-numbers li .current,
ul.page-numbers li .current:hover {
    background-color: #d45e00;
    border-color: #d45e00;
    color: #fff;
}



/*======================================================
    Service-section
========================================================*/

.service-section .serv-icon {
    border: 2px solid #e5e5e5;
    border-radius: 50%;
    color: #d45e00;
    font-size: 30px;
    position: relative;
    height: 100px;
    line-height: 95px;
    margin: 0 auto 30px;
    width: 100px;
    -webkit-transition: all 500ms ease 0s;
       -moz-transition: all 500ms ease 0s;
         -o-transition: all 500ms ease 0s;
            transition: all 500ms ease 0s;
}

.service-section .single-service:hover .serv-icon {
    background-color: #d45e00;
    border-color: #d45e00;
    color: #fff;
}

.service-section .serv-icon:after {
    background-color: #e5e5e5;
    content: "";
    height: 2px;
    left: 115%;
    position: absolute;
    top: 50%;
    width: 180%;
}

.service-section .col-xs-12:last-child .single-service .serv-icon:after,
.service-section .col-xs-12:last-child .single-service .simg:after {
    content: none;
    width: 0;
    height: 0;
}

.service-section .simg {
    margin-bottom: 25px;
    position: relative;
}

.service-section .simg:after {
    background-color: #e5e5e5;
    content: "";
    height: 2px;
    left: 80%;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 50%;
}


.service-section .simg img {
    border: 15px solid #fff;
    border-radius: 50%;
    margin: 0 auto;
    max-width: 165px;
}

.service-section .servimg {
    position: relative;
}

.service-section .servimg span {
    background-color: #d45e00;
    border: 5px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    height: 60px;
    left: 0;
    line-height: 48px;
    margin: -30px 0 0 -30px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 60px;
}

.service-section .servimg {
    margin: 0 auto 20px;
    max-width: 165px;
}

.service-section .servimg img {
    border-radius: 50%;
}

.service-gradient {
    background: -webkit-linear-gradient(90deg, #2ac0f8 50%, #d45e00 50%) no-repeat scroll center center transparent;
    background: -moz-linear-gradient(90deg, #2ac0f8 50%, #d45e00 50%) no-repeat scroll center center transparent;
    background: -o-linear-gradient(90deg, #2ac0f8 50%, #d45e00 50%) no-repeat scroll center center transparent;
    background: linear-gradient(90deg, #2ac0f8 50%, #d45e00 50%) no-repeat scroll center center transparent;
    padding: 0;
}

.service-gradient .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}

.service-gradient .single-service {
    background-color: #2ac0f8;
    padding: 60px 10px 65px;
    border-right: 2px solid #fff;
    position: relative;
    color: #fff;
}

.service-gradient .single-service:before {
    background-color: #fff;
    content: "";
    height: 35px;
    line-height: 35px;
    margin: -18px -18px 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 35px;
    z-index: 2;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

.service-gradient .single-service:after {
    color: #999;
    content: "\f105";
    font-family: FontAwesome;
    margin-top: -13px;
    position: absolute;
    font-size: 22px;
    right: -7px;
    top: 50%;
    z-index: 2;
}

.service-gradient .col-xs-12:last-child .single-service {
    border-right: 0;
}

.service-gradient .col-xs-12:last-child .single-service:before,
.service-gradient .col-xs-12:last-child .single-service:after {
    content: none;
}

.service-gradient .single-service:hover .serv-icon {
    background-color: #fff;
}

.service-gradient .single-service:hover .serv-icon i {
    color: #d45e00;
}

.service-gradient .col-xs-12:nth-child(even) .single-service {
    background-color: #d45e00;
}

.service-section.service-gradient .serv-icon {
    background-color: #fff;
    color: #ddd;
    border: 0;
}

.service-gradient .serv-icon i {
    -webkit-transition: all 500ms ease 0s;
       -moz-transition: all 500ms ease 0s;
         -o-transition: all 500ms ease 0s;
            transition: all 500ms ease 0s;
}

.service-gradient .serv-icon:after {
    content: none;
}

.service-custom .custom-service {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 20%;
}

.custom-service .csi {
    border: 1px solid #d45e00;
    border-radius: 50%;
    color: #d45e00;
    font-family: Lato, sans-serif;
    font-size: 30px;
    height: 100px;
    line-height: 97px;
    margin: 0 auto 30px;
    position: relative;
    width: 100px;
    -webkit-transition: all 300ms ease-in 0s;
       -moz-transition: all 300ms ease-in 0s;
         -o-transition: all 300ms ease-in 0s;
            transition: all 300ms ease-in 0s;
}

.custom-service .csi:after {
    background-color: #d45e00;
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    top: 50%;
    width: 144%;
}

.service-custom .custom-service:last-child .csi:after {
    content: none;
}

.custom-service:hover .csi {
    background-color: #d45e00;
    border-color: #d45e00;
    color: #fff;
}


/*======================================================
    page 16
========================================================*/

.timer-item span {
    color: #333;
    display: block;
    font-family: Arvo;
    font-size: 60px;
    line-height: 1;
}

.timer-item.white,
.timer-item.white span {
    color: #fff;
}

.timer-item p {
    font-weight: 700;
    text-transform: uppercase;
}

.carousel-item img {
    margin: 0 auto;
    /* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); Firefox 10+, Firefox on Android
    -webkit-filter: grayscale(100%);Chrome 19+, Safari 6+, Safari 6+ iOS
        -ms-filter: grayscale(100%);Chrome 19+, Safari 6+, Safari 6+ iOS
            filter: grayscale(100%);IE6-9 */
}

.carousel-item .overlayed canvas {
    bottom: 0;
    margin: 0 auto;
    right: 0;
}

.carousel-item:hover img:hover {
    /* filter: none; Applies to FF + IE
    -webkit-filter: grayscale(0); */
}

.client-carousel2 .bx-wrapper .bx-controls-direction a {
    margin-top: 0;
}

.client-carousel2 .bx-controls-direction a.bx-prev:hover:before,
.client-carousel2 .bx-controls-direction a.bx-next:hover:after {
    border-color: #d45e00;
}

.client-carousel2 .bx-controls-direction .bx-prev {
    left: 5px;
}


/*================================================================
    Home Eydia
==================================================================*/

.slider-wrapper.eydia,
.eydia .slide-item {
    height: 600px;
}

.eydia .slide-item {
    position: relative;
    z-index: 10;
}

.eydia .slide-item h2 {
    color: #cacbca;
    font-family: "Oswald",sans-serif;
    font-size: 72px;
    font-weight: 300;
    left: -50px;
    opacity: 0;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out 0.6s;
       -moz-transition: all 0.5s ease-in-out 0.6s;
         -o-transition: all 0.5s ease-in-out 0.6s;
            transition: all 0.5s ease-in-out 0.6s;
}

.color2 .slide-item h2 {
    color: #777;
}

.eydia .slide-item p {
    font-size: 16px;
    font-weight: 600;
    margin: 25px 0 28px;
    left: -50px;
    opacity: 0;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out 1s;
       -moz-transition: all 0.5s ease-in-out 1s;
         -o-transition: all 0.5s ease-in-out 1s;
            transition: all 0.5s ease-in-out 1s;
}

.eydia .slide-item .eydia-btn {
    left: -50px;
    opacity: 0;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out 1.4s;
       -moz-transition: all 0.5s ease-in-out 1.4s;
         -o-transition: all 0.5s ease-in-out 1.4s;
            transition: all 0.5s ease-in-out 1.4s;
}

.eydia .slide-item .inner-image {
    position: absolute;
    right: -180px;
    top: -100px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 1s;
       -moz-transition: all 0.5s ease-in-out 1s;
         -o-transition: all 0.5s ease-in-out 1s;
            transition: all 0.5s ease-in-out 1s;
}

.eydia .active .slide-item h2,
.eydia .active .slide-item p,
.eydia .active .slide-item .eydia-btn {
    left: 0;
    opacity: 1;
}

.eydia .active .slide-item .inner-image {
    opacity: 1;
}

.nws-item .separator span {
    background-color: #ccc;
    position: relative;
    width: 70px;
    display: block;
    margin: 16px 0 0;
}

.nws-item .separator span:before {
    background-color: #d45e00;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    -webkit-transition: all 0.35s ease-in-out 0s;
       -moz-transition: all 0.35s ease-in-out 0s;
         -o-transition: all 0.35s ease-in-out 0s;
            transition: all 0.35s ease-in-out 0s;
}

.nws-item:hover .separator span:before {
    width: 100%;
}

/* Products Tab */

.pd-tab-nav {
    margin: 0;
}

.pd-tab-nav li {
    padding: 0;
}

.pd-tab-nav li a {
    background-color: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 30px;
    color: #738189;
    display: block;
    font-size: 15px;
    font-weight: 700;
    padding: 4.5px 32px 5.5px;
}

.pd-tab-nav li.active a,
.pd-tab-nav li a:hover {
    background-color: #e0e0e0;
}

.product-img img,
.block-img img {
    width: 100%;
}

.highlight-color {
    color: #d45e00;
}

.block-text .highlight-color {
    font-size: 32px;
    font-weight: 800;
}

.block-text h2 {
    font-size: 72px;
}

.block-text h2 strong {
    font-weight: 800;
}

.text-cta .separator span {
    margin-bottom: 25px;
}

.block-text p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 32px;
}

.text-cta h3 {
    color: #738189;
    font-size: 24px;
    font-weight: 700;
}

.text-cta a {
    display: inline-block;
    margin-top: 20px;
}

/*================================================================
    Shop Page/ shop.php
==================================================================*/

.shop-border .slide-menu-sec {
    background-color: #32353a;
}

.prod-title {
    margin-bottom: 30px;
}

.filter-cat ul {
    margin-bottom: 30px;
    text-align: left;
}

.gallery-filter.dark li,
.filter-cat li {
    display: inline-block;
    margin-right: 10px;
    background: #ffffff;
}

.gallery-filter.dark li:last-child,
.filter-cat li:last-child {
    margin-right: 0;
}

.gallery-filter.dark li a,
.filter-cat li a {
    border: 1px solid #f0f0f0;
    display: block;
    text-transform: uppercase;
    padding: 5px 20px;
}

.gallery-filter.dark li a:hover,
.gallery-filter.dark li a.active,
.filter-cat li a:hover,
.filter-cat li a.active {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

.product-single {
    position: relative;
    overflow: hidden;
}

.product-single:after {
    background-color: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
         -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
}

.product-single:hover:after {
    opacity: 0.2;
}

.product-single .product-image img {
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
         -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
}

.product-single:hover .product-image img {
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
            transform: scale(1.05);
}

.product-title {
    height: 100%;
    left: 0;
    padding: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.product-title:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.product-title .title-wrap {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

.product-title .title-wrap:after {
    background-color: #fff;
    border: 0;
    height: 75%;
    width: 75%;
}

.product-single:hover .title-wrap:before,
.product-single:hover .title-wrap:after {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.product-single .title-wrap .quick-view {
    opacity: 0;
    position: relative;
    z-index: 5;
    display: inline-block;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
         -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
    -webkit-transform: scale(0.7);
       -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
         -o-transform: scale(0.7);
            transform: scale(0.7);
}

.product-single:hover .title-wrap .quick-view {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.product-single .quick-view a {
    color: #333;
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    position: relative;
    text-transform: uppercase;
}

.product-single .quick-view a:before,
.product-single .quick-view a:after {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    width: 0;
    height: 1px;
    background-color: #333;
    -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
         -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
}

.product-single .quick-view a:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: -8px;
}

.product-single .quick-view a:hover:before,
.product-single .quick-view a:hover:after {
    width: 100%;
}

.product-single .product-title {
    background-color: #fff;
    bottom: 0;
    height: 75%;
    left: 0;
    margin: auto;
    padding: 40px;
    position: absolute;
    right: 0;
    opacity: 0;
    text-align: center;
    top: 0;
    z-index: 2;
    width: 75%;
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
         -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
}

.product-single:hover .product-title {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.product-single .product-title:before {
  border: 1px solid #fff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
         -o-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
}

/*-----------------------------------------
    Shop Expnader
-------------------------------------------*/

#expander-details {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.expander-description {

}

.expander-description h3 {
    font-size: 36px;
    font-weight: 100;
    margin-bottom: 20px;
}

.product-value {
    font-family: "Lato", sans-serif;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 15px;
}

.product-price .regular-price {
    font-size: 22px;
}

.product-rating,
.short-description,
.cart-option,
.product-quantities {
    margin-bottom: 15px;
}

.product_meta {
    margin-bottom: 5px;
}

.cart-option .quantity {
    float: left;
    margin-right: 15px;
}

.quantity .qty-control {
    background-color: #f8f8f8;
    border: 1px solid #dddddd;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 22px;
    height: 40px;
    line-height: 39px;
    text-align: center;
    width: 25px;
}

.quantity .qty-field {
    border-color: #dddddd transparent;
    border-style: solid none;
    border-width: 1px 0;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 40px;
    padding: 0;
    text-align: center;
    width: 35px;
}

.quantity .qty-control.plus {
    float: right;
}

.quantity .input-text.qty {
    height: 41px;
    padding: 0 5px;
    text-align: center;
    width: 35px;
}

.product-sizing {
    float: left;
    margin-right: 15px;
    position: relative;
    width: 172px;
}

.cart-option .btn-compare,
.cart-option .btn-wishlist {
    border: 1px solid #dddddd;
    display: inline-block;
    line-height: normal;
    padding: 11px 12px 9px;
}

.cart-option .btn-wishlist {
    margin-right: 5px;
}

.product-sizing .sbOptions li a {
    display: block;
}

.cart-option .product-sizing a:hover,
.cart-option .product-sizing a:focus {
    color: #333;
}

.expander-description .btn-half {
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-right: 4%;
    padding: 9px 0;
    width: 48%;
}

.expander-description .btn:last-child {
    margin-right: 0;
}

.product_meta > span {
    border-top: 1px dotted #dddddd;
    display: block;
    font-size: 13px;
    padding: 7px 0;
}

.product_meta a:hover {
    color: #333;
}

.social-share-icons span {
    border: 1px solid #dddddd;
    border-radius: 50px;
    display: block;
    float: left;
    height: 38px;
    line-height: 38px;
    margin-right: 10px;
    text-align: center;
    width: 38px;
    cursor: pointer;
}

.social-share-icons:hover .list-inline {
    width: 85%;
}

.social-share-icons ul {
    display: block;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    width: 0;
    -webkit-transition: width 0.6s ease 0s;
       -moz-transition: width 0.6s ease 0s;
         -o-transition: width 0.6s ease 0s;
            transition: width 0.6s ease 0s;
}

.social-share-icons li {
    margin-right: 3px;
    padding: 0;
}

.social-share-icons li:last-child {
    margin-right: 0;
}

.social-share-icons li a {
    border: 1px solid #dddddd;
    border-radius: 50px;
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 38px;
}

.social-share-icons:hover span,
.social-share-icons li a:hover,
.btn-compare.enable_-_compare.added,
.btn-compare:hover,
.btn-wishlist:hover,
.shopSingleRP .enable_-_compare.added {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

.shop-border .social-links li a:hover {
    color: #333;
}


/* Product quick view expander */

.row.shop-wrapper {
    padding-bottom: 15px;
    padding-top: 15px;
}

.product-quick-view {
    padding: 60px 0 0;
}

.shop-wrapper > .pd-box,
.wed-product > .col-xs-12 {
    padding-bottom: 15px;
    padding-top: 15px;
    position: static;
}

.product--view {
    background-color: #fff;
    position: relative;
    margin: 0 auto;
    max-width: 900px;
    padding: 30px;
    width: 100%;
}

.product--view .mfp-close {
    background: url("../img/icons/cross_black.png") no-repeat scroll center center / cover  transparent;
    display: block;
    height: 15px;
    opacity: 1;
    right: 10px;
    text-indent: -9999em;
    top: 10px;
    width: 15px;
}

.product--view .product-image {
    float: left;
    margin-right: 5%;
    width: 40%;
}

.product--view .product-image img {
    width: 100%;
}

.product--view .product-symmery {
    float: left;
    width: 55%;
}

.product--view .product-symmery h3 {
    font-weight: 300;
}

.product--view .product-meta .price {
    font-family: Lato,sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin: 15px 0 0;
}

.product--view .product-meta .old-price {
    color: red;
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 0 10px;
    position: relative;
    text-decoration: line-through;
    top: -2px;
}

.product--view .cart-option {
    margin: 20px 0 0;
}

.product--view .cart-button a i {
    margin-right: 8px;
}

.product--view .quantity-buttons {
    float: left;
}

.product--view .cart-button {
    float: right;
}

.product--view .qty-control.plus {
    float: right;
}

.cart-button .btn-blue {
    font-size: 16px;
    padding: 11px 35px;
}

.product-carousel .bx-controls-direction .bx-prev {
    left: -45px;
}

.product-carousel .bx-controls-direction .bx-prev:after {
    content: none;
}

.product-carousel .bx-controls-direction .bx-next {
    right: -28px;
}

.distplay-table {
    width: 100%;
    display: table;
    vertical-align: middle;
}

.parallax-home.one {
    background-image: url("../img/agency/agency3-header.jpg");
    position: relative;
}


/*===================================
    shop.single
======================================*/

.content-area {
    padding-bottom: 100px;
}

.shop-bc {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 40px 0;
}

.shop-bc .breadcrumb {
    background-color: rgba(0, 0, 0, 0);
    padding-left: 0;
}

.productThumbnails li {
    margin: 10px 10px 0 0;
}

.productThumbnails li a {
    display: block;
}

.productThumbnails li a img,
.product-images-wrapper img {
    width: 100%;
}

.product-_-summary .quantity .qty-field,
.product-_-summary .qty-control.plus {
    float: left;
}

.product-_-summary .quantity .qty-field {
    width: 45px;
}

.product-_-summary .quantity {
    float: left;
    margin-right: 15px;
}

.product-_-summary .product_meta,
.social-share-icons > h4 {
    margin-bottom: 15px;
}

.product-_-summary .btn-set .btn {
    margin-right: 5px;
}

.product-_-summary h2 {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.product-_-overview {
    margin: 70px 0;
}

.overview-tab {
    border-top: 1px solid #eee;
    margin-bottom: 30px;
    overflow: hidden;
}

.overview-tab li {
    display: inline-block;
    list-style: outside none none;
    vertical-align: top;
}

.overview-tab li a {
    border-top: 4px solid transparent;
    color: #999999;
    display: block;
    font-size: 90%;
    font-weight: bold;
    margin-right: 15px;
    padding: 10px 0;
    text-transform: uppercase;
}

.overview-tab li.active a {
    border-color: #333333;
    color: #333333;
}

.product-_-overview .tab-pane {
    margin: 15px 0;
}

.shop_attributes {
    font-family: "Lato",sans-serif;
    width: 100%;
}

.shop_attributes th {
    font-weight: 400;
    padding: 7px 10px;
}

.shop_attributes td {
    padding: 7px 10px;
}

.shop_attributes > tbody > tr:nth-child(2n+1) {
    background-color: #f5f5f3;
    padding: 2px;
}

.shop_attributes p {
    margin: 0;
}

.reviewItem {
    border-bottom: 1px dotted #eee;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.reviewItem:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.product-review h3,
.review-from-box h3 {
    font-family: "Lato", sans-serif;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 2px;
    margin: 0 0 30px;
    padding: 0 0 30px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
}

.reviewlist .media-left {
    padding-right: 25px;
}

.reviewlist .media-object {
    border-radius: 70px;
    height: 70px;
    width: 70px;
}

.reviewlist .media-heading {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 8px 0 5px;
    text-transform: uppercase;
}

.reviewItem span.date {
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 13px;
}

.reviewlist .media-body p {
    margin: 10px 0 0;
}

.review-form .input-field {
    margin-bottom: 15px;
}

.review-form .input-field label {
    display: block;
    font-family: Lato;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: normal;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.review-form .form-control {
    border-radius: 0;
    box-shadow: none;
    height: 40px;
}

.review-form .form-control:focus {
    border-color: #333;
}

.review-form textarea.form-control {
    height: 100px;
    margin-bottom: 15px;
}

.rating-box {
    line-height: normal;
}






/*------------- Shop Intro -------------*/

.shop--intro {
    background-color: #222;
    height: 100%;
    opacity: 0;
    position: fixed;
    visibility: hidden;
    width: 60%;
    z-index: 120;
    -webkit-transition: all 1.2s ease-in-out 0s;
       -moz-transition: all 1.2s ease-in-out 0s;
         -o-transition: all 1.2s ease-in-out 0s;
            transition: all 1.2s ease-in-out 0s;
}

.shop-intro-wrapper.active .shop--intro {
    z-index: 121;
    opacity: 1;
    visibility: visible;
}

.shop-intro-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.shop-intro-inner:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.intro-logo {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

/*.shop-intro-wrapper.active .shop-header .iconbar.first {
    top: 7px;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.shop-intro-wrapper.active .shop-header .iconbar.last {
    top: 5px;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
*/




/*---------------------------------------------------------
    Home Shop 3
----------------------------------------------------------*/


.shop3slider .slideItem {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.shop3slider .display-tableCell {
    z-index: 130;
}

.shop3slider .slideItem h2 {
    color: #fff;
    font-family: Oswald,sans-serif;
    font-size: 35px;
    font-weight: 300;
    text-transform: uppercase;
}

.shop3slider .slideItem p {
    font-size: 21px;
    font-weight: 300;
    line-height: 31px;
}

.shop3slider .slidebtn {
    margin-top: 15px;
}

.fadeLeft,
.fadeRight {
    left: -40px;
    opacity: 0;
    position: relative;
    -webkit-transition: all 0.6s ease 1s;
       -moz-transition: all 0.6s ease 1s;
         -o-transition: all 0.6s ease 1s;
            transition: all 0.6s ease 1s;
}

.fadeRight {
    left: auto;
    right: -40px;
}

.owl-item.active .fadeLeft {
    opacity: 1;
    left: 0;
}

.owl-item.active .fadeRight {
    opacity: 1;
    right: 0;
}


/*----- Promo Block --------*/

.promoBlock {
    margin: 30px 0;
    position: relative;
}

.promoBlock > img {
    display: block;
    height: auto;
    width: 100%;
}

.promoBlock .promoHover {
    opacity: 0;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
}

.promoBlock:hover .promoHover {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.verticalMiddle {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.promoBlock .verticalMiddle {
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.verticalMiddle:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.verticalInner {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

.promoHover span {
    color: #ccc;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
}

.promoHover h2 {
    color: #fff;
    font-family: Lato,sans-serif;
    font-size: 48px;
    font-weight: 800;
    margin: 15px 0;
    text-transform: uppercase;
}


/*------------ Product -----------*/

.row.no-margin {
    margin-left: 0;
    margin-right: 0;
}

.row.no-margin > [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.productBorder {
    background: #ffffff;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.productBorder img {
    position: relative;
    margin: 0 auto;
}

.productBorder .productBorderHover {
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;

    padding: 30px;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
    color: #FFFFFF;
}


.productBorder .productBorderHover h4 a{
    color: #ab8d4b;
}



@-moz-document url-prefix() {
    .isotopeFix {
        width: 100.1%;
    }
}

/* border left */

.linetop:before,
.linetop:after {
    background-color: #333;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease-out 0s;
       -moz-transition: all 0.5s ease-out 0s;
         -o-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
}

.productBorder:hover .linetop:before {
    height: 1px;
    opacity: 1;
    width: 30px;
}

.productBorder .linetop:after {
    height: 0;
    width: 1px;
}

.productBorder:hover .linetop:after {
    height: 30px;
    opacity: 1;
    -webkit-transition: all 0.5s ease-out 0.2s;
       -moz-transition: all 0.5s ease-out 0.2s;
         -o-transition: all 0.5s ease-out 0.2s;
            transition: all 0.5s ease-out 0.2s;
}

/* border right */

.lineright:before,
.lineright:after {
    background-color: #333;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    width: 1px;
    -webkit-transition: all 0.5s ease-out 0s;
       -moz-transition: all 0.5s ease-out 0s;
         -o-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
}

.lineright:before {
    height: 1px;
    left: auto;
    right: 0;
    width: 0;
}

.productBorder:hover .lineright:before {
    height: 1px;
    width: 30px;
    opacity: 1;
    -webkit-transition: all 0.5s ease-out 0.2s;
       -moz-transition: all 0.5s ease-out 0.2s;
         -o-transition: all 0.5s ease-out 0.2s;
            transition: all 0.5s ease-out 0.2s;
}

.lineright:after {
    left: auto;
    right: 0;
}

.productBorder:hover .lineright:after {
    height: 30px;
    width: 1px;
    opacity: 1;
}

/* border bottom */

.linebottom:before,
.linebottom:after {
    background-color: #333;
    bottom: 0;
    content: "";
    height: 1px;
    right: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    -webkit-transition: all 0.5s ease-out 0s;
       -moz-transition: all 0.5s ease-out 0s;
         -o-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
}

.productBorder:hover .linebottom:before {
    height: 1px;
    opacity: 1;
    width: 30px;
}

.linebottom:after {
    height: 0;
    width: 1px;
}

.productBorder:hover .linebottom:after {
    height: 30px;
    opacity: 1;
    -webkit-transition: all 0.5s ease-out 0.2s;
       -moz-transition: all 0.5s ease-out 0.2s;
         -o-transition: all 0.5s ease-out 0.2s;
            transition: all 0.5s ease-out 0.2s;
}

/* border bottom */

.lineleft:before,
.lineleft:after {
    background-color: #333;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 1px;
    -webkit-transition: all 0.5s ease-out 0s;
       -moz-transition: all 0.5s ease-out 0s;
         -o-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
}

.productBorder:hover .lineleft:before {
    height: 30px;
    width: 1px;
    opacity: 1;
}

.lineleft:after {
    height: 1px;
    width: 0;
}

.productBorder:hover .lineleft:after {
    width: 30px;
    opacity: 1;
    -webkit-transition: all 0.5s ease-out 0.2s;
       -moz-transition: all 0.5s ease-out 0.2s;
         -o-transition: all 0.5s ease-out 0.2s;
            transition: all 0.5s ease-out 0.2s;
}

.row.row-border {
    border-left: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    padding: 0;
}

.productBorder .price {
    font-family: Lato,sans-serif;
    font-size: 18px;
    margin: 15px 0 0;
}

.productBorder .price del {
    font-size: 90%;
    margin: 0 10px 0 0;
    opacity: 0.6;
}

.widgetProduct {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 20px;
    padding-bottom: 30px;
}

.widgetProduct:last-child {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.widgetProduct .media .media-left {
    padding-right: 20px;
}

.widgetProduct .media-heading {
    font-size: 16px;
    font-weight: 300;
}

.widgetProduct p.rating {
    margin: 6px 0 8px;
}

.widgetProduct .price {
    font-family: Lato,sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin: 12px 0 0;
}

.widgetProduct span {
    margin-right: 15px;
}

.widgetProduct del {
    font-size: 17px;
    opacity: 0.6;
}

.shoppingMetas li {
    float: left;
}

.shoppingMetas li a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.productBorder .productMetas {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

}

.productBorder .productMetas li:nth-child(2) a {
    -webkit-transition: all 0.3s ease 0.3s;
       -moz-transition: all 0.3s ease 0.3s;
         -o-transition: all 0.3s ease 0.3s;
            transition: all 0.3s ease 0.3s;
}

.productBorder .productMetas li:nth-child(3) a {
    -webkit-transition: all 0.3s ease 0.6s;
       -moz-transition: all 0.3s ease 0.6s;
         -o-transition: all 0.3s ease 0.6s;
            transition: all 0.3s ease 0.6s;
}

.productBorder .productMetas li:nth-child(4) a {
    -webkit-transition: all 0.3s ease 0.9s;
       -moz-transition: all 0.3s ease 0.9s;
         -o-transition: all 0.3s ease 0.9s;
            transition: all 0.3s ease 0.9s;
}

.productBorder .productMetas a {
    background-color: #d45e00;
    color: #fff;
    display: block;
    margin-bottom: 5px;
    text-align: center;
    padding: 5px 10px;
    position: relative;
    -webkit-transform: translateX(calc(-100% + -35px));
       -moz-transform: translateX(calc(-100% + -35px));
        -ms-transform: translateX(calc(-100% + -35px));
         -o-transform: translateX(calc(-100% + -35px));
            transform: translateX(calc(-100% + -35px));
}

.productBorder:hover .productMetas a {
    -webkit-transform: translateX(calc(-100% + -1px));
       -moz-transform: translateX(calc(-100% + -1px));
        -ms-transform: translateX(calc(-100% + -1px));
         -o-transform: translateX(calc(-100% + -1px));
            transform: translateX(calc(-100% + -1px));
}

.productBorder .productMetas a:hover {
    -webkit-transform: translateX(0px);
       -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
         -o-transform: translateX(0px);
            transform: translateX(0px);
}

.productBorder .productMetas a span {
    background-color: #d45e00;
    border-left: 1px solid #fff;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: -35px;
    text-align: center;
    top: 0;
    width: 35px;
}

.productMetas .enable_-_compare.added span i:before {
    content: "\f00c";
}

/*------- shop list view ----------*/

.productBlock.whiteBg {
    background-color: #fff;
    padding: 30px;
}

.productBlock.border {
    border: 1px solid #e8e8e8;
}

.productBlock h3 {
    border-bottom: 0 none;
    color: #777;
    font-size: 20px;
    margin-bottom: 30px;
}

/*------- shop list view ----------*/

.productListView {
    border: 1px solid #e5e5e5;
    margin-bottom: 30px;
}

.productListView .productThumb {
    border-right: 1px solid #e5e5e5;
    padding: 20px 50px;
}

.productListView .productThumb img {
    margin: 0 auto;
    max-height: 220px;
}

.productListView .productInfo {
    padding: 20px;
}

.productListView .productTitle h3 {
    font-size: 22px;
    font-weight: 200;
    margin-bottom: 15px;
}

.productListView .productTitle .price {
    display: block;
    font-family: Lato,sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.productListView .pdMetas {
    border-top: 1px solid #e5e5e5;
    margin: 26px 0 0;
    padding: 20px 0 0;
}

.productListView .pdMetas li {
    border-right: 1px solid #e5e5e5;
    float: left;
    line-height: 12px;
    margin-right: 12px;
    padding-right: 12px;
}

.productListView .pdMetas li i {
    margin: 0 8px 0 0;
}

.productListView .pdMetas li:last-child {
    border-right: 0 none;
    margin-right: 0;
    padding-right: 0;
}

/*------- Look book ----------*/

.lookbook {
    background-image: url("../img/shop/slider-head1.jpg");
    position: relative;
}
.lookbook .overlay {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}
.lookbook-inner {
    color: #fff;
    position: relative;
    text-align: center;
    z-index: 10;
}
.triangle-shape {
    margin: 0 0 50px;
}
.lookbook-inner h2 {
    font-family: Lato;
    font-size: 45px;
    letter-spacing: 2px;
    margin-bottom: 50px;
    text-transform: capitalize;
}




/*---------------------------------------------------------
    Lookbook page
----------------------------------------------------------*/

figure.lookbook-image {}

.lookbook-image {

}

.lookbook-image img {
    max-width: 100;
    height: auto;
    width: 100%;
}

figure.lookbook-image {
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

figure.lookbook-image.fixed {
    background-attachment: fixed;
}




/*================================================================
    corporate
==================================================================*/

.corporate .service-item {
    background-color: #f1f1f1;
    border: 0 none !important;
}

.corporate .service-item.active {
    background-color: #fff;
    margin-top: -60px;
}

.corporate .service-item:hover {
    background-color: #fff;
    margin-top: -60px;
    color: #777;
}

.corporate .service-item:hover .service-icon {
    border-color: #d45e00;
    color: #d45e00;
}

.corporate .service-item:hover h4 a {
    color: #333;
}


.block-single {
    border: 1px solid #e5e5e5;
    margin: 40px 0 30px;
    padding: 20px;
}

.block-single .icon {
    display: block;
    float: left;
    font-size: 40px;
}

.block-single .text {
    float: left;
    margin-left: 20px;
}

.block-single .button {
    float: right;
    margin: 15px 0 0;
}


.product_content {
    padding: 10% 0;
}


.patinas {
    display: flex;
    flex-direction: row;
}

.item-patina {
    flex: 1;
    margin: 0 10px;
}

.item-patina img{
    width: 100%;
    max-width: 400px;
}

#randomproducts {
    padding-top: 0 !important;
}


@media (max-width:767px){

    .form-inner,
    .toggle-search .form-inner {
        position: absolute;
        min-width: 100%;
        z-index: -0 !important;
        margin-top: 30px !important;
    }

    .mega-menu-wrapper > .navbar-collapse {
        position: absolute;
        width: 100%;
        z-index: 100;
    }

    .navbar-fixed-top{
        position:relative !important;
    }
}

@media (max-width:500px){





.home26 {
    padding-top: 100px;
}



.portfolio-item {
    min-height: auto !important;
    padding: 10px !important;
}

.gallery-fullwidth > div, .gallery-filterable > div {
    width: 50% !important;
}

.portfolio-detail {
    padding: 5px !important;
    margin-bottom: 20px !important;
}

.portfolio-detail h4 {
    font-size: .8em;
}

.btn-detail_product.btn-blue {
    padding: 5px 10px;

}

}