@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);

/*Change Font-family*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
.ft-fm-1 {
    font-family: 'Montserrat', sans-serif;
}

p,
.ft-fm-2,
.single-post .info {
    font-family: 'Roboto', sans-serif;
}

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important.
}

body {
    background-color: #fff;
    font-size: 14px;
    color: #333;
    font-weight: 400;
}

::selection {
    color: #fff;
}

::-moz-selection {
    color: #fff;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

ul.list-inline {
    margin-left: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    -webkit-transition: color .3s;
    transition: color .3s;
}

h1 {
    font-size: 72px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 17px;
}

p {
    font-size: 14px;
    line-height: 1.71;
    color: #8c8c8c;
}

a {
    color: #333;
    -webkit-transition: background .3s, color .3s, opacity .3s;
    transition: background .3s, color .3s, opacity .3s;
}

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


/*Buttons*/

.btn {
    border: none;
    line-height: 40px;
    padding: 0 25px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 12px;
    background-color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}

.btn:hover,
.btn:focus,
.btn:active {
    outline: none;
    opacity: 1;
    background-color: #fff;
}

.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    color: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}

.btn.btn-default:hover,
.btn.btn-default:focus {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}

.btn.btn-primary {
    padding: 0 30px;
    color: #fff;
}

.btn.btn-info {
    border: 2px solid #e0e0e0;
    background: none;
    box-shadow: none;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    padding: 0 15px;
}

.btn.btn-info:hover,
.btn.btn-info:focus {
    color: #fff;
}

.btn.btn-border {
    border: 1px solid;
    font-size: 14px;
}

.btn.btn-link,
.btn.btn-link:hover,
.btn.btn-link:focus {
    color: #8c8c8c;
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    text-decoration: none;
}

.btn.btn-link.btn-lg,
.btn.btn-link.btn-xlg {
    font-size: 16px;
    padding: 0;
}

.btn.btn-link:hover,
.btn.btn-link:focus {
    opacity: .7;
}

.btn.btn-border:hover,
.btn.btn-border:focus {
    color: #fff;
}

.btn.btn-warning,
.btn.btn-warning:hover,
.btn.btn-warning:focus {
    background-color: #ff9800;
    color: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}

.btn.btn-danger,
.btn.btn-danger:hover,
.btn.btn-danger:focus {
    background-color: #ef5350;
    color: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}

.btn.btn-success,
.btn.btn-success:hover,
.btn.btn-success:focus {
    background-color: #7cb342;
    color: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}

.btn.btn-lg {
    line-height: 45px;
    padding: 0 35px;
    font-size: 14px;
}

.btn.btn-xlg {
    line-height: 55px;
    padding: 0 35px;
    font-size: 16px;
}

.btn.btn-sm {
    line-height: 32px;
}

.btn-no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary.disabled {
    -webkit-transition: .3s;
    transition: .3s;
}

.btn-primary.disabled.focus,
.btn-primary.disabled:hover {
    color: #fff;
}

button.btn {
    position: relative;
}

button:hover,
button:focus {
    outline: none;
}

input:hover,
input:focus,
input:active,
textarea:hover,
textarea:focus,
textarea:active {
    outline: none;
}

input,
textarea {
    border: none;
    border-bottom: 2px solid #e0e0e0;
    line-height: 40px;
    font-size: 16px;
}

section {
    overflow: hidden;
    position: relative;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}


/*-----  End of Typography  ------*/


/*==================================
=            SHORTCODES            =
==================================*/

.img-res {
    width: 100%;
}

.overflow-hid {
    overflow: hidden;
}

.overflow-vis {
    overflow: visible;
}

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

.p-t-0 {
    padding-top: 0 !important;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-t-0 {
    margin-top: 0 !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.text-color-white {
    color: #fff;
}

.ft-wt-thin {
    font-weight: 100;
}

.ft-wt-light {
    font-weight: 300;
}

.ft-wt-regular {
    font-weight: 400;
}

.ft-wt-medium {
    font-weight: 500;
}

.ft-wt-bold {
    font-weight: 700;
}

.ft-wt-ut-bold {
    font-weight: 900;
}

.relative {
    position: relative;
}

.display-inb {
    display: inline-block;
}

.display-b {
    display: block;
}


/*Major bg Color*/

.bgcolor-major-gradient *,
.bgcolor-major-gradient .section-title,
.bgcolor-major-gradient .section-subtitle,
.bgcolor-major *,
.bgcolor-major .section-title,
.bgcolor-major .section-subtitle {
    color: #fff;
}

.bgcolor-major-gradient .section-title span:before,
.bgcolor-major .section-title span:before {
    background-color: #fff;
}

.bgcolor-major-gradient::selection,
.bgcolor-major::selection {
    background: rgba(0, 0, 0, .3);
    color: #fff;
}

.bgcolor-major-gradient::-moz-selection,
.bgcolor-major::-moz-selection {
    background: rgba(0, 0, 0, .3);
    color: #fff;
}

.footer-logo.bgcolor-major-gradient {
    background: none;
}

.bgcolor-major-gradient-overlay,
.bgcolor-major-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-transition: .3s;
    transition: .3s;
}

.bgcolor-major-overlay {
    background-color: rgba(251, 56, 95, .9);
    opacity: 0;
}

.single-post-v2:hover .bgcolor-major-overlay {
    opacity: 1;
}

a.btn {
    z-index: 10;
}

footer.bgcolor-gray,
.bgcolor-gray {
    background-color: #f5f5f5;
}

footer.bgcolor-white,
.bgcolor-white {
    background-color: #fff;
}

.bg-gradient-dark {
    background-color: #232732;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    color: #fff;
}

.bg-gradient-dark .section-title {
    color: #fff;
}

.bg-gradient-dark .section-header .section-subtitle {
    color: #bfbfbf;
}

.bg-gradient-dark:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: -moz-linear-gradient( 90deg, rgba(35, 39, 50, 0) 0%, rgb(35, 39, 50) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(35, 39, 50, 0) 0%, rgb(35, 39, 50) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(35, 39, 50, 0) 0%, rgb(35, 39, 50) 100%);
}

.bg-gradient-dark .container {
    position: relative;
    z-index: 10;
}


/*Bootstrap Grid clear-problem*/

.clear-problem >div:nth-child(3n+1) {
    clear: left;
}

.hidden {
    display: none;
}

.visible {
    display: block;
}

.hori-vert-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-35 {
    margin-bottom: 35px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-b-60 {
    margin-bottom: 60px;
}

.m-b-70 {
    margin-bottom: 70px;
}

.m-b-80 {
    margin-bottom: 80px;
}

.m-b-90 {
    margin-bottom: 90px;
}

.m-b-100 {
    margin-bottom: 100px;
}

.m-b-110 {
    margin-bottom: 110px;
}

.m-b-120 {
    margin-bottom: 120px;
}

.m-b-130 {
    margin-bottom: 130px;
}

.m-b-140 {
    margin-bottom: 140px;
}

.m-b-150 {
    margin-bottom: 150px;
}

.m-b-200 {
    margin-bottom: 200px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-t-60 {
    margin-top: 60px;
}

.m-t-70 {
    margin-top: 70px;
}

.m-t-80 {
    margin-top: 80px;
}

.m-t-90 {
    margin-top: 90px;
}

.m-t-100 {
    margin-top: 100px;
}

.m-t-110 {
    margin-top: 110px;
}

.m-t-120 {
    margin-top: 120px;
}

.m-t-130 {
    margin-top: 130px;
}

.m-t-140 {
    margin-top: 140px;
}

.m-t-140 {
    margin-top: 140px;
}

.m-t-150 {
    margin-top: 150px;
}

.m-t-200 {
    margin-top: 200px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-b-50 {
    padding-bottom: 50px;
}

.p-b-60 {
    padding-bottom: 60px;
}

.p-b-70 {
    padding-bottom: 70px;
}

.p-b-80 {
    padding-bottom: 80px;
}

.p-b-90 {
    padding-bottom: 90px;
}

.p-b-100 {
    padding-bottom: 100px;
}

.p-b-110 {
    padding-bottom: 110px;
}

.p-b-120 {
    padding-bottom: 120px;
}

.p-b-130 {
    padding-bottom: 130px;
}

.p-b-140 {
    padding-bottom: 140px;
}

.p-b-150 {
    padding-bottom: 150px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-t-50 {
    padding-top: 50px;
}

.p-t-60 {
    padding-top: 60px;
}

.p-t-70 {
    padding-top: 70px;
}

.p-t-80 {
    padding-top: 80px;
}

.p-t-90 {
    padding-top: 90px;
}

.p-t-100 {
    padding-top: 100px;
}

.p-t-110 {
    padding-top: 110px;
}

.p-t-120 {
    padding-top: 120px;
}

.p-t-130 {
    padding-top: 130px;
}

.p-t-140 {
    padding-top: 140px;
}

.p-t-150 {
    padding-top: 150px;
}

.p-t-200 {
    padding-top: 200px;
}

.border-bt {
    padding-bottom: 40px !important;
    border-bottom: 1px solid #e0e0e0;
}


/*-----  End of shortcodes  ------*/


/*=========================================
=               GLOBAL CSS                =
=========================================*/

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

.owl-dots>div {
    display: inline-block;
}

.owl-dot span {
    padding: 3px;
    float: left;
    margin-left: 10px;
    border-radius: 10px;
    border: 1px solid;
    -webkit-transition: .3s;
    transition: .3s;
}

.owl-dot.active span {
    background: none !important;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
}

.owl-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0) scale(1.0, 1.0);
}


/*input aimation*/

.input {
    position: relative;
    z-index: 1;
    display: block;
}

.input:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    -webkit-transition: .3s;
    transition: .3s;
}

.input-textarea:after {
    bottom: 6px;
}

.input-field {
    -webkit-transition: background-color 0.25s, border-color 0.25s;
    transition: background-color 0.25s, border-color 0.25s;
}

.input-label {
    width: 100%;
    text-align: left;
    position: absolute;
    bottom: 100%;
    left: 0;
    pointer-events: none;
    overflow: hidden;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #bdbdbd;
    -webkit-transform: translate3d(0, 2em, 0);
    transform: translate3d(0, 2em, 0);
    -webkit-transition: -webkit-transform 0.25s, font-size .25s;
    transition: transform 0.25s, font-size .25s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.input-label-content {
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.input-field:focus + .input-label,
.input-filled .input-label {
    color: #8B8C8B;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    font-size: 13px;
}

.input-field:focus + .input-label .input-label-content,
.input-filled .input-label-content {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.input:focus:after,
.input-filled.input:after {
    width: 100%;
}


/*End input animation*/

#page-wrap {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    z-index: 9;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.section-common-space {
    padding: 100px 0;
}


/* TOOLTIP **************************/

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #424242 !important;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #424242 !important;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #424242 !important;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #424242 !important;
}

.tooltip-inner {
    padding: 5px 8px;
    background-color: #424242;
    border-radius: 2px;
    font-size: 11px;
}

blockquote {
    padding: 5px 30px;
    margin: 0 0 30px;
    font-size: 16px;
    border-left: 6px solid;
    color: #757575;
    font-style: italic;
}


/*-----  End of Global css  ------*/


/*=========================================
=               PRELOADER                 =
=========================================*/

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 4px;
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    border: solid 3px transparent;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes pace-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes pace-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.preloader-hide {
    opacity: 0;
    visibility: hidden;
}

.preloader .tb {
    height: 100%;
}

.preloader .loading-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.preloader .loading-wrap img {
    max-width: 100px;
    display: inline-block;
    margin-bottom: 15px;
}

.preloader .p-loading {
    position: relative;
    display: block;
    font-size: 14px;
    color: #777;
    letter-spacing: 6px;
    text-transform: uppercase;
    font-weight: 700;
}


/*---------  End of preloader  -----------*/


/*=========================================
=                 HEADER                  =
=========================================*/

#header {
    position: absolute;
    top: 0;
    color: #fff;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
}

#header>.container {
    position: relative;
}


