/*
  Theme Name: New Life - One Page Creative HTML5 Responsive Template
  Theme URL: http://themewar.com/html/newlife
  Author: ThemeWar
  Author URI: http://themewar.com
  Description: One Page Creative HTML5 Responsive Template
  Version: 1.0
*/

/*=======================================================================
[Table of contents]
=========================================================================
[01] Home One
    01. Header
    02. Slider1
    03. services
    04. About Company
    05. perfect services
    06. Testmonial
    07. Portfolio
    08. Happy Client
    09. Pricing Table
    10. TestimonialSec
    10. ContactSec
    10. CopyRight Section
    10. Search Style
[02] Home Two
[03] Home Three
[04] Home Four
[05] Home Five
[06] Blog Page
    01. instagram
[07] Blog Single Post
[08] Blog2
[09] Blog3
[10] Portfolio Page
    01. instagram
[11] Portfolio 2
[12] Extra Style
[13] Preloader
[14] Color Preset
==========================================================================*/

/*=======================================================================
// Home One
=========================================================================*/

/**==================== Header ======================**/
.header1{
    position: absolute;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    z-index: 1;
    width: 100%;
    background: rgba(255, 255, 255, .10)
}
.logo {
    display: inline-block;
    left: 0;
    padding: 19px;
    position: absolute;
    z-index: 1;
}
.bgcolor{
    background: #25ad65;
}
.textLogo{
    position: absolute;
    left: 0;
    background: #25ad65;
    display: inline-block;
    padding: 25px 20px;
    font-size: 18px;
    font-weight: 700;
    min-width: 180px;
    display: none;
}
.textLogo a{
    color: #fff;
}
.textLogo.nobg{
    position: absolute;
}
.mainNav1 {
    display: inline-block;
    padding-left: 175px;
    width: 100%;
}
.mainNav1 ul li{
    display: inline-block;
    margin-right: 15px;
    padding: 21.5px 0;
    position: relative;
}
.mainNav1 ul li a{
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: .8;
    position: relative;
}
.mainNav1 ul li a:before{
    width: 0;
    height: 1px;
    background: #c5c5c7;
    content: '';
    position: absolute; 
    top: 0;
    bottom: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.mainNav1 ul li a:hover:before,
.mainNav1 ul li:hover > a:before,
.mainNav1 ul li.active > a:before{
    width: 100%;
    visibility: visible;
    opacity: 1;
}
.mainNav1 ul li ul.sub-menu{
    position: absolute;
    width: 200px;
    background: #333;
    z-index: 99;
    top: 80px;
    margin-left: -100px;
    left: 50%;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.mainNav1 ul li ul.sub-menu li a{
    font-weight: 500;
}
.mainNav1 ul li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 70px;
}
.mainNav1 ul li ul.sub-menu li{
    margin: 0;
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.mainNav1 ul li ul.sub-menu li:last-of-type{
    border-bottom: none;
}
.headerRight {
    line-height: 0.8;
    padding: 25px 0 0;
}
.headerRight p{
    font-family: Droid Serif;
    font-size: 13px;
    font-weight: 500;
}
.headerRight ul{
    text-align: right;
}
.headerRight ul li{
    display: inline-block;
    margin-right: 28px;
    color: #fff;
    position: relative;
}
.headerRight ul li:last-child{
    margin-right: 15px;
}
.headerRight ul li a{
    color: #fff;
}
.headerRight ul li a:hover{
    color: #25ad65;
}
.headerRight ul li.email {
    color: #fff;
    font-style: italic;
    padding-right: 5px;
    text-transform: lowercase;
}
#langh1{
    width: 80px;
    position: absolute;
    top: 41px;
    left: -20px;
    background: rgba(255, 255, 255, 0.3);
    z-index: 1;
}
.fixedHeader #langh1{
    background: #333;
}
#langh1 > li {
    padding: 0;
}
#langh1 > li {
    margin: 0;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#langh1 > li:last-of-type{
    border-bottom: none;
}
#langh1 > li a {
    display: block;
    padding: 9px 0;
}
#langh1 > li a:hover{
    background: #25ad65;
    color: #fff;
}
#langh1 ul{
    width: 100px;
    text-align: center;
}
#langh1 ul li{
    display: block;
    margin: 0;
}
#langh1 ul li a{
    color: #333;
}
.headerRight ul li {
    padding: 0 0 10px;
}
.headerRight a {
    font-family: 'Roboto', sans-serif;
    font-size: 13px
}
.menuBar {
    cursor: pointer;
    height: 11px;
    line-height: 0.001;
    width: 20px;
    position: relative;
    top: 1px;
}
.menuBar span{
    width: 100%;
    height: 1px;
    background: #fff;
    display: inline-block;
}
.header1.fixedHeader,
.header2.fixedHeader,
.header3.fixedHeader,
.header4.fixedHeader{
    background: #333;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1005;
    border-color: #333;
}
.fixedHeader .mainNav1 ul li ul.sub-menu{
    background: #333;  
}


/**==================== Slider1 ======================**/
.slider1{
    background: #403544;
}
.slider1 .tp-bannertimer{
    display: none;
}
.rev1Cont h1{
    color: #E2E2E2;
    font-family: Droid Serif;
    font-style: italic;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    font-style: italic;
    font-weight: 700;
    text-align: center;
}
.rev1Cont h2 {
    color: #ffffff;
    font-size: 50px;
    line-height: 64px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}
.slider1 .slotholder:after{
    width: 100%;
    height: 100%;
    background: rgba(55, 55, 55, .5);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}


/**==================== services ======================**/
.services {
    padding: 90px 0 97px;
}
.single_services {
    position: relative;
}
.icon_box{
    width: 95px;
    height: 190px;
    margin: auto;
    overflow: hidden;
    margin-left: 90px;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}
.iconBorder{
    border:1px solid #cccccc;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    position: relative;
    left: 0;
}
.inIcon {
    background: #f4f4f4;
    border-radius: 50%;
    display: block;
    font-size: 40px;
    height: 170px;
    left: auto;
    margin: 10px;
    padding: 65px 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 170px;
    color: #5abf89;
    z-index: 99;
}
.inIcon::before {
    background: #e3e3e3;
    content: "";
    height: 106px;
    position: absolute;
    right: 28px;
    top: -100px;
    width: 1px;
}
.inIcon i{
    font-size: 40px;
}
.icon_box span {
    background: #25ad65;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    height: 30px;
    padding: 2px 0;
    position: absolute;
    right: 13px;
    top: 9px;
    width: 30px;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}
.icon_box:hover span::before{
    border: 4px solid #25ad65;
}
.icon_box span::before {
    border: 1px solid #25ad65;
    border-radius: 50%;
    content: "";
    height: 36px;
    left: -3px;
    margin: auto;
    position: absolute;
    right: 0;
    top: -3px;
    width: 36px;
}
.single_services h3 {
    border-bottom: 1px dotted #cacaca;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 21px;
    margin-top: 13px;
    padding-bottom: 21px;
    text-align: center;
    text-transform: uppercase;
}
.single_services P {
    margin: 0;
    color: #787878;
}
.icon_box:hover{
    width: 100%;
}
.icon_box:hover .iconBorder{
    border-color: #25ad65;
}

/**==================== About Company ======================**/
.aboutCompany{
    background: #f8f8f8;
    position: relative;
}
.abBg {
    height: 4380px;
    margin-top: -80px;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
}
.abBg img {
    height: 68%;
    left: 20px;
    padding-top: 200px;
    position: absolute;
    top: 0;
    width: auto;
}
.abBg2 {
    height: 550px;
    margin-top: -80px;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
}
.abBg2 img {
    height: 100%;
    left: 20px;
    padding-top: 200px;
    position: absolute;
    top: 0;
    width: auto;
}
.laptopImg {
    bottom: 0;
    height: 275px;
    margin: auto;
    position: absolute;
    top: 0;
}
.metaInfo {
    display: inline-block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.metaInfo span.pluseSine {
    background: #25ad65;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 40px;
    left: 198px;
    line-height: 0.6;
    padding: 14px 0;
    position: absolute;
    text-align: center;
    top: 83px;
    width: 40px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.metaInfo span.pluseSine::before {
    border: 2px solid #25ad65;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 51px;
    left: -5px;
    position: absolute;
    right: 0;
    top: -5px;
    width: 51px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.metaInfo span.pluseSine::after {
    content: "+";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    height: 11px;
    bottom: 0;
}
.metaInfo span.pluseSine.active::after{
    content: "-";
    height: 16px;
}
.metaInfo h6 {
    background: #fff;
    border-radius: 5px;
    box-shadow:-1px 2px 1px rgba(55, 55, 55, 0.2);
    color: #373737;
    display: inline-block;
    font-size: 13px;
    left: 0;
    padding: 16px 23px 15px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 10px;
    font-weight: 400;
}
.metaInfo h6 > a{
    color: #25ad65;
}
.metaInfo h6 > a:hover{
    color: #373737;
}
.about_content{
    padding: 100px 0;
}
.metaInfo h6:before {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 0 12px 12px 0;
    bottom: -12px;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: 20px;
    width: 0;
}
.metaInfo.active h6{
    display: none;
}
.Ab_iconbox{
    padding-left: 50px;
    position: relative;
    min-height: 38px;
}
.Ab_iconbox i{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 26px;
    color: #7f7f7f;
    line-height: .8;
}
.Ab_iconbox h2{
    font-size: 18px;
    color: #25ad65;
    line-height: .8;
    font-weight: 700;
    margin-bottom: 12px;
}
.Ab_iconbox h3{
    font-size: 13px;
    color: #373737;
    text-transform: uppercase;
    font-weight: 700;
}

/**==================== perfect services ======================**/
.perfectServices{
    background: url(../images/bg/equitacion-banner8.jpg) no-repeat scroll center center/cover;
    margin: 0 30px;
    padding: 100px 0;
}
#perfectCarosel{
    position: relative;
    margin-top: 27px;
    z-index: 99;
}
#perfectCarosel::before {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #fff;
    content: "";
    height: 1px;
    left: -51.2%;
    position: absolute;
    right: 0;
    width: 150%;
    z-index: 2;
}
#perfectCarosel::after {
    background: #fff;
    content: "";
    height: 89%;
    right: 15px;
    position: absolute;
    top: 0;
    width: 1px;
}
.singleServicesW {
    position: relative; 
    text-align: center;
    width: 100%; 
    margin-bottom: 11px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
} 
.singleServicesW:hover{
    border-bottom: none;
}
.singleServicesW:hover:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    height: 108%;
    width: 50.1%; 
    z-index: -1;
    background:  rgba(28, 135, 78, .5); 
    -webkit-transform: skew(0deg, 6deg); 
    -moz-transform: skew(0deg, 6deg); 
    -ms-transform: skew(0deg, 6deg); 
    -o-transform: skew(0deg, 6deg); 
    transform: skew(0deg, 6deg);
} 
.singleServicesW:hover:after {
    content: '';
    position: absolute;
    top: -15px; 
    right: 0;
    height: 108%; 
    width: 50.1%; 
    z-index: -1;
    background:  rgba(28, 135, 78, .5); 
    -webkit-transform: skew(0deg, -6deg);
    -moz-transform: skew(0deg, -6deg);
    -ms-transform: skew(0deg, -6deg);
    -o-transform: skew(0deg, -6deg); 
    transform: skew(0deg, -6deg);
}​ 
.singlePS {
    border-bottom: 1px solid #fff;
}
.singlePS::before {
    background: #fff;
    bottom: -12px;
    content: "";
    height:  1.5px;
    left: -1px;
    position: absolute;
    right: 0;
    transform: rotate(6deg);
    width: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
}
.singlePS::after {
    background: #fff;
    bottom: -12px;
    content: "";
    height: 1.5px;
    right: -2px;
    position: absolute;
    right: 0;
    transform: rotate(-6deg);
    width: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
}
.singleServicesW:hover .singlePS::before,
.singleServicesW:hover .singlePS::after{
    visibility: visible;
    opacity: 1;
}
.singlePS i {
    color: #fff;
    display: block;
    font-size: 36px;
    margin-bottom: 23px;
}
.singlePS h5 {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.singlePS p{
    color: #fff;
    text-align: left;
    margin: 0;
}
.front_view {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 300ms;
    -moz-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 300ms;
    -ms-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 300ms;
    -o-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 300ms;
    transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 300ms;
    z-index: 1;
}
.singlePS:hover .front_view{
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    cursor: pointer;
}
.back_view{
    padding: 30px;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, -30px, 0);
    -webkit-transform: translate3d(0, -30px, 0);
    -moz-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    -o-transform: translate3d(0, -30px, 0);
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    -moz-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    -ms-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    -o-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    overflow: hidden;
    z-index: 1;
}
.singlePS:hover .back_view{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    cursor: pointer;
}
.back_view i{
    font-size: 30px;
}
.back_view h5 {
    border-bottom: 1px dotted #fff;
    margin-bottom: 13px;
    padding-bottom: 19px;
}
#perfectCarosel .owl-controls {
    bottom: -68px;
    line-height: 0.8;
    position: relative;
}
#perfectCarosel.owl-theme .owl-dots {
    text-align: left;
}
#perfectCarosel.owl-theme .owl-dots .owl-dot {
    border: thin solid transparent;
    border-radius: 50%;
    bottom: 0;
    display: inline-block;
    height: 18px;
    left: 0;
    margin: auto 5px;
    position: relative;
    right: 0;
    top: 0;
    width: 18px;
}
#perfectCarosel.owl-theme .owl-dots .owl-dot.active {
    display: inline-block;
    border: thin solid #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
}
#perfectCarosel.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}
#perfectCarosel.owl-theme .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border-radius: 30px;
    display: block;
    height: 8px;
    margin: 4px auto;
    transition: opacity 200ms ease 0s;
    width: 8px;
}
#perfectCarosel.owl-theme .owl-nav {
    margin: 0;
    display: none;
}

/**==================== Testmonial ======================**/
.testmonialSection{
    position: relative;
    margin-bottom: 150px;
}
.testmonialSection::before {
    background: #f4f4f4;
    bottom: 0;
    content: "";
    height: 135%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 110px;
    width: 170px;
    z-index: 1;
}
.testmonialSection::after {
    border-color: #f4f4f4 transparent transparent;
    border-style: solid;
    border-width: 11px 85px 0;
    bottom: -119px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}
#testmonialCarousel {
    margin-top: -50px;
    position: relative;
    z-index: 1;
}
.singleTestmonial {
    margin: 0 auto;
    padding: 0 170px;
}
.singleTestmonial h3 {
    font-family: droid serif,serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 27px;
}
.singleTestmonial h3 > span{
    color: #25ad65;
}
.singleTestmonial p:last-of-type {
    margin-bottom: 31px;
}
.testImgBorder {
    height: 108px;
    margin: auto;
    overflow: hidden;
    position: relative;
    top: 23px;
    transform: rotate(-90deg);
    width: 54px;
}
.borderHalf {
    border: 1px solid #cacaca;
    border-radius: 50%;
    display: block;
    height: 108px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    width: 108px;
}
.testImg {
    border-radius: 50%;
    height: 100px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    z-index: 3;
    left: 0;
}
.testImg img {
    border-radius: 50%;
    bottom: 0;
    height: 100px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}
.testBtn {
    position: relative;
    z-index: 11;
}
.testBtn a{
    margin-right: 16px;
}
.testBtn a:last-child{
    margin-right: 0;  
}