/*sticky-header*/

#header.sticky-header {
    position: fixed;
    z-index: 1000;
    background-color: #fff;
    -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s;
}

.offcanvas #header,
#header.sticky-header {
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}

#header.sticky-header .logos {
    display: inline-block;
    padding: 5px 10px;
    line-height: 32px;
    border-radius: 0 0 4px 4px;
}

#header .logos {
    display: block;
    line-height: 74px;
    -webkit-transition: none;
    transition: none;
}

#header .logos img {
    max-width: 100%;
}


/*For Fixed menu*/

#header.sticky-header .scroll-logos.logos .standard-logo,
#header.sticky-header .scroll-logos.logos .retina-logo,
#header.sticky-header .scroll-logos.logos .retina-logo.fixed-logo,
#header .scroll-logos.logos .fixed-logo {
    display: none;
}

#header.sticky-header .scroll-logos.logos .fixed-logo {
    display: inline-block;
}


/*For Retina logo*/

#header .retina-logo {
    display: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #header.sticky-header .scroll-logos.logos .fixed-logo,
    #header .standard-logo {
        display: none;
    }
    #header.sticky-header .scroll-logos.logos .retina-logo.fixed-logo,
    #header .retina-logo {
        display: block;
    }
}


/* MAIN NAV **************************/

.main-nav>ul>li {
    display: inline-block;
}

.main-nav>ul>li>a {
    color: #333;
}

.main-nav>ul {
    font-size: 13px;
    text-transform: uppercase;
}

.main-nav>ul>li.current>a {
    opacity: 1;
}

.main-nav>ul>li.current>a:before {
    width: 50%;
}

.main-nav>ul>li {
    margin-left: 30px;
    position: relative;
}

.main-nav>ul>li:first-child {
    margin-left: 0;
}

.main-nav>ul>li>a {
    padding: 0;
    line-height: 80px;
    display: inline-block;
    opacity: .7;
    position: relative;
}

.main-nav>ul>li.active>a,
.main-nav>ul>li:hover>a,
.main-nav>ul>li:focus>a {
    opacity: 1;
}

.main-nav>ul>li>a:before {
    content: "";
    position: absolute;
    top: 25px;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}

.main-nav>ul>li.active>a:before,
.main-nav>ul>li:hover>a:before,
.main-nav>ul>li:focus>a:before {
    width: 50%;
}

#header.sticky-header .main-nav>ul>li>a {
    line-height: 60px;
}

#header.sticky-header .main-nav>ul>li>a:before {
    top: 15px;
}


/*dropdown menu alignment*/

.left-indent {
    left: 0;
}

.right-indent {
    right: 0;
}


/* for only full width menu(add this class with has-child)*/

.menu-justify {
    position: static !important;
}

.menu-full {
    left: 0;
    padding: 10px !important;
}

.menu-title {
    font-size: 18px;
    text-transform: capitalize;
    padding: 12px 25px;
    color: #666666;
}


/*after main parent menu*/

.dropdown .left-indent {
    left: 100%;
}

.dropdown .right-indent {
    right: 100%;
}

.dropdown-items>li>a {
    display: block;
    padding: 10px 25px;
    color: #757575;
    cursor: pointer;
    font-size: 14px;
    text-align: left;
    -webkit-transition: .3s;
    transition: .3s;
    text-transform: capitalize;
}

.dropdown-items>li.active>a,
.dropdown-items>li:hover>a,
.dropdown-items>li:focus>a {
    background: #f5f5f5;
}

.main-nav ul li .dropdown {
    background: #fff;
    color: #000;
    padding: 10px 0;
    text-align: left;
    z-index: 200;
    min-width: 215px;
    border-radius: 0 0 2px 2px;
    position: absolute;
    top: 100%;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.16);
    backface-visibility: hidden;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 250ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
    transition: all 250ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    opacity: 0;
    visibility: hidden;
}

.main-nav ul li.has-child >a:after {
    content: " \e91b";
    font-family: "icomoon";
    font-size: 13px;
    margin-left: 10px;
    float: right;
}

.main-nav ul .has-child {
    position: relative;
}

.main-nav ul .has-child:hover>.dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.main-nav ul li .dropdown .has-child >a:after {
    content: " \e903";
    font-size: 10px;
    line-height: 2;
}

.main-nav ul li .dropdown .dropdown {
    right: 100%;
    top: 0;
}


/* MOBILE NAV **************************/

.mobile-nav .submenu-hidden {
    display: none;
}

.offcanvas-toggler,
.mobile-nav {
    display: none;
}

.offcanvas-toggler.active > i#offcanvas-closer {
    display: block;
    font-size: 25px;
}

.offcanvas-toggler.active > i#offcanvas-opener {
    display: none;
}

.offcanvas-toggler > i#offcanvas-opener {
    display: block;
}

.offcanvas-toggler > i {
    display: none;
    padding: 0 0 0 10px;
    font-size: 30px;
    background: transparent;
    margin: 0;
    line-height: 60px;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.offcanvas-overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .8);
    z-index: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

body.offcanvas .offcanvas-overlay {
    opacity: 1;
    visibility: visible;
    z-index: 990;
}

.mobile-nav {
    width: 420px;
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    color: #fff;
    background-color: #fff;
    z-index: 999;
    overflow-y: scroll;
    -webkit-transition: right .3s;
    transition: right .3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.offcanvas .mobile-nav {
    right: 0;
}

.offcanvas {
    width: 100%;
    height: 100%;
}

.mobile-nav {
    padding: 80px 30px 30px 50px;
    background: #fff;
}

.mobile-nav ul>li {
    border: 0;
    position: relative;
}

.mobile-nav ul li.has-child>a:after {
    content: "\e91b";
    font-family: "icomoon";
    font-size: 20px;
    margin-left: 10px;
    float: right;
}

.mobile-nav ul li.has-child.children-open>a:after {
    content: "\e91c";
}

.mobile-nav ul>li a {
    display: block;
    padding: 15px 0;
    color: #000;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.mobile-nav ul>li a:hover,
.mobile-nav ul>li a:focus,
.mobile-nav ul>li a:active,
.mobile-nav ul>li.active>a,
.mobile-nav ul>li.children-open>a {
    background: none;
}

.mobile-nav ul>li ul>li:last-child {
    border-bottom: none;
}

.mobile-nav ul>li .mobile-nav-toggler {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 0;
    padding: 10px 20px;
    cursor: pointer;
    color: #000;
    font-size: 24px;
}

.mobile-nav ul>li>ul .mobile-nav-toggler {
    color: #757575;
    top: -5px;
}

.mobile-nav ul>li .mobile-nav-toggler .open {
    display: none;
}

.mobile-nav ul>li .mobile-nav-toggler .close {
    display: inline;
    opacity: 1;
}

.mobile-nav ul>li .mobile-nav-toggler.collapsed .open {
    display: inline;
}

.mobile-nav ul>li .mobile-nav-toggler.collapsed .close {
    display: none;
}

.mobile-nav ul>li ul {
    padding-left: 30px;
}

.mobile-nav ul>li ul>li a {
    color: #757575;
    font-size: 14px;
    padding: 15px 0;
}


/* HEADER VARAITONS **************************/


/*transparent header*/

#header.transparent-header {
    background-color: transparent;
}

#header.sticky-header.transparent-header {
    background-color: #fff;
}

#header.transparent-header .main-nav>ul>li>a {
    color: #fff;
}

#header.transparent-header .main-nav>ul>li>a:before {
    background-color: #fff;
}

#header.transparent-header.sticky-header .main-nav>ul>li>a {
    color: #8c8c8c;
}


/*static-header*/

#header.static-header {
    position: relative;
}

#header.static-header .main-nav>ul>li>a {
    color: #fff;
    opacity: 1;
}

#header.static-header .main-nav>ul>li.active>a:before,
#header.static-header .main-nav>ul>li:hover>a:before,
#header.static-header .main-nav>ul>li:focus>a:before {
    background-color: #fff;
}


/*box-header*/

#header.box-header {
    background-color: transparent;
}

#header.box-header .box-header-wrap {
    background: #fff;
    border-radius: 2px;
    margin-top: 20px;
    padding: 0 30px 0 25px;
}

#header.no-shadow .box-header-wrap {
    border-radius: 2px 2px 0 0;
    box-shadow: none;
}

#header.sticky-header.box-header {
    background-color: #fff;
}

#header.sticky-header.box-header .logos {
    background: none;
    padding: 0;
    margin-top: 10px;
}

#header.box-header .main-nav>ul>li>a:before {
    bottom: 25px;
    top: inherit;
}

#header.box-header.sticky-header .box-header-wrap {
    margin-top: 0;
    padding: 0 15px;
}

#header.box-header .offcanvas-toggler>i {
    color: #000;
}

#header.box-header.sticky-header .main-nav>ul>li>a:before {
    bottom: 15px;
}


/*-------  End of Header  -------*/


/*=======================================================
=                  START OF COMPONENTS                  =
========================================================*/


/*=================   SECTION HEADER  ================*/

.section-header {
    margin-bottom: 60px;
}

.section-title {
    color: #1c1c1c;
    margin-bottom: 60px;
    text-transform: uppercase;
}

.section-title span {
    position: relative;
}

.section-title span:before {
    content: "";
    position: absolute;
    bottom: -30px;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #1c1c1c;
}

.section-title.mini-title {
    margin-bottom: 30px;
    font-size: 18px;
}

.section-title.mini-title.mini-title-with-border {
    margin-bottom: 40px;
}

.section-title.mini-title span:before {
    bottom: -10px;
}

.section-subtitle {
    font-size: 17px;
    color: #666666;
}


/*section-header v2*/

.section-header-v2 .section-title {
    text-transform: initial;
    margin-bottom: 30px;
}

.section-header-v2 .section-subtitle {
    font-size: 22px;
    font-weight: 300;
}


/*------ End of section header  ------*/


/*=================   SIMPLE SLIDER  ================*/

.simple-slider .item .item-content {
    padding: 200px 0 20px;
}