/**==================== Portfolio ======================**/
.commonSectionTitle.latest_work{
    margin-bottom: 76px;
}
.portfolioSection{
    padding-bottom: 104px;
    overflow: hidden;
}
.portfolio_nav {
    margin-top: 85px;
}
.portfolio_nav ul{
    position: relative;
    padding-bottom: 22px;
}
.portfolio_nav ul li {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #373737;
    margin: 0;
    margin-right: 50px;
    font-weight: 400;
    text-transform: capitalize;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.portfolio_nav ul li::after {
    border: 6px double #25ad65;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    bottom: -27px;
    content: "";
    position: absolute;
    left: -100px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.portfolio_nav ul li.active:after{
    visibility: visible;
    opacity: 1;
    left: 0;
    right: 0;
    margin: auto;
}
.portfolio_nav ul li:before{
    width: 0;
    height: 1px;
    background: #9c9c9c;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.portfolio_nav ul li:hover:before,
.portfolio_nav ul li.active:before{
    visibility: visible;
    opacity: 1;
    width: 100%;
}
.portfolio_nav ul li.active,
.portfolio_nav ul li:hover{
    color: #9c9c9c;
}
.portfolio_nav ul li:last-of-type{
    margin-right: 0;
}
.single_folio {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.single_folio img {
    width: 100%;
    height: auto;
}
.folio_hover {
    background: rgba(28, 135, 78, 0.8);
    bottom: 0;
    height: 96%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 97%;
    opacity: 0;
    padding: 20px 28px;
    visibility: hidden;
    transform: scale(.5);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.single_folio:hover .folio_hover {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.fhovercon i {
    font-size: 26px;
    width: 26px;
    height: 26px;
}
.fhovercon h1{
    margin: 0 0 12px;
    font-size: 30px;
    line-height: 38px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #FFF;
}
.fhovercon p {
    margin: 0;
    color: #FFF;
    font-style: italic;
}
.fhovercon a {
    border: 1px solid #A3D6B7;
    color: #fff;
    display: inline-block;
    font-size: 15.3px;
    height: 61px;
    line-height: 0.8;
    padding: 17px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    bottom: 20px;
    width: 62px;
}
.fhovercon a:hover{
    background: #25ad65;
    border-color: #25ad65;
}
.re_feresh a {
    border: 2px solid #4a4a4a;
    border-radius: 50%;
    display: inline-block;
    height: 66px;
    margin: auto;
    padding: 16px 0;
    position: relative;
    text-align: center;
    width: 66px;
}
.re_feresh i {
    font-size: 37px;
    line-height: .8;
    color: #686868;
}
.re_feresh a:after {
    border-top: 1px dotted #cacaca;
    content: "";
    display: block;
    height: 100%;
    left: -83px;
    position: absolute;
    top: 50%;
    width: 61px;
}
.re_feresh a:before {
    border-top: 1px dotted #cacaca;
    content: "";
    display: block;
    height: 100%;
    left:  83px;
    position: absolute;
    top: 50%;
    width: 61px;
}
.emptyDiv{
    height: 20px;
    width: 100%;
}


/**==================== Happy Client  ======================**/
.happyClientSection {
    padding-bottom: 0;
    padding-top: 92px;
    position: relative;
}
.clientNumber {
    padding-left: 78px;
    position: relative;
}
.clientNumber h1 {
    color: #25AD65;
    font-size: 50px;
    font-weight: 700;
    display: inline-block;
    position: relative;
}
.clientNumber h1::after {
    content: "+";
    font-size: 30px;
    font-weight: 400;
    position: absolute;
    right: -24px;
    top: -9px;
}
.happyClientInner {
    width: 560px;
}
.happyClientInner .commonSectionTitle {
    margin-bottom: 19px;
}
.partnerWrap.owl-carousel.owl-theme.owl-loaded {
    padding: 163px 0 53px;
}
.partnerSection {
    background: #f4f4f4 none repeat scroll 0 0;
}
.singlePartner {
    padding: 0 43px;
}
.partnerWrap.owl-theme .owl-nav{
    display: none;
}
/**=================== Pricing Table ==================**/
.pricingTableSection .commonSectionTitle {
    margin-bottom: 71px;
}
.pricingWrapper {
    position: relative;
    padding: 0 15px;
}
.pricingWrapper::after {
    background: #f4f4f4 none repeat scroll 0 0;
    bottom: -9px;
    content: "";
    height: 10px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 94.7%;
    z-index: -1;
}
.pricingTableHead {
    border-bottom: 1px dotted #cacaca;
    margin-bottom: 20px;
    padding-bottom: 28px;
    position: relative;
}
.pricingTableHead > i {
    color: #25ad65;
    display: block;
    font-family: roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 0.8;
    margin: 10px 0;
}
.pricingTable {
    padding: 0 30px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    min-height: 631px;
}
.priceInner h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 0.8;
    margin: 0;
}
.priceInner span {
    color: #fff;
    font-style: italic;
    line-height: 0.8;
}
.pricingTableHead h4 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 0.8;
    margin: 0;
}
.pricingTableBody p {
    border-bottom: 1px dotted #cacaca;
    margin-bottom: 27px;
    padding-bottom: 30px;
}
.pricingTableBody {
    margin-bottom: 50px;
}
.pricingTableBody ul {}
.pricingTableBody ul li {
    font-family: roboto;
    font-weight: 400;
    margin-bottom: 9px;
    text-transform: uppercase;
}
.pricingTableBody ul li > i {
    font-size: 13px;
    margin-right: 23px;
}
.pricingTableBody ul li.checkMark {
    color: #373737;
}
.pricingTableBody ul li.checkMark i {
    color: #25ad65;
}
.pricingTableBody ul li.closeMark i {
    color: #f18678;
    font-size: 19px;
    margin-right: 20px;
}
.pricingTableFooter {
    display: block;
    padding-bottom: 30px;
}
.pricingTableFooter a.nlifeBtn {
    padding: 12px 30px 14px;
}
.borderLeftTopBottom {
    border-bottom: thin solid #e3e3e3;
    border-left: thin solid #e3e3e3;
    border-top: thin solid #e3e3e3;
}
.borderRight {
    border-right: thin solid #e3e3e3;
}
.pricingTable:hover .pricingTableFooter a.nlifeBtn {
    color: #fff;
    background: #25ad65;
    border: 2px solid #25ad65;
    box-shadow: 0 2px 0 #1c874e;
}
.priceInnerWrap {
    display: block;
    height: 108px;
    margin-left: 58px;
    overflow: hidden;
    width: 108px;
    margin-bottom: 30px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.pricingTable:hover .priceInnerWrap{
    width: 54px;
}
.priceInner {
    background: #25ad65;
    border-radius: 50%;
    bottom: 0;
    height: 100px;
    left: 62px;
    margin: 0;
    padding: 28px 0;
    position: absolute;
    right: auto;
    top: 28px;
    width: 100px;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}
.priceborder {
    border: 1px solid #25ad65;
    border-radius: 50%;
    height: 108px;
    position: relative;
    width: 108px;
}
.pricingTable:hover .priceInnerWrap {

}
.pricingTable:hover .priceInner {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #25ad65;
}
.pricingTable:hover .priceInner h3,
.pricingTable:hover .priceInner span {
    color: #25ad65;
}

/**==================== TestimonialSec  =====================**/
.testSec {
    margin: 0 30px 20px;
    position: relative;
    height: 500px;
}
.testSec{
    background: url(../images/bg/equitacion-banner6.jpg) no-repeat scroll center center/cover;
}
.clientCarW {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    background: rgba(55, 55, 55, .5);
    height: 100%;
    padding-top: 145px;
}
.singleTestimonial02 p {
    color: #fff;
    font-size: 18px;
    font-style: italic;
    line-height: 30px;
    margin-bottom: 32px;
    cursor: pointer;
}
.testClient02Thumb {
    border: thin solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 16px;
    padding: 3px;
}
.testClient02Thumb img{
    border-radius: 50%;
}
.testClient02con {
    display: inline-block;
    left: 0;
    position: relative;
    top: -21px;
}
.testClient02con h5 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 0.8;
    margin-bottom: 3px;
    text-transform: uppercase;
}
.testClient02con p {
    font-size: 13px;
    font-style: normal;
}
.testTopIcon {
    display: inline-block;
}
.testTopIcon i {
    color: #fff;
    font-size: 30px;
    position: relative;
    top: -27px;
}
.testTopIcon i::after {
    background: #fff;
    content: "";
    height: 122px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -118px;
    width: 1px;
}
#testimonial02Carousel.owl-theme .owl-dots {
    text-align: center;
}
#testimonial02Carousel.owl-theme .owl-dots .owl-dot {
    border: thin solid transparent;
    border-radius: 50%;
    bottom: 0;
    display: inline-block;
    height: 18px;
    left: 0;
    margin: auto 5px;
    position: relative;
    right: 0;
    top: 0;
    width: 18px;
}
#testimonial02Carousel.owl-theme .owl-dots .owl-dot.active {
    display: inline-block;
    border: thin solid #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
}
#testimonial02Carousel.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}
#testimonial02Carousel.owl-theme .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border-radius: 30px;
    display: block;
    height: 8px;
    margin: 4px auto;
    transition: opacity 200ms ease 0s;
    width: 8px;
}
#testimonial02Carousel.owl-theme .owl-nav {
    margin: 0;
}
#testimonial02Carousel.owl-theme .owl-controls {
    height: 20px;
    left: -204px;
    position: absolute;
    top: 3px;
}

/**==================== ContactSec =====================**/
.contactSection {
    position: relative;
    margin: 0 15px;
}
.contactRight {
    background: rgba(0, 0, 0, 0) url("../images/bg/equitacion-banner5.jpg") no-repeat scroll 0 0 / cover ;
    min-height: 680px;
    padding: 44px 0 0;
}
.checkin::before {
    border-bottom: 1px dotted #e0e1e4;
    content: "";
    height: 1px;
    left: -83px;
    position: absolute;
    top: 28px;
    width: 61px;
}
.checkin::after {
    border-bottom: 1px dotted #e0e1e4;
    content: "";
    height: 1px;
    right: -83px;
    position: absolute;
    top: 28px;
    width: 61px;
}
.checkin {
    border: 2px solid #ed6553;
    border-radius: 50%;
    height: 62px;
    padding: 4px 0;
    margin: auto;
    width: 62px;
    position: relative;
}
.checkin i {
    background: #ed6553;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 26px;
    padding: 12px 15px;
}
.contactInfo {
    margin: 154px 0 0;
    position: relative;
}
.contactInfo h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    margin: 0 0 17px;
}
.contactInfo h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 18px;
}
.contactInfo a {
    color: #fff;
    font-size: 16px;
    font-style: italic;
}
.contactDiv {
    left: 0;
    position: absolute;
    top: 205px;
    width: 100%;
}
.contactDiv img {
    height: auto;
    width: 100%;
}
.contactLeft {
    min-height: 680px;
    position: relative;
    padding: 92px 90px 0;
}
.contactTitle {
    margin-bottom: 57px;
    position: relative;
}
.contactTitle h2, .contactTitle p.pt_lead {
    color: #fff;
}
.contactTitle .doot_line {
    border-color: #fff;
}
#footerContactForm {
    position: relative;
}
#footerContactForm input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: rgba(255, 255, 255, 0.5);
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    box-shadow: none;
    height: 45px;
    margin-bottom: 20px;
    width: 100%;
    padding: 0 20px;
    color: #fff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#footerContactForm textarea {
    height: 110px;
    width: 100%;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: rgba(255, 255, 255, 0.5);
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    box-shadow: none;
    padding: 12px 20px 0;
    margin-bottom: 24px;
    resize: none;
    color: #fff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contactSelect{
    position: relative;
}
.contactSelect::before {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    bottom: 0;
    color: #fff;
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: 14px;
    height: 42px;
    margin: auto;
    padding-left: 17px;
    padding-top: 7px;
    position: absolute;
    right: 19px;
    top: -19px;
}
.contactSelect select{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: rgba(255, 255, 255, 0.5);
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    box-shadow: none;
    height: 45px;
    margin-bottom: 20px;
    width: 100%;
    padding: 0 20px;
    color: #fff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}
.contactSelect select option{
    color: #333;
    padding: 8px 5px;
}
#footerContactForm input:focus, #footerContactForm textarea:focus {
    border-color: #ffffff;
    opacity: 1;
    background: rgba(255, 255, 255, .10);
    text-decoration: line-through;
}
#footerContactForm input::-webkit-input-placeholder, 
#footerContactForm textarea::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
}
#footerContactForm input:-moz-placeholder, 
#footerContactForm textarea:-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}
#footerContactForm input::-moz-placeholder, 
#footerContactForm textarea::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}
#footerContactForm input:-ms-input-placeholder, 
#footerContactForm textarea:-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}
#footerContactForm input.reqError,
#footerContactForm textarea.reqError{
    border-color: #ffffff;
    opacity: 1;
    background: rgba(255, 255, 255, .10);
    text-decoration: line-through;
}

/**============== Footer Section ==================**/
.footerSection {
    padding: 54px 0 0;
}
.footerSocial {
    margin-bottom: 35px;
}
.footerSocial span {
    color: #373737;
    display: inline-block;
    font-family: roboto;
    font-weight: 700;
    margin-right: 58px;
    position: relative;
    text-transform: uppercase;
    top: -18px;
}
.footerSocial ul {
    display: inline-block;
    position: relative;
}
.footerSocial ul::before {
    background: #e3e3e3 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -31px;
    position: absolute;
    top: 36px;
    width: 430px;
    z-index: -1;
}
.footerSocial ul li {
    display: inline-block;
}
.footerSocial ul li a {
    color: #373737;
    display: inline-block;
    font-size: 51px;
    margin-right: 25px;
    padding: 11px 0;
    text-align: center;
    line-height: 0.8;
}
.footerSocial ul li.dr a:hover{
    color: #EA4C89;
}
.footerSocial ul li.fb a:hover{
    color: #3C5A98;
}
.footerSocial ul li.gp a:hover{
    color: #EA4C89;
}
.footerSocial ul li.tw a:hover{
    color: #00ACED;
}
.footerSocial ul li.rs a:hover{
    color: #FF9900;
}

/**============== CopyRight Section ==================**/
.copyrightTextWrapper {
    position: relative;
    background: url('../images/footer-bg.png') no-repeat center center / cover;
    width: 100%;
    min-height: 190px;
}
.copyrightText {
    position: relative;
    top: 60px;
}
.copyrightText p {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 0.8;
    margin: 30px;
}
.copyrightText a {
    color: #787878;
}
.backToTopbtn {
    border-radius: 5px;
    display: inline-block;
    height: 44px;
    margin: 0 0 25px;
    padding: 10px 0;
    width: 45px;
}

/*=======================================================================
// Home Two
=========================================================================*/
.slider2{
    background: #d3dce5;
}
.slider2 .tp-bannertimer {
    background: #25ad65;
    bottom: 0 !important;
    display: block;
    height: 6px;
    top: auto;
}
.rev2Cont h2 {
    color: #373737;
    font-size: 50px;
    line-height: 55px;
    text-transform: capitalize;
    font-weight: 900;
    text-align: center;
    font-family: 'Droid Serif', serif;
    font-style: italic;
}
.rev2Cont h2 span{
    color: #25ad65;
}
.rev2Cont p{
    font-size: 18px;
    color: #373737;
    line-height: 28px;
    text-align: center;
}
.slider2 .tp-bullets.simplebullets.round .bullet{
    margin-bottom: 7px;
}
.slider2 .tparrows.default.round.hidearrows, 
.slider2 .tp-bullets.simplebullets.hidebullets {
    display: block !important;
    opacity: 1 !important;
    margin: 0 !important;
}
.slider2 .tp-bullets.simplebullets .bullet.selected,
.slider2 .tp-bullets.simplebullets.round .bullet.selected{
    border: 1px solid rgba(255, 255, 255, 1);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: relative;
}
.slider2 .tp-bullets.simplebullets .bullet:before,
.slider2 .tp-bullets.simplebullets.round .bullet:before{
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, .5);
    content: '';
    position: absolute;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.slider2 .tp-bullets.simplebullets .bullet.selected:before,
.slider2 .tp-bullets.simplebullets.round .bullet.selected:before{
    background: rgba(255, 255, 255, 1);
}
.slider2 .tp-bullets.hidebullets,
.slider2 .tp-bullets {
    bottom: 40px !important;
    left: auto !important;
    margin: 0 !important;
    opacity: 1 !important;
    right: 30px !important;
    visibility: visible;
    width: 20px;
}
.rev2btn .newLife_btn{
    margin-right: 18px;  
}
/*=======================================================================
// Home Three
=========================================================================*/
.slider3{
    background: #142424;
}
.slider3 .slotholder:before{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(55, 55, 55, .5);
    z-index: 1;
}
.rev3Cont p{
    font-size: 16px;
    color: #ffffff;
    font-style: italic;
    position: relative;
    z-index: 99;
}
.rev3Cont h2{
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    font-family: 'Droid Serif', serif;
    padding: 10px 18px;
    position: relative;
}
.rev3Cont h2::before {
    border-top: 1px dotted #fff;
    bottom: 0;
    content: "";
    height: 1px;
    left: -100px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 70px;
}
.rev3Cont h2::after {
    border-top: 1px dotted #fff;
    bottom: 0;
    content: "";
    height: 1px;
    right: -100px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 70px;
}
.rev3Cont h2 span{
    color: #25ad65;
}
.rev3Cont h3{
    font-size: 30px;
    color: #fff;
    font-weight: 900;
}
.slider3 .tp-bullets.simplebullets.round .bullet{
    margin-bottom: 7px;
}
.slider3 .tparrows.default.round.hidearrows, 
.slider3 .tp-bullets.simplebullets.hidebullets {
    display: block !important;
    opacity: 1 !important;
    margin: 0 !important;
}
.slider3 .tp-bullets.simplebullets .bullet.selected,
.slider3 .tp-bullets.simplebullets.round .bullet.selected{
    border: 1px solid rgba(255, 255, 255, 1);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: relative;
}
.slider3 .tp-bullets.simplebullets .bullet:before,
.slider3 .tp-bullets.simplebullets.round .bullet:before{
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, .5);
    content: '';
    position: absolute;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.slider3 .tp-bullets.simplebullets .bullet.selected:before,
.slider3 .tp-bullets.simplebullets.round .bullet.selected:before{
    background: rgba(255, 255, 255, 1);
}
.slider3 .tp-bullets.hidebullets,
.slider3 .tp-bullets {
    bottom: 40px !important;
    left: auto !important;
    margin: 0 !important;
    opacity: 1 !important;
    right: 30px !important;
    visibility: visible;
    width: 20px;
}

/*=======================================================================
// Home Four
=========================================================================*/
.header4 .menuBar span{
    background: #333;
}
.mainNav2 {
    display: inline-block;
    padding-left: 215px;
    width: 100%;
}
.mainNav2 ul li{
    display: inline-block;
    margin-right: 45px;
    padding: 21.5px 0;
    position: relative;
}
.mainNav2 ul li a{
    font-size: 13px;
    color: #333;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: .8;
    position: relative;
}
.mainNav2 ul li a:before{
    width: 0;
    height: 1px;
    background: #c5c5c7;
    content: '';
    position: absolute; 
    top: 0;
    bottom: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.mainNav2 ul li a:hover:before,
.mainNav2 ul li:hover > a:before,
.mainNav2 ul li.active > a:before{
    width: 100%;
    visibility: visible;
    opacity: 1;
}
.mainNav2 ul li ul.sub-menu{
    position: absolute;
    width: 200px;
    background: #fff;
    z-index: 99;
    top: 80px;
    margin-left: -100px;
    left: 50%;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.mainNav2 ul li ul.sub-menu li a{
    font-weight: 500;
}
.mainNav2 ul li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 69px;
}
.mainNav2 ul li ul.sub-menu li{
    margin: 0;
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #f7f7f7;
}
.header4 .headerRight ul li,
.header4 .headerRight ul li.email,
.header4 .headerRight ul li a{
    color: #333;
}
.header4 #langh1{
    background: #fff;
    top: 40px;
}
.header4.fixedHeader{
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
slider4{
    background: #142424;
}
.slider4 .slotholder:before{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(55, 55, 55, .5);
    z-index: 1;
}
.rev4Cont{
    position: relative;
}
.rev4Cont > h2:before{
    position: absolute;
    left: -30px;
    height: 76px;
    width: 1px;
    background: rgba(255, 255, 255, .5);
    content: '';
}
.slider4 .tp-bullets.simplebullets.round .bullet{
    margin-bottom: 7px;
}
.slider4 .tparrows.default.round.hidearrows, 
.slider4 .tp-bullets.simplebullets.hidebullets {
    display: block !important;
    opacity: 1 !important;
    margin: 0 !important;
}
.slider4 .tp-bullets.simplebullets .bullet.selected,
.slider4 .tp-bullets.simplebullets.round .bullet.selected{
    border: 1px solid rgba(255, 255, 255, 1);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: relative;
}
.slider4 .tp-bullets.simplebullets .bullet:before,
.slider4 .tp-bullets.simplebullets.round .bullet:before{
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, .5);
    content: '';
    position: absolute;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.slider4 .tp-bullets.simplebullets .bullet.selected:before,
.slider4 .tp-bullets.simplebullets.round .bullet.selected:before{
    background: rgba(255, 255, 255, 1);
}
.slider4 .tp-bullets.hidebullets,
.slider4 .tp-bullets {
    bottom: 40px !important;
    left: auto !important;
    margin: 0 !important;
    opacity: 1 !important;
    right: 30px !important;
    visibility: visible;
    width: 20px;
}

/*=======================================================================
// Home Five
=========================================================================*/
.rev5Cont{}
.rev5Cont p{
    color: #373737;
}
.rev5Cont h2{
    background: #25ad65;
    color: #fff;
    border-color: #25ad65;
} 
.rev5Cont h3{
    color: #373737;
} 
/*=======================================================================
// Blog Page
=========================================================================*/
.header2 {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
    position: absolute;
    width: 100%;
    z-index: 1;
}
.nomenu{
    padding-bottom: 10px;
}
.logo2 {
    display: inline-block;
    left: 29px;
    position: absolute;
    top: 19px;
}
.blogPostSec {
    padding: 91px 0 104px;
}
.postWrapper {
    padding-left: 70px;
    padding-right: 30px;
}
.singlePost {
    padding-bottom: 34px;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 30px;
}
.postTitle{
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 38px;
    margin: 0 0 8px;
}
.postTitle a{
    color: #373737;
}
.postTitle a:hover{
    color: #1c874e;
}
.postmeta {
    margin-bottom: 22px;
}
.postmeta a {
    color: #787878;
    display: inline-block;
    font-family: "Droid serif",serif;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 0.8;
    margin: 0 18px 0 0;
}
.postmeta a > span ,
.postmeta a:hover{
    color: #1c874e;
}
.silglesl img{
    width: 100%;
    height: auto;
}
.postThumb img{
    width: 100%;
    height: auto;
}
.singlePostTh{
    margin-bottom: 30px;
    position: relative;
}
.singlePostTh .postThumb {
    margin-bottom: 24px;
}
.postTitle2 {
    border-bottom: 1px dotted #cacaca;
    color: #373737;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 20px;
    padding-bottom: 23px;
    text-align: center;
}
.blockquoteWrap {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}
.postSlider {
    margin-bottom: 22px;
}
.postSlider.owl-theme .owl-dots {
    text-align: center;
}
.postSlider.owl-theme .owl-dots .owl-dot {
    border: thin solid transparent;
    border-radius: 50%;
    bottom: 0;
    display: inline-block;
    height: 18px;
    left: 0;
    margin: auto 5px;
    position: relative;
    right: 0;
    top: 0;
    width: 18px;
}
.postSlider.owl-theme .owl-dots .owl-dot.active {
    display: inline-block;
    border: thin solid #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
}
.postSlider.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}
.postSlider.owl-theme .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border-radius: 30px;
    display: block;
    height: 8px;
    margin: 4px auto;
    transition: opacity 200ms ease 0s;
    width: 8px;
}
.postSlider.owl-theme .owl-nav {
    margin: 0;
}
.postSlider.owl-theme .owl-controls {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 33px;
    height: 20px;
    margin: auto;
}
.postWrap_bottom {
    margin: 30px 15px 0;
    position: relative;
}
.postWrap_bottom .singlePost > h1 {
    border-bottom: thin dotted #cacaca;
    color: #373737;
    font-family: roboto;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0;
    padding: 23px 0 22px;
    text-align: center;
}
.postWrap_bottom .singlePost > p {
    margin-top: 21px;
}
.postWrap_bottom .singlePost {
    border-bottom: medium none;
    padding-bottom: 34px;
}