.simple-slider .title {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.simple-slider .subtitle {
    text-transform: uppercase;
}

.simple-slider .more-btn {
    margin-top: 40px;
}

.simple-slider .more-btn .btn {
    line-height: 60px;
    font-size: 18px;
    padding: 0 55px;
}

.simple-slider .more-btn .popup-video {
    color: #fff;
    text-transform: uppercase;
}

.simple-slider .more-btn .popup-video:hover,
.simple-slider .more-btn .popup-video:focus,
.simple-slider .more-btn .popup-video:active {
    color: #fff;
    opacity: .6;
}

.simple-slider .more-btn .popup-video i.fa {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid;
    border-radius: 50%;
    font-size: 11px;
    display: inline-block;
    margin-right: 15px;
}

.simple-slider .more-btn .popup-video i.fa-play:before {
    margin-right: -4px;
}

.simple-slider .owl-dot span {
    background-color: #fff;
    border-color: #fff;
}

.simple-slider .owl-controls .owl-nav>div {
    display: inline-block;
    margin-top: 100px;
    position: absolute;
    top: 50%;
    left: -50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 36px;
    line-height: 1;
    opacity: .3;
    -webkit-transition: .3s;
    transition: .3s;
}

.simple-slider .owl-controls .owl-nav>div:hover {
    opacity: 1;
    background: none;
}

.simple-slider .owl-controls .owl-nav>div.owl-next {
    left: inherit;
    right: -50px;
}


/* SLIDER ANIMATION *********************/


/*fadeIn*/

.owl-item.active .zim-fadeIn {
    display: block !important;
    -webkit-animation: fadeIn .8s ease-in-out .5s both;
    animation: fadeIn .8s ease-in-out .5s both;
}

.owl-item.active .zim-fadeIn-delay {
    display: block !important;
    -webkit-animation: fadeIn .8s ease-in-out .8s both;
    animation: fadeIn .8s ease-in-out .8s both;
}

.owl-item.active .zim-fadeIn-delay2 {
    display: block !important;
    -webkit-animation: fadeIn .8s ease-in-out 1.3s both;
    animation: fadeIn .8s ease-in-out 1.3s both;
}

.owl-item.active .zim-fadeIn-delay3 {
    display: block !important;
    -webkit-animation: fadeIn .8s ease-in-out 1.8s both;
    animation: fadeIn .8s ease-in-out 1.8s both;
}


/*fadeInUp*/

.owl-item.active .zim-fadeInUp {
    display: block !important;
    -webkit-animation: fadeInUp .8s ease-in-out .5s both;
    animation: fadeInUp .8s ease-in-out .5s both;
}

.owl-item.active .zim-fadeInUp-delay {
    display: block !important;
    -webkit-animation: fadeInUp .8s ease-in-out .8s both;
    animation: fadeInUp .8s ease-in-out .8s both;
}

.owl-item.active .zim-fadeInUp-delay2 {
    display: block !important;
    -webkit-animation: fadeInUp .8s ease-in-out 1.3s both;
    animation: fadeInUp .8s ease-in-out 1.3s both;
}

.owl-item.active .zim-fadeInUp-delay3 {
    display: block !important;
    -webkit-animation: fadeInUp .8s ease-in-out 1.8s both;
    animation: fadeInUp .8s ease-in-out 1.8s both;
}


/*fadeInDown*/

.owl-item.active .zim-fadeInDown {
    display: block !important;
    -webkit-animation: fadeInDown .8s ease-in-out .5s both;
    animation: fadeInDown .8s ease-in-out .5s both;
}

.owl-item.active .zim-fadeInDown-delay {
    display: block !important;
    -webkit-animation: fadeInDown .8s ease-in-out .8s both;
    animation: fadeInDown .8s ease-in-out .8s both;
}

.owl-item.active .zim-fadeInDown-delay2 {
    display: block !important;
    -webkit-animation: fadeInDown .8s ease-in-out 1.3s both;
    animation: fadeInDown .8s ease-in-out 1.3s both;
}

.owl-item.active .zim-fadeInDown-delay3 {
    display: block !important;
    -webkit-animation: fadeInDown .8s ease-in-out 1.8s both;
    animation: fadeInDown .8s ease-in-out 1.8s both;
}


/*fadeInLeft*/

.owl-item.active .zim-fadeInLeft {
    display: block !important;
    -webkit-animation: fadeInLeft .8s ease-in-out .5s both;
    animation: fadeInLeft .8s ease-in-out .5s both;
}

.owl-item.active .zim-fadeInLeft-delay {
    display: block !important;
    -webkit-animation: fadeInLeft .8s ease-in-out .8s both;
    animation: fadeInLeft .8s ease-in-out .8s both;
}

.owl-item.active .zim-fadeInLeft-delay2 {
    display: block !important;
    -webkit-animation: fadeInLeft .8s ease-in-out 1.3s both;
    animation: fadeInLeft .8s ease-in-out 1.3s both;
}

.owl-item.active .zim-fadeInLeft-delay3 {
    display: block !important;
    -webkit-animation: fadeInLeft .8s ease-in-out 1.8s both;
    animation: fadeInLeft .8s ease-in-out 1.8s both;
}


/*fadeInRight*/

.owl-item.active .zim-fadeInRight {
    display: block !important;
    -webkit-animation: fadeInRight .8s ease-in-out .5s both;
    animation: fadeInRight .8s ease-in-out .5s both;
}

.owl-item.active .zim-fadeInRight-delay {
    display: block !important;
    -webkit-animation: fadeInRight .8s ease-in-out .8s both;
    animation: fadeInRight .8s ease-in-out .8s both;
}

.owl-item.active .zim-fadeInRight-delay2 {
    display: block !important;
    -webkit-animation: fadeInRight .8s ease-in-out 1.3s both;
    animation: fadeInRight .8s ease-in-out 1.3s both;
}

.owl-item.active .zim-fadeInRight-delay3 {
    display: block !important;
    -webkit-animation: fadeInRight .8s ease-in-out 1.8s both;
    animation: fadeInRight .8s ease-in-out 1.8s both;
}


/*fadeInLeftBig*/

.owl-item.active .zim-fadeInLeftBig {
    display: block !important;
    -webkit-animation: fadeInLeftBig .8s ease-in-out .5s both;
    animation: fadeInLeftBig .8s ease-in-out .5s both;
}

.owl-item.active .zim-fadeInLeftBig-delay {
    display: block !important;
    -webkit-animation: fadeInLeftBig .8s ease-in-out .8s both;
    animation: fadeInLeftBig .8s ease-in-out .8s both;
}

.owl-item.active .zim-fadeInLeftBig-delay2 {
    display: block !important;
    -webkit-animation: fadeInLeftBig .8s ease-in-out 1.3s both;
    animation: fadeInLeftBig .8s ease-in-out 1.3s both;
}

.owl-item.active .zim-fadeInLeftBig-delay3 {
    display: block !important;
    -webkit-animation: fadeInLeftBig .8s ease-in-out 1.8s both;
    animation: fadeInLeftBig .8s ease-in-out 1.8s both;
}


/*fadeInRightBig*/

.owl-item.active .zim-fadeInRightBig {
    display: block !important;
    -webkit-animation: fadeInRightBig .8s ease-in-out .5s both;
    animation: fadeInRightBig .8s ease-in-out .5s both;
}

.owl-item.active .zim-fadeInRightBig-delay {
    display: block !important;
    -webkit-animation: fadeInRightBig .8s ease-in-out .8s both;
    animation: fadeInRightBig .8s ease-in-out .8s both;
}

.owl-item.active .zim-fadeInRightBig-delay2 {
    display: block !important;
    -webkit-animation: fadeInRightBig .8s ease-in-out 1.3s both;
    animation: fadeInRightBig .8s ease-in-out 1.3s both;
}

.owl-item.active .zim-fadeInRightBig-delay3 {
    display: block !important;
    -webkit-animation: fadeInRightBig .8s ease-in-out 1.8s both;
    animation: fadeInRightBig .8s ease-in-out 1.8s both;
}


/*flipInX*/

.owl-item.active .zim-flipInX {
    display: block !important;
    -webkit-animation: flipInX .8s ease-in-out .5s both;
    animation: flipInX .8s ease-in-out .5s both;
}

.owl-item.active .zim-flipInX-delay {
    display: block !important;
    -webkit-animation: flipInX .8s ease-in-out .8s both;
    animation: flipInX .8s ease-in-out .8s both;
}

.owl-item.active .zim-flipInX-delay2 {
    display: block !important;
    -webkit-animation: flipInX .8s ease-in-out 1.3s both;
    animation: flipInX .8s ease-in-out 1.3s both;
}

.owl-item.active .zim-flipInX-delay3 {
    display: block !important;
    -webkit-animation: flipInX .8s ease-in-out 1.8s both;
    animation: flipInX .8s ease-in-out 1.8s both;
}

.owl-item.active .zim-zoomIn {
    display: block !important;
    -webkit-animation: zoomIn .8s ease-in-out .5s both;
    animation: zoomIn .8s ease-in-out .5s both;
}

.owl-item.active .zim-zoomIn-delay {
    display: block !important;
    -webkit-animation: zoomIn .8s ease-in-out .8s both;
    animation: zoomIn .8s ease-in-out .8s both;
}

.owl-item.active .zim-zoomIn-delay2 {
    display: block !important;
    -webkit-animation: zoomIn .8s ease-in-out 1.3s both;
    animation: zoomIn .8s ease-in-out 1.3s both;
}

.owl-item.active .zim-zoomIn-delay3 {
    display: block !important;
    -webkit-animation: zoomIn .8s ease-in-out 1.8s both;
    animation: zoomIn .8s ease-in-out 1.8s both;
}


/* ADVANCED SLIDER **************************/

.advanced-slider-wrapper {
    padding: 0;
    color: #fff;
}

.advanced-slider.simple-slider .item .item-content {
    padding: 0;
    height: 650px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.advanced-slider.simple-slider .item .item-content>.container {
    display: table;
    height: 100%;
    position: relative;
    z-index: 100;
}

.advanced-slider.simple-slider .item .item-content>.container>div {
    display: table-cell;
    vertical-align: middle;
}

.advanced-slider.simple-slider .slider-images img {
    position: absolute;
    border-radius: 3px;
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
}

.advanced-slider.simple-slider .slider-images img.slider-img1 {
    max-width: 267px;
}

.advanced-slider.simple-slider .slider-images img.slider-img2 {
    max-width: 191px;
    right: 0;
    top: 40px;
    z-index: 10;
}

.advanced-slider.simple-slider .slider-images img.slider-img3 {
    max-width: 333px;
    top: 120px;
    left: 150px;
}

.advanced-slider.simple-slider .title {
    font-size: 48px;
    text-transform: capitalize;
}

.advanced-slider.simple-slider .details {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 1.6;
}

.advanced-slider.simple-slider .btn {
    line-height: 50px;
    font-size: 16px;
    padding: 0 40px;
    margin-right: 30px;
    font-weight: 700;
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21);
}

.advanced-slider.simple-slider .owl-controls .owl-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    margin-left: -86px;
}

.advanced-slider.simple-slider .owl-nav>div {
    position: initial;
    -webkit-transform: initial;
    transform: initial;
    font-size: 14px;
    margin-top: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    opacity: .5;
}

.advanced-slider.simple-slider .owl-nav>div.owl-next {
    margin-top: 15px;
}

.advanced-slider.simple-slider .owl-dots {
    position: absolute;
    bottom: 40px;
    text-align: left;
}

.advanced-slider.simple-slider .icon-angle-left:before {
    content: "\e91c";
}

.advanced-slider.simple-slider .icon-angle-right:before {
    content: "\e91b";
}


/*------ End of simple slider  ------*/


/*==================   SERVICES  ==================*/

.features-item {
    background-color: #fff;
    margin-bottom: 110px;
    padding: 90px 50px 40px;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 2px;
}

.features-item:hover {
    -webkit-box-shadow: 0px 40px 70px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 40px 70px 0px rgba(0, 0, 0, 0.22);
}

.features-icon {
    font-size: 36px;
    padding: 20px 28px;
    background: #fff;
    border-radius: 60px;
    border: 2px dashed #f0f0f0;
    -webkit-box-shadow: 0 0 0 10px #fff;
    box-shadow: 0 0 0 10px #fff;
    position: absolute;
    top: -50px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    color: #bdbdbd;
    -webkit-transition: .3s;
    transition: .3s;
}

.features-info .title {
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 20px;
}


/* SERVICES VARAITONS **************************/


/*services-v2*/

.features-item-v2 {
    padding: 0;
    background: transparent;
    color: #fff;
    z-index: 10;
    margin-bottom: 80px;
}