.singlePost.bottomsinglePost {
    border-bottom: thin solid #e3e3e3;
}
.singlePost.bottomsinglePost > h1 {
    margin-top: 21px;
}
.singlePost.bottomsinglePost .postmeta {
    margin: 0 0 13px;
}
.loadmore {
    margin: 30px 0 0;
    position: relative;
}
.loadmore i {
    font-size: 32px;
}
.loadmore img {
    height: 32px;
    width: 32px;
}

/**==================== instagram ======================**/
.instagram {
    padding-top: 73px;
}
.instagram_title{
    margin: 0 0 58px;
    font-style: italic;
    font-size: 16px;
    color: #373737;
}
.instagram_title p {
    margin: 0;
}
.instagram_title span {
    color: #25ad65;
}
.instagram_img img {
    width: 100%;
}
.instagramImages {
    background: #f8f8f8;
}
.instagram_title02 {
    padding: 57px 0 59px;
    margin: 0;
}

/**============== Widget ==================**/
.widget {
    margin-bottom: 41px;
    position: relative;
}
.aboutWedget {
    margin-bottom: 33px;
    text-align: center;
}
.widget img {
    border-radius: 50%;
    bottom: 0;
    height: 170px;
    margin-bottom: 30px;
    width: 170px;
}
.widgetTitle {
    border-bottom: thin dotted #cacaca;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 0.8;
    padding-bottom: 29px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}
.aboutWedget p {
    text-align: left;
}
.aboutWedget .widgetTitle {
    margin-bottom: 22px;
}
.aboutWedget p:last-of-type {
    margin-bottom: 0;
}
.widget ul li {
    border-bottom: thin dotted #cacaca;
    padding: 9px 0;
}
.widget ul li:first-child {
    padding: 0 0 9px;
}
.widget ul li:last-child {
    padding: 9px 0 0;
    border-bottom: none;
}
.widget ul li a {
    position: relative;
    display: inline-block;
    color: #373737;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.widget ul li a::before {
    background: #25ad65;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 300ms ease 0s;
    visibility: hidden;
    width: 0;
}
.widget ul li a:hover::before {
    opacity: 1;
    visibility: visible;
    width: 100%;
}
.widget ul li a:hover {
    color: #25ad65;
}
.subscription {
    background: #f8f8f8;
    margin-bottom: 50px;
    padding: 20px 30px 40px;
    text-align: center;
}
.subscription h5 {
    font-family: "Droid Serif",serif;
    font-style: italic;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.8;
    margin-bottom: 29px;
}
.subscription input {
    -moz-border-bottom-colors: #e3e3e3;
    -moz-border-left-colors: #e3e3e3;
    -moz-border-right-colors: #e3e3e3;
    -moz-border-top-colors: #e3e3e3;
    border-color: -moz-use-text-color #e3e3e3 #e3e3e3;
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    box-shadow: none;
    margin-bottom: 20px;
    padding: 8px 19px;
    width: 100%;
}
.subscription button {
    border-radius: 5px;
    color: #fff;
    font-family: roboto;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 0.8;
    padding: 17px 46px;
    text-transform: uppercase;
}
.recentPost {
    position: relative;
}
.recentPost h2.widgetTitle {
    margin-bottom: 21px;
}
.singleRecentPost {
    margin-bottom: 13px;
}
.singleRecentPost h5 {
    margin: 0 0 3px;
}
.singleRecentPost h5 a {
    color: #373737;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
    text-transform: uppercase;
}
.singleRecentPost h5 a:hover,
.singleRecentPost span a:hover{
    color: #25ad65;
}
.singleRecentPost span a {
    font-family: "Droid Serif",serif;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    color: #787878;
}
.search {
    position: relative;
}
.search::after {
    color: #818181;
    content: "";
    font-family: fontawesome;
    font-size: 16px;
    position: absolute;
    right: 13px;
    top: 9px;
}
.search input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: #cacaca;
    border-color: -moz-use-text-color #cacaca #cacaca;
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    padding: 7px 20px;
    position: relative;
    width: 100%;
    text-decoration: line-through;
}