.features-item-v2:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.features-item-v2 .icon {
    font-size: 50px;
    line-height: 1;
    -webkit-transition: .3s;
    transition: .3s;
}

.features-item-v2 .features-info .title {
    color: #fff;
    font-weight: 400;
}

.features-item-v2 .features-info p {
    color: #bfbfbf;
    font-size: 18px;
    font-weight: 300;
}

.features-item.features-item-v2:hover .features-info p {
    color: #bfbfbf;
}


/*------ End of services  ------*/


/*==================   ABOUT US  ==================*/

.tabbed-about-us .tab-pane {
    margin-bottom: 80px;
    display: none;
    border: none;
}

.tabbed-about-us .tab-content>.tab-pane {
    border: none;
}

.tabbed-about-us .tab-pane.active {
    display: block;
    -webkit-animation: fadeIn .5s ease-in-out .15s both;
    animation: fadeIn .5s ease-in-out .15s both;
}

.tabbed-about-us .img-wrapper {
    position: relative;
    min-height: 400px;
}

.tabbed-about-us .img-wrapper img {
    -webkit-box-shadow: 0px 40px 70px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 40px 70px 0px rgba(0, 0, 0, 0.22);
}

.tabbed-about-us .img-wrapper .img-one {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.tabbed-about-us .img-wrapper .img-two {
    position: absolute;
    top: 120px;
    left: 138px;
    display: none;
}

.tabbed-about-us .img-wrapper .img-three {
    position: absolute;
    top: 40px;
    left: 345px;
    display: none;
}

.tabbed-about-us .tab-pane.active .img-one {
    display: block;
    -webkit-animation: fadeIn .5s ease-in-out .15s both;
    animation: fadeIn .5s ease-in-out .15s both;
}

.tabbed-about-us .tab-pane.active .img-two {
    display: block;
    -webkit-animation: fadeIn .5s ease-in-out .50s both;
    animation: fadeIn .5s ease-in-out .50s both;
}

.tabbed-about-us .tab-pane.active .img-three {
    display: block;
    -webkit-animation: fadeIn .5s ease-in-out .85s both;
    animation: fadeIn .5s ease-in-out .85s both;
}

.tabbed-about-us .details-wrapper {
    padding-left: 30px;
}

.tabbed-about-us .details .title {
    text-transform: uppercase;
    color: #1c1c1c;
    margin-bottom: 50px;
}

.tabbed-about-us .details p {
    margin-bottom: 30px;
}

.tabbed-about-us .details p:last-child {
    margin-bottom: 0;
}

.pie-title-center {
    display: inline-block;
    position: relative;
    text-align: center;
}

.circle>span {
    display: block;
    position: absolute;
    font-size: 16px;
    font-weight: 700;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -20px;
    line-height: 40px;
    color: #1c1c1c;
}

.circle>span:after {
    content: '%';
    margin-left: 0.1em;
}

.tabbed-about-us .work-progress {
    margin-top: 60px;
}

.tabbed-about-us .tabs-nav {
    padding: 30px 0 25px;
    border: none;
    text-align: center;
    border-radius: 4px;
}

.tabbed-about-us .tabs-nav li {
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    margin-right: 130px;
    position: relative;
}

.tabbed-about-us .tabs-nav li:last-child {
    margin-right: 0;
}

.tabbed-about-us .tabs-nav li * {
    color: #666666;
}

.tabbed-about-us .tabs-nav li span.icon {
    display: block;
    font-size: 30px;
    padding-bottom: 5px;
    -webkit-transition: .3s;
    transition: .3s;
}

.tabbed-about-us .tabs-nav li:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: .3s;
    transition: .3s;
}

.tabbed-about-us .tabs-nav li.active:after {
    width: 100%;
}


/* ABOUT US VARAITONS **************************/


/*about-us-bg*/

.about-us-bg {
    background-position: right;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.about-us-bg .section-header-v2 {
    margin-bottom: 90px;
}


/*tabbed-about-us-v2*/

.tabbed-about-us-v2.tabbed-about-us .tabs-nav {
    background-color: transparent;
    padding: 0;
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li {
    display: table;
    margin-right: 30px;
    margin-bottom: 30px;
    background-color: #f5f5f5;
    width: 245px;
    height: 160px;
    float: left;
    border-radius: 2px;
    -webkit-transition: .3s;
    transition: .3s;
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li img.off {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li img.on {
    display: none;
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li.active img.off {
    display: none;
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li.active img.on {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li:hover img.off {
    display: none;
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li:hover img.on {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li>a {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 10;
}

.tabbed-about-us-v2.tabbed-about-us .details-wrapper {
    padding-left: 0;
}

.tabbed-about-us-v2.tabbed-about-us .details p {
    font-size: 18px;
    font-weight: 300;
}

.tabbed-about-us-v2.tabbed-about-us .bgcolor-major-gradient-overlay {
    z-index: 1;
    opacity: 0;
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li:hover .bgcolor-major-gradient-overlay,
.tabbed-about-us-v2.tabbed-about-us .tabs-nav li.active .bgcolor-major-gradient-overlay {
    opacity: 1;
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li:hover *,
.tabbed-about-us-v2.tabbed-about-us .tabs-nav li.active * {
    color: #fff;
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li:hover,
.tabbed-about-us-v2.tabbed-about-us .tabs-nav li.active {
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li.active:hover:after,
.tabbed-about-us-v2.tabbed-about-us .tabs-nav li.active:after {
    display: none;
}

.tabbed-about-us-v2.tabbed-about-us .work-progress {
    margin-top: 40px;
}


/*------ End of about us  ------*/


/*==================   PORTFOLIO  ==================*/


/*portfolio 2 grid*/

.col-2.portfolio-items .item {
    width: 49.99%;
}


/*portfolio 3 grid*/

.col-3.portfolio-items .item {
    width: 33.3333333%;
}


/*portfolio 4 grid*/

.col-4.portfolio-items .item {
    width: 24.98%;
}


/*portfolio 5 grid*/

.col-5.portfolio-items .item {
    width: 19.99%;
}

.col-5.portfolio-items .item .caption,
.col-6.portfolio-items .item .caption {
    padding: 20px;
}


/*portfolio 6 grid*/

.col-6.portfolio-items .item {
    width: 16.666666667%;
}

.portfolio,
.portfolio .section-header *,
.item-filter>li {
    color: #fff;
}

.portfolio .section-header .section-title span:before {
    background-color: #fff;
}

.portfolio .details p {
    font-size: 16px;
    margin-bottom: 10px;
}

.item-filter {
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase;
}

.item-filter>li {
    line-height: 40px;
    padding: 0 25px;
    color: #fff;
    border-radius: 30px;
    margin-right: 10px;
    font-size: 12px;
    display: inline-block;
    letter-spacing: .5px;
    opacity: .6;
    cursor: pointer;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
}

.item-filter>li:hover,
.item-filter>li.active {
    background-color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}

.portfolio-items {
    margin: 0;
}

.portfolio-items .item img {
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
}

.portfolio-items .item {
    float: left;
    padding: 15px;
    box-sizing: border-box;
}

.portfolio-items .item figure {
    position: relative;
    border-radius: 2px;
}

.portfolio-items .item .caption {
    background: #fff;
    text-align: center;
    padding: 60px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 2px;
    opacity: 0;
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21);
    -webkit-transition: .3s;
    transition: .3s;
}

.portfolio-items .item .caption .tag {
    font-size: 12px;
}

.portfolio-items-v2.col-4.portfolio-items .item .caption .title {
    font-size: 16px;
}

.portfolio-items-v2.col-4.portfolio-items .item figure .caption {
    padding-right: 60px;
}

.portfolio-items-v2.col-4.portfolio-items .item .caption .popup {
    font-size: 22px;
}

.portfolio-items .item .caption .title {
    color: #1c1c1c;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    margin: 10px 0 20px;
}

.portfolio-items .item .caption .btn {
    color: #fff;
}

.portfolio-items .item figure:hover img {
    opacity: .4;
}

.portfolio-items .item figure:hover .caption {
    bottom: -15px;
    left: -15px;
    opacity: 1;
}


/* PORTFOLIO VARAITONS **************************/

.item-filter-v2 {
    background-color: #fff;
    padding: 12px 30px;
    border-radius: 2px;
    text-align: left;
}

.item-filter.item-filter-v2>li {
    padding: 0;
    background-color: transparent;
    color: #333;
    font-weight: 500;
    position: relative;
    margin-right: 50px;
}

.item-filter.item-filter-v2>li:last-child {
    margin-right: 0;
}

.item-filter.item-filter-v2>li:before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}

.item-filter.item-filter-v2>li:hover,
.item-filter.item-filter-v2>li.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.item-filter.item-filter-v2>li:hover:before,
.item-filter.item-filter-v2>li.active:before {
    width: 50%;
}

.portfolio-items-v2 .item figure {
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

.portfolio-items-v2 .item:hover figure {
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
}

.portfolio-items-v2.portfolio-items .item figure .caption {
    background: none;
    color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    padding: 30px;
    padding-right: 120px;
}

.portfolio-items-v2.portfolio-items .item figure:hover img {
    -webkit-transform: rotate(5deg) scale(1.2);
    transform: rotate(5deg) scale(1.2);
}

.portfolio-items-v2.portfolio-items .item .caption .tag,
.portfolio-items-v2.portfolio-items .item .caption .title,
.portfolio-items-v2.portfolio-items .item .caption .popup {
    color: #fff;
}

.portfolio-items-v2.portfolio-items .item .caption .tag {
    font-size: 14px;
}

.portfolio-items-v2.portfolio-items .item .caption .popup {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 30px;
}


/* Magnific Popup Customisation for Portfolio **********/

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.75;
}

.mfp-bottom-bar {
    display: none;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-arrow-right::after,
.mfp-arrow-left::after {
    font-family: 'FontAwesome';
    border: none !important;
    color: #fff;
    font-size: 65px;
    -webkit-transition: .5s;
    transition: .5s;
}

.mfp-arrow-right::after {
    content: "\f105" !important;
}

.mfp-arrow-left::after {
    content: "\f104" !important;
}

.mfp-arrow-right::before,
.mfp-arrow-left::before {
    border: none !important;
}

.mfp-arrow {
    height: 60px;
}

.mfp-arrow::before,
.mfp-arrow::after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    margin-top: 15px;
    top: -1px !important;
}

img.mfp-img {
    padding: 40px 0px 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}


/*------ End of portfolio  ------*/


/*==================    COUNTER    ==================*/

.counter * {
    color: #bdbdbd;
    -webkit-transition: .3s;
    transition: .3s;
}

.counter:hover * {
    cursor: pointer;
}

.counter:hover .icon {
    margin-top: -15px;
    height: 150px;
    line-height: 150px;
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21);
}

.counter .icon {
    width: 85px;
    height: 135px;
    float: left;
    display: inline-block;
    text-align: center;
    line-height: 135px;
    margin-right: 20px;
    font-size: 35px;
    color: #bdbdbd;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 58.41px 0.59px rgba(37, 54, 93, 0.11);
    box-shadow: 0px 1px 58.41px 0.59px rgba(37, 54, 93, 0.11);
}

.counter .info {
    display: inline-block;
    padding-top: 80px;
}

.counter .timer {
    font-weight: 700;
}


/* Counter Varaitons ******************/

.counter-v2 {
    text-align: center;
    color: #151414;
    cursor: pointer;
}

.counter-v2 .icon {
    font-size: 45px;
    margin-bottom: 30px;
    -webkit-transition: .3s;
    transition: .3s;
}

.counter-v2 .timer {
    font-weight: 700;
    margin-bottom: 10px;
}

.counter-v2 p {
    color: #676767;
    font-size: 16px;
    text-transform: capitalize;
}


/*------ End of counter  ------*/


/*==================   TEAM SLIDER  ==================*/

.team-slider .item {
    cursor: pointer;
}

.team-slider .item .img-wrapper {
    padding-right: 0;
}

.team-slider .item .info {
    padding: 40px 15px 20px 40px;
    background: #fff;
}

.team-slider .item .degination {
    color: #212121;
}

.team-slider .item .title {
    font-weight: 700;
    margin-bottom: 30px;
}

.team-social {
    margin-top: 20px;
}

.team-social li {
    display: inline-block;
    margin-right: 12px;
}

.team-social li>a {
    color: #e0e0e0;
    width: 30px;
    height: 30px;
    font-size: 16px;
    text-align: center;
    display: block;
    line-height: 30px;
    border-radius: 30px;
    -webkit-transition: .3s;
    transition: .3s;
}

.team-social li>a:hover {
    color: #fff;
    font-size: 14px;
}

.team-slider-thumb {
    margin: -15px;
}

.team-slider-thumb .thumb {
    margin: 15px 0;
    cursor: pointer;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
}

.team-slider-thumb .thumb:after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: .3s;
    transition: .3s;
}

.team-slider-thumb img {
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
}

.team-slider-thumb .caption * {
    color: #fff;
    font-style: normal;
}

.team-slider-thumb .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
    z-index: 10;
    pointer-events: none;
}

.team-slider-thumb .caption .degination {
    font-size: 10px;
}

.team-slider-thumb .caption .title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.team-slider-thumb .thumb.active img,
.team-slider-thumb .thumb:hover img {
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21);
}

.team-slider-thumb .thumb.active:after,
.team-slider-thumb .thumb:hover:after {
    opacity: .9;
}

.team-slider-thumb .thumb.active img,
.team-slider-thumb .thumb:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.team-slider-thumb .caption .degination,
.team-slider-thumb .caption .title {
    display: none;
}

.team-slider-thumb .thumb.active .caption .degination,
.team-slider-thumb .thumb:hover .caption .degination {
    animation: fadeInUp .5s;
    display: block;
}

.team-slider-thumb .thumb.active .caption .title,
.team-slider-thumb .thumb:hover .caption .title {
    animation: fadeInDown .5s;
    display: block;
}

.team-slider .owl-controls {
    margin-top: 30px;
}

.team-slider .owl-prev,
.team-slider .owl-next {
    -webkit-transition: .3s;
    transition: .3s;
    opacity: .5;
}

.team-slider .owl-prev:hover,
.team-slider .owl-next:hover {
    opacity: 1;
}

.team-slider .owl-prev {
    position: absolute;
    left: 0;
}

.team-slider .owl-next {
    position: absolute;
    right: 0;
}


/* Team Varaitons **********************/

.team-slider-v2 .team .info {
    position: absolute;
    top: 120px;
    left: 30px;
    right: 30px;
    opacity: 0;
    color: #fff;
    z-index: 10;
    -webkit-transition: .3s;
    transition: .3s;
}

.team-slider-v2 .team ul.team-social {
    position: absolute;
    top: 0;
    bottom: initial;
    left: 30px;
    right: 30px;
    z-index: 15;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    margin-top: 0;
}

.team-slider-v2 .team ul.team-social>li>a {
    color: #fff;
    opacity: 1;
}

.team-slider-v2 .team ul.team-social>li>a:hover {
    background-color: #fff;
}

.team-slider-v2 .team .info .designation {
    color: #fff;
    opacity: .6;
}

.team-slider-v2 .team .bgcolor-major-gradient-overlay {
    opacity: 0;
}

.team-slider-v2 .team:hover .bgcolor-major-gradient-overlay {
    opacity: 1;
}

.team-slider-v2 .team:hover ul.team-social {
    top: 40px;
    opacity: 1;
}

.team-slider-v2 .team:hover .info .designation {
    opacity: 1;
}

.team-slider-v2 .team:hover .info {
    top: 80px;
    opacity: 1;
}

.team-slider-v2 .owl-controls {
    margin-top: 30px;
}


/*-----  End of team slider  ------*/


/*==================   TESTIMONIAL  ==================*/

.testimonial-quotes-icon {
    text-align: center;
    margin-bottom: 20px;
}

.testimonial-quotes-icon i {
    font-size: 50px;
    color: #e0e0e0;
}

.testimonial-slider .info {
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.8;
    text-align: center;
}

.testimonial-slider .flex-direction-nav {
    display: none;
}

.testimonial-slider-thumb {
    margin: 0;
    padding: 20px 82px;
    margin: 0 20px;
    border-radius: 4px;
    overflow: hidden;
}

.testimonial-slider-thumb .slides>li {
    opacity: .4;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

.testimonial-slider-thumb .slides>li.flex-active-slide {
    opacity: 1;
}

.testimonial-slider-thumb .img-wrapper img {
    width: 74px;
    border-radius: 100%;
}

.testimonial-slider-thumb .media-body {
    padding-top: 20px;
    padding-left: 10px;
}

.testimonial-slider-thumb .media-body .title {
    font-weight: 700;
}

.flex-direction-nav a {
    width: 25px;
    height: 32px;
    -webkit-transition: .3s;
    transition: .3s;
}

.flex-direction-nav a:before {
    content: '\e902';
    font-family: 'icomoon' !important;
    font-size: 25px;
}

.flex-direction-nav a.flex-next:before {
    content: '\e903';
}

.flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-next {
    right: 25px;
    opacity: .4;
}

.flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-prev {
    left: 25px;
    opacity: .4;
}

.flexslider:hover .flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
}


/* testimonial Varaitons **************************/

.testimonial-slider-v2 {
    padding-top: 150px;
}

.testimonial-slider-v2 .flex-control-thumbs {
    position: absolute;
    top: 0;
    bottom: initial;
    text-align: center;
}

.testimonial-slider-v2 .flex-control-thumbs li {
    width: 120px;
    margin-right: 20px;
    display: inline-block;
    float: none;
}

.testimonial-slider-v2 .flex-control-thumbs li img {
    opacity: .6;
    border-radius: 50%;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: .3s;
    transition: .3s;
}

.testimonial-slider-v2 .flex-control-thumbs li img.flex-active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.testimonial-slider-v2 .slides .info {
    font-size: 18px;
    padding: 0 110px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.7;
    text-align: center;
    margin-top: 13px;
    color: #fff;
}

.testimonial-slider-v2 .slides .about-client {
    margin-top: 25px;
}

.testimonial-slider-v2 .slides .about-client .icon {
    color: #fff;
    font-size: 30px;
}

.testimonial-slider-v2 .slides .about-client .name {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px;
}

.testimonial-slider-v2 .slides .about-client .designation {
    font-weight: 300;
}

.about-client .designation {
    color: #fff;
    font-size: 16px;
    margin-top: 5px;
}

.testimonial-slider-v2 .flex-direction-nav .flex-prev {
    left: -25px;
}

.testimonial-slider-v2 .flex-direction-nav .flex-next {
    right: -25px;
}

.testimonial-slider-v2 .flex-direction-nav>li>a {
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
    text-align: center;
    opacity: 1;
    border-radius: 50%;
}

.testimonial-slider-v2 .flex-direction-nav>li>a:before {
    font-size: 10px;
    text-shadow: none;
    color: #fff !important;
    line-height: 32px;
}

.team-slider-v2 .owl-controls .owl-nav>div:hover,
.testimonial-slider-v2 .flex-direction-nav>li>a:hover {
    color: #fff;
    border: none;
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
}

.testimonial-slider-v2 .flex-direction-nav>li>a:hover:before {
    line-height: 36px;
}


/*-----  End of testimonial  ------*/


/*==================   TWITTER FEED  ==================*/

.tweetSlider .single-tweet {
    margin-bottom: 30px;
}

.tweet-icon {
    position: absolute;
    top: 50%;
    left: -47px;
    transform: translateY(-50%);
    width: 94px;
    height: 94px;
    line-height: 80px;
    background: #fff;
    font-size: 30px;
    border-radius: 100%;
    text-align: center;
    border: 7px solid;
}

.twitter-info .tweet-text,
.twitter-info .tweet-text p {
    font-size: 15px;
    line-height: 1.6;
    color: #fff;
}

.twitter-info .tweet-text a,
.twitter-info .tweet-text p a {
    display: inline;
    color: #fff;
    font-weight: 500;
    text-decoration: underline;
}

.twitter-info .tweet-text {
    margin-bottom: 37px;
}

.twitter-info .tweet-text p {
    margin-bottom: 0;
}

.twiiter-options li {
    list-style: none;
    display: inline-block;
    margin-right: 26px;
}

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

.twiiter-options li a {
    display: inline-block;
    color: #fff;
}

.twiiter-options li a i,
.twiiter-options li a span {
    vertical-align: middle;
}

.twiiter-options li a span {
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    margin-left: 7px;
}

.twiiter-options li a i {
    font-size: 16px;
}

.tweetSlider-v2.tweetSlider .owl-dots {
    text-align: center;
}

.tweetSlider .owl-dots {
    text-align: left;
}

.tweetSlider .owl-prev,
.tweetSlider .owl-next {
    opacity: .5;
    -webkit-transition: .3s;
    transition: .3s;
}

.tweetSlider .owl-prev:hover,
.tweetSlider .owl-next:hover {
    opacity: 1;
}

.tweetSlider .owl-prev {
    position: absolute;
    right: 30px;
}

.tweetSlider .owl-next {
    position: absolute;
    right: 0;
}

.tweetSlider .owl-dot span {
    background: #fff;
    border-color: #fff;
}


/* TWIITER VARAITONS ********************/

.tweet-icon-v2 {
    text-align: center;
    font-size: 60px;
    color: #00abf1;
    line-height: 1;
    margin-bottom: 50px;
}

.tweetSlider-v2.tweetSlider .single-tweet {
    margin-bottom: 0;
}

.tweetSlider-v2 .twitter-info .tweet-text {
    margin-bottom: 20px;
}

.tweetSlider-v2 .twitter-info .tweet-text p {
    font-size: 18px;
    font-weight: 300;
}

.tweetSlider-v2 .twitter-info .tweet-text p a {
    color: #00abf1;
}

a.twitter-more-btn {
    text-transform: uppercase;
    color: #fff;
    background: #00abf1;
    line-height: 50px;
}

.tweetSlider-v2 .owl-controls {
    position: relative;
    bottom: -90px;
}


/*------ End of twitter feed  ------*/


/*==================   ACCORDION  ==================*/

.accordion .panel {
    border: none;
    border-bottom: 2px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0 !important;
    background: none;
}

.accordion .panel-collapse>p {
    padding-bottom: 40px;
}

.accordion .panel-heading {
    background: none;
    display: block;
    overflow: hidden;
    padding: 15px 0;
    border: none;
    position: relative;
}

.accordion .panel-heading a:before {
    content: "\e91c";
    font-size: 25px;
    font-weight: 400;
    position: absolute;
    right: 0;
    font-family: 'icomoon';
    -webkit-transition: .3s;
    transition: .3s;
}

.accordion .panel-heading a.collapsed:before {
    content: "\e91b";
    color: #8c8c8c;
}

.accordion .panel-heading a {
    color: #8c8c8c;
    font-weight: 700;
    line-height: 50px;
    display: block;
}


/* accordion-v2 */

.accordion.accordion-v2 .panel {
    padding: 0 30px;
    background-color: #fff;
    border-color: #f5f5f5;
}

.accordion-v2.accordion .panel-heading a {
    font-weight: 400;
}

.accordion-v2 .panel-collapse p {
    font-size: 17px;
    font-weight: 300;
}


/* accordion-v3 */

.accordion.accordion-v3 .panel {
    padding: 0;
}


/*------ End of accordion  ------*/


/*====================  DEFAULT TABS  ====================*/

.nav-tabs {
    border-bottom: none;
}

.nav-tabs>li>a {
    background: #f5f5f5;
    border: none;
    border-radius: 2px 2px 0 0;
    margin-right: 10px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: none;
    color: #fff;
}

.tab-content>.tab-pane {
    border: 2px solid #f5f5f5;
}

.panel-body {
    padding: 0;
}

.nav-tabs-gradient.nav-tabs>li>a {
    padding: 10px 20px;
}

.nav-tabs-gradient.nav-tabs>li.active>a:focus,
.nav-tabs-gradient.nav-tabs>li.active>a {
    background: none;
}

.tab-content-v2 .panel-body p {
    font-size: 17px;
    font-weight: 300;
}


/*nav-tabs-v2*/

.nav-tabs-v2.nav-tabs>li>a {
    background: none;
    margin-right: 25px;
    padding-left: 0;
    border-bottom: 2px solid transparent;
    transition: .3s;
}

.nav-tabs-v2.nav-tabs>li.active>a,
.nav-tabs-v2.nav-tabs>li.active>a:hover,
.nav-tabs-v2.nav-tabs>li.active>a:focus {
    border-bottom: 2px solid;
    background: none;
}

.nav-tabs-v2.nav-tabs+.tab-content-v2 .tab-pane {
    border: none;
}

.nav-tabs-v2.nav-tabs+.tab-content-v2 .panel-body {
    padding: 0;
    padding-top: 20px;
}


/*------ End of tabs  ------*/


/*==================   DEMO VIDEO  ==================*/

.demo-video {
    text-align: center;
    margin: 0 100px;
}

.demo-video img {
    display: inline-block;
    -webkit-box-shadow: 0px 40px 70px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 40px 70px 0px rgba(0, 0, 0, 0.22);
}

.demo-video .play-icon {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    background: rgba(0, 0, 0, .6);
    border-radius: 100px;
    line-height: 64px;
    font-size: 20px;
    cursor: pointer;
}


/* Demo video Varaitons ****************/

.demo-video-v2-wrapper {
    overflow: initial;
    padding-bottom: 300px;
}

.demo-video-v2-wrapper>.container {
    z-index: 10;
}

.demo-video-v2 {
    margin: 0 100px;
    margin-top: -260px;
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
}

.demo-video-v2 .video-content img {
    width: 100%;
    display: block;
}

.demo-video-play-icon {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 20;
    font-size: 18px;
    text-transform: uppercase;
}

.demo-video-play-icon:hover,
.demo-video-play-icon:focus {
    color: #fff;
    opacity: .8;
}

.demo-video-play-icon i.fa {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    line-height: 48px;
    font-size: 20px;
    text-align: center;
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
    margin-right: 10px;
}

.demo-video-play-icon i.fa-play:before {
    margin-left: 5px;
}


/*------ End of demo video  ------*/


/*===============   IMAGE WITH CONTENT  ==============*/

.image-content {
    position: relative;
}

.image-holder {
    position: absolute;
    top: 0;
    width: 41.66666667%;
    height: 100%;
    background-position: right;
    background-size: cover;
}

.content-holder-wrapper {
    padding: 140px 30px 140px 80px;
    position: relative;
}

.content-holder * {
    color: #fff;
}


/*------ End of image content  ------*/


/*==================   PIE CHARTS  ==================*/

.work-progress .each-item {
    float: left;
    margin-right: 60px;
    text-align: center;
}

.work-progress .each-item:last-child {
    margin-right: 0;
}

.work-progress .each-item >div {
    display: inline-block;
    position: relative;
    text-align: center;
}

.work-progress .each-item .title {
    color: #616161;
    text-transform: uppercase;
    margin-top: 10px;
}


/*------ End of pie charts  ------*/


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

.cta {
    padding: 60px 0;
}

.cta .title {
    font-weight: 300;
    line-height: 1.3;
}

.cta .btn {
    font-size: 14px;
    line-height: 45px;
    padding: 0 30px;
}


/*------ End of call to action  ------*/


/*==================   GOTO TOP  ==================*/

.go-top {
    position: fixed;
    bottom: -100px;
    right: 30px;
    font-size: 20px;
    background: #F50057;
    border: none;
    color: #fff;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.21), 0px 5px 10px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.21), 0px 5px 10px 0px rgba(0, 0, 0, 0.22);
    width: 48px;
    height: 48px;
    display: block;
    padding: 0;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 100;
}

.go-top i {
    display: block;
}

.go-top.active {
    bottom: 50px;
}


/*------ End of goto top  ------*/


/*==================   PAGE TITLE  ==================*/

.page-title-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    background-position: center center;
    -webkit-animation: onlyscale 50s infinite;
    animation: onlyscale 50s infinite;
}

@-webkit-keyframes onlyscale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes onlyscale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.page-title {
    padding: 160px 0 190px 0;
    color: #fff;
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    margin-bottom: -125px;
    z-index: 10;
}

.page-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-title .breadcrumb {
    background-color: rgba(0, 0, 0, .1);
    padding: 12px 15px;
    font-size: 12px;
    text-transform: uppercase;
}

.breadcrumb>li>a {
    opacity: .7;
    color: #fff;
}

.breadcrumb>li>a:hover {
    opacity: 1;
}


/*------ End of page title  ------*/


/*================   PARTNERS SLIDER  ================*/

.partners-slider .item {
    margin-bottom: 40px;
    cursor: pointer;
    opacity: .6;
    -webkit-transition: .3s;
    transition: .3s;
}

.partners-slider .item img {
    -webkit-transition: .3s;
    transition: .3s;
}

.partners-slider .item:hover {
    opacity: 1;
}

.partners-slider .owl-controls .owl-nav>div,
.team-slider-v2 .owl-controls .owl-nav>div {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -70px;
    font-size: 14px;
    line-height: 1;
    width: 36px;
    height: 36px;
    border-radius: 30px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}

.team-slider-v2 .owl-controls .owl-nav>div {
    border: 2px solid #e0e0e0;
    color: #e0e0e0;
    background: none;
}

.partners-slider .owl-controls .owl-nav>.owl-next,
.team-slider-v2 .owl-controls .owl-nav>.owl-next {
    left: inherit;
    right: -70px;
}

.partners-slider .owl-controls .owl-prev:hover,
.partners-slider .owl-controls .owl-next:hover {
    opacity: 1;
}

.partners-slider .owl-dot span {
    background: #bdbdbd;
    border-color: #bdbdbd;
}


/* Partners Varaitons **************************/

.partners-slider.partners-slider-v2 .item {
    opacity: 1;
}

.partners-slider.partners-slider-v2 .item img {
    opacity: .5;
}

.partners-slider.partners-slider-v2 .item img:hover {
    opacity: 1;
}


/*-----  End of Partners slider  ------*/


/*==================   NEWSLETTER  ==================*/

.newsletter .section-header {
    margin-bottom: 30px;
}

.newsletter .section-header-v2 .section-title {
    margin-bottom: 20px;
}

form.mailchimpForm {
    border: 2px solid;
    border-radius: 50px;
    padding-left: 25px;
    margin-left: 30px;
    display: inline-block;
    max-width: 450px;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.newsletter {
    padding: 65px 0;
}

.mailchimpForm .input {
    display: inline-block;
    width: 70%;
    padding: 0 10px;
    float: left;
}

.mailchimpForm .input:after {
    display: none;
}

.mailchimpForm input {
    width: 100%;
    background-color: transparent;
    line-height: 54px;
    border: none;
}

.mailchimpForm .input-label {
    -webkit-transform: translate3d(0, 38px, 0) scaleX(1);
    transform: translate3d(0, 38px, 0) scaleX(1);
    -webkit-transition: -webkit-transform 0.25s, font-size .25s, scale .25s;
    transition: transform 0.25s, font-size .25s, scale .25s;
}

.mailchimpForm .input-label-content {
    opacity: .5;
}

.mailchimpForm .input-field:focus + .input-label-content,
.mailchimpForm .input-filled .input-label-content {
    opacity: 1;
}

.mailchimpForm .input-field:focus + .input-field,
.mailchimpForm .input-filled .input-field {
    color: #fff;
}

.mailchimpForm .input-field:focus + .input-label,
.mailchimpForm .input-filled .input-label {
    -webkit-transform: translate3d(0, 38px, 0) scaleY(0);
    transform: translate3d(0, 38px, 0) scaleY(0);
    font-size: 16px;
}

.mailchimpForm .btn {
    width: 30%;
    float: left;
    font-size: 14px;
    line-height: 56px;
    border-radius: 0;
    background-color: #fff;
    font-weight: 700;
}

.mailchimpForm .btn:focus {
    outline: none;
}

.mini-newsletter p {
    font-size: 16px;
    color: #666666;
    line-height: 1.5;
}

.mini-newsletter input {
    width: 100%;
    background: none;
}


/*-----  End of newsletter  ------*/


/*==================   PRICING TABLE  ==================*/

.pricing-table {
    background-color: #fff;
    padding: 50px 20px 40px;
    border-radius: 2px;
}

.price-heading .price-group {
    font-weight: 700;
}

.price-heading .title {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 25px;
}

.price-group .dollar {
    font-size: 35px;
    font-weight: 400;
    vertical-align: top;
}

.price-group .price {
    font-size: 72px;
    line-height: 1;
}

.price-group .price-more {
    font-size: 35px;
    letter-spacing: -1px;
    vertical-align: top;
    position: absolute;
}

.price-group .time {
    text-transform: uppercase;
}

ul.price-feature {
    margin: 60px 0;
}

ul.price-feature>li {
    margin-bottom: 30px;
    text-transform: uppercase;
}

ul.price-feature>li:last-child {
    margin-bottom: 0;
}

.price-footer .btn {
    font-size: 13px;
    font-weight: 700;
    padding: 0 40px;
    line-height: 42px;
    text-transform: uppercase;
}

.featured-price {
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21);
}

.featured-price * {
    color: #fff;
}

.featured-price .price-footer .btn,
.featured-price .price-footer .btn:hover,
.featured-price .price-footer .btn:focus {
    background: #fff;
    border-color: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}


/* Pricing table Varaitons **************************/

.pricing-table-v2 {
    padding: 60px 20px;
}

.pricing-table-v2 .price-heading .title {
    color: #151414;
    margin-bottom: 40px;
}

.pricing-table-v2 .price-heading .icon i:before {
    -webkit-transition: .3s;
    transition: .3s;
}

.pricing-table-v2 .price-heading .icon i {
    display: inline-block;
    font-size: 40px;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    line-height: 90px;
    -webkit-box-shadow: 0 0 0 15px #fafafa;
    box-shadow: 0 0 0 15px #fafafa;
    position: relative;
    z-index: 10;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

.pricing-table-v2 .price-heading .icon i .bgcolor-major-gradient-overlay {
    opacity: 0;
}

.pricing-table-v2 .price-heading .price-group {
    margin-top: 40px;
}

.pricing-table-v2 .price-group .dollar {
    font-size: 25px;
    font-weight: 100;
}

.pricing-table-v2 .price-group .price {
    font-size: 40px;
    font-weight: 400;
}

.pricing-table-v2 .price-group .time {
    font-weight: 100;
}

.pricing-table-v2 ul.price-feature {
    margin-top: 40px;
}

.pricing-table-v2 ul.price-feature>li {
    margin-bottom: 25px;
    font-weight: 300;
    text-transform: uppercase;
    color: #151414;
}

.pricing-table-v2 .price-footer .btn {
    border-color: #f5f5f5;
    font-weight: 400;
    height: 46px;
}

.pricing-table-v2 .btn .bgcolor-major-gradient-overlay {
    opacity: 0;
    z-index: -1;
}

.pricing-table-v2:hover .btn .bgcolor-major-gradient-overlay,
.pricing-table-v2 .btn:hover .bgcolor-major-gradient-overlay,
.pricing-table-v2 .btn:focus .bgcolor-major-gradient-overlay,
.pricing-table-v2.featured-price .price-footer .btn .bgcolor-major-gradient-overlay {
    opacity: 1;
}

.pricing-table-v2 .price-footer .btn:hover,
.pricing-table-v2 .price-footer .btn:focus,
.pricing-table-v2:hover .price-footer .btn,
.pricing-table-v2.featured-price .price-footer .btn {
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
    border: none;
    color: #fff;
}

.pricing-table-v2.pricing-table {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pricing-table-v2:hover .price-heading .icon i .bgcolor-major-gradient-overlay,
.pricing-table-v2.featured-price .price-heading .icon i .bgcolor-major-gradient-overlay {
    opacity: 1;
    -webkit-box-shadow: 0 0 0 15px rgba(251, 56, 95, .15);
    box-shadow: 0 0 0 15px rgba(251, 56, 95, .15);
}

.pricing-table-v2:hover .price-heading .icon i:before,
.pricing-table-v2.featured-price .price-heading .icon i:before {
    color: #fff;
    z-index: 100;
    position: relative;
}


/*-----  End of Pricing Table  ------*/


/*==================   CONTACT US  ==================*/

#map {
    width: 100%;
    height: 480px;
    position: absolute !important;
}

.contact-info {
    position: relative;
    margin-top: 380px;
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21);
}

.contact-info .title {
    color: #000;
    text-transform: uppercase;
    margin-bottom: 70px;
}

.contact-info .title span {
    position: relative;
}

.contact-info .title span:before {
    content: "";
    position: absolute;
    bottom: -15px;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #1c1c1c;
}

.forms>li:nth-child(1) {
    padding-right: 55px;
}

.send-message {
    background-color: #fff;
    padding: 45px 60px 30px 40px;
}

.forms input {
    width: 100%;
}

.forms>li:nth-child(1),
.forms>li:nth-child(2) {
    width: 50%;
}

.forms>li {
    width: 100%;
    margin-bottom: 40px;
    float: left;
}

.forms textarea {
    width: 100%;
    height: 140px;
}

.send-message form button[type="submit"] {
    padding: 0 40px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 45px;
}

#msgSubmit {
    font-size: 16px;
    position: absolute;
    bottom: 40px;
    text-align: center;
    display: block;
    width: 100%;
}

.contact-details {
    padding: 45px 50px;
}

.contact-details *,
.contact-info .contact-details .title {
    color: #fff;
}

.contact-info .contact-details .title {
    margin-bottom: 80px;
}

.contact-info .contact-details .title span:before {
    background-color: #fff;
}

.help-block {
    position: absolute;
    font-size: 12px;
    margin-top: 10px;
}

.contact-details ul.info>li {
    margin-bottom: 30px;
}

.contact-details ul.info>li:last-child {
    margin-bottom: 0;
}

.contact-details ul.info .icon {
    font-size: 25px;
    margin-bottom: 5px;
}

.contact-details ul.info p {
    font-size: 16px;
}

ul.social-icon {
    position: absolute;
    bottom: 40px;
}

ul.social-icon>li {
    display: inline-block;
    margin-right: 30px;
    font-size: 16px;
}

ul.social-icon>li>a {
    opacity: .4;
    -webkit-transition: .3s;
    transition: .3s;
}

ul.social-icon>li>a:hover {
    opacity: 1;
}


/* Contact Varaitons **************/

.contact-details.contact-details-v2 {
    background-color: transparent;
    padding: 0;
}

.contact-details.contact-details-v2 * {
    color: inherit;
}

.contact-details.contact-details-v2 .title,
.send-message-v2 .title {
    color: #151414;
}

.contact-details ul.info .icon {
    font-size: 40px;
}

.contact-details ul.info p {
    font-size: 18px;
}

.send-message-v2 .send-message-info {
    font-size: 22px;
    font-weight: 300;
}

.send-message-v2 .contact-form .input-filled .input-field {
    color: #151414;
}

.input-filled .input-field {
    color: #151414;
}

.send-message-v2 .contact-form .btn {
    border-width: 1px;
    font-weight: 600;
    padding: 0 43px;
}

#map.map-v2 {
    position: relative !important;
    height: 360px;
}


/*-----  End of contact us  ------*/


/*===============   POPULAR ARTICLES  ===============*/

.most-popular article {
    position: relative;
}

.most-popular .img-wrapper {
    overflow: hidden;
    position: relative;
    border-radius: 3px;
}

.most-popular .img-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    border-radius: 3px;
}

.most-popular img {
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
}

.most-popular article:hover .img-wrapper:before {
    opacity: 1;
}

.most-popular article:hover img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    opacity: .5;
}

.most-popular img {
    width: 100%;
}

.most-popular article .info {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .85);
    margin-right: 60px;
    padding: 23px 30px 23px 35px;
    border-radius: 0 2px 2px 0;
    -webkit-transition: .3s;
    transition: .3s;
}

.most-popular article:hover .info {
    background: rgba(255, 255, 255, 1);
}

.most-popular article .tag {
    position: absolute;
    top: 50%;
    left: -18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
}

.most-popular article .title {
    font-size: 16px;
    line-height: 1.25;
    color: #000;
    font-weight: 500;
}


/* Popular articles Varaitons **********************/

.most-popular-v2 article .info {
    padding: 22px;
    border-radius: 0 2px 2px 0;
    background: rgba(0, 0, 0, .8);
}

.most-popular-v2 article .info .bgcolor-major-gradient-overlay {
    z-index: -1;
    opacity: 0;
}

.most-popular-v2 article:hover .info .bgcolor-major-gradient-overlay {
    opacity: 1;
}

body .most-popular-v2 article .title,
body .most-popular-v2 article .title:hover,
body .most-popular-v2 article .title:focus {
    color: #fff;
}

.most-popular-v2 .img-wrapper:before {
    display: none;
}

.most-popular-v2 article:hover img {
    opacity: 1;
}


/*------ End of popular articles  ------*/


/*=============   CATEGORIES ARTICLES  =============*/

.categories>li {
    width: 50%;
    float: left;
    font-size: 16px;
    margin-bottom: 10px;
}

.categories-v2>li {
    font-size: 14px;
}

.categories-v2>li a {
    color: #a6a6a6;
}


/*------ End of categories articles  ------*/


/*==============   FLICKER GALLERY  ==============*/

.niceGallery ul.entries-columns:before {
    content: "Loading........";
    position: absolute;
}


/*------ End of flicker gallery  ------*/


/*================   TAG CLOUDS    ===============*/

.tag-clouds .tag {
    margin-bottom: 10px;
    margin-right: 5px;
    line-height: 32px;
}


/*------ End of tag clouds  ------*/


/*==============   SOCIAL FEEDBACK   =============*/

.social-feedback {
    width: 50%;
    float: left;
    overflow: hidden;
    text-align: left;
}

.social-feedback>div {
    float: left;
}

.social-feedback .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    margin-top: 8px;
    margin-right: 10px;
}