/*=======================================================================
// Blog Single Post
=========================================================================*/
.blogpost {
    padding-bottom: 14px;
}
.single_post .singlePost,
.single_post .blockquoteWrap{
    border: none;
}
.singlePostLi h1 {
    font-weight: 700;
    margin: -6px 0 29px;
    text-transform: uppercase;
    font-size: 30px;
}
.singlePostLi ul li {
    color: #373737;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    margin: 0 0 11px;
    padding-left: 36px;
    position: relative;
    text-transform: uppercase;
}
.singlePostLi ul li i {
    color: #25ad65;
    left: 0;
    position: absolute;
    top: 5px;
}
.singlePost.bottomsingleBlogPost {
    border-bottom: thin solid #e3e3e3;
    padding: 12px 0 42px;
}
.bottomsingleBlogPost p {
    margin-bottom: 26px;
}
.bottomsingleBlogPost p:last-of-type {
    margin-bottom: 0px;
}
.sharePost span {
    font-style: italic;
    line-height: 0.8;
    margin-right: 10px;
    position: relative;
    top: -8px;
}
.sharePost a {
    color: #373737;
    font-size: 32px;
    margin-right: 2px;
    display: inline-block;
}
.postTags a {
    background: #f8f8f8;
    color: #373737;
    font-style: italic;
    margin-right: 10px;
    padding: 4px 15px;
    display: inline-block;
}
.postTags > a:hover{
    background: #25ad65;
    color: #fff;
}
.peply:hover{
    color: #333; 
}
.postTags a:last-child {
    margin-right: 0px;
}
.shareSocialWarp {
    padding: 30px 0;
    position: relative;
}
.commentsTitle {
    border-bottom: thin solid #e3e3e3;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 0.8;
    margin: 60px 0 30px;
    padding-bottom: 29px;
    text-align: center;
    text-transform: uppercase;
}
.commentsList li {
    border-bottom: 1px solid #e3e3e3;
}
.commentsList > li:first-child {
    border-top: 0 none;
}
.singleComments {
    min-height: 100px;
    padding-left: 100px;
    position: relative;
}
.singleComments img {
    border-radius: 50%;
    height: 70px;
    left: 0;
    position: absolute;
    top: 0;
    width: 70px;
}
ol.commentsList li div.singleComments {
    margin-bottom: 18px;
    margin-top: 29px;
}
ol.commentsList li div.singleComments:last-child {
    margin-bottom: 0;
}
ol.commentsList li ul.children li {
    border-bottom: medium none;
}
ol.commentsList li ul.children li {
    border-top: thin solid #e3e3e3;
    margin-left: 102px;
}
ol.commentsList li ul.children li:last-child {
    margin-bottom: 18px;
}
ol.commentsList li ul.children ul.children div.singleComments {
    margin-bottom: 18px;
    margin-left: 202px;
}
.comHead h5 {
    line-height: 0.8;
    margin: 0;
}
.authorName {
    color: #373737;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.peply {
    font-family: "Droid serif",serif;
    font-style: italic;
    color: #25ad65;
    font-size: 13px;
}
.comDec p {
    margin-bottom: 2px;
}
.singleComments .date {
    font-size: 13px;
    font-style: italic;
    margin: 0 0 3px;
}
.formmargin {
    margin-bottom: 15px;
}
.commentbox p {
    color: #373737;
    font-size: 16px;
    font-style: italic;
    margin: 59px 0 33px;
    text-align: center;
}
.commentForm input {
    -moz-border-bottom-colors: #e3e3e3;
    -moz-border-left-colors: #e3e3e3;
    -moz-border-right-colors: #e3e3e3;
    -moz-border-top-colors: #e3e3e3;
    border-color: -moz-use-text-color #e3e3e3 #e3e3e3;
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    color: #797979;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    padding: 9px 20px;
    width: 100%;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.commentForm textarea {
    -moz-border-bottom-colors: #e3e3e3;
    -moz-border-left-colors: #e3e3e3;
    -moz-border-right-colors: #e3e3e3;
    -moz-border-top-colors: #e3e3e3;
    border-color: -moz-use-text-color #e3e3e3 #e3e3e3;
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    height: 175px;
    padding: 15px;
    resize: none;
    width: 100%;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.commentForm input:focus, 
.commentForm textarea:focus {
    -moz-border-bottom-colors: #cacaca;
    -moz-border-left-colors: #cacaca;
    -moz-border-right-colors: #cacaca;
    -moz-border-top-colors: #cacaca;
    border-color: -moz-use-text-color #cacaca #cacaca;
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    text-decoration: line-through;
}
.commentForm button {
    border-radius: 5px;
    color: #fff;
    font-family: roboto;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 0.8;
    padding: 17px 30px;
    text-transform: uppercase;
}
.commentForm input::-moz-placeholder, 
.commentForm textarea::-moz-placeholder {
    color: #787878;
    opacity: 1;
    font-size: 13px;
}


/*=======================================================================
// Blog2
=========================================================================*/
.blog2bread {
    background: rgba(0, 0, 0, 0) url("../images/bg/3.jpg") no-repeat scroll center top / cover ;
    padding-bottom: 129px;
    padding-top: 135px;
    position: relative;
}
.header3 {
    position: absolute;
    width: 100%;
    z-index: 1;
}
.header3 .headerRight ul li.email,
.header3 .headerRight ul li a{
    color: #787878;
}
.header3 .menuBar span{
    background: #787878;
}
.header3.fixedHeader{
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    padding: 0 0 10px;
}
.header3 #langh1 {
    background: #fff;
    top: 40px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .1);
}
.blog2columnSection {
    padding: 100px 0 108px;
}
a.postCategory {
    background: #ed6553 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-family: "Droid serif",serif;
    font-style: italic;
    font-weight: 400;
    left: 143px;
    line-height: 0.8;
    padding: 13px 16px;
    position: absolute;
    top: 0;
    text-transform: capitalize;
}
.blog2column {
    margin-top: 0;
}
.blog2column .singlePost {
    padding-bottom: 53px;
}
.borderB{
    border-bottom: 1px solid #cacaca;
    margin: 0 15px;
}
.blogTwo .singlePostTh{
    margin-bottom: 50px;
}
.postCat {
    position: absolute;
    text-align: center;
    top: 0;
    width: 93%;
}
.postCat a {
    background: #25ad65;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-style: italic;
    height: 35px;
    padding: 4px 15px;
}
.postCat a:hover{
    background: #373737;
}

/*=======================================================================
// Blog3
=========================================================================*/
.blog3bread {
    background: rgba(0, 0, 0, 0) url("../images/bg/4.jpg") no-repeat scroll center center/ cover ;
    padding: 194px 0 125px;
}
.headerBorder_bottom {
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.postMetas {
    margin-top: 13px;
}
.postMetas a{
    font-size: 13px;
    color: #787878;
    font-style: italic;
}
.postMetas a:hover{
    color: #25ad65;
}


/*=======================================================================
// Portfolio 1
=========================================================================*/
.portfolio1{
    background: url(../images/bg/2.jpg) no-repeat scroll center center/cover;
}
.portfolio_page {
    margin-bottom: 33px;
    margin-top: 0;
    line-height: .8
}

/*=======================================================================
// Portfolio 2
=========================================================================*/
.portfolio2 {
    background: #f8f8f8;
    padding-bottom: 164px;
    padding-top: 163px;
}
.portfolio2sec{
    margin-top: -47px;
}
.portfolio2_page{
    margin-bottom: 100px;
    margin-top: 0;
}
.portfolio2row{
    padding: 0 100px;
}
.folioImg img{
    width: 100%;
    height: auto;
}
.foliodec{}
.portTitle{
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    text-transform: uppercase;
    margin-bottom: 13px;
}
.portTitle a{
    color: #373737;
}
.portTitle a:hover, .metas a:hover{
    color: #25ad65;
}

.metas {
    margin-left: -10px;
}
.metas a{
    font-size: 13px;
    color: #787878;
    font-style: italic;
    display: inline-block;
    margin: 0 10px;
}
.foliodec {
    padding: 122px 15px 122px 84px;
}
.foliodec.right {
    padding: 122px 84px 122px 15px;
    text-align: right;
}

/*=======================================================================
// Extra Style
=========================================================================*/

/**============== Search1 Style ==================**/
.searchWrap {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(28, 135, 78, .9);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1005;
    display: none;
}
.searchIn{
    text-align: center;
    height: 70px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -100px;
    bottom: 0;
}
.searchIn input[type='search']{
    border: 1px solid rgba(255, 255, 255, .5);
    border-top: 2px solid rgba(255, 255, 255, .5);
    background: transparent;
    color: #fff;
    height: 70px;
    padding: 0 90px 0 23px;
    font-style: italic;
    width: 100%;
    font-size: 30px;
}
.searchIn input[type='search']:input-placeholder{
    color: #fff;
    opacity: 1;
}
.searchIn input[type='search']::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}
.searchIn input[type='search']:-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.searchIn input[type='search']::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.searchIn input[type='search']:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
.searchIn button, 
.searchIn input[type="submit"] {
    border: 1px solid rgba(255, 255, 255, .5);
    background: #25ad65;
    height: 69px;
    left: auto;
    position: absolute;
    right: 15px;
    width: 70px;
    top: 1px;
    font-size: 20px;
    color: #fff;
}
.searchIn button:hover, 
.searchIn input[type="submit"]:hover{
    background: #fff;
    color: #333;
}

/**============== Search2 Style ==================**/
.searchWrap2 {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1005;
    display: none;
}
.searchIn2{
    text-align: center;
    height: 70px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -100px;
    bottom: 0;
}
.searchIn2 input[type='search']{
    background: transparent;
    color: #fff;
    height: 70px;
    padding: 0 90px 0 0;
    font-style: italic;
    width: 100%;
    font-size: 30px;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.searchIn2 input[type='search']:input-placeholder{
    color: #fff;
    opacity: 1;
}
.searchIn2 input[type='search']::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}
.searchIn2 input[type='search']:-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.searchIn2 input[type='search']::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.searchIn2 input[type='search']:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
.searchIn2 button, 
.searchIn2 input[type="submit"] {
    height: 69px;
    left: auto;
    position: absolute;
    right: 15px;
    width: 70px;
    top: 1px;
    font-size: 20px;
    color: #1c874e;
}
.searchIn2 button:hover, 
.searchIn2 input[type="submit"]:hover{
    color: #fff;
}