.social-feedback.facebook .icon {
    background: #336497;
}

.social-feedback.facebook,
.social-feedback.facebook p {
    color: #336497;
}

.social-feedback.twitter .icon {
    background: #25b5e6;
}

.social-feedback.twitter,
.social-feedback.twitter p {
    color: #25b5e6;
}

.social-feedback.youtube .icon {
    background: #d34a38;
}

.social-feedback.youtube,
.social-feedback.youtube p {
    color: #d34a38;
}

.social-feedback.vimeo .icon {
    background: #55accc;
}

.social-feedback.vimeo,
.social-feedback.vimeo p {
    color: #55accc;
}

.social-feedback.dribbble .icon {
    background: #f284a7;
}

.social-feedback.dribbble,
.social-feedback.dribbble p {
    color: #f284a7;
}

.social-feedback.gplus .icon {
    background: #cf5741;
}

.social-feedback.gplus,
.social-feedback.gplus p {
    color: #cf5741;
}


/*------ End of social feedback  ------*/


/*=======================================================
=                 //End of COMPONENTS                   =
========================================================*/


/*=======================================================
=                   START OF BLOG                       =
========================================================*/


/*==============  SINGLE POST(Article)  ============*/

.single-post {
    margin-bottom: 50px;
    position: relative;
    z-index: 11;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.single-post:hover {
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
}

.single-post .img-wrapper {
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.single-post .img-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: -1;
    border-radius: 3px;
}

.single-post img {
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
}

.single-post:hover .img-wrapper:before {
    opacity: 1;
}

.single-post:hover img {
    -webkit-transform: scale(1.13);
    transform: scale(1.13);
    opacity: .5;
}

.single-post .tag {
    position: absolute;
    top: -15px;
    display: inline-block;
    line-height: 30px;
    font-size: 12px;
    padding: 0 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 2px;
}

.single-post .info {
    background: #fff;
    padding: 30px 25px 20px;
    position: absolute;
    bottom: -20px;
    left: 20px;
    right: 20px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 6px rgba(0, 0, 0, .1);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.single-post .title {
    color: #212121;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    margin-bottom: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

.single-post.small .title {
    font-size: 14px;
}

.single-post .article-info {
    overflow: hidden;
}

.single-post.post-details-effect .article-info {
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height .7s ease, opacity .7s ease;
    transition: max-height .7s ease, opacity .7s ease;
}

.single-post.post-details-effect:hover .article-info {
    max-height: 300px;
    opacity: 1;
}

.single-post .article-info ul {
    font-size: 13px;
    margin-bottom: 10px;
}

.single-post .article-info ul>li {
    display: inline-block;
}

.single-post .article-info ul>li:after {
    content: " / ";
}

.single-post .article-info ul>li:last-child:after {
    display: none;
}

.single-post .article-info .author-name a {
    font-weight: 700;
    display: inline-block;
}

.single-post .article-info .btn {
    line-height: 26px;
    padding: 0 20px;
    border: 2px solid #e0e0e0;
    box-shadow: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
}

.single-post.single-post-index {
    margin-bottom: 40px;
}

.single-post.single-post-index .info {
    padding: 30px 20px 20px;
}


/* Single Posts Varaitons ******************/

.single-post-v2 .info {
    margin-top: 25px;
}

.single-post-v2 .tag {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.single-post-v2 .title {
    margin-bottom: 15px;
}

.single-post-v2 .title a {
    color: #151414;
}

.single-post-v2 .intro {
    font-size: 18px;
    color: #666666;
    font-weight: 300;
    margin-bottom: 20px;
}

.single-post-v2 .article-info {
    color: #a6a6a6;
    text-transform: uppercase;
}

.single-post-v2 .article-info ul li {
    display: inline-block;
    margin-right: 20px;
}

.single-post-v2 .article-info ul li a {
    color: #a6a6a6;
}

.single-post-v2 .article-info ul li i.fa {
    margin-right: 5px;
}

.single-post-v2 .img-wrapper {
    overflow: hidden;
}

.single-post-v2 .img-wrapper img {
    width: 100%;
}

.single-post-v2 .img-wrapper .btn {
    border: 2px solid #fff;
    color: #fff;
    z-index: 15;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: .3s;
    transition: .3s;
}

.single-post-v2 .img-wrapper .btn:hover,
.single-post-v2 .img-wrapper .btn:focus {
    background-color: #fff;
    border-color: #fff;
}

.single-post-v2 .bgcolor-major-gradient-overlay {
    opacity: 0;
}

.single-post-v2:hover .bgcolor-major-gradient-overlay {
    opacity: 1;
}

.single-post-v2:hover .img-wrapper .btn {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.sub-leading-post.single-post-v2 .info {
    margin-top: 0;
    background: #fff;
    padding: 40px;
}

.blog-view-all .btn {
    border: 2px solid #e0e0e0;
    position: relative;
    z-index: 100;
    overflow: hidden;
    background: none;
}

.blog-view-all .btn .bgcolor-major-gradient-overlay {
    opacity: 0;
    z-index: -1;
}

.blog-view-all .btn:hover .bgcolor-major-gradient-overlay,
.blog-view-all .btn:focus .bgcolor-major-gradient-overlay {
    opacity: 1;
}


/*------ End of single post  ------*/


/* Featured posts slider *****************/

.featured-post {
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
}

.featured-post .info {
    left: 30px;
    right: 30px;
    bottom: -30px;
    padding: 30px;
}

.featured-posts-slider .item {
    background: #fff;
}

.featured-posts-slider .item>.row {
    display: table;
}

.featured-posts-slider .item>.row>div {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.featured-posts-slider .info {
    padding: 0 35px 0 50px;
}

.featured-posts-slider .info .tag {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.featured-posts-slider .info .title a {
    color: #151414;
}

.featured-posts-slider .info .article-info {
    margin-top: 12px;
}

.featured-posts-slider .info .article-info li:not(:last-child) {
    margin-right: 20px;
}

.featured-posts-slider .info .article-info li {
    display: inline-block;
    color: #a6a6a6;
    text-transform: uppercase;
}

.featured-posts-slider .info .article-info li i {
    margin-right: 5px;
}

.featured-posts-slider .customnav {
    padding-left: 50px;
    padding-bottom: 20px;
}

.featured-posts-slider .customnav>span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 2px solid #e0e0e0;
    border-radius: 30px;
    font-size: 10px;
    color: #e0e0e0;
    -webkit-transition: .3s;
    transition: .3s;
}

.featured-posts-slider .customnav>span:not(:last-child) {
    margin-right: 10px;
}

.featured-posts-slider .customnav>span:hover {
    color: #fff;
    -webkit-box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 25px 55px 0px rgba(0, 0, 0, 0.21), 0px 16px 28px 0px rgba(0, 0, 0, 0.22);
}

.featured-posts-slider .owl-dots {
    position: absolute;
    left: 33.33333333%;
    margin-left: 40px;
    bottom: 30px;
}

.featured-posts-slider .owl-dots .owl-dot>span {
    border-color: #fff;
    background: #fff;
}


/* Pagination **************************/

ul.pagination {
    margin-top: 60px;
}

ul.pagination>li>a {
    border: none;
    padding: 5px 18px;
    font-size: 18px;
    background: none;
    border-radius: 2px;
    color: #bdbdbd;
}

ul.pagination>li>a:hover,
ul.pagination>li>a:focus {
    background: none;
}

ul.pagination>li.active>a {
    color: #fff;
}

.btn.load-more {
    font-weight: 700;
}

.load-more i.fa {
    margin-right: 15px;
}


/*==================   SIDEBAR  ==================*/

.sidebar {
    padding: 30px;
    background-color: #fff;
    border-radius: 2px;
    overflow: hidden;
}

.sidebar-v2 {
    padding-left: 15px;
    padding-top: 0;
}


/*-----  End of sidebar ------*/


/*==================   BLOG DETAILS  ==================*/

.blog-single-wrapper {
    background: #fff;
    margin: 0 15px;
    overflow: hidden;
    padding-left: 15px;
    padding-top: 30px;
}


/* post-info*/

.post-img {
    width: 100%;
    height: 450px;
    background-image: url(../img/blog/blog-details.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 0;
}

.post-caption {
    background: #fff;
    padding: 50px 40px 20px 40px;
    border-radius: 2px 2px 0 0;
    margin-top: -160px;
    position: relative;
}

.post-caption .title {
    color: #212121;
}

.post-caption .post-tag {
    position: absolute;
    top: -15px;
    display: inline-block;
    line-height: 30px;
    font-size: 12px;
    padding: 0 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
}

ul.post-meta>li:after {
    content: " /";
}

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

ul.post-meta>li {
    display: inline-block;
    font-size: 16px;
}

.post-info-wrapper {
    background: #fff;
    padding: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

.post-info {
    background: #fff;
    padding: 20px 40px 40px;
    border-radius: 2px 2px 0 0;
}

.post-info p {
    font-size: 15px;
}

.post-info p,
.post-info h1,
.post-info h2,
.post-info h3,
.post-info h4,
.post-info h5,
.post-info h6 {
    color: #212121;
}

.post-info-v2 .tag {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

.post-info-v2 .title {
    font-size: 30px;
    margin-top: 8px;
}

.post-info-v2 .title,
.post-info-v2 .title a {
    color: #151414;
}

.post-info-v2 .article-info {
    margin-top: 20px;
}

.post-info-v2 .article-info ul>li {
    display: inline-block;
    text-transform: uppercase;
    color: #a6a6a6;
    margin-right: 20px;
}

.post-info-v2 .article-info ul>li a {
    color: #a6a6a6;
}

.post-info-v2 .article-info ul>li i {
    margin-right: 5px;
}

.post-info-v2 p {
    font-size: 18px;
    font-weight: 300;
    color: #666666;
}

.post-info-v2 blockquote {
    border-left-color: #e0e0e0;
    border-width: 2px;
    margin-left: 55px;
    position: relative;
    padding: 0 22px;
    margin-top: 55px;
}

.post-info-v2 blockquote:before {
    content: "\f10d";
    font-family: fontawesome;
    position: absolute;
    top: -8px;
    left: -56px;
    font-size: 33px;
}

.post-info-v2 .tag-clouds .tag {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: #a6a6a6;
}

.post-info-v2 .tag-clouds .tag:hover {
    color: #fff;
}

.related-post-wrapper-v2 {
    padding: 0;
}

.section-title.mini-title-v2 {
    text-transform: capitalize;
    margin-bottom: 25px;
}

.img-with-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.img-with-content .content {
    display: table-cell;
    padding-right: 35px;
}

.img-with-content .img {
    display: table-cell;
}


/* author-info */

.author-info {
    background: #fff;
    padding: 35px 20px;
    border-radius: 2px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.author-img {
    display: table-cell;
    margin-right: 30px;
}

.author-img img {
    border-radius: 40px;
}

.author-content {
    display: table-cell;
}

.author-content .degination {
    color: #212121;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.author-content h3 {
    font-weight: 600;
}

ul.author-social li {
    margin-right: 10px;
    display: inline-block;
}

ul.author-social li a {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #bdbdbd;
    border-radius: 30px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}


/* related-post **************************/

.related-post-wrapper {
    background: #fff;
    padding: 35px 40px 10px;
    border-radius: 2px;
}

.related-post .single-post .info {
    left: 15px;
    right: 15px;
}

.related-post .section-title.mini-title {
    margin-bottom: 30px;
}

.related-post .owl-nav {
    position: absolute;
    top: -47px;
    right: 0;
}

.related-post .owl-nav>div {
    float: left;
    margin-left: 5px;
    opacity: .5;
    -webkit-transition: .3s;
    transition: .3s;
}

.related-post .owl-nav>div:hover {
    opacity: 1;
}

.related-post-v2 .single-post:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.related-post-v2 .single-post {
    margin-bottom: 0;
}


/* comments-box **************************/

.comments-box {
    background: #fff;
    padding: 35px 40px 10px;
    border-radius: 2px;
}

.commentlist li:not(:last-child) {
    margin-bottom: 40px;
}

.commentlist li .child {
    margin-left: 80px;
    margin-top: 40px;
}

.comment-meta {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.comment-author img {
    border-radius: 60px;
}

.comment-author {
    margin-right: 20px;
    font-weight: 700;
    color: #212121;
    margin-bottom: 15px;
}

.comment-author span {
    display: block;
    color: #bdbdbd;
    font-weight: 400;
    font-size: 12px;
}

.comment-reply {
    margin-top: 10px;
    display: block;
    font-size: 12px;
    font-weight: 700;
}

.thumbs-option {
    font-size: 20px;
}

.thumbs-option span {
    margin-left: 10px;
}

.thumbs-option .count {
    letter-spacing: -2px;
}


/* comment-form **************************/

.comment-form {
    background: #fff;
    padding: 40px;
    border-radius: 2px;
}

.comment-form .section-title.mini-title {
    margin-bottom: 20px;
}

.comment-form .input-field {
    width: 100%;
}

.comment-form .input {
    width: 48%;
    float: left;
}

.comment-form .input:first-child {
    margin-right: 2%;
}

.comment-form .input:nth-child(2) {
    margin-left: 2%;
}

.comment-form .input-textarea {
    width: 100%;
}

.comment-form .input-textarea:after {
    bottom: 6px;
}

.comment-author-v2 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

.comment-author-v2 span {
    display: inline-block;
    font-size: 14px;
    margin-left: 8px;
}


/*-------  End of single details  -------*/


/*=======================================================
=                    //End of blog                      =
========================================================*/


/*=======================================================
=                    START OF 404                       =
========================================================*/

.error-page body {
    background: transparent;
    color: #fff;
}

.error-wrap h1 {
    font-size: 60px;
    font-weight: 700;
}

.error-wrap .btn.btn-info {
    color: #fff;
    border-color: #fff;
}

.error-wrap .btn.btn-info:hover,
.error-wrap .btn.btn-info:focus {
    color: #666666;
    background-color: #fff;
    border-color: #fff;
}

.error-wrap .btn.btn-link {
    font-size: 16px;
    margin-left: 40px;
    color: #fff;
}

.error-wrap .team-social {
    margin-top: 200px;
}

.error-wrap .team-social li>a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.error-wrap .team-social li>a:hover {
    background-color: #fff;
}

.error-wrap footer {
    background: #f2f3f7;
    padding: 38px 0;
}

.error-wrap footer p {
    color: #666666;
}

.error-wrap footer a {
    font-weight: 700;
}


/*=======================================================
=                     //End of 404                      =
========================================================*/


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

footer {
    padding: 0 0 45px;
    color: #8c8c8c;
    background: #f5f5f5;
}

footer .copyright a {
    font-weight: 700;
}

.footer-logo {
    display: inline-block;
    padding: 40px 18px;
    border-radius: 0 0 3px 3px;
}

.made-by {
    font-size: 12px;
    font-style: italic;
}


/* Footer Varaitons ***********************/

footer.footer-v2 {
    padding: 50px 0;
}

footer.footer-v2 .copyright {
    color: #666666;
}

footer.footer-v3 {
    box-shadow: 0px -3px 5px rgba(0, 0, 0, .1);
    position: relative;
    z-index: 100;
}


/*-----  End of Footer  ------ */


/*For shortcode and Other pages*/

.all-buttons a.btn:not(:last-child) {
    margin-right: 15px;
}