/**============== Menu1 style ==================**/
.menustyle1 {
    background: url("../images/bg/menu/caballos.jpg") no-repeat scroll center center / cover ;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1005;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.menustyle1.active{
    visibility: visible;
    opacity: 1;
}
.logom{
    padding-left: 30px;
    padding-top: 18px;
}
.menu1 {
    padding-top: 137px;
}
.menu1 ul li{
    margin-bottom: 19px;
}
.menu1 ul li:nth-child(01),
.menu2 ul li:nth-child(01),
.menu5 ul li:nth-child(01){
    -webkit-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    -webkit-transform: translate3d(0, 300px, 0);
    -ms-transform: translate3d(0, 300px, 0);
    -o-transform: translate3d(0, 300px, 0);
}
.menu1 ul li:nth-child(02),
.menu2 ul li:nth-child(02),
.menu5 ul li:nth-child(02){
    -webkit-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    -webkit-transform: translate3d(0, 300px, 0);
    -ms-transform: translate3d(0, 300px, 0);
    -o-transform: translate3d(0, 300px, 0);
}
.menu1 ul li:nth-child(03),
.menu2 ul li:nth-child(03),
.menu5 ul li:nth-child(03){
    -webkit-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    -webkit-transform: translate3d(0, 300px, 0);
    -ms-transform: translate3d(0, 300px, 0);
    -o-transform: translate3d(0, 300px, 0);
}
.menu1 ul li:nth-child(04),
.menu2 ul li:nth-child(04),
.menu5 ul li:nth-child(04){
    -webkit-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    -webkit-transform: translate3d(0, 300px, 0);
    -ms-transform: translate3d(0, 300px, 0);
    -o-transform: translate3d(0, 300px, 0);
}
.menu1 ul li:nth-child(05),
.menu2 ul li:nth-child(05),
.menu5 ul li:nth-child(05){
    -webkit-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    -webkit-transform: translate3d(0, 300px, 0);
    -ms-transform: translate3d(0, 300px, 0);
    -o-transform: translate3d(0, 300px, 0);
}
.menu1 ul li:nth-child(06),
.menu2 ul li:nth-child(06),
.menu5 ul li:nth-child(06){
    -webkit-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    -webkit-transform: translate3d(0, 300px, 0);
    -ms-transform: translate3d(0, 300px, 0);
    -o-transform: translate3d(0, 300px, 0);
}
.menu1 ul li:nth-child(07),
.menu2 ul li:nth-child(07),
.menu5 ul li:nth-child(07){
    -webkit-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    -webkit-transform: translate3d(0, 300px, 0);
    -ms-transform: translate3d(0, 300px, 0);
    -o-transform: translate3d(0, 300px, 0);
}
.menu1 ul li:nth-child(08),
.menu2 ul li:nth-child(08),
.menu5 ul li:nth-child(08){
    -webkit-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    -webkit-transform: translate3d(0, 300px, 0);
    -ms-transform: translate3d(0, 300px, 0);
    -o-transform: translate3d(0, 300px, 0);
}
.menu1 ul li:nth-child(09),
.menu2 ul li:nth-child(09),
.menu5 ul li:nth-child(09){
    -webkit-transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    -webkit-transform: translate3d(0, 300px, 0);
    -ms-transform: translate3d(0, 300px, 0);
    -o-transform: translate3d(0, 300px, 0);
}
.menu1 ul li:nth-child(10),
.menu2 ul li:nth-child(10),
.menu5 ul li:nth-child(10){
    -webkit-transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    -webkit-transform: translate3d(0, 300px, 0);
    -ms-transform: translate3d(0, 300px, 0);
    -o-transform: translate3d(0, 300px, 0);
}
.menustyle1.active .menu1 ul li:nth-child(01),
.menustyle1.active .menu1 ul li:nth-child(02),
.menustyle1.active .menu1 ul li:nth-child(03),
.menustyle1.active .menu1 ul li:nth-child(04),
.menustyle1.active .menu1 ul li:nth-child(05),
.menustyle1.active .menu1 ul li:nth-child(06),
.menustyle1.active .menu1 ul li:nth-child(07),
.menustyle1.active .menu1 ul li:nth-child(08),
.menustyle1.active .menu1 ul li:nth-child(09),
.menustyle1.active .menu1 ul li:nth-child(10),
.menustyle2.active .menu2 ul li:nth-child(01),
.menustyle2.active .menu2 ul li:nth-child(02),
.menustyle2.active .menu2 ul li:nth-child(03),
.menustyle2.active .menu2 ul li:nth-child(04),
.menustyle2.active .menu2 ul li:nth-child(05),
.menustyle2.active .menu2 ul li:nth-child(06),
.menustyle2.active .menu2 ul li:nth-child(07),
.menustyle2.active .menu2 ul li:nth-child(08),
.menustyle2.active .menu2 ul li:nth-child(09),
.menustyle2.active .menu2 ul li:nth-child(10),
.menustyle5.active .menu5 ul li:nth-child(01),
.menustyle5.active .menu5 ul li:nth-child(02),
.menustyle5.active .menu5 ul li:nth-child(03),
.menustyle5.active .menu5 ul li:nth-child(04),
.menustyle5.active .menu5 ul li:nth-child(05),
.menustyle5.active .menu5 ul li:nth-child(06),
.menustyle5.active .menu5 ul li:nth-child(07),
.menustyle5.active .menu5 ul li:nth-child(08),
.menustyle5.active .menu5 ul li:nth-child(09),
.menustyle5.active .menu5 ul li:nth-child(10){
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}


.menu1 ul li a{
    font-size: 30px;
    color: #373737;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
}
.menu1 ul li a:before{
    width: 0;
    height: 1px;
    background: #25ad65;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.menu1 ul li a:hover:before,
.menu1 ul li.has-menu-items.active > a:before{
    width: 100%;  
}
.menu1 ul li a:hover,
.menu1 ul li.has-menu-items.active > a{
    color: #25ad65;
}
.menu1 ul ul.sub-menu{
    display: none;
}
.menu1 ul ul.sub-menu li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 24px;
    margin-top: 16px;
}
.menu1 ul ul.sub-menu li a{
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
}
.menuBarCr {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 30px;
    top: 35px;
    cursor: pointer;
}
.menuBarCr span{
    display: block;
    background: #333;
    width: 100%;
    height: 1px;
    margin-bottom: 1px;
}
.menuBarCr span:nth-child(1) {
    transform: rotate(-45deg);
}
.menuBarCr span:nth-child(2) {
    transform: rotate(45deg);
    position: absolute;
    top: 0;
}
.menuBarCr.W {
    height: 20px;
    width: 20px;
    position: absolute;
    right: -60px;
    top: 35px;
    cursor: pointer;
}
.menuBarCr.W span {
    background: #fff;
    display: block;
    height: 2px;
    margin-bottom: 1px;
    width: 100%;
    z-index: 99;
}

/**============== Menu2 style ==================**/
.menustyle2 {
    background: rgba(255, 255, 255, .9);
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1005;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.menustyle2.active{
    visibility: visible;
    opacity: 1;
}
.logom{
    padding-left: 30px;
    padding-top: 18px;
}
.menu2 {
    padding-top: 137px;
}
.menu2 ul li{
    margin-bottom: 19px;
}
.menu2 ul li a{
    font-size: 30px;
    color: #373737;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    font-family: 'Roboto', sans-serif;
}
.menu2 ul li a:before{
    width: 0;
    height: 1px;
    background: #25ad65;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.menu2 ul li a:hover:before,
.menu2 ul li.has-menu-items.active > a:before{
    width: 100%;  
}
.menu2 ul li a:hover,
.menu2 ul li.has-menu-items.active > a{
    color: #25ad65;
}
.menu2 ul ul.sub-menu{
    display: none;
}
.menu2 ul ul.sub-menu li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 24px;
    margin-top: 16px;
}
.menu2 ul ul.sub-menu li a{
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

/**============== Menu4 style ==================**/
.menustyle3 {
    background: url('../images/bg/11.jpg') no-repeat scroll center center/cover ;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1005;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    visibility: hidden;
    opacity: 0;
}
.menustyle3.active{
    visibility: visible;
    opacity: 1;
}
.logom{
    padding-left: 30px;
    padding-top: 18px;
}
.menu3 {
    padding-top: 137px;
}
.menu3 ul li{
    display: inline-block;
    margin-right: 73px;
}
.menu3 ul li:last-child{
    margin-right: 0;
}
.menu3 ul li a{
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
}
.menu3 ul li a:before{
    width: 0;
    height: 1px;
    background: #25ad65;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.menu3 ul li a:hover:before,
.menu3 ul li.has-menu-items.active > a:before{
    width: 100%;  
}
.menu3 ul li a:hover,
.menu3 ul li.has-menu-items.active > a{
    color: #25ad65;
}
.menu3 ul ul.sub-menu {
    display: none;
    position: absolute;
    width: 300px;
    margin-top: 20px;
}
.menu3 ul ul.sub-menu li {
    display: block;
    margin: 6px 0;
}
.menu3 ul ul.sub-menu li a{
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
}
.socialnav {
    bottom: 40px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
}
.socialnav span{
    color: #fff;
}
.socialnav ul li a{
    color: #25ad65;
}
.socialnav ul::before{
    background: #8f9192;
}
.menu3 ul li:nth-child(01){
    -webkit-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu3 ul li:nth-child(02){
    -webkit-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu3 ul li:nth-child(03){
    -webkit-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu3 ul li:nth-child(04){
    -webkit-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu3 ul li:nth-child(05){
    -webkit-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu3 ul li:nth-child(06){
    -webkit-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu3 ul li:nth-child(07){
    -webkit-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu3 ul li:nth-child(08){
    -webkit-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu3 ul li:nth-child(09){
    -webkit-transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu3 ul li:nth-child(10){
    -webkit-transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menustyle3.active .menu3 ul li:nth-child(01),
.menustyle3.active .menu3 ul li:nth-child(02),
.menustyle3.active .menu3 ul li:nth-child(03),
.menustyle3.active .menu3 ul li:nth-child(04),
.menustyle3.active .menu3 ul li:nth-child(05),
.menustyle3.active .menu3 ul li:nth-child(06),
.menustyle3.active .menu3 ul li:nth-child(07),
.menustyle3.active .menu3 ul li:nth-child(08),
.menustyle3.active .menu3 ul li:nth-child(09),
.menustyle3.active .menu3 ul li:nth-child(10){
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}


/**============== Menu4 style ==================**/
.menustyle4 {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1005;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    visibility: hidden;
    opacity: 0;
    top: 0;
    bottom: 0;
}
.menustyle4.active{
    visibility: visible;
    opacity: 1;
}
.menu4 {
    padding-top: 306px;
    text-align: center;
}
.menu4 ul li{
    display: inline-block;
    margin-right: 40px;
}
.menu4 ul li:last-child{
    margin-right: 0;
}
.menu4 ul li a{
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    font-family: 'Roboto', sans-serif;
}
.menu4 ul li a:before{
    width: 0;
    height: 1px;
    background: #25ad65;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.menu4 ul li a:hover:before,
.menu4 ul li.has-menu-items.active > a:before{
    width: 100%;  
}
.menu4 ul li a:hover,
.menu4 ul li.has-menu-items.active > a{
    color: #25ad65;
}
.menu4 ul ul.sub-menu {
    display: none;
    left: 0;
    margin-top: 23px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 62vw;
}
.menu4 ul ul.sub-menu li {
    display: inline-block;
    margin: 0 25px 0 0;
}
.menu4 ul ul.sub-menu li a{
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
.socialnav {
    bottom: 40px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
}
.socialnav{}
.socialnav span{
    color: #fff;
}
.socialnav ul li a{
    color: #25ad65;
}
.socialnav ul::before{
    background: #8f9192;
}
.menu4 ul li:nth-child(01){
    -webkit-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu4 ul li:nth-child(02){
    -webkit-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu4 ul li:nth-child(03){
    -webkit-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu4 ul li:nth-child(04){
    -webkit-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu4 ul li:nth-child(05){
    -webkit-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu4 ul li:nth-child(06){
    -webkit-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu4 ul li:nth-child(07){
    -webkit-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu4 ul li:nth-child(08){
    -webkit-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu4 ul li:nth-child(09){
    -webkit-transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menu4 ul li:nth-child(10){
    -webkit-transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(-300%, 0, 0);
    -moz-transform: translate3d(-300%, 0, 0);
    -webkit-transform: translate3d(-300%, 0, 0);
    -ms-transform: translate3d(-300%, 0, 0);
    -o-transform: translate3d(-300%, 0, 0);
}
.menustyle4.active .menu4 ul li:nth-child(01),
.menustyle4.active .menu4 ul li:nth-child(02),
.menustyle4.active .menu4 ul li:nth-child(03),
.menustyle4.active .menu4 ul li:nth-child(04),
.menustyle4.active .menu4 ul li:nth-child(05),
.menustyle4.active .menu4 ul li:nth-child(06),
.menustyle4.active .menu4 ul li:nth-child(07),
.menustyle4.active .menu4 ul li:nth-child(08),
.menustyle4.active .menu4 ul li:nth-child(09),
.menustyle4.active .menu4 ul li:nth-child(10){
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

/**============== Menu5 style ==================**/
.menustyle5 {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1005;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.menustyle5.active{
    visibility: visible;
    opacity: 1;
}
.logom{
    padding-left: 30px;
    padding-top: 18px;
}
.menu5 {
    padding-top: 188px;
}
.menu5 ul li{
    margin-bottom: 19px;
}
.menu5 ul li a{
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    font-family: 'Roboto', sans-serif;
}
.menu5 ul li a:before{
    width: 0;
    height: 1px;
    background: #25ad65;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.menu5 ul li a:hover:before,
.menu5 ul li.has-menu-items.active > a:before{
    width: 100%;  
}
.menu5 ul li a:hover,
.menu5 ul li.has-menu-items.active > a{
    color: #25ad65;
}
.menu5 ul ul.sub-menu{
    display: none;
    margin: 23px 0 30px;
}
.menu5 ul ul.sub-menu li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 24px;
    margin-top: 0;
    margin-bottom: 0;
}
.menu5 ul ul.sub-menu li a{
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
.socialnav1 {
    bottom: 40px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
}
.socialnav1 span{
    color: #fff;
}
.socialnav1 ul li a{
    color: #2b68cb;
}
.socialnav1 ul::before{
    background: rgba(255, 255, 255, .5);
}

/*=======================================================================
// Preloader
=========================================================================*/
.preloader {
    background: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.la-fire,
.la-fire>div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.la-fire {
    display: block;
    font-size: 0;
    color: #25ad65;
}
.la-fire.la-dark {
    color: #333
}
.la-fire>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor
}
.la-fire {
    width: 32px;
    height: 32px
}
.la-fire>div {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 12px;
    height: 12px;
    border-radius: 0;
    border-radius: 2px;
    -webkit-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
    -moz-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
    -ms-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
    -o-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
    transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
    -webkit-animation: fire-diamonds 1.5s infinite linear;
    -moz-animation: fire-diamonds 1.5s infinite linear;
    -o-animation: fire-diamonds 1.5s infinite linear;
    animation: fire-diamonds 1.5s infinite linear
}
.la-fire>div:nth-child(1) {
    -webkit-animation-delay: -.85s;
    -moz-animation-delay: -.85s;
    -o-animation-delay: -.85s;
    animation-delay: -.85s
}
.la-fire>div:nth-child(2) {
    -webkit-animation-delay: -1.85s;
    -moz-animation-delay: -1.85s;
    -o-animation-delay: -1.85s;
    animation-delay: -1.85s
}
.la-fire>div:nth-child(3) {
    -webkit-animation-delay: -2.85s;
    -moz-animation-delay: -2.85s;
    -o-animation-delay: -2.85s;
    animation-delay: -2.85s
}
.la-fire.la-sm {
    width: 16px;
    height: 16px
}
.la-fire.la-sm>div {
    width: 6px;
    height: 6px
}
.la-fire.la-2x {
    width: 64px;
    height: 64px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    position: absolute;
}
.la-fire.la-2x>div {
    width: 24px;
    height: 24px
}
.la-fire.la-3x {
    width: 96px;
    height: 96px
}
.la-fire.la-3x>div {
    width: 36px;
    height: 36px
}
@-webkit-keyframes fire-diamonds {
    0% {
        -webkit-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0)
    }
    50% {
        -webkit-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
        transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1)
    }
    100% {
        -webkit-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0)
    }
}
@-moz-keyframes fire-diamonds {
    0% {
        -moz-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0)
    }
    50% {
        -moz-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
        transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1)
    }
    100% {
        -moz-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0)
    }
}
@-o-keyframes fire-diamonds {
    0% {
        -o-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0)
    }
    50% {
        -o-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
        transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1)
    }
    100% {
        -o-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0)
    }
}
@keyframes fire-diamonds {
    0% {
        -webkit-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
        -moz-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
        -o-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0)
    }
    50% {
        -webkit-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
        -moz-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
        -o-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
        transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1)
    }
    100% {
        -webkit-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
        -moz-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
        -o-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0)
    }
}

/*=======================================================================
// Color Preset
=========================================================================*/
.colorPreset{
    position: fixed;
    width: 250px;
    right: -250px;
    background: #fff;
    z-index: 1000;
    border: 1px solid #e3e3e3;
    top: 50%;
    transform: translateY(-50%);
}
.switchTittle {
    background: #fff;
    width: 249px;
    height: 64px;
    position: relative;
    padding: 23px 25px;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
.switchTittle a.switchButton {
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #7f7f7f;
    display: block;
    height: 65px;
    left: -65px;
    position: absolute;
    text-align: center;
    top: -1px;
    width: 65px;
    font-size: 31px;
    padding: 15px;
    line-height: .8;
}
.switchTittle a.switchButton:hover{
    color: #000;
}
.colorPreset p{
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin: 0;
    line-height: 1;
}
.singleSwitch{
    background: #fff;
    padding: 24px 20px;
    border-bottom: 1px solid #e3e3e3;
}
.singleSwitch:last-of-type{
    border-bottom: none;
    padding-bottom: 30px;
}
.singleSwitch p{
    margin-bottom: 13px;
    text-transform: capitalize;
}
.switchs{
    overflow: hidden;
}
.colorSwitch a{
    width: 43px;
    height: 43px;
    background: #ccc;
    display: block;
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
}
.colorSwitch a.color1{
    background: #25AD65
}
.colorSwitch a.color2{
    background: #ED6553
}
.colorSwitch a.color3{
    background: #3a3fe0;
}
.colorSwitch a.color4{
    background: #a72fca;
}
.colorSwitch a.color5{
    background: #caa13f;
}
.colorSwitch a.color6{
    background: #3fbbca;
}
.colorSwitch a.color7{
    background: #e44d86;
}
.colorSwitch a.color8{
    background: #f23030;
}
.colorSwitch a:hover,
.colorSwitch a.active{
    opacity: .3;
}
.lightDark a {
    border: 1px solid #cccccc;
    color: #000000;
    display: block;
    float: left;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    margin-right: 10px;
    padding: 14px 20px;
    line-height: .8;
    min-width: 80px;
}
.lightDark a:last-of-type{
    margin-right: 0;
}
.lightDark a.darkColor{
    background: #222222;
    color: #fff;
    border-color: #222222;
}
.lightDark a:hover{
    border-color: #000;
}
.navStyle a{
    border: 1px solid #cccccc;
    color: #000000;
    display: block;
    float: left;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    margin-right: 10px;
    padding: 14px 20px;
    line-height: .8;
    min-width: 80px;
}
.navStyle a:hover{
    border-color: #000;
}
.navigation{}
.navigation a {
    border: 1px solid #ccc;
    height: 38px;
    width: 38px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    padding: 5px;
}
.navigation a:hover{
    background: #333;
    color: #fff;
}