body {
    font-weight: 500;
    margin: 0;
    font-family: Rajdhani, sans-serif;
}
#wrapper {
    position: relative;
    overflow: hidden;
    width: 100%}
#footer:after, #header .header-area:after, #header .header-holder:after, #header .side-nav:after, #header:after, #nav:after, .clearfix:after, .footer-holder:after, .post .txt-holder:after, .service-post .txt-wrap:after {
    content: '';
    display: block;
    clear: both;
}
.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#header {
    padding: 30px 61px;
    position: relative;
    transition: all .25s linear;
    z-index: 8;
}
#header.nospace, #header.sticky {
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    position: fixed;
}
#header.bg-dark.transparent {
    background-color: transparent;
}
#header.bg-dark .side-nav .drop-down {
    background: #fff;
}
#header.bg-dark .side-nav .drop-down a {
    color: #323031;
}
#header.bg-dark #nav a {
    color: #fff;
}
#header.bg-dark #nav .drop-down a {
    color: #585456;
}
#header.bg-dark.sticky {
    background: #323031;
}
#header.bg-white .nav-opener span, #header.bg-white .nav-opener:after, #header.bg-white .nav-opener:before {
    background: #323031;
}
#header.header2 {
    padding: 0;
}
#header.header2 .side-nav a {
    color: #323031;
}
#header.header2 .side-nav .drop-down {
    background: #323031;
    text-align: left;
    padding: 19px 23px 0;
}
#header.header2 .side-nav .drop-down li {
    padding: 0;
}
#header.header2 .side-nav .drop-down a {
    color: #fff;
}
#header.header2 .nav-opener span, #header.header2 .nav-opener:after, #header.header2 .nav-opener:before {
    background: #323031;
}
#header.header2 #nav a {
    color: #323031;
}
#header.header2 #nav .nav-drop a {
    color: #fff;
}
#header.header2 .search-popup {
    position: absolute;
}
#header.header2.sticky {
    height: auto!important;
    background: 0;
    transform: translateY(-65px);
}
#header.header2.sticky .header-area {
    padding: 24px 38px 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
#header.header2.sticky .header-area #nav .drop-down, #header.header2.sticky .header-area #nav .nav-drop {
    top: 48px;
}
#header.header2.sticky .header-area #nav .drop-down .nav2, #header.header2.sticky .header-area #nav .nav-drop .nav2 {
    top: 0;
}
#header.header2.sticky .search-popup.form4 .search-form {
    height: 80px;
    padding: 4px 0 0;
}
#header.header2.sticky .search-popup.form4 .search-close {
    top: 40px;
}
#header.header3 {
    padding: 0 0 10px;
}
#header.header3 .top-nav {
    background: #fff;
    padding: 15px 0 13px;
}
#header.header3 .top-nav .tel a {
    color: #a8a8a9;
}
#header.header3 .top-nav .side-nav li:before {
    height: 25px;
}
#header.header3 .top-nav .side-nav a {
    color: #323031;
}
#header.header3 .top-nav .side-nav .drop-down {
    text-align: left;
    text-transform: uppercase;
    padding: 19px 23px 0;
}
#header.header3 .top-nav .side-nav .drop-down li {
    padding: 0;
}
#header.header3 .top-nav .side-nav .drop-down a {
    color: #fff;
}
#header.header3 .header-area {
    padding: 26px 0 15px;
    transition: all .45s linear;
}
#header.header3 .header-area .header-holder {
    width: 63.2%}
#header.header3 #nav {
    padding-top: 3px;
}
#header.header3 .header-area #nav .drop-down, #header.header3 .header-area #nav .nav-drop {
    top: 48px;
}
#header.header3 .header-area #nav .drop-down .nav2, #header.header3 .header-area #nav .nav-drop .nav2 {
    top: 0;
}
#header.header3 .nav-opener {
    margin: 5px 20px 0 30px;
}
#header.header3 .nav-opener span, #header.header3 .nav-opener:after, #header.header3 .nav-opener:before {
    background: #323031;
}
#header.header3 .search {
    width: 58px;
    height: 45px;
    margin: -11px 0 0;
    line-height: 24px;
    background: #323031;
    color: #fff;
}
#header.header3.sticky {
    margin: -51px 0 0;
}
#header.header3.sticky .header-area {
    padding: 25px 0;
}
#header.header4 .logo {
    margin: 0 auto;
}
#header.header4 .header-holder {
    float: left;
    width: 46.4%}
#header.header4 #nav {
    top: 100%;
    opacity: 0;
    left: -100%;
    width: 100%;
    float: none;
    margin: 0;
    padding: 9px 0 9px;
    text-align: center;
    position: absolute;
    visibility: hidden;
    transition: all .25s linear;
}
#header.header4 #nav>ul .fa-angle-down {
    margin: 0 -11px 0 7px;
}
#header.header4 .logo {
    background-color: #fff;
    float: none;
    position: absolute;
    top: 0;
    left: 55px;
    padding: 0 19px;
    box-shadow: 0 39px 18px -9px #2f2e2e;
}
#header.header4 .nav-opener {
    float: right;
    margin-right: 49px;
    margin-left: 29px;
}
#header.header4 .search-icon {
    float: right;
}
#header.header4.transparent {
    background-color: #ffffffeb;
    border-top: 4px solid #2c699b;
    box-shadow: 0 0 10px;
}
#header.header4.sticky {
    background: #fff;
    box-shadow: 0 15px 18px -9px #2f2e2e;
}
#header.header4.sticky #nav {
    background: #323031;
}
#header.header4 .side-nav li:before {
    top: -1px;
}
#header.style1 .header-holder {
    right: 0;
    top: 0;
    opacity: 0;
    overflow-y: auto;
    visibility: hidden;
    overflow-x: hidden;
    background: #323031;
    position: absolute;
    padding: 184px 43px 0;
    height: 100vh!important;
    width: 600px;
    height: 0;
    transition: all .25s linear;
}
#header.style1 #nav {
    position: static;
    margin: 0 0 192px;
}
#header.style1 #nav ul li {
    font-size: 45px;
    line-height: 50px;
    font-weight: 500;
    margin: 0;
}
#header.style1 .nav-opener {
    z-index: 9;
}
#header.style2 .header-holder {
    width: 100%;
    right: 0;
}
#header.style2 #nav {
    margin: 0 0 80px;
}
#header.style2 .social-network {
    text-align: center;
}
#header.style3 .header-holder {
    z-index: 5;
    width: 334px;
    background: #124d7d;
    padding: 78px 50px 0 50px;
}
#header.style3 .header-holder {
    background-image: url(../images/nav.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#header.style3 #nav {
    margin: 0;
    text-align: left;
}
#header.style3 #nav ul li {
    font-size: 17px;
    line-height: 25px;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
#header.style3 #nav a {
    color: #fff;
}
#header.style3 .nav-opener span, #header.style3 .nav-opener:after, #header.style3 .nav-opener:before {
    background: #323031;
}
#header.style3 .nav-opener .txt {
    top: 0;
    left: 100%;
    color: #fff;
    font-weight: 600;
    font-style: normal;
    position: absolute;
    font-size: 19px;
    padding-left: 10px;
    text-transform: uppercase;
    transition: all .25s linear;
}
#header.style3.sticky #nav {
    background: 0;
}
#header.header5 .nav-opener {
    height: 27px;
    margin: -7px 4px 0 0;
}
#header.header5 .nav-opener span, #header.header5 .nav-opener:after, #header.header5 .nav-opener:before {
    background: #323031;
}
#header.header6 .header-holder {
    width: 70%;
    height: 46px;
}
#header.header6 .side-nav {
    margin: -5px 0 0;
}
#header.header6 .side-nav>li {
    background: #e1e1e4;
    padding: 14px 15px 13px;
    vertical-align: top;
}
#header.header6 .side-nav>li:first-child {
    padding: 0;
}
#header.header6 .side-nav>li:first-child a {
    display: block;
    background: #fff;
    padding: 13px 21px 10px;
}
#header.header6 .side-nav>li:before {
    display: none;
}
#header.header6 .side-nav>li.drop {
    margin-bottom: 0;
    padding-bottom: 13px;
}
#header.header6 .side-nav a {
    color: #323031;
}
#header.header6 .side-nav .drop-down {
    right: 0;
    top: 44px;
    left: auto;
    border-radius: 0;
    background: #e1e1e4;
    border-top: 1px solid #323031;
}
#header.header6 #nav>ul>li {
    margin: 0 0 20px 34px;
}
#header.header6 #nav>ul>li:hover {
    padding-bottom: 40px;
    margin-bottom: -20px;
}
#header .header-area {
    background: #fff;
    padding: 45px 38px 35px;
}
#header .header-area .header-holder {
    padding: 0 0 0 17px;
}
#header .header-area #nav>ul>li {
    margin: 0 0 0 39px;
}
#header .header-area #nav>ul>li:first-child {
    margin: 0;
}
#header .header-area #nav>ul>li:first-child:hover, #header .header-area #nav>ul>li:hover {
    padding-bottom: 60px;
    margin-bottom: -60px;
}
#header .header-area #nav .drop-down, #header .header-area #nav .nav-drop {
    top: 68px;
}
#header .header-area #nav .drop-down .nav2, #header .header-area #nav .nav-drop .nav2 {
    top: 0;
}
#header .header-holder {
    float: right;
    width: 70.2%}
#header .side-nav {
    font-size: 0;
    color: #323031;
    margin: 0 -19px 0 0;
    float: right;
}
#header .side-nav li {
    font-size: 14px;
    line-height: 17px;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 19px;
    position: relative;
    text-align: left;
}
#header .side-nav li i {
    margin-left: 10px;
}
#header .side-nav li:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: -1px;
    bottom: auto;
    right: auto;
    background: #5b595a;
    width: 1px;
    height: 31px;
    z-index: 0;
}
#header .side-nav li:first-child:before {
    display: none;
}
#header .side-nav li:hover .drop-down {
    opacity: 1;
    visibility: visible;
}
#header .side-nav li.drop {
    padding-bottom: 45px;
    margin-bottom: -24px;
}
#header .side-nav .icon-magnifying-glass {
    font-size: 21px;
}
#header .side-nav .fa-caret-down, #header .side-nav .fa-envelope-o {
    margin: 0 0 0 5px;
}
#header .side-nav a {
    color: #000;
    transition: all .25s linear;
    font-size: 17px;
}
#header .side-nav .drop-down {
    position: absolute;
    left: -5px;
    top: 40px;
    min-width: 128px;
    background: #323031;
    opacity: 0;
    visibility: hidden;
    padding: 17px 23px 0;
    box-shadow: 0 1px 5px rgba(50, 50, 50, .1);
}
#header .side-nav .drop-down li {
    display: block;
    padding: 0;
    margin: 0 0 13px;
}
#header .side-nav .drop-down li:before {
    display: none;
}
#header .side-nav .drop-down a {
    color: #fff;
}
#header .top-nav {
    padding-top: 24px;
    padding-bottom: 19px;
}
#header .top-nav .tel {
    font-size: 14px;
    line-height: 16px;
    color: #e1e1e4;
    font-weight: 300;
    display: block;
}
#header .top-nav .tel a {
    color: #e1e1e4;
    transition: all .25s linear;
}
#header .top-nav .side-nav li {
    padding: 0 19px;
    vertical-align: top;
    z-index: 1;
}
#header .top-nav .side-nav li.drop {
    padding-bottom: 29px;
    margin-bottom: -24px;
}
#header .top-nav .side-nav a {
    color: #e1e1e4;
}
#header .search {
    font-size: 23px;
    line-height: 31px;
    width: 50px;
    height: 50px;
    color: #323031;
    float: right;
    padding: 9px;
    margin: -9px 0 0;
    transition: all .25s linear;
}
#header .search:hover {
    background: #323031;
    color: #fff;
}
#header .nav-opener {
    width: 28px;
    height: 30px;
    float: right;
    position: relative;
    z-index: 1;
    margin: 0 4px 0 0;
}
#header .nav-opener span, #header .nav-opener:after, #header .nav-opener:before {
    position: absolute;
    content: "";
    left: 0;
    top: 12px;
    background: #fff;
    width: 28px;
    height: 2px;
    transition: all .25s linear;
}
#header .nav-opener:before {
    top: 5px;
}
#header .nav-opener:after {
    top: 19px;
    right: 0;
    left: auto;
    width: 21px;
}
#header .search-icon {
    font-size: 21px;
    line-height: 23px;
    color: #fff;
    display: inline-block!important;
    vertical-align: middle;
    padding: 5px 19px;
    transition: all .25s linear;
}
#header .social-network {
    font-size: 0;
    overflow: hidden;
    margin: 0;
    text-align: left;
    text-transform: capitalize;
}
#header .social-network li {
    font-size: 14px;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 0 0 20px;
}
#header .social-network li:first-child {
    margin: 0;
}
#header .social-network .fa {
    font-size: 17px;
    line-height: 32px;
}
#header .social-network .fa.fa-facebook {
    margin: 0 6px 0 0;
}
#header .social-network .fa.fa-twitter {
    margin: 0 9px 0 0;
}
#header .social-network .fa.fa-youtube {
    margin: 0 8px 0 0;
}
#header .social-network .fa.fa-google-plus {
    margin: 0 6px 0 0;
}
#header .social-network .fa.fa-linkedin {
    margin: 0 13px 0 0;
}
#header .social-network a {
    color: grey;
    transition: all .25s linear;
}
.right-bar {
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 152px;
    position: fixed;
    background: #fff;
    pointer-events: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.banner-slider .owl-item .slide img {
    width: auto;
}
.banner-slider .owl-dots {
    position: absolute;
    width: 150px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20px;
    text-align: center;
}
.banner-slider .owl-dots .owl-dot span {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 0 3px;
}
.banner-slider .owl-dots .owl-dot.active span {
    background-color: #7ac152;
}
.logo {
    z-index: 2;
    float: left;
    position: relative;
    margin: 0 10px 0 0;
}
.logo2 {
    text-align: center;
}
.logo2 img {
    display: initial!important;
    background-color: #fff;
    padding: 6px 12px;
    box-shadow: 0 0 84px #000;
    margin-bottom: 16px;
    border: 3px solid #2b59a6;
}
#nav {
    float: left;
    margin: 8px 0 0;
    position: relative;
}
#nav ul {
    font-size: 0;
    margin: 0;
}
#nav ul li {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
#nav ul li:first-child {
    margin: 0;
}
#nav ul li.drop {
    position: static;
}
#nav ul li:hover>.drop-down, #nav ul li:hover>.nav-drop {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
#nav ul .fa {
    margin: 0 -21px 0 7px;
}
#nav ul a {
    color: #323031;
    display: block;
    white-space: nowrap;
    text-transform: none;
    transition: all .25s linear;
}
#nav .nav-drop {
    left: 0;
    right: 0;
    top: 51px;
    opacity: 0;
    text-align: left;
    position: absolute;
    visibility: hidden;
    padding: 60px 7% 50px;
    transform: translateY(20px);
    transition: all .25s linear;
}
#nav .nav-drop .h-col {
    width: 35.63%;
    float: left;
    overflow: hidden;
    padding: 0 10px 0 0;
}
#nav .nav-drop .h-col.h-col2 {
    width: 28.6%;
    padding: 0;
}
#nav .nav-drop .nav {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #777074;
    overflow: hidden;
    margin: 0;
}
#nav .nav-drop .nav li {
    display: block;
    overflow: hidden;
    margin: 0 0 14px;
    float: none;
}
#nav .nav-drop .nav a {
    color: #777074;
    padding: 0;
    white-space: normal;
    text-transform: none;
    transition: all .25s linear;
}
#nav .nav-drop .nav a:hover {
    color: #fff;
    padding-left: 8px;
    background: 0;
}
#nav .nav-drop .title {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    margin: 0 0 30px;
}
#nav .drop-down {
    left: 0;
    top: 51px;
    opacity: 0;
    text-align: left;
    min-width: 270px;
    padding: 6px 25px;
    visibility: hidden;
    background: #fff;
    position: absolute;
    font-size: 14px;
    line-height: 16px;
    transform: translateY(20px);
    transition: all .25s linear;
    box-shadow: 0 1px 5px rgba(50, 50, 50, .1);
}
#nav .drop-down.nav2 {
    top: 0;
    opacity: 0;
    left: 245px;
    visibility: hidden;
}
#nav .drop-down li {
    display: block;
    float: none;
    padding: 21px 0 22px;
    margin: 0;
    border-top: 1px solid #ececf0;
    position: relative;
}
#nav .drop-down li:first-child {
    border-top: 0;
}
#nav .drop-down li:hover .nav2 {
    opacity: 1;
    visibility: visible;
}
#nav .drop-down li:after {
    top: 0;
    bottom: 0;
    content: "";
    width: 35px;
    right: -25px;
    background: #fff;
    position: absolute;
}
#nav .drop-down .fa {
    margin: 0 11px 0 2px;
}
#nav .drop-down a {
    color: #585456;
    text-transform: none;
    white-space: normal;
}
#nav .drop-down a:hover {
    padding-left: 10px;
}
#nav .nav-opener {
    top: 15px;
    right: 15px;
    position: absolute;
}
#nav .nav-opener span, #nav .nav-opener:after, #nav .nav-opener:before {
    background: #fff!important;
}
.nav-active .main-nav {
    width: 100%;
    float: none;
}
.nav-active .main-nav #nav {
    opacity: 1;
    visibility: visible;
}
.nav-active #header .nav-opener {
    margin-top: -7px;
    transition: all .25s linear;
}
.nav-active #header .nav-opener:before {
    transform: rotate(45deg);
    margin: 12px 0 0;
}
.nav-active #header .nav-opener:after {
    display: none;
}
.nav-active #header .nav-opener span {
    transform: rotate(-45deg);
    margin: 5px 0 0;
}
.nav-active #header.header4 #nav {
    left: 0;
    opacity: 1;
    visibility: visible;
}
.nav-active #header.style1 .header-holder {
    opacity: 1;
    visibility: visible;
}
.nav-active #header.style3 .nav-opener .txt {
    top: 10px;
}
.main-nav {
    position: relative;
    z-index: 1;
}
.main-nav #nav {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .25s linear;
}
.main-nav #nav ul li {
    float: none;
    display: block;
    overflow: hidden;
}
.main-nav #nav ul a {
    display: block;
    transition: all .25s linear;
}
.search-popup {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 9999;
    position: fixed;
    visibility: hidden;
    transition: all .25s linear;
    background: rgba(21, 20, 20, .7);
}
.search-popup.form2 .search-close {
    top: 67px;
}
.search-popup.form2 .search-form {
    position: absolute;
    right: 109px;
    top: 32px;
    width: 1202px;
    height: 71px;
}
.search-popup.form2 .search-form .search {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 32px;
    line-height: 46px;
    color: #323031;
    padding: 10px 0 14px 29px;
    text-align: center;
}
.search-popup.form2 .search-form .form-control {
    width: 100%;
    float: none;
    padding: 26px 37px 25px 93px;
}
.search-popup.form3 {
    background: #151414;
}
.search-popup.form3 .search-form {
    position: static;
    margin: 0 auto;
    overflow: hidden;
}
.search-popup.form3 .search-form .form-control {
    padding: 26px 30px 22px 58px;
}
.search-popup.form3 .search-form .icon {
    border-radius: 45px 0 0 45px;
}
.search-popup.form4 .search-form {
    top: 0;
    right: 130px;
    width: 765px;
    height: 118px;
    padding: 30px 0 0;
    background: #f5f5f6;
}
.search-popup.form4 .search-form .icon {
    font-size: 30px;
}
.search-popup.form4 .search-close {
    top: 62px;
    right: 66px;
}
.search-popup.form4 .search-close span {
    pointer-events: none;
    background: #323031!important;
}
.search-popup .form-holder {
    width: 100%;
    height: 100vh;
    display: table;
    vertical-align: middle;
}
.search-popup .form-block {
    display: table-cell;
    vertical-align: middle;
}
.search-popup .search-form {
    top: 93px;
    right: 58px;
    position: absolute;
    width: 945px;
    height: 68px;
    background: #fff;
}
.search-popup .search-form .form-control {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #777074;
    width: 86%;
    height: 100%;
    background: 0;
    border: 0;
    border-radius: 0;
    padding: 26px 37px 22px;
    box-shadow: none;
    margin: 0;
    float: left;
}
.search-popup .search-form .icon {
    font-size: 40px;
    line-height: 44px;
    color: #323031;
    padding: 11px 10px;
    text-align: center;
    width: 14%;
    height: 100%;
    float: left;
    border: 0;
    border-radius: none;
}
.search-popup .search-close {
    position: absolute;
    right: 75px;
    top: 42px;
    width: 24px;
    height: 24px;
    display: block;
    transition: all .25s linear;
}
.search-popup .search-close span {
    background: #fff;
    display: block;
    width: 24px;
    height: 2px;
    transform: rotate(45deg);
}
.search-popup .search-close span+span {
    margin: -2px 0 0;
    transform: rotate(-45deg);
}
.search-popup .title {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    display: block;
    text-align: center;
    margin: 0 0 95px;
}
.search-active .search-popup {
    opacity: 1;
    visibility: visible;
}
.search-active .header-holder .search .icon-magnifying-glass, .search-active .side-nav .icon-magnifying-glass {
    opacity: 0;
}
#footer {
    background-image: url(../images/footer.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#footer .btn {
    font-size: 14px;
    line-height: 16px;
    color: grey;
    display: block;
    padding: 15px 15px 12px;
    width: 226px;
    float: left;
    margin: 0 64px 0 0;
    border: 1px solid grey;
    transition: all .25s linear;
}
#footer .btn .icon-check-form, #footer .btn .icon-placeholder {
    font-size: 28px;
    line-height: 26px;
    margin: 0 12px 0 4px;
    display: inline-block;
    vertical-align: middle;
}
#footer .btn .icon-placeholder {
    margin: 0 20px 0 -34px;
}
#footer .btn:hover {
    color: #fff;
}
#footer.footer2 .footer-area {
    min-height: auto;
}
#footer.footer2 .footer-area .f-heading {
    color: #262425;
}
#footer.style2 .footer-holder {
    position: relative;
}
#footer.style2 .footer-area {
    margin: 0 auto;
    max-width: 1370px;
}
#footer.style2 #back-top {
    position: absolute;
    right: 52px;
    bottom: 80px;
    height: 59px;
    padding: 6px;
    float: none;
}
#footer.style2 #back-top:hover {
    color: #fff;
}
#footer.footer3 #back-top {
    background: #f5f5f6;
}
#footer.footer4 .footer-area {
    min-height: 276px;
    position: relative;
}
#footer.footer4 .footer-area .f-logo {
    margin: 0 auto 25px;
    float: none;
}
#footer.footer4 .f-nav {
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    margin: 0 0 18px;
    overflow: hidden;
}
#footer.footer4 .f-nav li {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 0 20px 0 0;
}
#footer.footer4 .social-network {
    font-size: 17px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
}
#footer.footer4 .social-network li {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 12px 0 0;
}
#footer.footer4 .social-network .fa.fa-facebook, #footer.footer4 .social-network .fa.fa-google-plus, #footer.footer4 .social-network .fa.fa-linkedin, #footer.footer4 .social-network .fa.fa-twitter, #footer.footer4 .social-network .fa.fa-youtube {
    margin: 0;
}
#footer.footer4 .social-network a {
    width: 45px;
    height: 45px;
    color: grey;
    transition: all .25s linear;
    border: 1px solid grey;
    display: block;
    text-align: center;
    padding: 5px;
}
#footer.footer4 .social-network a:hover {
    background: grey;
    color: #323031;
}
#footer.footer4 #back-top {
    position: absolute;
    right: 52px;
    top: -30px;
    height: 59px;
    padding: 6px;
    float: none;
}
#footer.footer5 .footer-holder {
    padding: 30px 0 26px;
}
#footer.footer5 .footer-holder .copyright {
    padding: 0;
}
#footer.footer5 .social-network {
    font-size: 17px;
    line-height: 20px;
    overflow: hidden;
    text-align: right;
}
#footer.footer5 .social-network li {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 12px 0 0;
}
#footer.footer5 .social-network .fa.fa-facebook, #footer.footer5 .social-network .fa.fa-google-plus, #footer.footer5 .social-network .fa.fa-linkedin, #footer.footer5 .social-network .fa.fa-twitter, #footer.footer5 .social-network .fa.fa-youtube {
    margin: 0;
}
#footer.footer5 .social-network a {
    color: grey;
    transition: all .25s linear;
    display: block;
}
#footer.footer5 #back-top {
    position: absolute;
    right: 52px;
    bottom: 50px;
    height: 59px;
    padding: 6px;
    float: none;
    color: #323031;
}
.footer-area {
    min-height: 0;
    font-size: 16px;
    line-height: 26px;
    background-image: none!important;
    color: #fff;
    padding-top: 120px;
    padding-bottom: 20px;
    margin-top: -60px;
}
.footer-area p {
    margin: 0 0 19px;
    padding: 0 50px 0 0;
}
.footer-area .f-logo {
    width: 209px;
    overflow: hidden;
    margin: auto;
    margin-top: -32px;
}
.f-logo img {
    background-color: #eee;
    padding: 10px;
    margin-bottom: 16px;
}
.footer-area .contact-list {
    line-height: 34px;
    overflow: hidden;
    margin: 0;
}
.footer-area .contact-list li {
    display: block;
    overflow: hidden;
    margin: 0;
}
.footer-area .contact-list address {
    overflow: hidden;
    font-style: normal;
    margin: 0;
    line-height: 34px;
}
.footer-area .contact-list .fa {
    font-size: 18px;
    line-height: 20px;
    float: left;
    margin: 7px 18px 0 2px;
}
.footer-area .contact-list .fa .fa-map-marker {
    font-size: 20px;
    line-height: 22px;
}
.footer-area .contact-list a {
    color: #fff;
    float: left;
    transition: all .25s linear;
}
.footer-area .f-heading {
    font-size: 23px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    margin: 0 0 26px;
    display: block;
    padding: 3px 0 0;
}
.footer-area .f-heading.clr {
    color: #262425;
}
.footer-area .f-nav {
    overflow: hidden;
    margin: 0;
}
.footer-area .f-nav li {
    overflow: hidden;
    margin: 0 0 8px;
}
.footer-area .f-nav a {
    color: #fff;
    transition: all .25s linear;
}
.footer-area .btn-holder {
    margin-top: -10px;
}
.footer-holder {
    color: #fff;
    padding: 20px 0;
    text-align: center;
}
.footer-holder.footer {
    padding: 10px 0;
}
.footer-holder.footer #back-top {
    color: #fff;
    height: 61px;
    padding: 6px;
}
.footer-holder.footer #back-top:hover {
    background: #323031;
}
.footer-holder .copyright {
    font-size: 14px;
    padding: 0;
}
.footer-holder p {
    margin: 0;
}
.social-network {
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
    margin: -3px 0 0;
}
.social-network li {
    overflow: hidden;
    margin: 0 0 2px;
}
.social-network .fa {
    font-size: 17px;
    line-height: 32px;
}
.social-network .fa.fa-facebook {
    margin: 0 17px 0 0;
}
.social-network .fa.fa-twitter {
    margin: 0 12px 0 0;
}
.social-network .fa.fa-youtube {
    margin: 0 13px 0 0;
}
.social-network .fa.fa-google-plus {
    margin: 0 6px 0 0;
}
.social-network .fa.fa-linkedin {
    margin: 0 13px 0 0;
}
.social-network a {
    color: grey;
    transition: all .25s linear;
}
.newsletter-form {
    position: relative;
    padding: 11px 8px 8px;
    border: 1px solid grey;
}
.newsletter-form .form-control {
    border: 0;
    color: grey;
    font-weight: 300;
    box-shadow: none;
    background: 0;
}
.newsletter-form .form-control::-webkit-input-placeholder {
    color: grey;
}
.newsletter-form .form-control::-webkit-input-placeholder .form-control {
    color: grey;
}
.newsletter-form .form-control::-moz-placeholder {
    opacity: 1;
    color: grey;
}
.newsletter-form .form-control::-moz-placeholder .form-control {
    color: grey;
}
.newsletter-form .form-control:-moz-placeholder {
    color: grey;
}
.newsletter-form .form-control:-moz-placeholder .form-control {
    color: grey;
}
.newsletter-form .form-control:-ms-input-placeholder {
    color: grey;
}
.newsletter-form .form-control:-ms-input-placeholder .form-control {
    color: grey;
}
.newsletter-form .form-control.placeholder {
    color: grey;
}
.newsletter-form .form-control.placeholder .form-control {
    color: grey;
}
.newsletter-form .sub-btn {
    border: 0;
    top: 15px;
    right: 10px;
    color: grey;
    font-size: 25px;
    position: absolute;
    background: 0;
    transition: all .25s linear;
}
.slider-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: .8;
    background: #02224b;
    position: absolute;
}
.mt-mainslider {
    overflow: hidden;
    line-height: 34px;
    position: relative;
}
.mt-mainslider.style3 {
    padding: 70px;
}
.mt-mainslider.style3 .slide {
    height: 85vh;
}
.mt-mainslider.style4 {
    border-radius: 0 0 25px 25px;
}
.mt-mainslider.half-height .slide {
    height: 770px;
}
.mt-mainslider.left-align .caption {
    transform: translate(-70%, -35%);
}
.mt-mainslider.small-width {
    margin: 0 auto;
    max-width: 1350px;
}
.mt-mainslider.animate .heading {
    opacity: 0;
    transform: translateY(60px);
    transition: all .6s linear;
}
.mt-mainslider.animate .title {
    opacity: 0;
    transform: translateY(80px);
    transition: all .6s linear .6s;
}
.mt-mainslider.animate p {
    opacity: 0;
    transform: translateY(100px);
    transition: all .6s linear 1.2s;
}
.mt-mainslider.animate .post-btn {
    opacity: 0;
    transform: translateY(120px);
    transition: all .6s linear 1.8s;
}
.slide1 {
    background-image: url(../images/sliders/slide1.jpg);
}
.slide2 {
    background-image: url(../images/sliders/slide2.jpg);
}
.slide3 {
    background-image: url(../images/sliders/slide3.jpg);
}
.slide4 {
    background-image: url(../images/sliders/slide4.jpg);
}
.w-h {
    height: 219px!important;
}
.mt-mainslider.animate .slick-active .heading, .mt-mainslider.animate .slick-active .post-btn, .mt-mainslider.animate .slick-active .title, .mt-mainslider.animate .slick-active p {
    opacity: 1;
    transform: translateY(0);
}
.mt-mainslider .arrow-bottom {
    bottom: 0;
    left: 50%;
    color: #fff;
    font-size: 34px;
    line-height: 70px;
    position: absolute;
    transition: all .25s linear;
    transform: translateX(-50%);
}
.mt-mainslider .arrow-bottom.rotate {
    transform: translateX(-50%) rotate(90deg);
}
.mt-mainslider .slide {
    z-index: 1;
    height: 100vh;
    position: relative;
}
.mt-mainslider .slide::before {
    top: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
}
.mt-mainslider .caption {
    top: 44%;
    left: 50%;
    z-index: 1;
    max-width: 1042px;
    position: absolute;
    padding: 40px 10px;
    transform: translate(-50%, -35%);
}
.mt-mainslider .heading {
    margin: 0;
}
.mt-mainslider .heading.bg {
    padding: 0 15px;
    margin-bottom: 5px;
    vertical-align: top;
    display: inline-block;
}
.mt-mainslider .title {
    display: block;
    margin: 0 0 4px;
    font: 300 48px/1.2 klavika, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.mt-mainslider .title.bg {
    padding: 0 15px;
    margin-bottom: 5px;
    vertical-align: top;
    display: inline-block;
}
.mt-mainslider p {
    margin: 0 0 23px;
}
.mt-mainslider .post-btn {
    margin-bottom: 10px;
    padding: 8px 26px 8px 38px;
}
.mt-mainslider .post-btn .icon-right-arrow {
    margin: 8px 0 0 22px;
}
.mt-mainslider .slide-border {
    top: 70px;
    left: 70px;
    right: 70px;
    z-index: -1;
    bottom: 70px;
    opacity: .2;
    position: absolute;
    border: 1px solid #fff;
}
.mt-mainslider .slide-border.topbox {
    top: 90px;
}
.mt-mainslider .slider-arrow {
    top: -5px;
    left: -5px;
    opacity: .2;
    width: 210px;
    height: 210px;
    position: absolute;
    border: 1px solid #fff;
}
.mt-mainslider .slider-arrow.right-arrow {
    top: auto;
    left: auto;
    right: -5px;
    bottom: -5px;
    border-width: 0 1px 1px 0;
}
.mt-mainslider .slider-arrow.left-arrow {
    border-width: 1px 0 0 1px;
}
.slider-pg .slick-dots, .sliderfade-pg .slick-dots {
    top: 50%;
    margin: 0;
    padding: 0;
    right: 21px;
    font-size: 14px;
    list-style: none;
    line-height: 34px;
    position: absolute;
    transform: translateY(-50%);
}
.slider-pg .slick-dots .slick-active, .sliderfade-pg .slick-dots .slick-active {
    font-weight: 700;
}
.slider-pg .slick-dots .slick-active button:after, .sliderfade-pg .slick-dots .slick-active button:after {
    opacity: 1;
    width: 36px;
}
.slider-pg .slick-dots button, .sliderfade-pg .slick-dots button {
    border: 0;
    padding: 0;
    width: 62px;
    color: #fff;
    text-align: right;
    position: relative;
    background: 0;
    transition: all .25s linear;
}
.slider-pg .slick-dots button:before, .sliderfade-pg .slick-dots button:before {
    content: "0"}
.slider-pg .slick-dots button:after, .sliderfade-pg .slick-dots button:after {
    left: 0;
    top: 50%;
    content: "";
    width: 24px;
    opacity: .2;
    position: absolute;
    transform: translateY(-50%);
    transition: all .25s linear;
    border-bottom: 1px solid #fff;
}
.style2.mt-mainslider .slider-pg .slick-dots, .style2.mt-mainslider .sliderfade-pg .slick-dots {
    right: 90px;
}
.style3.mt-mainslider .slider-pg .slick-dots, .style3.mt-mainslider .sliderfade-pg .slick-dots {
    right: -45px;
}
.style3.mt-mainslider .slider-pg .slick-dots li, .style3.mt-mainslider .sliderfade-pg .slick-dots li {
    cursor: pointer;
    max-height: 15px;
    margin: 0 0 15px;
    transition: all .35s linear;
}
.style3.mt-mainslider .slider-pg .slick-dots li.slick-active, .style3.mt-mainslider .sliderfade-pg .slick-dots li.slick-active {
    max-height: 300px;
}
.style3.mt-mainslider .slider-pg .slick-dots li.slick-active button, .style3.mt-mainslider .sliderfade-pg .slick-dots li.slick-active button {
    color: #323031;
    max-height: 200px;
    padding: 0 0 90px;
}
.style3.mt-mainslider .slider-pg .slick-dots li.slick-active:before, .style3.mt-mainslider .sliderfade-pg .slick-dots li.slick-active:before {
    border-color: #323031;
}
.style3.mt-mainslider .slider-pg .slick-dots li:before, .style3.mt-mainslider .sliderfade-pg .slick-dots li:before {
    width: 15px;
    height: 15px;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 2px solid #c9c9cb;
}
.style3.mt-mainslider .slider-pg .slick-dots button, .style3.mt-mainslider .sliderfade-pg .slick-dots button {
    padding: 0;
    width: auto;
    max-height: 0;
    overflow: hidden;
    transition: all .35s linear;
}
.style3.mt-mainslider .slider-pg .slick-dots button:after, .style3.mt-mainslider .sliderfade-pg .slick-dots button:after {
    top: auto;
    left: 7px;
    opacity: 1;
    width: 1px;
    height: 79px;
    bottom: -29px;
    border-bottom: 0;
    border-right: 1px solid #323031;
}
.slider-ar:hover .slick-arrow, .sliderfade-ar:hover .slick-arrow {
    opacity: 1;
}
.slider-ar.arrow-zradius .slick-arrow, .sliderfade-ar.arrow-zradius .slick-arrow {
    border-radius: 0;
}
.slider-ar .slick-arrow, .sliderfade-ar .slick-arrow {
    top: 50%;
    z-index: 2;
    padding: 0;
    width: 60px;
    right: 170px;
    height: 60px;
    font-size: 0;
    opacity: .5;
    color: #fff;
    overflow: hidden;
    position: absolute;
    border-radius: 50%;
    background: 0;
    border: 1px solid #fff;
    transform: translateY(-50%);
    transition: all .25s linear;
}
.slider-ar .slick-arrow:after, .sliderfade-ar .slick-arrow:after {
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    content: " ";
    position: absolute;
    border: solid #fff;
    border-width: 1px 1px 0 0;
    transform: translate(-80%, -50%) rotate(45deg);
}
.slider-ar .slick-prev, .sliderfade-ar .slick-prev {
    right: auto;
    left: 170px;
}
.slider-ar .slick-prev:after, .sliderfade-ar .slick-prev:after {
    transform: translate(-35%, -50%) rotate(-135deg);
}
.slider-ar .slick-dots, .sliderfade-ar .slick-dots {
    top: 50%;
    margin: 0;
    padding: 0;
    right: 21px;
    font-size: 14px;
    list-style: none;
    line-height: 34px;
    position: absolute;
    transform: translateY(-50%);
}
.slider-ar .slick-dots .slick-active, .sliderfade-ar .slick-dots .slick-active {
    font-weight: 700;
}
.slider-ar .slick-dots .slick-active button:after, .sliderfade-ar .slick-dots .slick-active button:after {
    opacity: 1;
    width: 36px;
}
.slider-ar .slick-dots button, .sliderfade-ar .slick-dots button {
    border: 0;
    padding: 0;
    width: 62px;
    color: #fff;
    text-align: right;
    position: relative;
    background: 0;
    transition: all .25s linear;
}
.slider-ar .slick-dots button:before, .sliderfade-ar .slick-dots button:before {
    content: "0"}
.slider-ar .slick-dots button:after, .sliderfade-ar .slick-dots button:after {
    left: 0;
    top: 50%;
    content: "";
    width: 24px;
    opacity: .2;
    position: absolute;
    transform: translateY(-50%);
    transition: all .25s linear;
    border-bottom: 1px solid #fff;
}
.slider-blog .slick-arrow {
    top: 50%;
    border: 0;
    padding: 0;
    z-index: 1;
    width: 82px;
    color: #323031;
    opacity: .2;
    font-size: 18px;
    text-align: right;
    position: absolute;
    background: 0;
    transition: all ease .3s;
    text-transform: uppercase;
    transform: translateY(-50%);
    font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.slider-blog .slick-arrow:after {
    top: -4px;
    font-size: 24px;
    content: "\e90f";
    position: absolute;
    font-family: icomoon;
}
.slider-blog .slick-arrow:hover {
    opacity: 1;
}
.slider-blog .slick-prev {
    left: -82px;
}
.slider-blog .slick-prev:after {
    left: 0;
    transform: rotate(180deg);
}
.slider-blog .slick-next {
    right: -82px;
    text-align: left;
}
.slider-blog .slick-next:after {
    right: 0;
}
.wedo-slider .slick-arrow {
    top: -83px;
    border: 0;
    padding: 0;
    z-index: 2;
    width: 82px;
    color: #323031;
    opacity: .2;
    font-size: 18px;
    text-align: right;
    position: absolute;
    background: 0;
    transition: all ease .3s;
    text-transform: uppercase;
    font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wedo-slider .slick-arrow:after {
    top: -4px;
    font-size: 24px;
    content: "\e90f";
    position: absolute;
    font-family: icomoon;
}
.wedo-slider .slick-arrow:hover {
    opacity: 1;
}
.wedo-slider .slick-prev {
    right: 138px;
}
.wedo-slider .slick-prev:after {
    left: 0;
    transform: rotate(180deg);
}
.wedo-slider .slick-next {
    right: 20px;
    text-align: left;
}
.wedo-slider .slick-next:after {
    right: 0;
}
.wedo-slider.style2 {
    margin: 0 auto;
    max-width: 1420px;
}
.wedo-slider.style2 .item {
    margin: 0 5.3%}
.wedo-slider.style2 .slick-arrow {
    top: -60px;
}
.p-slider-nav .slick-arrow {
    top: 50%;
    border: 0;
    padding: 0;
    z-index: 2;
    width: 32px;
    color: #323031;
    opacity: .2;
    height: 26px;
    font-size: 18px;
    text-align: right;
    position: absolute;
    background: 0;
    transition: all ease .3s;
    text-transform: uppercase;
    transform: translateY(-50%);
    font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.p-slider-nav .slick-arrow:after {
    top: -4px;
    font-size: 24px;
    content: "\e90f";
    position: absolute;
    font-family: icomoon;
}
.p-slider-nav .slick-arrow:hover {
    opacity: 1;
}
.p-slider-nav .slick-prev {
    left: 0;
}
.p-slider-nav .slick-prev:after {
    left: 0;
    transform: rotate(180deg);
}
.p-slider-nav .slick-next {
    right: 0;
    text-align: left;
}
.p-slider-nav .slick-next:after {
    right: 0;
}
.p-detail-slider img {
    opacity: .2;
    transition: all ease .3s;
}
.p-detail-slider .slick-current img {
    opacity: 1;
}
.p-detail-slider .slick-dots {
    margin: 0;
    list-style: none;
    text-align: center;
    padding: 35px 0 12px;
}
.p-detail-slider .slick-dots li {
    width: 17px;
    height: 17px;
    cursor: pointer;
    border-radius: 50%;
    margin: 3px 6px 0 8px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e1e1e4;
}
.p-detail-slider .slick-dots li.slick-active button, .p-detail-slider .slick-dots li:hover button {
    opacity: 1;
}
.p-detail-slider .slick-dots button {
    border: 0;
    padding: 0;
    width: 9px;
    opacity: 0;
    height: 9px;
    margin: 3px 0 0;
    text-align: left;
    overflow: hidden;
    border-radius: 50%;
    vertical-align: top;
    text-indent: -9999px;
    display: inline-block;
    transition: all .2s ease 0s;
}
.p-detail-slider .slick-arrow {
    top: 50%;
    border: 0;
    padding: 0;
    z-index: 2;
    width: 32px;
    z-index: 55;
    height: 26px;
    color: #fff;
    font-size: 18px;
    text-align: right;
    position: absolute;
    background: 0;
    transition: all ease .3s;
    text-transform: uppercase;
    transform: translateY(-50%);
    font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.p-detail-slider .slick-arrow:after {
    top: -4px;
    font-size: 24px;
    content: "\e90f";
    position: absolute;
    font-family: icomoon;
}
.p-detail-slider .slick-arrow:hover {
    opacity: .7;
}
.p-detail-slider .slick-prev {
    left: 20%}
.p-detail-slider .slick-prev:after {
    left: 0;
    transform: rotate(180deg);
}
.p-detail-slider .slick-next {
    right: 20%;
    text-align: left;
}
.p-detail-slider .slick-next:after {
    right: 0;
}
a, button {
    outline: 0!important;
}
a.active, a:focus, a:hover {
    text-decoration: none;
    outline: 0;
}
.img-responsive2 {
    width: 100%;
    height: auto;
    display: block;
}
.overlay {
    z-index: 1;
    position: relative;
}
.overlay:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: .85;
}
.overlay.overlay-light:before {
    opacity: .7;
}
.color-white {
    color: #fff;
}
.parallax {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.bg-full {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-dark {
    background-color: #000;
}
.bg-grey {
    background-color: #f5f5f6;
}
.bg-grey2 {
    background-color: #f7f3f3;
}
.bg-grey3 {
    background-color: #fbfbfb;
}
.bg-white {
    background-color: #fff;
}
.no-bg {
    background-color: transparent!important;
}
.pad-t-md {
    padding-top: 70px;
}
.pad-t-sm {
    padding-top: 50px;
}
.pad-t-xs {
    padding-top: 30px;
}
.pad-b-md {
    padding-bottom: 70px;
}
.pad-b-sm {
    padding-bottom: 50px;
}
.pad-b-xs {
    padding-bottom: 30px;
}
.mar-t-md {
    margin-top: 70px;
}
.mar-t-sm {
    margin-top: 50px;
}
.mar-t-xs {
    margin-top: 30px;
}
.mar-b-md {
    margin-bottom: 70px;
}
.mar-b-sm {
    margin-bottom: 50px;
}
.mar-b-xs {
    margin-bottom: 30px;
}
.mar-zero {
    margin: 0!important;
}
.round {
    border-radius: 100%}
.md-round {
    border-radius: 5px;
}
.lg-round {
    border-radius: 45px;
}
.border {
    border-top: 1px solid #ececec;
}
.border-bottom {
    border-bottom: 1px solid #ececec;
}
.post-btn {
    color: #323031;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    padding: 11px 31px 11px 26px;
    border: 1px solid #323031;
    transition: all .25s linear;
}
.post-btn:hover {
    background: #323031;
    color: #fff;
}
.post-btn.no-border {
    border: 0;
    padding: 0;
}
.post-btn.no-border:hover {
    background: 0;
}
.post-btn.white {
    color: #fff;
    border-color: #7bc254;
    background-color: #7bc254;
}
.post-btn .icon-right-arrow {
    top: -1px;
    font-size: 20px;
    line-height: 20px;
    position: relative;
    margin: 0 0 0 13px;
    display: inline-block;
    vertical-align: middle;
}
.menu-active #nav {
    opacity: 1;
    visibility: visible;
}
.blog-holder, .portfolio-holder {
    overflow: hidden;
}
.post {
    overflow: hidden;
}
.post.post2 .txt-holder {
    margin: -81px 0 0;
    padding: 0 26px 0 24px;
}
.post.post2 h3 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 12px;
}
.post.post2 .header {
    padding: 18px 27px;
}
.post.post2 .author-by, .post.post2 .skill {
    display: block;
}
.post.post2 .author-by {
    margin: 0 0 8px;
}
.post.post3 .txt-holder {
    margin: 0;
    padding: 0;
}
.post.post3 h3 {
    font-size: 18px;
    line-height: 22px;
    margin: 0;
}
.post.post3 .header {
    padding: 14px 0 20px;
}
.post.post3 .time {
    width: auto;
    background: 0;
    padding: 0;
    font-weight: 400;
}
.post.post4 .img-holder {
    margin: 0 0 14px;
}
.post.post4 .txt-holder {
    margin: 0;
    padding: 0;
}
.post.post4 h3 {
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 17px;
}
.post.post4 .header {
    font-size: 14px;
    line-height: 16px;
    color: #a5a5a5;
    padding: 0;
}
.post.post5 {
    font-weight: 300;
}
.post.post5 .img-holder {
    margin: 0;
}
.post.post5 .post-info {
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    color: #a5a5a5;
}
.post.post5 .post-info p {
    margin: 0 0 24px;
}
.post.post5 .header {
    padding: 0;
    margin: 0 0 9px;
}
.post.post5 .time {
    background: #323031;
    color: #fff;
    width: 122px;
    float: left;
    padding: 33px 35px 31px 30px;
}
.post.post5 .align-left {
    overflow: hidden;
    float: left;
    padding: 23px 29px;
}
.post.post5 h3 {
    font-size: 18px;
    line-height: 20px;
    color: #323031;
    font-weight: 600;
    margin: 0 0 23px;
}
.post.post5 h3 a {
    color: #323031;
    transition: all .25s linear;
}
.post.post5 .post-btn .icon-right-arrow {
    top: 5px;
}
.post.post6 .img-holder {
    width: 42.5%;
    float: left;
    position: relative;
}
.post.post6 .post-info {
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    color: #a5a5a5;
    margin: -5px 0 0;
    padding: 0 0 14px 30px;
    word-spacing: -1px;
}
.post.post6 .post-info p {
    margin: 0 0 69px;
}
.post.post6 .header {
    margin: 0 0 34px;
    word-spacing: 0;
}
.post.post6 .time {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    color: #323031;
}
.post.post7 .post-info {
    padding: 0 92px;
}
.post.post7 .post-info p {
    margin: 0 0 36px;
}
.post.post7 .header {
    padding: 0 170px 0 209px;
}
.post.post8 {
    position: relative;
}
.post.post8 .txt-holder {
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    bottom: 0;
    padding: 0;
    position: absolute;
    background: linear-gradient(top, rgba(50, 48, 49, .01) 0, rgba(50, 48, 49, .03) 16%, rgba(50, 48, 49, .11) 28%, rgba(50, 48, 49, .18) 34%, rgba(50, 48, 49, .22) 38%, rgba(50, 48, 49, .25) 40%, rgba(50, 48, 49, .26) 41%, rgba(50, 48, 49, .29) 42%, rgba(50, 48, 49, .32) 44%, rgba(50, 48, 49, .33) 46%, rgba(50, 48, 49, .36) 47%, rgba(50, 48, 49, .43) 52%, rgba(50, 48, 49, .46) 53%, rgba(50, 48, 49, .51) 57%, rgba(50, 48, 49, .55) 58%, rgba(50, 48, 49, .55) 59%, rgba(50, 48, 49, .59) 61%, rgba(50, 48, 49, .59) 62%, rgba(50, 48, 49, .62) 63%, rgba(50, 48, 49, .62) 64%, rgba(50, 48, 49, .67) 67%, rgba(50, 48, 49, .74) 73%, rgba(50, 48, 49, .79) 81%, rgba(50, 48, 49, .83) 87%, rgba(50, 48, 49, .87) 100%);
    background: -moz-linear-gradient(top, rgba(50, 48, 49, .01) 0, rgba(50, 48, 49, .03) 16%, rgba(50, 48, 49, .11) 28%, rgba(50, 48, 49, .18) 34%, rgba(50, 48, 49, .22) 38%, rgba(50, 48, 49, .25) 40%, rgba(50, 48, 49, .26) 41%, rgba(50, 48, 49, .29) 42%, rgba(50, 48, 49, .32) 44%, rgba(50, 48, 49, .33) 46%, rgba(50, 48, 49, .36) 47%, rgba(50, 48, 49, .43) 52%, rgba(50, 48, 49, .46) 53%, rgba(50, 48, 49, .51) 57%, rgba(50, 48, 49, .55) 58%, rgba(50, 48, 49, .55) 59%, rgba(50, 48, 49, .59) 61%, rgba(50, 48, 49, .59) 62%, rgba(50, 48, 49, .62) 63%, rgba(50, 48, 49, .62) 64%, rgba(50, 48, 49, .67) 67%, rgba(50, 48, 49, .74) 73%, rgba(50, 48, 49, .79) 81%, rgba(50, 48, 49, .83) 87%, rgba(50, 48, 49, .87) 100%);
    background: -webkit-linear-gradient(top, rgba(50, 48, 49, .01) 0, rgba(50, 48, 49, .03) 16%, rgba(50, 48, 49, .11) 28%, rgba(50, 48, 49, .18) 34%, rgba(50, 48, 49, .22) 38%, rgba(50, 48, 49, .25) 40%, rgba(50, 48, 49, .26) 41%, rgba(50, 48, 49, .29) 42%, rgba(50, 48, 49, .32) 44%, rgba(50, 48, 49, .33) 46%, rgba(50, 48, 49, .36) 47%, rgba(50, 48, 49, .43) 52%, rgba(50, 48, 49, .46) 53%, rgba(50, 48, 49, .51) 57%, rgba(50, 48, 49, .55) 58%, rgba(50, 48, 49, .55) 59%, rgba(50, 48, 49, .59) 61%, rgba(50, 48, 49, .59) 62%, rgba(50, 48, 49, .62) 63%, rgba(50, 48, 49, .62) 64%, rgba(50, 48, 49, .67) 67%, rgba(50, 48, 49, .74) 73%, rgba(50, 48, 49, .79) 81%, rgba(50, 48, 49, .83) 87%, rgba(50, 48, 49, .87) 100%);
    background: linear-gradient(to bottom, rgba(50, 48, 49, .01) 0, rgba(50, 48, 49, .03) 16%, rgba(50, 48, 49, .11) 28%, rgba(50, 48, 49, .18) 34%, rgba(50, 48, 49, .22) 38%, rgba(50, 48, 49, .25) 40%, rgba(50, 48, 49, .26) 41%, rgba(50, 48, 49, .29) 42%, rgba(50, 48, 49, .32) 44%, rgba(50, 48, 49, .33) 46%, rgba(50, 48, 49, .36) 47%, rgba(50, 48, 49, .43) 52%, rgba(50, 48, 49, .46) 53%, rgba(50, 48, 49, .51) 57%, rgba(50, 48, 49, .55) 58%, rgba(50, 48, 49, .55) 59%, rgba(50, 48, 49, .59) 61%, rgba(50, 48, 49, .59) 62%, rgba(50, 48, 49, .62) 63%, rgba(50, 48, 49, .62) 64%, rgba(50, 48, 49, .67) 67%, rgba(50, 48, 49, .74) 73%, rgba(50, 48, 49, .79) 81%, rgba(50, 48, 49, .83) 87%, rgba(50, 48, 49, .87) 100%);
}
.post.post8 .header {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 31px 37px;
    position: absolute;
}
.post.post8 h3 {
    margin: 0 0 19px;
}
.post.post8 h3 a {
    color: #fff;
}
.post.post8 .post-nav {
    font-size: 16px;
    line-height: 18px;
}
.post.post9 {
    color: #fff;
    font-size: 14px;
    position: relative;
}
.post.post9 a {
    color: inherit;
}
.post.post9 .img-holder {
    transition: all .25s linear;
}
.post.post9:hover .header {
    transform: translateY(-20px);
}
.post.post9:hover .img-holder {
    transform: rotate(3deg) scale(1.1);
}
.post.post9 .txt-holder {
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    bottom: 0;
    padding: 0;
    position: absolute;
    background: linear-gradient(top, rgba(50, 48, 49, .01) 0, rgba(50, 48, 49, .03) 16%, rgba(50, 48, 49, .11) 28%, rgba(50, 48, 49, .18) 34%, rgba(50, 48, 49, .22) 38%, rgba(50, 48, 49, .25) 40%, rgba(50, 48, 49, .26) 41%, rgba(50, 48, 49, .29) 42%, rgba(50, 48, 49, .32) 44%, rgba(50, 48, 49, .33) 46%, rgba(50, 48, 49, .36) 47%, rgba(50, 48, 49, .43) 52%, rgba(50, 48, 49, .46) 53%, rgba(50, 48, 49, .51) 57%, rgba(50, 48, 49, .55) 58%, rgba(50, 48, 49, .55) 59%, rgba(50, 48, 49, .59) 61%, rgba(50, 48, 49, .59) 62%, rgba(50, 48, 49, .62) 63%, rgba(50, 48, 49, .62) 64%, rgba(50, 48, 49, .67) 67%, rgba(50, 48, 49, .74) 73%, rgba(50, 48, 49, .79) 81%, rgba(50, 48, 49, .83) 87%, rgba(50, 48, 49, .87) 100%);
    background: -moz-linear-gradient(top, rgba(50, 48, 49, .01) 0, rgba(50, 48, 49, .03) 16%, rgba(50, 48, 49, .11) 28%, rgba(50, 48, 49, .18) 34%, rgba(50, 48, 49, .22) 38%, rgba(50, 48, 49, .25) 40%, rgba(50, 48, 49, .26) 41%, rgba(50, 48, 49, .29) 42%, rgba(50, 48, 49, .32) 44%, rgba(50, 48, 49, .33) 46%, rgba(50, 48, 49, .36) 47%, rgba(50, 48, 49, .43) 52%, rgba(50, 48, 49, .46) 53%, rgba(50, 48, 49, .51) 57%, rgba(50, 48, 49, .55) 58%, rgba(50, 48, 49, .55) 59%, rgba(50, 48, 49, .59) 61%, rgba(50, 48, 49, .59) 62%, rgba(50, 48, 49, .62) 63%, rgba(50, 48, 49, .62) 64%, rgba(50, 48, 49, .67) 67%, rgba(50, 48, 49, .74) 73%, rgba(50, 48, 49, .79) 81%, rgba(50, 48, 49, .83) 87%, rgba(50, 48, 49, .87) 100%);
    background: -webkit-linear-gradient(top, rgba(50, 48, 49, .01) 0, rgba(50, 48, 49, .03) 16%, rgba(50, 48, 49, .11) 28%, rgba(50, 48, 49, .18) 34%, rgba(50, 48, 49, .22) 38%, rgba(50, 48, 49, .25) 40%, rgba(50, 48, 49, .26) 41%, rgba(50, 48, 49, .29) 42%, rgba(50, 48, 49, .32) 44%, rgba(50, 48, 49, .33) 46%, rgba(50, 48, 49, .36) 47%, rgba(50, 48, 49, .43) 52%, rgba(50, 48, 49, .46) 53%, rgba(50, 48, 49, .51) 57%, rgba(50, 48, 49, .55) 58%, rgba(50, 48, 49, .55) 59%, rgba(50, 48, 49, .59) 61%, rgba(50, 48, 49, .59) 62%, rgba(50, 48, 49, .62) 63%, rgba(50, 48, 49, .62) 64%, rgba(50, 48, 49, .67) 67%, rgba(50, 48, 49, .74) 73%, rgba(50, 48, 49, .79) 81%, rgba(50, 48, 49, .83) 87%, rgba(50, 48, 49, .87) 100%);
    background: linear-gradient(to bottom, rgba(50, 48, 49, .01) 0, rgba(50, 48, 49, .03) 16%, rgba(50, 48, 49, .11) 28%, rgba(50, 48, 49, .18) 34%, rgba(50, 48, 49, .22) 38%, rgba(50, 48, 49, .25) 40%, rgba(50, 48, 49, .26) 41%, rgba(50, 48, 49, .29) 42%, rgba(50, 48, 49, .32) 44%, rgba(50, 48, 49, .33) 46%, rgba(50, 48, 49, .36) 47%, rgba(50, 48, 49, .43) 52%, rgba(50, 48, 49, .46) 53%, rgba(50, 48, 49, .51) 57%, rgba(50, 48, 49, .55) 58%, rgba(50, 48, 49, .55) 59%, rgba(50, 48, 49, .59) 61%, rgba(50, 48, 49, .59) 62%, rgba(50, 48, 49, .62) 63%, rgba(50, 48, 49, .62) 64%, rgba(50, 48, 49, .67) 67%, rgba(50, 48, 49, .74) 73%, rgba(50, 48, 49, .79) 81%, rgba(50, 48, 49, .83) 87%, rgba(50, 48, 49, .87) 100%);
}
.post.post9 .header {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 7px 18px;
    position: absolute;
    transition: all .25s linear;
}
.post.post9 h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 10px;
}
.post.post9 .post-nav {
    font-size: 16px;
    line-height: 18px;
}
.post.detail .img-holder {
    float: none;
    width: 100%;
    margin: 0 0 48px;
}
.post.detail .time {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
}
.post.detail h3 {
    font-size: 22px;
    line-height: 22px;
}
.post.detail .post-info {
    margin: 0;
    padding: 0;
    word-spacing: 0;
}
.post.detail .post-info p {
    margin: 0 0 25px;
}
.post.detail .post-info ul {
    padding: 10px 0 15px 19px;
}
.post .img-holder {
    overflow: hidden;
}
.post .txt-holder {
    z-index: 1;
    padding: 0 8%;
    margin: -70px 0 0;
    position: relative;
}
.post .time {
    font-size: 16px;
    line-height: 18px;
    color: #323031;
    font-weight: 700;
    background: #fff;
    padding: 13px 13px 9px;
    width: 160px;
}
.post .header {
    width: 100%;
    overflow: hidden;
    padding: 21px 11.3%}
.post h3 {
    font-size: 22px;
    line-height: 28px;
    color: #323031;
    font-weight: 600;
    margin: 0 0 34px;
}
.post h3 a {
    color: inherit;
    transition: all .25s linear;
}
.post .author-by {
    font-size: 16px;
    line-height: 18px;
    color: #a5a5a5;
    font-weight: 400;
}
.post .author-by a {
    color: #a5a5a5;
    transition: all .25s linear;
}
.post .skill {
    font-size: 16px;
    line-height: 18px;
    color: #323031;
    font-weight: 400;
    padding: 0 7px 0 0;
}
.post blockquote {
    border: 0;
    margin: 0 0 37px;
    padding: 20px 0 0 66px;
}
.post blockquote q {
    color: #323031;
    display: block;
    font-style: italic;
    font-size: 16px;
    line-height: 24px;
    padding: 11px 8% 11px 16px;
    border-left: 10px solid #e1e1e4;
}
.post footer {
    overflow: hidden;
    padding: 34px 0 23px;
    border-top: 1px solid #f5f5f6;
    border-bottom: 1px solid #f5f5f6;
}
.post footer .widget {
    margin: 0 0 0 -5px;
}
.post footer .widget .active a, .post footer .widget a:hover {
    color: #fff;
    background: #323031;
    border-color: #323031;
}
.post footer .social {
    font-size: 20px;
}
.post footer .social a {
    color: #323031;
    transition: all .25s linear;
}
.post footer .social a:hover {
    color: #b4d2f3;
}
.post .post-nav {
    font-size: 14px;
    line-height: 16px;
    color: #a5a5a5;
    overflow: hidden;
    margin: 0;
}
.post .post-nav li {
    float: left;
    padding: 0 16px 0 15px;
    border-left: 1px solid #d8d8d8;
}
.post .post-nav li:first-child {
    padding: 0 21px 0 0;
    border: 0;
}
.post .post-nav a {
    color: #a5a5a5;
    transition: all .25s linear;
}
.comment-section {
    padding: 43px 0 0;
    overflow: hidden;
}
.comment-section h3 {
    margin: 0 0 39px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    transition: all .25s linear;
}
.comment-section h3 a {
    transition: all .25s linear;
}
.comment-section .comment-box {
    margin: 0 0 30px;
    overflow: hidden;
}
.comment-section .comment {
    margin: 0;
    padding: 0;
    color: #a5a5a6;
    font-weight: 300;
}
.comment-section .comment li {
    overflow: hidden;
}
.comment-section .comment .img {
    float: left;
}
.comment-section .comment .name {
    color: #323031;
    display: block;
    margin: 0 0 7px;
    font-weight: 500;
    transition: all .25s linear;
}
.comment-section .comment .name a {
    transition: all .25s linear;
}
.comment-section .comment time {
    display: block;
    margin: 0 0 5px;
    font-weight: 300;
}
.comment-section .comment .holder {
    float: right;
    width: 85.8%;
    position: relative;
    background: #f5f5f6;
    padding: 19px 3.8% 10px;
}
.comment-section .comment .holder:after {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #f5f5f6;
    border-width: 15px;
}
.comment-section .comment .reply {
    top: 22px;
    right: 39px;
    color: #323031;
    font-weight: 500;
    font-style: italic;
    position: absolute;
    transition: all .25s linear;
}
.comment-section .comment .comment {
    padding-left: 14%}
.service-post.align-left .post-info {
    margin: 48px -193px 0 0;
    padding: 0 0 38px 42px;
}
.service-post.align-left .post-info .line, .service-post.align-left .post-info .line2 {
    right: auto;
    left: 0;
}
.service-post.align-left h3 {
    color: #323031;
}
.service-post.align-left h3.white {
    color: #fff;
}
.service-post.align-left .service-label {
    transform: rotate(-26deg);
    margin: -49px 0 0 -68px;
    background: #8fb538!important;
    color: #fff;
}
.service-post .img-holder {
    width: 53%;
    float: left;
}
.service-post .post-info {
    width: 63%;
    float: left;
    margin: 103px 0 0 -184px;
    padding: 0 42px 38px 0;
    position: relative;
}
.service-post .post-info a {
    color: #fff;
}
.service-post .post-info .line {
    width: 1px;
    height: 142px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.service-post .post-info .line2 {
    width: 220px;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.service-post .txt-wrap {
    text-align: justify;
    font-size: 16px;
    line-height: 24px;
    color: #f9f9f9;
    font-weight: 300;
    padding: 20px;
    background-color: #124d7d;
}
.service-post .txt-wrap p {
    margin: 0;
}
.service-post .service-label {
    font-size: 16px;
    line-height: 20px;
    font-family: klavika, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #323031;
    background: #ffc857;
    min-width: 136px;
    padding: 10px 10px 11px;
    float: right;
    margin: -59px -80px 0 0;
}
.service-post h3 {
    font-size: 30px;
    line-height: 36px;
    font-family: klavika, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #fff;
    margin: 0 0 24px;
}
.service-post h3 span {
    display: block;
    font-weight: 300;
}
.product {
    width: 33.33%;
    float: left;
    padding: 0 15px;
}
.product:hover .over {
    transform: translateY(0);
}
.product .img-holder {
    overflow: hidden;
    position: relative;
}
.product .over {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    padding: 13px 26px;
    transition: all .25s linear;
    transform: translateY(60px);
}
.product .over .icon-link, .product .over .icon-shopping-bag {
    font-size: 22px;
    line-height: 24px;
    color: #fff;
    transition: all .25s linear;
}
.product .over .cart {
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    font-weight: 700;
    transition: all .25s linear;
}
.product .sale {
    font-size: 16px;
    line-height: 18px;
    color: #323031;
    display: block;
    position: absolute;
    left: 15px;
    top: 24px;
    width: 57px;
    height: 57px;
    padding: 20px 10px;
}
.product .txt-holder {
    padding: 24px;
}
.product .title {
    font-size: 16px;
    line-height: 18px;
    color: #323031;
    font-weight: 400;
    display: block;
    margin: 0 0 18px;
}
.product .title a {
    color: #323031;
    transition: all .25s linear;
}
.product .price {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    display: block;
}
.product .price del {
    font-size: 16px;
    line-height: 18px;
    color: #b9b9b9;
    font-weight: 400;
    margin: 0 10px 0 0;
}
#isotop-holder {
    overflow: hidden;
}
.isoto-filter {
    padding: 10px 0 0;
    margin: 0 -5px 0 0;
}
.isoto-filter li {
    padding-left: 7px;
    padding-right: 7px;
}
.isoto-filter li a {
    padding-bottom: 6px;
    vertical-align: top;
    display: inline-block;
    transition: all .25s linear;
    border-bottom: 1px solid #fff;
}
.bg-dark .isoto-filter li a {
    color: #fff;
}
.item {
    overflow: hidden;
    position: relative;
}
.item .bg-dark {
    position: relative;
}
.item.col2 {
    width: 50%;
    float: left;
}
.item.col3 {
    float: left;
    width: 33.33%}
.item.col4 {
    width: 25%;
    float: left;
}
.item.col5 {
    width: 20%;
    float: left;
}
.item.col5:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 50%;
    right: 0;
    top: 25%}
.item.col5:after {
    content: "";
    position: absolute;
    width: 80%;
    height: 50%;
    border: 1px solid #7bc254;
    left: 10%;
    top: 25%}
.item.col6 {
    width: 66.66%;
    float: left;
}
.item:hover .over, .item:hover .zoom {
    opacity: 1;
    visibility: visible;
}
.item:hover h4 {
    padding: 0 23px 14px;
    border-bottom: 1px solid #635f61;
    transform: translateY(-10px);
}
.item:hover .zoom {
    transform: translateX(0);
}
.item.style2:hover .over {
    top: 43px;
    transform: translate(-50%, 0);
}
.item.style2:hover h4 {
    padding: 0;
    border: 0;
    font-size: 17px;
}
.item.style2:hover .img {
    opacity: 1;
}
.item.style2:hover .zoom {
    transform: translate(-50%, -50%) scale(1) rotate(0);
}
.item.style2 .over {
    opacity: 1;
    visibility: visible;
    transition: all .45s linear;
}
.item.style2 .zoom {
    top: 50%;
    left: 50%;
    right: auto;
    font-size: 30px;
    line-height: 81px;
    width: 82px;
    height: 82px;
    transition: all .25s linear .25s;
    transform: translate(-50%, -50%) scale(.3) rotate(359deg);
    box-shadow: -1px 3px 10px 0 rgba(50, 48, 49, .5);
    z-index: 1;
}
.item.style2 img {
    opacity: .2;
}
.item.style3 {
    border-radius: 3px;
}
.item.style3:hover .over {
    top: 60px;
    transform: translate(-50%, 0);
}
.item.style3:hover h4 {
    padding: 0;
    border: 0;
    color: #323031;
}
.item.style3:hover img {
    opacity: .1;
}
.item.style3 .zoom {
    font-size: 41px;
    line-height: 90px;
    width: 90px;
    height: 90px;
    box-shadow: -1px 3px 10px 0 rgba(50, 48, 49, .5);
    right: auto;
    top: 50%;
    left: 50%;
    background: #323031;
    transform: translate(-50%, -50%);
}
.item.style3 img {
    opacity: 1;
}
.item.style4 img {
    opacity: 1;
}
.item.style4 .over {
    opacity: 0;
    visibility: hidden;
}
.item.style4:hover img {
    opacity: .2!important;
}
.item.style4:hover .over {
    top: 50%;
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -100%);
}
.item.style4:hover .zoom {
    transform: translate(-50%, 0) scale(1) rotate(0);
}
.item.style5:hover .over {
    top: 43px;
    transform: translate(-50%, 0);
}
.item.style5:hover h4 {
    padding: 0;
    border: 0;
}
.item.style5:hover .img {
    opacity: .2;
}
.item.style5:hover .over {
    opacity: 1;
    visibility: visible;
    transition: all .45s linear;
}
.item.style5:hover .zoom {
    transform: translate(-50%, -50%) scale(1) rotate(0);
}
.item.style5 .zoom {
    top: 50%;
    left: 50%;
    right: auto;
    font-size: 41px;
    line-height: 90px;
    width: 90px;
    height: 90px;
    transition: all .25s linear .25s;
    transform: translate(-50%, -50%) scale(.3) rotate(359deg);
    box-shadow: -1px 3px 10px 0 rgba(50, 48, 49, .5);
}
.item.style5 img {
    opacity: 1;
}
.item .over {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .45s linear;
    transform: translate(-50%, -50%);
}
.item h4 {
    font-size: 24px;
    line-height: 37px;
    color: #7bc254;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    transform: translateY(0);
    transition: all .25s linear;
}
.item h4 span {
    font-weight: 300;
    display: block;
}
.item h4 a {
    color: inherit;
}
.item .txt {
    font-size: 18px;
    line-height: 20px;
    display: block;
    color: #fff;
}
.item .zoom {
    font-size: 30px;
    line-height: 72px;
    color: #fff;
    background-color: #7bc254!important;
    width: 72px;
    height: 72px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transform: translateX(72px);
    transition: all .25s linear;
}
.item .img {
    opacity: 1;
    transition: all .45s linear;
}
.team {
    overflow: hidden;
}
.team:hover .img-holder:before {
    opacity: 1;
    visibility: visible;
}
.team:hover .social-network {
    opacity: 1;
    visibility: visible;
}
.team .img-holder {
    margin: 0 0 16px;
    position: relative;
}
.team .img-holder:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(50, 48, 49, .9);
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .25s linear;
}
.team .social-network {
    left: 0;
    right: 0;
    top: 50%;
    margin: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    text-align: center;
    transition: all .25s linear;
    transform: translateY(-50%);
}
.team .social-network li {
    margin: 0 7px;
    vertical-align: top;
    display: inline-block;
}
.team .social-network a {
    color: #fff;
}
.team h3 {
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 8px;
    font-weight: 700;
    color: #323031;
}
.team .skill {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #a5a5a5;
    display: block;
}
#back-top {
    font-size: 41px;
    line-height: 11px;
    color: #fff;
    cursor: pointer;
    float: right;
    width: 52px;
    position: absolute;
    height: 52px;
    padding: 18px 0 16px;
    background: #7bc252;
    transition: all .6s ease 0s;
    z-index: 9999;
    bottom: 25px;
    right: 25px;
}
.subscribe-holder {
    font-size: 16px;
    line-height: 24px;
    color: #635f61;
    font-weight: 300;
    padding: 29px 28px;
    max-width: 1178px;
    margin: auto;
    position: relative;
    box-shadow: 0 0 14px;
}
.subscribe-holder.style2 .subscribe-form .form-control {
    background: #f5f5f6;
}
.subscribe-holder h4 {
    font-size: 35px;
    line-height: 22px;
    color: #082b52;
    font-weight: 500;
    margin: 17px 0 10px;
}
.subscribe-holder p {
    margin: 0;
}
.subscribe-holder .subscribe-form {
    overflow: hidden;
    padding: 0;
}
.subscribe-holder .subscribe-form .form-control {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    width: 88%;
    height: 60px;
    float: left;
    border: 0;
    outline: 0;
    box-shadow: none;
    padding: 6px 20px;
    background: #52a024;
    margin: 0;
    border-radius: 0;
    font-weight: 500;
}
.subscribe-holder .subscribe-form .form-control::placeholder {
    color: #fff;
}
.subscribe-holder .subscribe-form .sub-btn {
    font-size: 25px;
    line-height: 47px;
    color: #fff;
    float: left;
    width: 63px;
    height: 60px;
    padding: 10px;
    transition: all .6s ease 0s;
    border: 0;
    box-shadow: none;
    outline: 0;
    background-color: #082b52!important;
}
.main-heading {
    z-index: 1;
    color: #000;
    font-weight: 500;
    position: relative;
}
.main-heading:before {
    background: #7bc254;
    width: 108px;
    height: 1px;
    position: absolute;
    content: "";
    z-index: -1;
    left: 134px;
    top: 18px;
    bottom: auto;
    right: 0;
}
.bg-dark .main-heading:before {
    background: #fff;
}
.main-heading .heading {
    margin: 0;
    color: #323031;
    font-size: 29px;
    line-height: 44px;
}
.bg-dark .main-heading .heading {
    color: #fff;
}
.main-heading .clr, .main-heading .clr2 {
    font-weight: 500;
}
.main-heading p {
    margin: 5px 0 0;
    color: #000;
}
.main-heading.style2 {
    padding: 0 0 0 129px;
}
.main-heading.style2:before {
    left: 0;
    right: auto;
}
.main-heading.style3 {
    color: #fff;
}
.main-heading.style3 .heading {
    color: #fff;
    line-height: 47px;
}
.main-heading.no-border {
    padding: 0;
}
.main-heading.no-border:before {
    display: none;
}
.bg-dark .main-heading {
    color: #fff;
}
.top-banner .heading {
    padding-top: 22px;
}
.top-banner .social {
    margin: 0;
    z-index: 1;
    padding: 0 0 0 20px;
    position: relative;
    vertical-align: top;
    white-space: nowrap;
    display: inline-block;
}
.top-banner .social:before {
    background: #ededec;
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: -9999px;
}
.top-banner .social li {
    padding: 0;
    vertical-align: top;
}
.top-banner .social a {
    width: 35px;
    color: #c5c3c3;
    display: block;
    font-size: 20px;
    padding: 6px 0 0;
    line-height: 75px;
    transition: all .3s ease 0s;
}
.top-banner .social .print {
    padding: 0 0 0 22px;
}
.top-banner .social .print.small {
    padding: 0;
}
.top-banner .social .print a {
    width: 68px;
    font-size: 33px;
    background: #f9faf7;
}
.top-banner .social.nobg:before {
    display: none;
}
.top-banner .social.nobg .nobg {
    background: 0 0!important;
}
.blog-post {
    font-size: 16px;
    line-height: 24px;
    color: #635f61;
    font-weight: 300;
    overflow: hidden;
}
.blog-post.style2 {
    padding: 22px 10px 16px;
    transition: all .25s linear;
    border: 1px solid transparent;
}
.blog-post.style2.active, .blog-post.style2:hover {
    border-color: #ece9e9;
}
.blog-post.style2 .icon {
    color: #e1e1e4;
    min-height: 82px;
    background: 0;
    padding: 0 0 17px;
    position: relative;
    margin: 0 auto 23px;
    width: auto;
    height: auto;
}
.blog-post.style2 .icon:after {
    position: absolute;
    content: "";
    z-index: -1;
    left: 50%;
    top: auto;
    bottom: 0;
    right: auto;
    width: 96px;
    height: 1px;
    background: #323031;
    transform: translateX(-50%);
}
.blog-post .icon {
    font-size: 50px;
    line-height: 60px;
    color: #000;
    width: 120px;
    height: 120px;
    margin: 0 auto 43px;
    display: block;
}
.blog-post .icon.icon-light-bulb {
    font-size: 55px;
    line-height: 60px;
}
.blog-post h3 {
    color: #3c3b3c;
    font-weight: 600;
    margin: 0 0 14px;
    font-size: 22px;
    line-height: 24px;
    transition: all .25s linear;
}
.blog-post h3 a {
    color: inherit;
    transition: all .25s linear;
}
.blog-post h3.light {
    font-weight: 500;
}
.test-sec {
    overflow: hidden;
}
.test-sec .test-slider {
    overflow: hidden;
    margin: 0;
}
.test-sec .test-slider .slide {
    font-size: 16px;
    line-height: 24px;
    font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #a5a5a5;
    width: 100%;
    margin: 55px 0 0;
    position: relative;
    padding: 83px 95px 40px;
}
.test-sec .test-slider .img-holder {
    left: 50%;
    top: -56px;
    width: 100px;
    position: absolute;
    border: 5px solid #fff;
    transform: translateX(-50%);
}
.test-sec .test-slider .img-holder img {
    display: block;
}
.test-sec .test-slider .title {
    font-size: 16px;
    line-height: 20px;
    font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #323031;
    display: block;
    margin: 0 0 7px;
}
.test-sec .test-slider .sub-title {
    font-size: 16px;
    line-height: 20px;
    font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #323031;
    display: block;
    margin: 0 0 26px;
}
.team-slider .slick-dots, .test-slider .slick-dots {
    margin: 0;
    list-style: none;
    padding: 12px 0 0;
    text-align: center;
}
.team-slider .slick-dots li, .test-slider .slick-dots li {
    width: 17px;
    height: 17px;
    cursor: pointer;
    border-radius: 50%;
    margin: 3px 6px 0 8px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e1e1e4;
}
.team-slider .slick-dots li.slick-active button, .team-slider .slick-dots li:hover button, .test-slider .slick-dots li.slick-active button, .test-slider .slick-dots li:hover button {
    opacity: 1;
}
.team-slider .slick-dots button, .test-slider .slick-dots button {
    border: 0;
    padding: 0;
    width: 9px;
    opacity: 0;
    height: 9px;
    margin: 3px 0 0;
    text-align: left;
    overflow: hidden;
    border-radius: 50%;
    vertical-align: top;
    text-indent: -9999px;
    display: inline-block;
    transition: all .2s ease 0s;
}
.team-slider .slick-dots {
    padding: 35px 0 12px;
}
.partner-sec {
    overflow: hidden;
}
.partner-sec .line-box {
    overflow: hidden;
}
.partner-sec .partner-logo {
    overflow: hidden;
    margin: 0;
}
.partner-sec .partner-logo li {
    width: 300px;
    text-align: center;
}
.partner-sec .partner-logo .slick-current img {
    filter: grayscale(0);
}
.partner-sec .partner-logo a {
    vertical-align: top;
    display: inline-block;
}
.partner-sec .partner-logo a img {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    filter: grayscale(100%);
}
.partner-sec .partner-logo a:hover img {
    filter: grayscale(0);
}
.counter-sec {
    padding: 42px 0;
    min-height: 0;
    background: #062d4c;
}
.s-i-b .heading {
    position: relative;
}
.s-i-b .heading .clr {
    color: #7bc254;
}
.s-i-b .heading::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 108px;
    border-right: 2px dashed #fff;
    right: 12px;
    top: 18px;
}
.counter-sec .title {
    font-size: 20px;
    line-height: 24px;
    color: #7bc254;
    display: block;
    margin: 0 0 4px;
    padding: 19px 0 0;
}
.counter-sec .count {
    font-size: 68px;
    line-height: 80px;
    font-weight: 500;
    color: #fff;
    display: block;
    position: relative;
}
.counter-sec .count::before {
    position: absolute;
    content: "";
    width: 44px;
    height: 10px;
    border-bottom: 2px dashed #42b454;
    left: 110px;
    bottom: 3px;
}
.counter-sec .count.small {
    font-size: 50px;
    line-height: 50px;
}
.counter-sec.style2 {
    padding: 0;
    min-height: 0;
}
.counter-sec.style2 .count, .counter-sec.style2 .title {
    color: #323031;
}
img {
    max-width: 100%}
.aboutus-sec {
    color: #000;
    position: relative;
    padding-bottom: 8px;
}
.aboutus-sec:before {
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.abt-heading .w-text {
    color: #5dc325;
    font-weight: 500;
    font-size: 24px;
}
.aboutus-sec.inner {
    font-weight: 300;
}
.aboutus-sec.inner .slider {
    float: left;
    max-width: 472px;
    padding: 15px 0 0 15px;
    margin: 0 33px 0 -15px;
}
.aboutus-sec.inner .slider:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 40px;
    right: 48px;
    border: 3px solid #e1e1e4;
}
.aboutus-sec.inner .slick-prev {
    left: 38px;
}
.aboutus-sec.inner .slick-next {
    right: 20px;
}
.aboutus-sec p {
    margin: 0;
    line-height: 31px;
    font-size: 15px;
}
.aboutus-sec .post-btn {
    margin: 13px 0 0;
    padding: 11px 31px 11px 33px;
}
.aboutus-sec .title {
    color: #f5f5f5;
    display: block;
    pointer-events: none;
    font-size: 172px;
    line-height: 180px;
    font-family: lotregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: absolute;
    bottom: -104px;
    left: 23px;
    z-index: -1;
}
.aboutus-sec .title .txt {
    -webkit-text-fill-color: #fbfbfb;
    -webkit-text-stroke-width: 7px;
    -webkit-text-stroke-color: #f5f5f5;
}
.aboutus-sec h3 {
    color: #323031;
    margin: 0 0 24px;
    text-transform: capitalize;
    font: 600 18px/25px"Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.aboutus-sec .slider {
    overflow: hidden;
    position: relative;
    padding: 27px 0 0 97px;
}
.aboutus-sec .slider:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 66px;
    top: 0;
    bottom: 54px;
    right: 64px;
    border: 3px solid #e1e1e4;
}
.aboutus-sec .slider.noround .slick-arrow {
    border-radius: 3px;
}
.aboutus-sec .slider.bottom {
    padding: 0 0 46px 97px;
}
.aboutus-sec .slider.bottom .slick-arrow {
    margin-top: 22px;
}
.aboutus-sec .slider.bottom:before {
    top: 73px;
    bottom: 0;
}
.aboutus-sec .slider.style2 {
    padding-top: 0;
}
.aboutus-sec .slider.style2:before {
    display: none;
}
.aboutus-sec .slick-arrow {
    border: 0;
    opacity: 1;
    left: 119px;
    margin-top: 27px;
    width: 45px;
    height: 45px;
    background: rgba(50, 48, 49, .8);
}
.aboutus-sec .slick-arrow:after {
    width: 15px;
    height: 15px;
}
.aboutus-sec .slick-next {
    left: auto;
    right: 20px;
}
.aboutus-sec .hold {
    overflow: hidden;
    margin-bottom: 7px;
}
.about-image {
    position: relative;
    z-index: 1;
}
.about-image-b {
    position: relative;
}
.about-image-b:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #2b59a6;
    left: -18px;
    top: -17px;
    z-index: -1;
}
.about-image-b:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #7bc254;
    right: -18px;
    bottom: -17px;
    z-index: -1;
}
.who {
    position: absolute;
    left: -52px;
    bottom: 0;
    color: #2b59a6;
    font-weight: 600;
    font-size: 36px;
    transform: rotate(90deg);
}
.we-are {
    position: absolute;
    bottom: -43px;
    font-size: 33px;
    font-weight: 600;
    color: #7bc254;
}
.projects-work-through {
    max-width: 650px;
    margin: auto;
    position: relative;
    border: 10px solid #e2e2e2;
    box-shadow: 0 0 10px;
}
.projects-work-through a {
    display: block;
    position: relative;
}
.projects-work-through a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgb(0 0 0 / 0), rgb(0 0 0 / 80%));
    transition: all ease-in-out .5s;
}
.projects-work-through:hover a::before {
    background: linear-gradient(to bottom, rgb(0 0 0 / 0), rgb(61 105 37 / 85%));
}
.icon-youtube {
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 80px;
    z-index: 9;
    background: #f5d80f;
    color: #000;
    font-size: 37px;
    text-align: center;
    border-radius: 50%;
    padding-left: 6px;
    border: 4px solid #ccc;
    transition: all ease-in-out .5s;
}
.projects-work-through:hover .icon-youtube {
    transform: rotate(360deg);
}
.projects-work-through a h4 {
    position: absolute;
    bottom: 19px;
    z-index: 1;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 29px;
}
.walk-thr-head p {
    margin-bottom: 20px;
    font-size: 18px;
}
.project-section {
    padding: 46px 0 10px;
}
.projects-work-through iframe {
    width: 100%;
    height: 373px;
    margin: auto;
    border: 8px solid #ccc;
    margin-top: 24px;
    box-shadow: 0 0 20px;
}
.enqiry-form {
    border: 3px solid #2b59a6;
    max-width: 326px;
    margin: auto;
    padding: 20px 20px;
    background-color: #ecececa8;
    margin-top: 23px;
}
form.en-form {
    margin: auto;
    margin-top: 20px;
}
.enqiry-form h4 {
    text-align: center;
    margin: 0;
    margin-top: 13px;
    font-weight: 500;
    color: #2b59a6;
    font-size: 26px;
}
.enqiry-form .form-control {
    background-color: #2b59a6;
    height: 44px;
    color: #fff;
}
.enqiry-form .form-control::placeholder, .enqiry-form select.form-control::placeholder {
    color: #fff;
}
.enqiry-form textarea.form-control {
    height: 133px;
}
.en-btn .btn {
    background-color: #518c59;
    border-color: transparent;
    font-weight: 400;
    width: 194px;
    color: #fff;
}
.copyright a, .f-read {
    color: #7bc254;
}
.copyright a:hover, .f-read:hover {
    color: #7bc254;
}
.contact-sec {
    overflow: hidden;
}
.contact-sec.style2 {
    color: #a5a5a6;
}
.contact-sec .blog-post.style2 {
    min-height: 270px;
}
.contact-sec .blog-post.style2 .icon:after {
    display: none;
}
.contact-sec .map {
    float: left;
    margin: 23px 0 0 17px;
    width: 668px;
    height: 507px;
}
.contact-sec h3 {
    font-size: 22px;
    line-height: 24px;
    color: #252424;
    font-weight: 700;
    margin: 0 0 32px;
}
.contact-sec .blog-post h3, .contact-sec .title, .contact-sec h4 {
    font-size: 18px;
    line-height: 20px;
    color: #569a2f;
    font-weight: 600;
    margin: 0 0 26px;
    display: block;
}
.contact-sec h4 {
    margin: 0 0 13px;
}
.contact-sec .contact-info {
    padding: 10px 20px;
}
.contact-sec .contact-info address {
    overflow: hidden;
}
.contact-sec .contact-info i {
    float: left;
    margin-right: 5px;
}
.contact-sec .contact-holder {
    overflow: hidden;
    padding: 64px 79px;
}
.contact-sec .contact-detail {
    padding: 43px 0 0;
}
.contact-sec .contact-detail .icon {
    float: left;
    margin: 0;
    position: relative;
    box-shadow: 0 0 10px #4a4949;
    width: 22.2%;
    height: 134px;
    background-color: #569a2f;
}
.contact-sec .contact-detail .icon img {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}
.contact-sec .contact-detail .title {
    margin: 0 0 3px;
}
.contact-sec .contact-detail .contact-abt {
    width: 71.8%;
    float: left;
    padding: 0 0 0 39px;
}
.contact-sec .contact-detail address {
    margin: 0;
    line-height: 24px;
    word-spacing: -1px;
    color: #000;
}
.contact-sec .contact-detail .call a {
    display: block;
    transition: all .25s linear;
    color: #000;
    font-weight: 500;
}
.contact-sec .contact-form {
    width: 100%}
.contact-sec .contact-form.form2 .form-group {
    width: 100%;
    float: left;
    margin: 0 0 -2px;
}
.contact-sec .contact-form.form2 .email {
    width: 100%}
.contact-sec .contact-form.form2 .col {
    width: 51.3%;
    padding: 0 0 0 30px;
}
.contact-sec .contact-form.form2 label {
    font-size: 16px;
    line-height: 24px;
    color: #323031;
    font-weight: 500;
    word-spacing: -1px;
}
.contact-sec .contact-form.form2 .form-control {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    border-left: none;
    border-right: 0;
    border-top: 0;
    border: 0;
    padding: 10px 10px;
    background-color: #255e8e;
    box-shadow: 0 0 13px #353434;
}
.contact-sec .contact-form.form2 .form-control::placeholder {
    color: #fff;
}
.contact-sec .contact-form.form2 textarea {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    border-left: none;
    border-right: 0;
    border-top: 0;
    min-height: 74px;
    padding: 15px 0 6px;
    margin: 0 0 37px;
}
.contact-sec .contact-form .form-control {
    font-size: 14px;
    line-height: 34px;
    color: grey;
    margin: 0 0 17px;
    width: 100%;
    height: 45px;
    padding: 10px 20px 6px;
    border: 1px solid #dad8d8;
    border-radius: 0;
    outline: 0;
    background: 0;
    box-shadow: none;
}
.contact-sec .contact-form .form-control::-webkit-input-placeholder {
    color: grey;
}
.contact-sec .contact-form .form-control::-moz-placeholder {
    opacity: 1;
    color: grey;
}
.contact-sec .contact-form .form-control:-moz-placeholder {
    color: grey;
}
.contact-sec .contact-form .form-control:-ms-input-placeholder {
    color: grey;
}
.contact-sec .contact-form .form-control.placeholder {
    color: grey;
}
.contact-sec .contact-form textarea {
    font-size: 14px;
    line-height: 34px;
    color: grey;
    margin: 0 0 17px;
    width: 100%;
    min-height: 114px;
    resize: none;
    padding: 10px 20px 6px;
    border: 1px solid #dad8d8;
    border-radius: 0;
    outline: 0;
    background: 0;
    box-shadow: none;
}
.contact-sec .contact-form textarea::-webkit-input-placeholder {
    color: grey;
}
.contact-sec .contact-form textarea::-moz-placeholder {
    opacity: 1;
    color: grey;
}
.contact-sec .contact-form textarea:-moz-placeholder {
    color: grey;
}
.contact-sec .contact-form textarea:-ms-input-placeholder {
    color: grey;
}
.contact-sec .contact-form textarea.placeholder {
    color: grey;
}
.contact-sec .contact-form .btn {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    padding: 16px 23px 15px 31px;
    background: #252424;
    border: 0;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    transition: all .6s ease 0s;
}
.contact-sec .contact-form .btn.btn2 {
    color: #7bc252;
    padding: 7px;
    background: #eaeaea;
    border: 2px solid #7bc252;
    white-space: normal;
    text-transform: none;
}
.contact-sec .contact-form .btn.btn2 .icon-right-arrow {
    font-size: 18px;
    margin: 0 0 0 7px;
}
.contact-sec .contact-form .btn .icon-right-arrow {
    font-size: 17px;
    line-height: 19px;
    margin: 0 0 0 21px;
}
.offer-sec {
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: 100% 100%}
.offer-sec .main-img {
    position: absolute;
    right: 0;
    bottom: 83px;
    width: 709px;
    z-index: -1;
}
.offer-sec .service-tab {
    margin: 0 0 80px;
}
.offer-sec .service-tab li {
    margin: 0 0 0 26px;
    vertical-align: top;
    display: inline-block;
}
.offer-sec .service-tab li:first-child {
    margin: 0;
}
.offer-sec .service-tab li a {
    display: block;
    transition: all .25s linear;
}
.offer-sec .service-tab .icon {
    color: #e1e1e4;
    padding: 26px;
    font-size: 70px;
    line-height: 84px;
    width: 165px;
    height: 140px;
    transition: all .25s linear;
    box-shadow: 0 0 5px 0 rgba(50, 48, 49, .1);
    display: block;
    margin: 0 0 17px;
}
.offer-sec .service-tab .title {
    font-size: 18px;
    line-height: 20px;
    display: block;
}
.offer-sec .service-info {
    margin: 0;
    float: left;
    width: 66.66%;
    overflow: hidden;
    padding: 80px 0 0;
    letter-spacing: -5px;
}
.offer-sec .service-info li {
    width: 50%;
    letter-spacing: 0;
    vertical-align: top;
    display: inline-block;
    padding: 0 2% 0 98px;
    overflow: hidden;
    position: relative;
    margin: 0 0 99px;
}
.offer-sec .service-info li.active .icon {
    color: #fff;
}
.offer-sec .service-info .icon {
    color: #e1e1e4;
    position: absolute;
    left: 0;
    top: 0;
}
.offer-sec .service-info .icon-drill, .offer-sec .service-info .icon-saw {
    font-size: 67px;
    line-height: 59px;
}
.offer-sec .service-info .icon-roller, .offer-sec .service-info .icon-tool {
    font-size: 65px;
    line-height: 59px;
    padding: 0 0 0 9px;
}
.offer-sec .service-info .txt-wrap {
    font-weight: 300;
    color: #a5a5a5;
}
.offer-sec .service-info .title {
    font-size: 18px;
    line-height: 20px;
    display: block;
    color: #323031;
    margin: 0 0 12px;
}
.offer-sec .img-holder {
    width: 30.33%;
    float: right;
    padding: 0 0 0 20px;
    margin: 0 -21px 0 0;
}
.widget {
    overflow: hidden;
    margin: 0 0 38px;
}
.widget.widget-categories {
    margin: 0 0 31px -15px;
    padding: 0 0 0 15px;
}
.widget.widget-latest {
    margin: 0 0 13px;
}
.widget.widget-instagram {
    margin: 0 0 31px;
}
.widget.widget-instagram h3 {
    margin: 0 0 31px;
}
.widget.widget-tags {
    margin: 0 0 17px;
}
.widget.widget-tags h3 {
    margin: 0 0 24px;
}
.widget h3 {
    font-size: 18px;
    line-height: 24px;
    color: #323031;
    font-weight: 700;
    margin: 0 0 13px;
}
.widget .search-form {
    overflow: hidden;
    width: 100%;
    height: 50px;
    position: relative;
}
.widget .search-form .form-control {
    font-size: 14px;
    line-height: 16px;
    color: #a5a5a6;
    font-weight: 300;
    width: 100%;
    height: 100%;
    background: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    padding: 10px 55px 6px 20px;
}
.widget .search-form .form-control::-webkit-input-placeholder .form-control {
    color: #a5a5a6;
}
.widget .search-form .form-control::-moz-placeholder {
    opacity: 1;
}
.widget .search-form .form-control::-moz-placeholder .form-control {
    color: #a5a5a6;
}
.widget .search-form .form-control:-moz-placeholder .form-control {
    color: #a5a5a6;
}
.widget .search-form .form-control:-ms-input-placeholder .form-control {
    color: #a5a5a6;
}
.widget .search-form .form-control.placeholder .form-control {
    color: #a5a5a6;
}
.widget .search-form .btn {
    font-size: 20px;
    line-height: 30px;
    color: #323031;
    position: absolute;
    right: 11px;
    top: 6px;
    background: 0;
    border: 0;
    outline: 0;
}
.widget .categories-list {
    overflow: hidden;
    margin: 0 0 0 -15px;
}
.widget .categories-list li {
    display: block;
    overflow: hidden;
}
.widget .categories-list .active a {
    background: #f5f5f6;
}
.widget .categories-list .txt {
    font-size: 14px;
    line-height: 16px;
    color: #323031;
    font-weight: 400;
    float: left;
}
.widget .categories-list .num {
    font-size: 14px;
    line-height: 16px;
    color: #8f8e8f;
    float: right;
}
.widget .categories-list a {
    padding: 19px 20px 17px 14px;
    display: block;
    overflow: hidden;
    transition: all .25s linear;
}
.widget .categories-list a:hover {
    background: #f5f5f6;
}
.widget .categories-list.style2 {
    margin: 0;
}
.widget .categories-list.style2 li {
    border-bottom: 1px solid #fff;
}
.widget .categories-list.style2 .fa {
    top: 50%;
    right: 20px;
    opacity: 0;
    position: absolute;
    transform: translateY(-50%);
    transition: all .25s linear;
}
.widget .categories-list.style2 .active a, .widget .categories-list.style2 a:hover {
    color: #e1e1e4;
    background: #323031;
}
.widget .categories-list.style2 .active a .txt, .widget .categories-list.style2 a:hover .txt {
    color: #e1e1e4;
}
.widget .categories-list.style2 .active a .fa, .widget .categories-list.style2 a:hover .fa {
    opacity: 1;
}
.widget .categories-list.style2 a {
    color: #323031;
    background: #e1e1e4;
    position: relative;
    padding: 24px 40px 19px 21px;
}
.widget .categories-list.style2 a .txt {
    color: #323031;
    font-size: 16px;
    font-weight: 300;
}
.widget .latest-news {
    overflow: hidden;
    margin: 0;
}
.widget .latest-news li {
    padding: 13px 0;
    display: block;
    overflow: hidden;
    margin: 0 0 6px;
}
.widget .latest-news .img-holder {
    width: 34.2%;
    float: left;
}
.widget .latest-news .txt-wrap {
    font-size: 14px;
    line-height: 24px;
    width: 65.8%;
    float: left;
    font-weight: 300;
    color: #323031;
    padding: 0 0 0 18px;
    margin: -7px 0 0 0;
}
.widget .instagram-list {
    overflow: hidden;
    margin: 0;
}
.widget .instagram-list li {
    width: 50%;
    padding: 0 1px 2px 0;
    float: left;
}
.widget .tag-list {
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    overflow: hidden;
    margin: 0;
}
.widget .tag-list li {
    float: left;
    margin: 0 7px 8px 0;
}
.widget .tag-list a {
    padding: 8px 17px 9px 16px;
    display: block;
    text-align: center;
    color: #323031;
    border: 1px solid #f5f5f6;
    transition: all .25s linear;
}
.widget .tag-list a:hover {
    background: #f5f5f6;
}
.btn-bros {
    color: #323031;
    display: block;
    font-weight: 600;
    text-align: center;
    border: 1px solid #323031;
    padding: 10px 10px 15px;
    transition: all .25s linear;
}
.btn-bros .fa {
    top: 4px;
    margin: 0 6px;
    font-size: 25px;
    position: relative;
}
.btn-bros:hover {
    color: #fff;
    background: #323031;
}
.map-holder {
    overflow: hidden;
    margin-bottom: 30px;
}
.map-holder .map {
    width: 100%;
    height: 450px;
}
.page-header {
    border: 0;
    margin: 0;
    color: #fff;
    padding: 127px 0 52px;
}
.page-header .heading {
    color: #fff;
    margin: 0 0 9px;
}
.page-header .heading span {
    font-weight: 400;
}
.page-header .breadcrumbs {
    color: #7bc252!important;
    text-transform: capitalize;
}
.page-header .breadcrumbs li {
    padding: 0;
    vertical-align: middle;
}
.page-header .breadcrumbs li:before {
    content: "/";
    color: #fff;
    padding: 0 4px;
    display: inline-block;
    vertical-align: middle;
}
.page-header .breadcrumbs li a {
    color: #fff;
    transition: all .25s linear;
}
.page-header .breadcrumbs li:first-child:before {
    display: none;
}
.page-header.small {
    padding: 50px 0 23px;
}
.page-header.nobg {
    color: #323031;
}
.page-header.nobg .breadcrumbs, .page-header.nobg .breadcrumbs a, .page-header.nobg .breadcrumbs li:before, .page-header.nobg .heading {
    color: #323031;
}
.page-header .num {
    color: #fff;
    display: block;
    margin: 0 0 60px;
    padding: 58px 0 0;
    font: 700 200px/200px klavika, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.page-header .title {
    color: #fff;
    display: block;
    margin: 0 0 6px;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    text-transform: uppercase;
}
.page-header .search-form {
    max-width: 550px;
    position: relative;
    margin: 62px auto 46px;
    padding: 17px 17px 13px;
    border: 1px solid #fff;
}
.page-header .search-form .form-control {
    border: 0;
    color: #fff;
    font-weight: 300;
    box-shadow: none;
    background: 0;
}
.page-header .search-form .form-control::-webkit-input-placeholder {
    color: #fff;
}
.page-header .search-form .form-control::-webkit-input-placeholder .form-control {
    color: #fff;
}
.page-header .search-form .form-control::-moz-placeholder {
    opacity: 1;
    color: #fff;
}
.page-header .search-form .form-control::-moz-placeholder .form-control {
    color: #fff;
}
.page-header .search-form .form-control:-moz-placeholder {
    color: #fff;
}
.page-header .search-form .form-control:-moz-placeholder .form-control {
    color: #fff;
}
.page-header .search-form .form-control:-ms-input-placeholder {
    color: #fff;
}
.page-header .search-form .form-control:-ms-input-placeholder .form-control {
    color: #fff;
}
.page-header .search-form .form-control.placeholder {
    color: #fff;
}
.page-header .search-form .form-control.placeholder .form-control {
    color: #fff;
}
.page-header .search-form .sub-btn {
    border: 0;
    top: 12px;
    right: 10px;
    color: #fff;
    font-size: 30px;
    position: absolute;
    background: 0;
    transition: all .25s linear;
}
.page-header .back {
    color: #fff;
    margin: 0 0 63px;
    vertical-align: top;
    display: inline-block;
    transition: all .3s ease 0s;
}
.num-pagination {
    color: #d1d1d3;
}
.num-pagination li {
    padding: 0 4px;
}
.num-pagination li.arrow {
    padding: 0 20px;
}
.num-pagination li a:hover, .num-pagination li.active a {
    color: #323031;
}
.num-pagination li.next {
    transform: rotate(180deg);
}
.num-pagination a {
    color: #d1d1d3;
    transition: all .25s linear;
}
.project-detail {
    color: #818181;
    font-weight: 300;
}
.project-detail .head {
    margin-bottom: 48px;
    border-bottom: 1px solid #e1e1e4;
}
.project-detail .head p {
    margin: 0 0 34px;
}
.project-detail .zoom {
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    color: #fff;
    font-size: 30px;
    line-height: 70px;
    position: absolute;
    text-align: center;
    transition: all .3s ease 0s;
}
.project-detail h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    margin: -3px 0 28px;
    text-transform: uppercase;
}
.project-detail h3 {
    font-size: 16px;
    margin: 0 0 5px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
}
.project-detail .title {
    font-size: 16px;
    margin: 0 0 5px;
    font-weight: 600;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
}
.project-detail .share ul {
    margin: -3px 0 0 10px;
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
}
.project-detail .share ul li {
    padding: 0 8px;
}
.project-detail .share ul a {
    color: #e1e1e4;
    transition: all .3s ease 0s;
}
.project-detail p {
    margin: 0 0 25px;
}
.project-detail p.first {
    margin: 0 0 36px;
}
.project-detail .p-slider-nav {
    padding: 0 5%}
.project-detail .p-slider-nav .slide {
    cursor: pointer;
    text-align: center;
}
.project-detail .p-slider-nav .bg-dark {
    vertical-align: top;
    display: inline-block;
}
.project-detail .p-slider-nav img {
    opacity: .2;
    transition: all .3s ease 0s;
}
.project-detail .p-slider-nav img:hover {
    opacity: 1;
}
.project-detail .p-slider-nav .slick-current img {
    opacity: 1;
}
.project-detail .btn-box {
    position: relative;
}
.project-detail .btn-box .btn-next-p, .project-detail .btn-box .btn-prev-p {
    float: right;
    position: static;
}
.project-detail .btn-box .btn-next-p span, .project-detail .btn-box .btn-prev-p span {
    width: 210px;
    height: 100px;
    line-height: 100px;
}
.project-detail .btn-box .btn-prev-p {
    float: left;
}
.project-detail .img-cont {
    width: 1060px;
}
.project-detail .img-cont .img {
    margin-bottom: 10px;
}
.project-detail .img-cont .img:last-child {
    margin-bottom: 0;
}
.btn-holder-detail {
    position: static;
}
.btn-next-p {
    right: 0;
    top: 500px;
    position: absolute;
    transition: all .3s ease 0s;
}
.btn-next-p span {
    width: 260px;
    color: #323031;
    height: 116px;
    display: block;
    font-weight: 600;
    line-height: 116px;
    transition: all .3s ease 0s;
    background: rgba(255, 255, 255, .8);
}
.btn-next-p i {
    width: 70px;
    height: 70px;
    color: #fff;
    display: block;
    font-size: 20px;
    line-height: 70px;
    background: #323031;
    transition: all .3s ease 0s;
}
.btn-prev-p {
    left: 0;
    top: 500px;
    position: absolute;
    transition: all .3s ease 0s;
}
.btn-prev-p span {
    width: 260px;
    color: #323031;
    height: 116px;
    display: block;
    font-weight: 600;
    line-height: 116px;
    transition: all .3s ease 0s;
    background: rgba(255, 255, 255, .8);
}
.btn-prev-p i {
    width: 70px;
    height: 70px;
    color: #fff;
    display: block;
    font-size: 20px;
    line-height: 70px;
    background: #323031;
    transform: rotate(180deg);
    transition: all .3s ease 0s;
}
.services-section {
    color: #a5a5a6;
    font-weight: 300;
}
.error-section {
    z-index: 1;
    height: 100vh;
    padding: 72px 0 0;
    min-height: 830px;
    position: relative;
}
.error-section .logo {
    float: none;
    display: block;
    margin: 0 auto 143px;
}
.error-section .main-title {
    color: #fff;
    display: block;
    margin: 0 0 27px;
    font: 700 120px/120px klavika, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.error-section .txt {
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: 300;
    margin: 0 0 79px;
    line-height: 35px;
}
.error-section .subtitle {
    color: #fff;
    display: block;
    font-weight: 300;
    margin: 0 0 26px;
    line-height: 20px;
}
.error-section .social {
    font-size: 18px;
}
.error-section .social a {
    color: #fff;
    transition: all .3s ease 0s;
}
.error-section .countdown-section {
    width: 20%;
    color: #fff;
    overflow: hidden;
    padding-top: 32px;
    position: relative;
    vertical-align: top;
    display: inline-block;
}
.error-section .countdown-amount {
    display: block;
    font-size: 60px;
    font-weight: 600;
    line-height: 60px;
}
.error-section .countdown-period {
    left: 0;
    right: 0;
    top: 3px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    position: absolute;
    text-transform: uppercase;
}
.error-section .is-countdown {
    margin: 0 0 90px;
}
.timeline {
    z-index: 1;
    max-width: 665px;
    margin-left: auto;
    position: relative;
    margin-right: auto;
}
.timeline:before {
    top: 0;
    left: 50%;
    z-index: 5;
    width: 3px;
    content: '';
    z-index: -1;
    height: 100%;
    display: block;
    position: absolute;
    transform: translateX(-50%);
}
.timeline .year {
    width: 65px;
    height: 65px;
    color: #fff;
    display: block;
    line-height: 65px;
    background: #323031;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto 31px;
}
.timeline li {
    overflow: hidden;
}
.timeline li:last-child .box:last-child ul {
    margin-bottom: 0;
}
.timeline .box {
    float: right;
    width: 50%;
    position: relative;
}
.timeline .box ul {
    color: #434343;
    margin: 0 0 60px;
    line-height: 22px;
    padding: 6px 0 0 43px;
}
.timeline .box.left {
    float: none;
    text-align: right;
}
.timeline .box.left ul {
    padding: 6px 43px 0 0;
}
.timeline .box.left .time:before {
    display: none;
}
.timeline .box.left .time:after {
    content: "";
    width: 60px;
    margin: 0 23px 0 12px;
    display: inline-block;
    vertical-align: middle;
    border-top: 1px solid #fff;
}
.timeline .box.left .dot {
    left: auto;
    right: -11px;
}
.timeline .dot {
    top: 5px;
    left: -9px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    border: 3px solid #fff;
}
.timeline .time {
    color: #323031;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
}
.timeline .time:before {
    content: "";
    width: 60px;
    margin: 0 12px 0 23px;
    display: inline-block;
    vertical-align: middle;
    border-top: 1px solid #fff;
}
.info-box {
    color: #a5a5a6;
}
.info-box p {
    margin: 0;
}
.info-box h3 {
    color: #323031;
    font-size: 30px;
    overflow: hidden;
    font-weight: 300;
    margin: 0 0 24px;
    line-height: 35px;
}
.info-box h3 .num {
    float: left;
    color: #cbcbcb;
    font-size: 23px;
    font-weight: 700;
    margin: 0 8% 0 0;
}
.js-tab-hidden {
    display: block!important;
    left: -9999px!important;
    position: absolute!important;
    top: -9999px!important;
}
.loader-container {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    position: fixed;
    background-color: rgba(7, 52, 86, .86);
}
.loader-container .holder {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}
#header.inner-header.header4.transparent {
    background-color: transparent;
    border-top: 4px solid #2c699b;
    box-shadow: none;
}
#header.inner-header.header4.transparent.sticky {
    background: #fff;
    box-shadow: 0 15px 18px -9px #2f2e2e;
}
.breadcrumbs-bg {
    background-image: url(../images/footer.jpg)!important;
    background-repeat: no-repeat;
    background-size: cover;
}
#header.inner-header .list-unstyled li a, #header.style3.inner-header .nav-opener .txt {
    color: #fff;
}
#header.style3.inner-header.sticky .nav-opener .txt {
    color: #000;
}
#header.inner-header.sticky .list-unstyled li a, #header.style3.inner-header.sticky .nav-opener .txt {
    color: #000;
}
#header.style3.inner-header .nav-opener span, #header.style3.inner-header .nav-opener:after, #header.style3.inner-header .nav-opener:before {
    background: #fff;
}
#header.style3.inner-header.sticky .nav-opener span, #header.style3.inner-header.sticky .nav-opener:after, #header.style3.inner-header.sticky .nav-opener:before {
    background: #000;
}
#header.inner-header.style3 .nav-opener span {
    background: #fff;
}
.inner-pages {
    min-height: 47vh;
    padding-top: 58px;
    padding-bottom: 84px;
}
.abt-section {
    margin-top: 38px;
    float: left;
    position: relative;
    top: 0;
    margin-bottom: 19px;
}
.abt-section p {
    color: #000;
    font-weight: 500;
    font-size: 16px;
}
:root {
    --white: #fff;
    --cl_1: #d008af;
    --cl_2: #f92d4b;
    --bg-gr_1: linear-gradient(to right,  var(--cl_1),  var(--cl_2));
    --cl_3: #fec901;
    --cl_4: #fe0c34;
    --bg-gr_2: linear-gradient(to right,  var(--cl_3),  var(--cl_4));
    --cl_5: #559df3;
    --cl_6: #9114d0;
    --bg-gr_3: linear-gradient(to right,  var(--cl_5),  var(--cl_6));
    --cl_7: #2cd190;
    --cl_8: #138fc8;
    --bg-gr_4: linear-gradient(to right,  var(--cl_7),  var(--cl_8));
}
.serviceBox {
    text-align: center;
    padding: 60px 13px 9px;
    margin: 38px 10px 0;
    margin-bottom: 30px;
    border-left: 3px solid var(--cl_1);
    position: relative;
    z-index: 1;
    min-height: 304px;
}
.serviceBox:after, .serviceBox:before {
    content: '';
    background-color: var(--cl_1);
    height: 3px;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -2;
}
.serviceBox:after {
    background: var(--bg-gr_1);
    width: 100%;
    top: auto;
    bottom: 0;
}
.serviceBox .service-icon {
    color: var(--white);
    background: var(--bg-gr_1);
    font-size: 52px;
    line-height: 111px;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    border-radius: 50%;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    z-index: 1;
    transition: all .3s;
}
.serviceBox:hover .service-icon {
    font-size: 60px;
}
.serviceBox .service-icon:after, .serviceBox .service-icon:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 96%;
    width: 96%;
    border: 10px solid var(--white);
    border-radius: 50%;
    z-index: -1;
}
.serviceBox .service-icon:after {
    border: 0;
    background: var(--bg-gr_1);
    height: 82%;
    width: 82%;
    z-index: -1;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    transition: all .3s;
}
.serviceBox:hover .service-icon:after {
    box-shadow: 0 0 15px rgba(0, 0, 0, .3), 0 0 10px var(--white) inset;
}
.serviceBox .service-content {
    padding: 0 20px 20px;
    border-right: 3px solid var(--cl_2);
}
.serviceBox .title {
    color: var(--cl_1);
    font-size: 26px;
    text-transform: capitalize;
    margin: 0 0 10px;
}
.serviceBox .description {
    color: #000;
    font-size: 16px;
    line-height: 27px;
    text-align: justify;
}
.serviceBox.yellow .service-icon, .serviceBox.yellow .service-icon:after, .serviceBox.yellow:after {
    background: linear-gradient(to right, var(--cl_3), var(--cl_4));
}
.serviceBox.yellow:before {
    background-color: var(--cl_3);
}
.serviceBox.yellow {
    border-left-color: var(--cl_3);
}
.serviceBox.yellow .service-content {
    border-right-color: var(--cl_4);
}
.serviceBox.yellow .title {
    color: var(--cl_4);
}
.serviceBox.blue .service-icon, .serviceBox.blue .service-icon:after, .serviceBox.blue:after {
    background: var(--bg-gr_3);
}
.serviceBox.blue:before {
    background-color: var(--cl_5);
}
.serviceBox.blue {
    border-right: 3px solid var(--cl_1);
    border-left: none;
}
.serviceBox.blue .service-content {
    border-right-color: var(--cl_6);
}
.serviceBox.blue .title {
    color: #5b90f0;
}
.serviceBox.green .service-icon, .serviceBox.green .service-icon:after, .serviceBox.green:after {
    background: var(--bg-gr_4);
}
.serviceBox.green:before {
    background-color: var(--cl_7);
    left: 0;
}
.serviceBox.green {
    border-left-color: var(--cl_7);
}
.serviceBox.green .service-content {
    border-right-color: var(--cl_8);
}
.serviceBox.green .title {
    color: #29c997;
}
@media only screen and (max-width:990px) {
    .serviceBox {
    margin: 100px 0 0;
}
}.p-color {
    color: #124d7d;
    font-weight: 600;
}
.contact-sec .contact-detail .title.add2-top {
    margin-top: 5px;
}
.call-abt.contact-abt {
    margin-top: 45px;
}
.maps iframe {
    width: 100%;
    height: 274px;
    box-shadow: 0 0 10px;
}
.tab .nav-tabs {
    border-bottom: 5px solid #7bc254;
}
.tab .nav-tabs li a {
    display: block;
    padding: 10px;
    border: 2px solid #2b59a6;
    border-radius: 0;
    background: #fff;
    font-size: 20px;
    font-weight: 700;
    color: #2b59a6;
    text-align: center;
    margin: 0 5px 30px 0;
    z-index: 1;
    position: relative;
    transition: all .3s ease 0s;
}
.tab .nav-tabs li a:hover, .tab .nav-tabs li.active a {
    color: #fff;
    border: 2px solid #2b59a6;
    background-color: #2b59a6;
}
.tab .nav-tabs li a:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #7bc254;
    border-radius: 50%;
    margin: 0 auto;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
}
.tab .nav-tabs li.active a:before {
    background: #7bc254;
    border: 2px solid #fff;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .25);
    transform: scale(2);
}
.tab .tab-content {
    padding: 20px;
    margin-top: 0;
    border-radius: 0 0 5px 5px;
    font-size: 15px;
    color: #7a9181;
    background: #fff;
    line-height: 30px;
}
.tab .tab-content h3 {
    font-size: 24px;
    margin-top: 5px;
}
@media only screen and (max-width:479px) {
    .tab .nav-tabs li {
    width: 100%;
    text-align: center;
}
.tab .nav-tabs li a {
    margin-right: 0;
    margin-bottom: 20px;
}
.tab .nav-tabs li a:before, .tab .nav-tabs li.active a:before {
    width: 0;
    height: 0;
    background: 0;
    box-shadow: none;
    border: 0;
    bottom: -10px;
    transform: scale(1);
}
.tab .nav-tabs li.active a:before {
    border-top: 10px solid #593082;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
}.item.style4:hover .zoom {
    transform: translate(-50%, 0) scale(1) rotate(0);
    top: 24%}
.g-item.item {
    margin-bottom: 30px;
    box-shadow: 0 0 10px #000;
    padding: 4px;
    background-color: #fff;
}
Portfolio style two ------------------------------------------ * / .portfolio.col-4 .portfolio-item {
    width: 25%}
.portfolio.col-3 .portfolio-item {
    width: 33.3333%;
    padding: 5px;
}
.downloads .portfolio.col-2 .portfolio-item {
    padding: 5px;
    box-shadow: 0 0 10px #000;
}
.portfolio.col-2.no-padd-ng-style .portfolio-item {
    padding: 0;
}
.portfolio.col-2.pading10 .portfolio-item {
    padding: 10px;
}
.thumb {
    position: relative;
    overflow: hidden;
}
.thumb>img {
    width: 100%}
.thumb:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(39, 98, 141, .8);
    background: -webkit-linear-gradient(45deg, rgba(42, 49, 64, .9), rgba(39, 98, 141, .9));
    background: -o-linear-gradient(45deg, rgba(42, 49, 64, .9), rgba(39, 98, 141, .9));
    background: -moz-linear-gradient(45deg, rgba(42, 49, 64, .9), rgba(39, 98, 141, .9));
    background: linear-gradient(to 45deg, rgba(42, 49, 64, .9), rgba(39, 98, 141, .9));
    transition: .3s;
    opacity: 0;
}
.top-search-form button, potrfolio-3 .portfolio-action-btn li a {
    background: #64bd3e;
}
.portfolio.col-2 .portfolio-item:hover .thumb>img {
    -webkit-transition: all .2s ease-in-out;
    -webkit-transform: scale(1.1);
    -ms-transition: all .2s ease-in-out;
    -ms-transform: scale(1.1);
    -moz-transition: all .2s ease-in-out;
    -moz-transform: scale(1);
    transition: all .2s ease-in-out;
    transform: scale(1.1);
}
.potrfolio-3.no-padd-ng-style .thumb:before {
    background: rgba(0, 0, 0, .5);
}
.portfolio-description {
    height: auto;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all .3s ease 0s;
    width: 100%;
    margin-top: -60px;
    z-index: 2;
}
.portfolio-item:hover .portfolio-description, .portfolio-item:hover .thumb:after, .portfolio-item:hover .thumb:before, .portfolio-style-title .portfolio-item:hover .solid-op-bg.thumb::before {
    opacity: 1;
}
.title-border .thumb::after {
    border: 1px solid #a5a8ae;
    content: "";
    height: calc(100% - 30px);
    left: 15px;
    opacity: 0;
    position: absolute;
    top: 15px;
    transition: all .3s ease 0s;
    width: calc(100% - 30px);
    z-index: 1;
}
.portfolio-description h4 a {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 20px;
    display: block;
    position: relative;
}
.portfolio-cat>li {
    display: inline-block;
    margin-bottom: 30px;
    margin-left: 10px;
}
.portfolio-cat li a {
    color: #666;
    font-size: 12px;
    font-style: italic;
    position: relative;
}
.potrfolio-3 .portfolio-action-btn {
    left: 0;
    margin-left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 40%;
    transition: all .3s ease 0s;
    width: 100%}
.potrfolio-3 .portfolio-item:hover .portfolio-action-btn {
    margin-top: -25px;
    opacity: 1;
    top: 50%}
.portfolio-action-btn>li {
    display: inline-block;
    margin: 0 3px;
}
.portfolio-action-btn li a {
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 35px;
    line-height: 35px;
    width: 35px;
}
.potrfolio-3 .portfolio-action-btn li a {
    border: 2px solid transparent;
    color: #fff;
    font-size: 20px;
    height: 50px;
    line-height: 45px;
    width: 50px;
}
.potrfolio-3 .portfolio-action-btn li a, .top-search-form button {
    background: #2c699b;
}
.title-border .portfolio-description h4 a::after, .title-border .portfolio-description h4 a::before {
    top: 50%;
    width: 90px;
    height: 1px;
    background-color: #ed9f24;
    content: "";
    position: absolute;
}
.title-border .portfolio-description h4 a::before {
    left: 90px;
}
.title-border .portfolio-description h4 a::after {
    right: 90px;
}
.portfolio-cat li a:after {
    position: absolute;
    content: "/";
    top: -5px;
    right: -10px;
}
.portfolio-cat li:last-child a:after {
    content: ""}
.portfolio-filter a {
    color: #666;
    display: block;
    font-family: raleway;
    font-size: 12px;
    font-weight: 600;
    padding: 0 30px;
    text-transform: uppercase;
    height: 38px;
    line-height: 38px;
}
.portfolio-filter>li:first-child {
    border-radius: 3px 0 0 3px;
}
.portfolio-filter>li:last-child {
    border-radius: 0 3px 3px 0;
}
.portfolio-filter>li {
    border-left: 1px solid #ebebeb;
    display: inline-block;
    margin-left: -4px;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
}
.portfolio-filter>li:last-child {
    border-right: 1px solid #ebebeb;
}
.portfolio-filter {
    margin-bottom: 60px;
}
.portfolio.pading15 .portfolio-item {
    padding: 15px;
}
.dirk-portfolio-bg {
    background: #3e3e3e;
}
.no-borderd.portfolio-filter>li {
    border: 0;
    position: relative;
}
.portfolio-filter.no-borderd>li::after {
    content: "/";
    left: 0;
    position: absolute;
    top: 0;
}
.portfolio-filter.no-borderd>li:first-child::after {
    content: ""}
.portfolio.col-3.pading10 .portfolio-item {
    padding: 10px;
}
.no-borderd.portfolio-filter>li a {
    font-weight: 700;
    font-style: italic;
    padding: 0 30px;
}
.no-borderd.portfolio-filter {
    margin-bottom: 50px;
}
.portfolio.col-4.pading10 .portfolio-item {
    width: 25%;
    padding: 10px;
}
.portfolio-titled {
    background: #dbddde none repeat scroll 0 0;
    padding: 20px 25px 30px;
    position: relative;
    transition: .3s;
}
.portfolio-style-title .portfolio-item:not(.not-description-hover):hover .portfolio-titled {
    background: #2c699b none repeat scroll 0 0;
}
.portfolio-style-title .portfolio-item:not(.not-description-hover):hover .portfolio-titled h4 a {
    color: #fff;
}
.solid-op-bg.thumb::before {
    background: rgba(0, 0, 0, .5);
}
.portfolio-titled h4 {
    font-weight: 600;
    text-transform: none;
    font-size: 18px;
    line-height: 24px;
}
.portfolio-titled a {
    color: #2c699b;
}
.portfolio-titled .port-link {
    background: #2c699b none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    height: 50px;
    line-height: 46px;
    position: absolute;
    right: 40px;
    text-align: center;
    top: -25px;
    width: 50px;
    font-size: 20px;
    z-index: 1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}
.potrfolio-3 .portfolio-titled .portfolio-cat>li {
    margin: 10px 13px 0 0;
}
.portfolio-titled .portfolio-cat li a {
    color: #71a9d0;
    font-style: normal;
    font-weight: 700;
}
.single-portfolio-wrap {
    padding: 80px 0;
}
.single-portfolio-meta>li {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0;
    color: #666;
}
.single-portfolio-meta>li:last-child {
    border-bottom: medium none;
}
.single-portfolio-meta {
    margin-top: 10px;
}
.single-portfolio-meta>li i {
    margin-right: 20px;
    font-size: 16px;
    color: #444;
    line-height: normal;
}
.single-portfolio-meta li span {
    font-weight: 700;
    margin-right: 5px;
    color: #444;
}
.single-project-title {
    border-bottom: 1px solid #e5e5e5;
    color: #444;
    font-size: 24px;
    line-height: 22px;
    margin: 0 0 30px;
    padding-bottom: 13px;
    text-transform: unset;
}
.single-project-description>p {
    color: #666;
    line-height: 24px;
    margin-bottom: 30px;
}
p.pd-top-des {
    text-align: center;
    font-weight: 600;
    margin: auto;
    display: table;
    margin-bottom: 18px;
    padding: 0 13px;
    border-left: 4px solid;
    border-right: 4px solid;
}
.animities-img {
    margin-top: 53px;
    box-shadow: 0 0 12px;
    padding: 6px;
}
.pr-details-animities {
    margin-top: 17px;
}
.pr-details-animities p {
    width: 50%;
    float: left;
    margin: 0;
    text-align: center;
    padding: 0 15px;
}
.pr-details-animities span {
    padding: 8px 0;
    display: block;
    background-color: #125790;
    margin-bottom: 7px;
    color: #fff;
    transition: ease-in-out .3s;
}
.pr-details-animities span:hover {
    box-shadow: 0 0 20px #000;
}
.palm-spring-heading.aminities-heading {
    margin-top: 32px;
    margin-bottom: 30px;
}
.aminities-heading {
    color: green;
    font-weight: 600;
    font-size: 27px;
    padding-left: 17px;
    text-transform: uppercase;
}
.ol-styles {
    padding: 0;
}
.ol-styles li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
}
.ol-styles li:before {
    color: #000;
    content: "\f03a";
    font-family: FontAwesome;
    left: 0;
    top: 0;
    position: absolute;
    font-weight: 500;
}
.main-timeline {
    position: relative;
}
.main-timeline:before {
    content: "";
    background: #165283;
    width: 10px;
    height: 100%;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%}
.main-timeline:after {
    content: '';
    display: block;
    clear: both;
}
.main-timeline .timeline {
    width: 50%;
    margin: 0 10px 30px 0;
    float: left;
}
.main-timeline .timeline-content {
    color: #000;
    margin: 0 50px 0 0;
    border: 5px solid #eb4d4b;
    border-radius: 30px;
    display: block;
    position: relative;
    background-color: #eee;
    font-weight: 600;
    box-shadow: 0 0 19px;
}
.main-timeline .timeline-content:hover {
    text-decoration: none;
}
.main-timeline .timeline-content:before {
    content: "";
    background: #e84c47;
    width: 27px;
    height: 43px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -32px;
}
.main-timeline .timeline-icon {
    color: #e84c47;
    background-color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 50px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 5px solid #e84c47;
    display: block;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -83px;
}
.main-timeline .timeline-icon:after, .main-timeline .timeline-icon:before {
    content: "";
    width: 28px;
    height: 30px;
    border-radius: 0 0 15px 11px;
    position: absolute;
    top: -18px;
    left: -23.5px;
    z-index: -1;
}
.main-timeline .timeline-icon:after {
    border-radius: 11px 15px 0 0;
    top: auto;
    bottom: -18px;
}
.main-timeline .inner-content {
    padding: 0 20px 20px;
}
.main-timeline .title {
    color: #fff;
    background: #eb4d4b;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 14px;
    margin: 0 0 -10px;
    border-radius: 10px;
    display: inline-block;
    transform: translateY(-23px);
}
.main-timeline .description {
    font-size: 15px;
    margin: 0;
}
.main-timeline .timeline:nth-child(even) {
    float: right;
    margin: 0 0 30px 10px;
}
.main-timeline .timeline:nth-child(even) .timeline-content {
    text-align: right;
    margin: 0 0 0 50px;
}
.main-timeline .timeline:nth-child(even) .timeline-content .description {
    text-align: left;
}
.main-timeline .timeline:nth-child(even) .timeline-content:before {
    left: -32px;
    right: auto;
}
.main-timeline .timeline:nth-child(even) .timeline-icon {
    left: -83px;
    right: auto;
}
.main-timeline .timeline:nth-child(even) .timeline-icon:after, .main-timeline .timeline:nth-child(even) .timeline-icon:before {
    left: 46.3px;
}
.main-timeline .timeline:nth-child(4n+2) .timeline-content {
    border-color: #9b70dc;
}
.main-timeline .timeline:nth-child(4n+2) .timeline-content:before, .main-timeline .timeline:nth-child(4n+2) .title {
    background-color: #9b70dc;
}
.main-timeline .timeline:nth-child(4n+2) .timeline-icon {
    color: #9b70dc;
    border-color: #9b70dc;
}
.main-timeline .timeline:nth-child(4n+3) .timeline-content {
    border-color: #d568be;
}
.main-timeline .timeline:nth-child(4n+3) .timeline-content:before, .main-timeline .timeline:nth-child(4n+3) .title {
    background-color: #d568be;
}
.main-timeline .timeline:nth-child(4n+3) .timeline-icon {
    color: #d568be;
    border-color: #d568be;
}
.main-timeline .timeline:nth-child(4n+4) .timeline-content {
    border-color: #33b771;
}
.main-timeline .timeline:nth-child(4n+4) .timeline-content:before, .main-timeline .timeline:nth-child(4n+4) .title {
    background-color: #33b771;
}
.main-timeline .timeline:nth-child(4n+4) .timeline-icon {
    color: #33b771;
    border-color: #33b771;
}
.main-timeline .timeline:nth-child(4n+5) .timeline-content {
    border-color: #c2d20c;
}
.main-timeline .timeline:nth-child(4n+5) .timeline-content:before, .main-timeline .timeline:nth-child(4n+5) .title {
    background-color: #c2d20c;
}
.main-timeline .timeline:nth-child(4n+5) .timeline-icon {
    color: #c2d20c;
    border-color: #c2d20c;
}
.main-timeline .timeline:nth-child(4n+6) .timeline-content {
    border-color: #0c7cd2;
}
.main-timeline .timeline:nth-child(4n+6) .timeline-content:before, .main-timeline .timeline:nth-child(4n+6) .title {
    background-color: #0c7cd2;
}
.main-timeline .timeline:nth-child(4n+6) .timeline-icon {
    color: #0c7cd2;
    border-color: #0c7cd2;
}
.main-timeline .timeline:nth-child(4n+7) .timeline-content {
    border-color: #de21b2;
}
.main-timeline .timeline:nth-child(4n+7) .timeline-content:before, .main-timeline .timeline:nth-child(4n+7) .title {
    background-color: #de21b2;
}
.main-timeline .timeline:nth-child(4n+7) .timeline-icon {
    color: #de21b2;
    border-color: #de21b2;
}
.main-timeline .timeline:nth-child(4n+8) .timeline-content {
    border-color: #1cb5a9;
}
.main-timeline .timeline:nth-child(4n+8) .timeline-content:before, .main-timeline .timeline:nth-child(4n+8) .title {
    background-color: #1cb5a9;
}
.main-timeline .timeline:nth-child(4n+8) .timeline-icon {
    color: #1cb5a9;
    border-color: #1cb5a9;
}
.main-timeline .timeline:nth-child(4n+9) .timeline-content {
    border-color: #3a2020;
}
.main-timeline .timeline:nth-child(4n+9) .timeline-content:before, .main-timeline .timeline:nth-child(4n+9) .title {
    background-color: #3a2020;
}
.main-timeline .timeline:nth-child(4n+9) .timeline-icon {
    color: #3a2020;
    border-color: #3a2020;
}
.main-timeline .timeline:nth-child(4n+10) .timeline-content {
    border-color: #da871a;
}
.main-timeline .timeline:nth-child(4n+10) .timeline-content:before, .main-timeline .timeline:nth-child(4n+10) .title {
    background-color: #da871a;
}
.main-timeline .timeline:nth-child(4n+10) .timeline-icon {
    color: #da871a;
    border-color: #da871a;
}
.main-timeline .timeline:nth-child(4n+11) .timeline-content {
    border-color: #9f33b7;
}
.main-timeline .timeline:nth-child(4n+11) .timeline-content:before, .main-timeline .timeline:nth-child(4n+11) .title {
    background-color: #9f33b7;
}
.main-timeline .timeline:nth-child(4n+11) .timeline-icon {
    color: #9f33b7;
    border-color: #9f33b7;
}
.main-timeline .timeline:nth-child(4n+12) .timeline-content {
    border-color: #34d21b;
}
.main-timeline .timeline:nth-child(4n+12) .timeline-content:before, .main-timeline .timeline:nth-child(4n+12) .title {
    background-color: #34d21b;
}
.main-timeline .timeline:nth-child(4n+12) .timeline-icon {
    color: #34d21b;
    border-color: #34d21b;
}
.main-timeline .timeline:nth-child(4n+13) .timeline-content {
    border-color: #494a3f;
}
.main-timeline .timeline:nth-child(4n+13) .timeline-content:before, .main-timeline .timeline:nth-child(4n+13) .title {
    background-color: #494a3f;
}
.main-timeline .timeline:nth-child(4n+13) .timeline-icon {
    color: #494a3f;
    border-color: #494a3f;
}
.main-timeline .timeline:nth-child(4n+14) .timeline-content {
    border-color: #d2460c;
}
.main-timeline .timeline:nth-child(4n+14) .timeline-content:before, .main-timeline .timeline:nth-child(4n+14) .title {
    background-color: #d2460c;
}
.main-timeline .timeline:nth-child(4n+14) .timeline-icon {
    color: #d2460c;
    border-color: #d2460c;
}
.main-timeline .timeline:nth-child(4n+15) .timeline-content {
    border-color: #63589a;
}
.main-timeline .timeline:nth-child(4n+15) .timeline-content:before, .main-timeline .timeline:nth-child(4n+15) .title {
    background-color: #63589a;
}
.main-timeline .timeline:nth-child(4n+15) .timeline-icon {
    color: #63589a;
    border-color: #63589a;
}
.main-timeline .timeline:nth-child(4n+16) .timeline-content {
    border-color: #d2bd0c;
}
.main-timeline .timeline:nth-child(4n+16) .timeline-content:before, .main-timeline .timeline:nth-child(4n+16) .title {
    background-color: #d2bd0c;
}
.main-timeline .timeline:nth-child(4n+16) .timeline-icon {
    color: #d2bd0c;
    border-color: #d2bd0c;
}
.main-timeline .timeline:nth-child(4n+17) .timeline-content {
    border-color: #000;
}
.main-timeline .timeline:nth-child(4n+17) .timeline-content:before, .main-timeline .timeline:nth-child(4n+17) .title {
    background-color: #000;
}
.main-timeline .timeline:nth-child(4n+17) .timeline-icon {
    color: #000;
    border-color: #000;
}
.main-timeline .timeline:nth-child(4n+18) .timeline-content {
    border-color: #2348dc;
}
.main-timeline .timeline:nth-child(4n+18) .timeline-content:before, .main-timeline .timeline:nth-child(4n+18) .title {
    background-color: #2348dc;
}
.main-timeline .timeline:nth-child(4n+18) .timeline-icon {
    color: #2348dc;
    border-color: #2348dc;
}
.main-timeline .timeline:nth-child(4n+19) .timeline-content {
    border-color: #b14b0c;
}
.main-timeline .timeline:nth-child(4n+19) .timeline-content:before, .main-timeline .timeline:nth-child(4n+19) .title {
    background-color: #b14b0c;
}
.main-timeline .timeline:nth-child(4n+19) .timeline-icon {
    color: #b14b0c;
    border-color: #b14b0c;
}
.main-timeline .timeline:nth-child(4n+20) .timeline-content {
    border-color: #24345a;
}
.main-timeline .timeline:nth-child(4n+20) .timeline-content:before, .main-timeline .timeline:nth-child(4n+20) .title {
    background-color: #24345a;
}
.main-timeline .timeline:nth-child(4n+20) .timeline-icon {
    color: #24345a;
    border-color: #24345a;
}
.main-timeline .timeline:nth-child(4n+21) .timeline-content {
    border-color: #c2d20c;
}
.main-timeline .timeline:nth-child(4n+21) .timeline-content:before, .main-timeline .timeline:nth-child(4n+21) .title {
    background-color: #3a2020;
}
.main-timeline .timeline:nth-child(4n+21) .timeline-icon {
    color: #c2d20c;
    border-color: #c2d20c;
}
@media screen and (max-width:990px) {
    .main-timeline .inner-content {
    padding: 0 15px 20px;
}
}@media screen and (max-width:767px) {
    .main-timeline: before {
    transform: translateX(0);
    left: 25px;
}
.main-timeline .timeline {
    width: 100%;
    margin: 0 0 40px;
}
.main-timeline .timeline-content, .main-timeline .timeline:nth-child(even) .timeline-content {
    text-align: left;
    margin: 0 0 0 60px;
    border-radius: 5px;
}
.main-timeline .timeline-content:before {
    display: none;
}
.main-timeline .timeline-icon, .main-timeline .timeline:nth-child(even) .timeline-icon {
    right: auto;
    left: -60px;
}
.main-timeline .timeline-icon:after, .main-timeline .timeline-icon:before {
    display: none;
}
.main-timeline .title {
    font-size: 20px;
    border-radius: 5px;
}
}.footer-socila {
    text-align: center;
}
.footer-socila span {
    color: #fff;
    margin-right: 5px;
    font-size: 22px;
}
.footer-socila img {
    width: 35px;
    margin-right: 4px;
}
.vertical-tab {
    display: table;
}
.vertical-tab .nav-tabs {
    display: table-cell;
    width: 192px;
    min-width: 15%;
    vertical-align: top;
    border: 0;
}
.vertical-tab .nav-tabs li {
    float: none;
    vertical-align: top;
}
.vertical-tab .nav-tabs li a {
    color: #fff;
    background: #165990;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    letter-spacing: inherit;
    text-transform: uppercase;
    padding: 10px 10px;
    margin: 0 0 12px 0;
    border-radius: 25px 0 0 25px;
    border: 0;
    transition: all .3s ease 0s;
}
.vertical-tab .nav-tabs li a:hover, .vertical-tab .nav-tabs li.active a, .vertical-tab .nav-tabs li.active a:hover {
    color: #fff;
    background: #7bc252;
    border: 0;
    font-weight: 600;
}
.vertical-tab .nav-tabs li a i {
    color: #d63031;
    background: #fff;
    font-size: 18px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    transition: all .5s ease 0s;
}
.vertical-tab .nav-tabs li a:hover i, .vertical-tab .nav-tabs li.active a i {
    color: #555;
    box-shadow: 0 0 5px #555;
}
.vertical-tab .tab-content {
    color: #fff;
    background-color: transparent;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 23px;
    padding: 15px;
    padding-top: 21px;
    display: block;
    position: relative;
    width: 100%;
    height: 489px;
    overflow-x: hidden;
}
.vertical-tab .tab-content h3 {
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
@media only screen and (max-width:479px) {
    .vertical-tab .nav-tabs {
    display: block;
    width: 100%;
    border-right: 0;
}
.vertical-tab .nav-tabs li {
    display: inline-block;
}
.vertical-tab .nav-tabs li a {
    padding: 7px 7px;
    margin: 0 7px 0 0;
    border-radius: 25px 25px 0 0;
}
.vertical-tab .tab-content {
    display: block;
    padding: 20px 15px 10px;
}
.vertical-tab .tab-content h3 {
    font-size: 18px;
}
}.project-status .vertical-tab .tab-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.project-status .vertical-tab .tab-content::-webkit-scrollbar {
    width: 4px;
    background: #fff;
}
.project-status .vertical-tab .tab-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #00f;
    border-radius: 15px;
}
.project-status .vertical-tab .tab-content::-webkit-scrollbar-thumb {
    border-radius: 15px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5);
    background: #2b59a6;
}
@media only screen and (min-width:1600px) {
    #header.style3 #nav ul li {
    font-size: 20px;
    margin: 0 0 25px;
    padding-bottom: 25px;
}
}.nav-footer-socila span {
    color: #fff;
    float: left;
    font-size: 20px;
}
.nav-footer-socila a {
    float: left;
    width: 33px;
    height: 33px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-left: 7px;
    line-height: 32px;
    text-align: center;
}
.gallery-tile {
    display: table;
    margin: auto;
    background-color: #7bc252;
    color: #fff;
    padding: 5px 32px;
    font-size: 21px;
    border-top: 4px solid #0b3a6f;
}
#fullscreen {
    background-color: rgba(47, 45, 45, .8);
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
}
#fullscreen-inner {
    position: relative;
    width: 100%;
    float: left;
    background-color: rgba(47, 45, 45, .8);
}
.fullscreen-inner-button {
    height: 35px;
    width: 35px;
    background-color: #7bc252;
    position: absolute;
    font-size: 18px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.fullscreen-inner-button:hover {
    background-color: #fdb800;
    cursor: pointer;
    -webkit-border-radius: 35%;
    -moz-border-radius: 35%;
    border-radius: 35%}
#fullscreen-inner-left {
    left: 20px;
    top: 50%;
    margin-top: -17.5px;
}
#fullscreen-inner-right {
    top: 50%;
    right: 20px;
    margin-top: -17.5px;
}
#fullscreen-inner-close {
    top: 0;
    right: 0;
    margin-top: 20px;
    margin-right: 20px;
}
#fullscreen-image {
    height: 667px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    position: relative;
}
#fullscreen-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
}
#fullscreen-image img:nth-child(1) {
    -ms-transform: translate(0, -30%) scale(.6, .6);
    -webkit-transform: translate(0, -30%) scale(.6, .6);
    transform: translate(0, -30%) scale(.6, .6);
    z-index: 1;
    opacity: .2;
}
#fullscreen-image img:nth-child(2) {
    -ms-transform: translate(0, -20%) scale(.7, .7);
    -webkit-transform: translate(0, -20%) scale(.7, .7);
    transform: translate(0, -20%) scale(.7, .7);
    z-index: 1;
    opacity: .4;
}
#fullscreen-image img:nth-child(3) {
    -ms-transform: translate(0, -10%) scale(.8, .8);
    -webkit-transform: translate(0, -10%) scale(.8, .8);
    transform: translate(0, -10%) scale(.8, .8);
    z-index: 2;
    opacity: .6;
}
#fullscreen-image img:nth-child(4) {
    -ms-transform: scale(.9, .9);
    -webkit-transform: scale(.9, .9);
    transform: scale(.9, .9);
    z-index: 3;
    opacity: .8;
}
#fullscreen-image img:nth-child(5) {
    -ms-transform: translate(0, 10%) scale(1, 1);
    -webkit-transform: translate(0, 10%) scale(1, 1);
    transform: translate(0, 10%) scale(1, 1);
    z-index: 4;
    opacity: 1;
}
.wrapper-inner-content-image {
    float: left;
    width: 100%;
    position: relative;
    height: 180px;
    margin-bottom: 44px;
}
.wrapper-inner-content-image img {
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}
.wrapper-inner-content-image-hover {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, .8);
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 1;
}
.wrapper-inner-content-image-hover-cercle {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    background-color: #7bc252;
    font-size: 25px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    margin-top: -25px;
    margin-left: -25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.wrapper-inner-content-image:hover .wrapper-inner-content-image-hover {
    opacity: 1;
    -ms-transform: translate(0, 10%) scale(1, 1);
    -webkit-transform: translate(0, 10%) scale(1, 1);
    transform: translate(0, 10%) scale(1, 1);
}
.wrapper-inner-content-image:hover .wrapper-inner-content-image-hover-cercle {
    -webkit-animation-name: jello;
    animation-name: jello;
}
.wrapper-inner-content-image img:nth-child(1) {
    opacity: 1;
}
.wrapper-inner-content-image img:nth-child(2) {
    opacity: 1;
}
.wrapper-inner-content-image img:nth-child(3) {
    opacity: 1;
}
.wrapper-inner-content-image img:nth-child(4) {
    opacity: 1;
}
.wrapper-inner-content-image:hover img:nth-child(1) {
    -ms-transform: translate(0, -20%) scale(.7, .7);
    -webkit-transform: translate(0, -20%) scale(.7, .7);
    transform: translate(0, -20%) scale(.7, .7);
}
.wrapper-inner-content-image:hover img:nth-child(2) {
    -ms-transform: translate(0, -10%) scale(.8, .8);
    -webkit-transform: translate(0, -10%) scale(.8, .8);
    transform: translate(0, -10%) scale(.8, .8);
}
.wrapper-inner-content-image:hover img:nth-child(3) {
    -ms-transform: scale(.9, .9);
    -webkit-transform: scale(.9, .9);
    transform: scale(.9, .9);
}
.wrapper-inner-content-image:hover img:nth-child(4) {
    -ms-transform: translate(0, 10%) scale(1, 1);
    -webkit-transform: translate(0, 10%) scale(1, 1);
    transform: translate(0, 10%) scale(1, 1);
}
@-webkit-keyframes jello {
    11.1%, from, to {
    -webkit-transform: none;
    transform: none;
}
22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg);
}
77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg);
}
88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg);
}
}@keyframes jello {
    11.1%, from, to {
    -webkit-transform: none;
    transform: none;
}
22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg);
}
77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg);
}
88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg);
}
}@-webkit-keyframes fadeInDown {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}@keyframes fadeInDown {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeOutDown {
    0% {
    opacity: 1;
}
100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
}@keyframes fadeOutDown {
    0% {
    opacity: 1;
}
100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
}.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}@keyframes fadeIn {
    0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeOut {
    0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}@keyframes fadeOut {
    0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot);
    src: url(../fonts/icomoon.eot) format('embedded-opentype'), url(../fonts/icomoon.woff) format('woff'), url(../fonts/icomoon.ttf) format('truetype'), url(../fonts/icomoon.svg) format('svg');
    font-weight: 400;
    font-style: normal;
}
[class*=" icon-"], [class^=icon-] {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-flame:before {
    content: "\f0d2"}
.icon-glass:before {
    content: "\f000"}
.icon-music:before {
    content: "\f001"}
.icon-search:before {
    content: "\f002"}
.icon-envelope-o:before {
    content: "\f003"}
.icon-heart:before {
    content: "\f004"}
.icon-star:before {
    content: "\f005"}
.icon-star-o:before {
    content: "\f006"}
.icon-user:before {
    content: "\f007"}
.icon-film:before {
    content: "\f008"}
.icon-th-large:before {
    content: "\f009"}
.icon-th:before {
    content: "\f00a"}
.icon-th-list:before {
    content: "\f00b"}
.icon-check:before {
    content: "\f00c"}
.icon-close:before {
    content: "\f00d"}
.icon-remove:before {
    content: "\f00d"}
.icon-times:before {
    content: "\f00d"}
.icon-search-plus:before {
    content: "\f00e"}
.icon-search-minus:before {
    content: "\f010"}
.icon-power-off:before {
    content: "\f011"}
.icon-signal:before {
    content: "\f012"}
.icon-cog:before {
    content: "\f013"}
.icon-gear:before {
    content: "\f013"}
.icon-trash-o:before {
    content: "\f014"}
.icon-home:before {
    content: "\f015"}
.icon-file-o:before {
    content: "\f016"}
.icon-clock-o:before {
    content: "\f017"}
.icon-road:before {
    content: "\f018"}
.icon-download:before {
    content: "\f019"}
.icon-arrow-circle-o-down:before {
    content: "\f01a"}
.icon-arrow-circle-o-up:before {
    content: "\f01b"}
.icon-inbox:before {
    content: "\f01c"}
.icon-play-circle-o:before {
    content: "\f01d"}
.icon-repeat:before {
    content: "\f01e"}
.icon-rotate-right:before {
    content: "\f01e"}
.icon-refresh:before {
    content: "\f021"}
.icon-list-alt:before {
    content: "\f022"}
.icon-lock:before {
    content: "\f023"}
.icon-flag:before {
    content: "\f024"}
.icon-headphones:before {
    content: "\f025"}
.icon-volume-off:before {
    content: "\f026"}
.icon-volume-down:before {
    content: "\f027"}
.icon-volume-up:before {
    content: "\f028"}
.icon-qrcode:before {
    content: "\f029"}
.icon-barcode:before {
    content: "\f02a"}
.icon-tag:before {
    content: "\f02b"}
.icon-tags:before {
    content: "\f02c"}
.icon-book:before {
    content: "\f02d"}
.icon-bookmark:before {
    content: "\f02e"}
.icon-print:before {
    content: "\f02f"}
.icon-camera:before {
    content: "\f030"}
.icon-font:before {
    content: "\f031"}
.icon-bold:before {
    content: "\f032"}
.icon-italic:before {
    content: "\f033"}
.icon-text-height:before {
    content: "\f034"}
.icon-text-width:before {
    content: "\f035"}
.icon-align-left:before {
    content: "\f036"}
.icon-align-center:before {
    content: "\f037"}
.icon-align-right:before {
    content: "\f038"}
.icon-align-justify:before {
    content: "\f039"}
.icon-list:before {
    content: "\f03a"}
.icon-dedent:before {
    content: "\f03b"}
.icon-outdent:before {
    content: "\f03b"}
.icon-indent:before {
    content: "\f03c"}
.icon-video-camera:before {
    content: "\f03d"}
.icon-image:before {
    content: "\f03e"}
.icon-photo:before {
    content: "\f03e"}
.icon-picture-o:before {
    content: "\f03e"}
.icon-pencil:before {
    content: "\f040"}
.icon-map-marker:before {
    content: "\f041"}
.icon-adjust:before {
    content: "\f042"}
.icon-tint:before {
    content: "\f043"}
.icon-edit:before {
    content: "\f044"}
.icon-pencil-square-o:before {
    content: "\f044"}
.icon-share-square-o:before {
    content: "\f045"}
.icon-check-square-o:before {
    content: "\f046"}
.icon-arrows:before {
    content: "\f047"}
.icon-step-backward:before {
    content: "\f048"}
.icon-fast-backward:before {
    content: "\f049"}
.icon-backward:before {
    content: "\f04a"}
.icon-play:before {
    content: "\f04b"}
.icon-pause:before {
    content: "\f04c"}
.icon-stop:before {
    content: "\f04d"}
.icon-forward:before {
    content: "\f04e"}
.icon-fast-forward:before {
    content: "\f050"}
.icon-step-forward:before {
    content: "\f051"}
.icon-eject:before {
    content: "\f052"}
.icon-chevron-left:before {
    content: "\f053"}
.icon-chevron-right:before {
    content: "\f054"}
.icon-plus-circle:before {
    content: "\f055"}
.icon-minus-circle:before {
    content: "\f056"}
.icon-times-circle:before {
    content: "\f057"}
.icon-check-circle:before {
    content: "\f058"}
.icon-question-circle:before {
    content: "\f059"}
.icon-info-circle:before {
    content: "\f05a"}
.icon-crosshairs:before {
    content: "\f05b"}
.icon-times-circle-o:before {
    content: "\f05c"}
.icon-check-circle-o:before {
    content: "\f05d"}
.icon-ban:before {
    content: "\f05e"}
.icon-arrow-left:before {
    content: "\f060"}
.icon-arrow-right:before {
    content: "\f061"}
.icon-arrow-up:before {
    content: "\f062"}
.icon-arrow-down:before {
    content: "\f063"}
.icon-mail-forward:before {
    content: "\f064"}
.icon-share:before {
    content: "\f064"}
.icon-expand:before {
    content: "\f065"}
.icon-compress:before {
    content: "\f066"}
.icon-plus:before {
    content: "\f067"}
.icon-minus:before {
    content: "\f068"}
.icon-asterisk:before {
    content: "\f069"}
.icon-exclamation-circle:before {
    content: "\f06a"}
.icon-gift:before {
    content: "\f06b"}
.icon-leaf:before {
    content: "\f06c"}
.icon-fire:before {
    content: "\f06d"}
.icon-eye:before {
    content: "\f06e"}
.icon-eye-slash:before {
    content: "\f070"}
.icon-exclamation-triangle:before {
    content: "\f071"}
.icon-warning:before {
    content: "\f071"}
.icon-plane:before {
    content: "\f072"}
.icon-calendar:before {
    content: "\f073"}
.icon-random:before {
    content: "\f074"}
.icon-comment:before {
    content: "\f075"}
.icon-magnet:before {
    content: "\f076"}
.icon-chevron-up:before {
    content: "\f077"}
.icon-chevron-down:before {
    content: "\f078"}
.icon-retweet:before {
    content: "\f079"}
.icon-shopping-cart:before {
    content: "\f07a"}
.icon-folder:before {
    content: "\f07b"}
.icon-folder-open:before {
    content: "\f07c"}
.icon-arrows-v:before {
    content: "\f07d"}
.icon-arrows-h:before {
    content: "\f07e"}
.icon-bar-chart:before {
    content: "\f080"}
.icon-bar-chart-o:before {
    content: "\f080"}
.icon-twitter-square:before {
    content: "\f081"}
.icon-facebook-square:before {
    content: "\f082"}
.icon-camera-retro:before {
    content: "\f083"}
.icon-key:before {
    content: "\f084"}
.icon-cogs:before {
    content: "\f085"}
.icon-gears:before {
    content: "\f085"}
.icon-comments:before {
    content: "\f086"}
.icon-thumbs-o-up:before {
    content: "\f087"}
.icon-thumbs-o-down:before {
    content: "\f088"}
.icon-star-half:before {
    content: "\f089"}
.icon-heart-o:before {
    content: "\f08a"}
.icon-sign-out:before {
    content: "\f08b"}
.icon-linkedin-square:before {
    content: "\f08c"}
.icon-thumb-tack:before {
    content: "\f08d"}
.icon-external-link:before {
    content: "\f08e"}
.icon-sign-in:before {
    content: "\f090"}
.icon-trophy:before {
    content: "\f091"}
.icon-github-square:before {
    content: "\f092"}
.icon-upload:before {
    content: "\f093"}
.icon-lemon-o:before {
    content: "\f094"}
.icon-phone:before {
    content: "\f095"}
.icon-square-o:before {
    content: "\f096"}
.icon-bookmark-o:before {
    content: "\f097"}
.icon-phone-square:before {
    content: "\f098"}
.icon-twitter:before {
    content: "\f099"}
.icon-facebook:before {
    content: "\f09a"}
.icon-facebook-f:before {
    content: "\f09a"}
.icon-github:before {
    content: "\f09b"}
.icon-unlock:before {
    content: "\f09c"}
.icon-credit-card:before {
    content: "\f09d"}
.icon-rss:before {
    content: "\f09e"}
.icon-hdd-o:before {
    content: "\f0a0"}
.icon-bullhorn:before {
    content: "\f0a1"}
.icon-bell-o:before {
    content: "\f0a2"}
.icon-certificate:before {
    content: "\f0a3"}
.icon-hand-o-right:before {
    content: "\f0a4"}
.icon-hand-o-left:before {
    content: "\f0a5"}
.icon-hand-o-up:before {
    content: "\f0a6"}
.icon-hand-o-down:before {
    content: "\f0a7"}
.icon-arrow-circle-left:before {
    content: "\f0a8"}
.icon-arrow-circle-right:before {
    content: "\f0a9"}
.icon-arrow-circle-up:before {
    content: "\f0aa"}
.icon-arrow-circle-down:before {
    content: "\f0ab"}
.icon-globe:before {
    content: "\f0ac"}
.icon-wrench:before {
    content: "\f0ad"}
.icon-tasks:before {
    content: "\f0ae"}
.icon-filter:before {
    content: "\f0b0"}
.icon-briefcase:before {
    content: "\f0b1"}
.icon-arrows-alt:before {
    content: "\f0b2"}
.icon-group:before {
    content: "\f0c0"}
.icon-users:before {
    content: "\f0c0"}
.icon-chain:before {
    content: "\f0c1"}
.icon-link:before {
    content: "\f0c1"}
.icon-cloud:before {
    content: "\f0c2"}
.icon-flask:before {
    content: "\f0c3"}
.icon-cut:before {
    content: "\f0c4"}
.icon-scissors:before {
    content: "\f0c4"}
.icon-copy:before {
    content: "\f0c5"}
.icon-files-o:before {
    content: "\f0c5"}
.icon-paperclip:before {
    content: "\f0c6"}
.icon-floppy-o:before {
    content: "\f0c7"}
.icon-save:before {
    content: "\f0c7"}
.icon-square:before {
    content: "\f0c8"}
.icon-bars:before {
    content: "\f0c9"}
.icon-navicon:before {
    content: "\f0c9"}
.icon-reorder:before {
    content: "\f0c9"}
.icon-list-ul:before {
    content: "\f0ca"}
.icon-list-ol:before {
    content: "\f0cb"}
.icon-strikethrough:before {
    content: "\f0cc"}
.icon-underline:before {
    content: "\f0cd"}
.icon-table:before {
    content: "\f0ce"}
.icon-magic:before {
    content: "\f0d0"}
.icon-truck:before {
    content: "\f0d1"}
.icon-pinterest:before {
    content: "\f0d3"}
.icon-pinterest-square:before {
    content: "\f0d4"}
.icon-google-plus-square:before {
    content: "\f0d5"}
.icon-google-plus:before {
    content: "\f0d6"}
.icon-money:before {
    content: "\f0d7"}
.icon-caret-down:before {
    content: "\f0d8"}
.icon-caret-up:before {
    content: "\f0d9"}
.icon-caret-left:before {
    content: "\f0da"}
.icon-caret-right:before {
    content: "\f0db"}
.icon-columns:before {
    content: "\f0dc"}
.icon-sort:before {
    content: "\f0dd"}
.icon-unsorted:before {
    content: "\f0dd"}
.icon-sort-desc:before {
    content: "\f0de"}
.icon-sort-down:before {
    content: "\f0de"}
.icon-sort-asc:before {
    content: "\f0df"}
.icon-sort-up:before {
    content: "\f0df"}
.icon-envelope:before {
    content: "\f0e0"}
.icon-linkedin:before {
    content: "\f0e1"}
.icon-rotate-left:before {
    content: "\f0e2"}
.icon-undo:before {
    content: "\f0e2"}
.icon-gavel:before {
    content: "\f0e3"}
.icon-legal:before {
    content: "\f0e3"}
.icon-dashboard:before {
    content: "\f0e4"}
.icon-tachometer:before {
    content: "\f0e4"}
.icon-comment-o:before {
    content: "\f0e5"}
.icon-comments-o:before {
    content: "\f0e6"}
.icon-bolt:before {
    content: "\f0e7"}
.icon-flash:before {
    content: "\f0e7"}
.icon-sitemap:before {
    content: "\f0e8"}
.icon-umbrella:before {
    content: "\f0e9"}
.icon-clipboard:before {
    content: "\f0ea"}
.icon-paste:before {
    content: "\f0ea"}
.icon-lightbulb-o:before {
    content: "\f0eb"}
.icon-exchange:before {
    content: "\f0ec"}
.icon-cloud-download:before {
    content: "\f0ed"}
.icon-cloud-upload:before {
    content: "\f0ee"}
.icon-user-md:before {
    content: "\f0f0"}
.icon-stethoscope:before {
    content: "\f0f1"}
.icon-suitcase:before {
    content: "\f0f2"}
.icon-bell:before {
    content: "\f0f3"}
.icon-coffee:before {
    content: "\f0f4"}
.icon-cutlery:before {
    content: "\f0f5"}
.icon-file-text-o:before {
    content: "\f0f6"}
.icon-building-o:before {
    content: "\f0f7"}
.icon-hospital-o:before {
    content: "\f0f8"}
.icon-ambulance:before {
    content: "\f0f9"}
.icon-medkit:before {
    content: "\f0fa"}
.icon-fighter-jet:before {
    content: "\f0fb"}
.icon-beer:before {
    content: "\f0fc"}
.icon-h-square:before {
    content: "\f0fd"}
.icon-plus-square:before {
    content: "\f0fe"}
.icon-angle-double-left:before {
    content: "\f100"}
.icon-angle-double-right:before {
    content: "\f101"}
.icon-angle-double-up:before {
    content: "\f102"}
.icon-angle-double-down:before {
    content: "\f103"}
.icon-angle-left:before {
    content: "\f104"}
.icon-angle-right:before {
    content: "\f105"}
.icon-angle-up:before {
    content: "\f106"}
.icon-angle-down:before {
    content: "\f107"}
.icon-desktop:before {
    content: "\f108"}
.icon-laptop:before {
    content: "\f109"}
.icon-tablet:before {
    content: "\f10a"}
.icon-mobile:before {
    content: "\f10b"}
.icon-mobile-phone:before {
    content: "\f10b"}
.icon-circle-o:before {
    content: "\f10c"}
.icon-quote-left:before {
    content: "\f10d"}
.icon-quote-right:before {
    content: "\f10e"}
.icon-spinner:before {
    content: "\f110"}
.icon-circle:before {
    content: "\f111"}
.icon-mail-reply:before {
    content: "\f112"}
.icon-reply:before {
    content: "\f112"}
.icon-github-alt:before {
    content: "\f113"}
.icon-folder-o:before {
    content: "\f114"}
.icon-folder-open-o:before {
    content: "\f115"}
.icon-smile-o:before {
    content: "\f118"}
.icon-frown-o:before {
    content: "\f119"}
.icon-meh-o:before {
    content: "\f11a"}
.icon-gamepad:before {
    content: "\f11b"}
.icon-keyboard-o:before {
    content: "\f11c"}
.icon-flag-o:before {
    content: "\f11d"}
.icon-flag-checkered:before {
    content: "\f11e"}
.icon-terminal:before {
    content: "\f120"}
.icon-code:before {
    content: "\f121"}
.icon-mail-reply-all:before {
    content: "\f122"}
.icon-reply-all:before {
    content: "\f122"}
.icon-star-half-empty:before {
    content: "\f123"}
.icon-star-half-full:before {
    content: "\f123"}
.icon-star-half-o:before {
    content: "\f123"}
.icon-location-arrow:before {
    content: "\f124"}
.icon-crop:before {
    content: "\f125"}
.icon-code-fork:before {
    content: "\f126"}
.icon-chain-broken:before {
    content: "\f127"}
.icon-unlink:before {
    content: "\f127"}
.icon-question:before {
    content: "\f128"}
.icon-info:before {
    content: "\f129"}
.icon-exclamation:before {
    content: "\f12a"}
.icon-superscript:before {
    content: "\f12b"}
.icon-subscript:before {
    content: "\f12c"}
.icon-eraser:before {
    content: "\f12d"}
.icon-puzzle-piece:before {
    content: "\f12e"}
.icon-microphone:before {
    content: "\f130"}
.icon-microphone-slash:before {
    content: "\f131"}
.icon-shield:before {
    content: "\f132"}
.icon-calendar-o:before {
    content: "\f133"}
.icon-fire-extinguisher:before {
    content: "\f134"}
.icon-rocket:before {
    content: "\f135"}
.icon-maxcdn:before {
    content: "\f136"}
.icon-chevron-circle-left:before {
    content: "\f137"}
.icon-chevron-circle-right:before {
    content: "\f138"}
.icon-chevron-circle-up:before {
    content: "\f139"}
.icon-chevron-circle-down:before {
    content: "\f13a"}
.icon-html5:before {
    content: "\f13b"}
.icon-css3:before {
    content: "\f13c"}
.icon-anchor:before {
    content: "\f13d"}
.icon-unlock-alt:before {
    content: "\f13e"}
.icon-bullseye:before {
    content: "\f140"}
.icon-ellipsis-h:before {
    content: "\f141"}
.icon-ellipsis-v:before {
    content: "\f142"}
.icon-rss-square:before {
    content: "\f143"}
.icon-play-circle:before {
    content: "\f144"}
.icon-ticket:before {
    content: "\f145"}
.icon-minus-square:before {
    content: "\f146"}
.icon-minus-square-o:before {
    content: "\f147"}
.icon-level-up:before {
    content: "\f148"}
.icon-level-down:before {
    content: "\f149"}
.icon-check-square:before {
    content: "\f14a"}
.icon-pencil-square:before {
    content: "\f14b"}
.icon-external-link-square:before {
    content: "\f14c"}
.icon-share-square:before {
    content: "\f14d"}
.icon-compass:before {
    content: "\f14e"}
.icon-caret-square-o-down:before {
    content: "\f150"}
.icon-toggle-down:before {
    content: "\f150"}
.icon-caret-square-o-up:before {
    content: "\f151"}
.icon-toggle-up:before {
    content: "\f151"}
.icon-caret-square-o-right:before {
    content: "\f152"}
.icon-toggle-right:before {
    content: "\f152"}
.icon-eur:before {
    content: "\f153"}
.icon-euro:before {
    content: "\f153"}
.icon-gbp:before {
    content: "\f154"}
.icon-dollar:before {
    content: "\f155"}
.icon-usd:before {
    content: "\f155"}
.icon-inr:before {
    content: "\f156"}
.icon-rupee:before {
    content: "\f156"}
.icon-cny:before {
    content: "\f157"}
.icon-jpy:before {
    content: "\f157"}
.icon-rmb:before {
    content: "\f157"}
.icon-yen:before {
    content: "\f157"}
.icon-rouble:before {
    content: "\f158"}
.icon-rub:before {
    content: "\f158"}
.icon-ruble:before {
    content: "\f158"}
.icon-krw:before {
    content: "\f159"}
.icon-won:before {
    content: "\f159"}
.icon-bitcoin:before {
    content: "\f15a"}
.icon-btc:before {
    content: "\f15a"}
.icon-file:before {
    content: "\f15b"}
.icon-file-text:before {
    content: "\f15c"}
.icon-sort-alpha-asc:before {
    content: "\f15d"}
.icon-sort-alpha-desc:before {
    content: "\f15e"}
.icon-sort-amount-asc:before {
    content: "\f160"}
.icon-sort-amount-desc:before {
    content: "\f161"}
.icon-sort-numeric-asc:before {
    content: "\f162"}
.icon-sort-numeric-desc:before {
    content: "\f163"}
.icon-thumbs-up:before {
    content: "\f164"}
.icon-thumbs-down:before {
    content: "\f165"}
.icon-youtube-square:before {
    content: "\f166"}
.icon-youtube:before {
    content: "\f167"}
.icon-xing:before {
    content: "\f168"}
.icon-xing-square:before {
    content: "\f169"}
.icon-youtube-play:before {
    content: "\f16a"}
.icon-dropbox:before {
    content: "\f16b"}
.icon-stack-overflow:before {
    content: "\f16c"}
.icon-instagram:before {
    content: "\f16d"}
.icon-flickr:before {
    content: "\f16e"}
.icon-adn:before {
    content: "\f170"}
.icon-bitbucket:before {
    content: "\f171"}
.icon-bitbucket-square:before {
    content: "\f172"}
.icon-tumblr:before {
    content: "\f173"}
.icon-tumblr-square:before {
    content: "\f174"}
.icon-long-arrow-down:before {
    content: "\f175"}
.icon-long-arrow-up:before {
    content: "\f176"}
.icon-long-arrow-left:before {
    content: "\f177"}
.icon-long-arrow-right:before {
    content: "\f178"}
.icon-apple:before {
    content: "\f179"}
.icon-windows:before {
    content: "\f17a"}
.icon-android:before {
    content: "\f17b"}
.icon-linux:before {
    content: "\f17c"}
.icon-dribbble:before {
    content: "\f17d"}
.icon-skype:before {
    content: "\f17e"}
.icon-foursquare:before {
    content: "\f180"}
.icon-trello:before {
    content: "\f181"}
.icon-female:before {
    content: "\f182"}
.icon-male:before {
    content: "\f183"}
.icon-gittip:before {
    content: "\f184"}
.icon-gratipay:before {
    content: "\f184"}
.icon-sun-o:before {
    content: "\f185"}
.icon-moon-o:before {
    content: "\f186"}
.icon-archive:before {
    content: "\f187"}
.icon-bug:before {
    content: "\f188"}
.icon-vk:before {
    content: "\f189"}
.icon-weibo:before {
    content: "\f18a"}
.icon-renren:before {
    content: "\f18b"}
.icon-pagelines:before {
    content: "\f18c"}
.icon-stack-exchange:before {
    content: "\f18d"}
.icon-arrow-circle-o-right:before {
    content: "\f18e"}
.icon-arrow-circle-o-left:before {
    content: "\f190"}
.icon-caret-square-o-left:before {
    content: "\f191"}
.icon-toggle-left:before {
    content: "\f191"}
.icon-dot-circle-o:before {
    content: "\f192"}
.icon-wheelchair:before {
    content: "\f193"}
.icon-vimeo-square:before {
    content: "\f194"}
.icon-try:before {
    content: "\f195"}
.icon-turkish-lira:before {
    content: "\f195"}
.icon-plus-square-o:before {
    content: "\f196"}
.icon-space-shuttle:before {
    content: "\f197"}
.icon-slack:before {
    content: "\f198"}
.icon-envelope-square:before {
    content: "\f199"}
.icon-wordpress:before {
    content: "\f19a"}
.icon-openid:before {
    content: "\f19b"}
.icon-bank:before {
    content: "\f19c"}
.icon-institution:before {
    content: "\f19c"}
.icon-university:before {
    content: "\f19c"}
.icon-graduation-cap:before {
    content: "\f19d"}
.icon-mortar-board:before {
    content: "\f19d"}
.icon-yahoo:before {
    content: "\f19e"}
.icon-google:before {
    content: "\f1a0"}
.icon-reddit:before {
    content: "\f1a1"}
.icon-reddit-square:before {
    content: "\f1a2"}
.icon-stumbleupon-circle:before {
    content: "\f1a3"}
.icon-stumbleupon:before {
    content: "\f1a4"}
.icon-delicious:before {
    content: "\f1a5"}
.icon-digg:before {
    content: "\f1a6"}
.icon-pied-piper:before {
    content: "\f1a7"}
.icon-pied-piper-alt:before {
    content: "\f1a8"}
.icon-drupal:before {
    content: "\f1a9"}
.icon-joomla:before {
    content: "\f1aa"}
.icon-language:before {
    content: "\f1ab"}
.icon-fax:before {
    content: "\f1ac"}
.icon-building:before {
    content: "\f1ad"}
.icon-child:before {
    content: "\f1ae"}
.icon-paw:before {
    content: "\f1b0"}
.icon-spoon:before {
    content: "\f1b1"}
.icon-cube:before {
    content: "\f1b2"}
.icon-cubes:before {
    content: "\f1b3"}
.icon-behance:before {
    content: "\f1b4"}
.icon-behance-square:before {
    content: "\f1b5"}
.icon-steam:before {
    content: "\f1b6"}
.icon-steam-square:before {
    content: "\f1b7"}
.icon-recycle:before {
    content: "\f1b8"}
.icon-automobile:before {
    content: "\f1b9"}
.icon-car:before {
    content: "\f1b9"}
.icon-cab:before {
    content: "\f1ba"}
.icon-taxi:before {
    content: "\f1ba"}
.icon-tree:before {
    content: "\f1bb"}
.icon-spotify:before {
    content: "\f1bc"}
.icon-deviantart:before {
    content: "\f1bd"}
.icon-soundcloud:before {
    content: "\f1be"}
.icon-database:before {
    content: "\f1c0"}
.icon-file-pdf-o:before {
    content: "\f1c1"}
.icon-file-word-o:before {
    content: "\f1c2"}
.icon-file-excel-o:before {
    content: "\f1c3"}
.icon-file-powerpoint-o:before {
    content: "\f1c4"}
.icon-file-image-o:before {
    content: "\f1c5"}
.icon-file-photo-o:before {
    content: "\f1c5"}
.icon-file-picture-o:before {
    content: "\f1c5"}
.icon-file-archive-o:before {
    content: "\f1c6"}
.icon-file-zip-o:before {
    content: "\f1c6"}
.icon-file-audio-o:before {
    content: "\f1c7"}
.icon-file-sound-o:before {
    content: "\f1c7"}
.icon-file-movie-o:before {
    content: "\f1c8"}
.icon-file-video-o:before {
    content: "\f1c8"}
.icon-file-code-o:before {
    content: "\f1c9"}
.icon-vine:before {
    content: "\f1ca"}
.icon-codepen:before {
    content: "\f1cb"}
.icon-jsfiddle:before {
    content: "\f1cc"}
.icon-life-bouy:before {
    content: "\f1cd"}
.icon-life-buoy:before {
    content: "\f1cd"}
.icon-life-ring:before {
    content: "\f1cd"}
.icon-life-saver:before {
    content: "\f1cd"}
.icon-support:before {
    content: "\f1cd"}
.icon-circle-o-notch:before {
    content: "\f1ce"}
.icon-ra:before {
    content: "\f1d0"}
.icon-rebel:before {
    content: "\f1d0"}
.icon-empire:before {
    content: "\f1d1"}
.icon-ge:before {
    content: "\f1d1"}
.icon-git-square:before {
    content: "\f1d2"}
.icon-git:before {
    content: "\f1d3"}
.icon-hacker-news:before {
    content: "\f1d4"}
.icon-tencent-weibo:before {
    content: "\f1d5"}
.icon-qq:before {
    content: "\f1d6"}
.icon-wechat:before {
    content: "\f1d7"}
.icon-weixin:before {
    content: "\f1d7"}
.icon-paper-plane:before {
    content: "\f1d8"}
.icon-send:before {
    content: "\f1d8"}
.icon-paper-plane-o:before {
    content: "\f1d9"}
.icon-send-o:before {
    content: "\f1d9"}
.icon-history:before {
    content: "\f1da"}
.icon-circle-thin:before {
    content: "\f1db"}
.icon-genderless:before {
    content: "\f1db"}
.icon-header:before {
    content: "\f1dc"}
.icon-paragraph:before {
    content: "\f1dd"}
.icon-sliders:before {
    content: "\f1de"}
.icon-share-alt:before {
    content: "\f1e0"}
.icon-share-alt-square:before {
    content: "\f1e1"}
.icon-bomb:before {
    content: "\f1e2"}
.icon-futbol-o:before {
    content: "\f1e3"}
.icon-soccer-ball-o:before {
    content: "\f1e3"}
.icon-tty:before {
    content: "\f1e4"}
.icon-binoculars:before {
    content: "\f1e5"}
.icon-plug:before {
    content: "\f1e6"}
.icon-slideshare:before {
    content: "\f1e7"}
.icon-twitch:before {
    content: "\f1e8"}
.icon-yelp:before {
    content: "\f1e9"}
.icon-newspaper-o:before {
    content: "\f1ea"}
.icon-wifi:before {
    content: "\f1eb"}
.icon-calculator:before {
    content: "\f1ec"}
.icon-paypal:before {
    content: "\f1ed"}
.icon-google-wallet:before {
    content: "\f1ee"}
.icon-cc-visa:before {
    content: "\f1f0"}
.icon-cc-mastercard:before {
    content: "\f1f1"}
.icon-cc-discover:before {
    content: "\f1f2"}
.icon-cc-amex:before {
    content: "\f1f3"}
.icon-cc-paypal:before {
    content: "\f1f4"}
.icon-cc-stripe:before {
    content: "\f1f5"}
.icon-bell-slash:before {
    content: "\f1f6"}
.icon-bell-slash-o:before {
    content: "\f1f7"}
.icon-trash:before {
    content: "\f1f8"}
.icon-copyright:before {
    content: "\f1f9"}
.icon-at:before {
    content: "\f1fa"}
.icon-eyedropper:before {
    content: "\f1fb"}
.icon-paint-brush:before {
    content: "\f1fc"}
.icon-birthday-cake:before {
    content: "\f1fd"}
.icon-area-chart:before {
    content: "\f1fe"}
.icon-pie-chart:before {
    content: "\f200"}
.icon-line-chart:before {
    content: "\f201"}
.icon-lastfm:before {
    content: "\f202"}
.icon-lastfm-square:before {
    content: "\f203"}
.icon-toggle-off:before {
    content: "\f204"}
.icon-toggle-on:before {
    content: "\f205"}
.icon-bicycle:before {
    content: "\f206"}
.icon-bus:before {
    content: "\f207"}
.icon-ioxhost:before {
    content: "\f208"}
.icon-angellist:before {
    content: "\f209"}
.icon-cc:before {
    content: "\f20a"}
.icon-ils:before {
    content: "\f20b"}
.icon-shekel:before {
    content: "\f20b"}
.icon-sheqel:before {
    content: "\f20b"}
.icon-meanpath:before {
    content: "\f20c"}
.icon-buysellads:before {
    content: "\f20d"}
.icon-connectdevelop:before {
    content: "\f20e"}
.icon-dashcube:before {
    content: "\f210"}
.icon-forumbee:before {
    content: "\f211"}
.icon-leanpub:before {
    content: "\f212"}
.icon-sellsy:before {
    content: "\f213"}
.icon-shirtsinbulk:before {
    content: "\f214"}
.icon-simplybuilt:before {
    content: "\f215"}
.icon-skyatlas:before {
    content: "\f216"}
.icon-cart-plus:before {
    content: "\f217"}
.icon-cart-arrow-down:before {
    content: "\f218"}
.icon-diamond:before {
    content: "\f219"}
.icon-ship:before {
    content: "\f21a"}
.icon-user-secret:before {
    content: "\f21b"}
.icon-motorcycle:before {
    content: "\f21c"}
.icon-street-view:before {
    content: "\f21d"}
.icon-heartbeat:before {
    content: "\f21e"}
.icon-venus:before {
    content: "\f221"}
.icon-mars:before {
    content: "\f222"}
.icon-mercury:before {
    content: "\f223"}
.icon-transgender:before {
    content: "\f224"}
.icon-transgender-alt:before {
    content: "\f225"}
.icon-venus-double:before {
    content: "\f226"}
.icon-mars-double:before {
    content: "\f227"}
.icon-venus-mars:before {
    content: "\f228"}
.icon-mars-stroke:before {
    content: "\f229"}
.icon-mars-stroke-v:before {
    content: "\f22a"}
.icon-mars-stroke-h:before {
    content: "\f22b"}
.icon-neuter:before {
    content: "\f22c"}
.icon-facebook-official:before {
    content: "\f230"}
.icon-pinterest-p:before {
    content: "\f231"}
.icon-whatsapp:before {
    content: "\f232"}
.icon-server:before {
    content: "\f233"}
.icon-user-plus:before {
    content: "\f234"}
.icon-user-times:before {
    content: "\f235"}
.icon-bed:before {
    content: "\f236"}
.icon-hotel:before {
    content: "\f236"}
.icon-viacoin:before {
    content: "\f237"}
.icon-train:before {
    content: "\f238"}
.icon-subway:before {
    content: "\f239"}
.icon-medium:before {
    content: "\f23a"}
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0;
    color: inherit;
    border: 0;
    padding: 0!important;
    font: inherit;
}
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
.no-js .owl-carousel {
    display: block;
}
.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
    0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}.owl-height {
    transition: height .5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%}
.custom-dialoge.modal-dialog {
    width: 100%;
    max-width: 800px;
    margin-top: 7%}
.custom-body.modal-content {
    border-radius: 0;
    box-shadow: 0 0 55px #000;
}
.modal-body {
    position: relative;
    padding: 7px;
}
button.c-close.close {
    position: absolute;
    top: -35px;
    right: 0;
    z-index: 99;
    background-color: #7dbf5f;
    opacity: 1;
    color: #fff;
    font-weight: 400;
    font-size: 32px;
    padding: 0 9px;
    line-height: 35px;
}
.project-status {
    position: relative;
}
.project-status:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 130%;
    background-image: url(../images/galbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
.blog {
    padding-top: 50px;
}
.cal {
    padding-top: 5px;
    padding-bottom: 5px;
}
.service-head h3 {
    font-size: 20px;
    color: #040468;
    font-weight: 500;
    border-left: 4px solid #040468;
    padding-left: 10px;
    margin: 10px 0 10px 0;
}
.service-head a {
    color: #3d9bec;
}
.service-head h1 {
    font-size: 28px;
    color: #7bc252;
    font-weight: 500;
    border-left: 4px solid #7bc252;
    padding-left: 10px;
    margin: 10px 0;
}
.service-head h2 {
    font-size: 22px;
    color: #082e55;
    font-weight: 500;
    padding-left: 0;
    padding-bottom: 10px;
    
}
.blog-list li {
    color: #fff;
    background: #eee;
    border: 0;
    font-weight: 600;
    padding: 5px;
    margin: 10px 0;
    border-left: 1px solid #7bc252;
}
.blog-list {
    padding-left: 0;
}
.web-visit {
    position: absolute;
    right: 10%}
.director_profile p {
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
}
.director_pic {
    margin-bottom: 34px;
    position: relative;
}
.director_pic img {
    box-shadow: 0 10px 10px #ccc;
}
.conplasesrow {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 16px 0 34px;
}
.conplasesrow .col-md-4 {
    border-right: 1px dashed #333;
    border-bottom: 1px dashed #333;
    padding: 25px 10px;
}
.conplasesrow .col-md-4:nth-child(3), .conplasesrow .col-md-4:nth-child(5) {
    border-right: 0;
}
.constructionplaces_list {
    text-align: center;
}
.constructionplaces_list h3 {
    font-weight: 600;
    color: #1c4385;
}
.constructionplaces_list span {
    color: #52a023;
    font-size: 19px;
}


.slick-slide > img {
     width:  100%;
}

.slick-initialized .slick-slide {
     padding:  0;
}

#header.style3 #nav ul li {
     margin:  0;
     padding:  15px 0;
}

.mt-mainslider {
     margin-top:  94px;
}

#header.header4.transparent {
     background-color:  #062d4c;
}

#header .side-nav a {
     color:  #fff;
}

#header.style3 .nav-opener span,  #header.style3 .nav-opener::after,  #header.style3 .nav-opener::before  {
     background:  #fff;
 }

#header.header4.transparent {
     border:   none;
     box-shadow:   none;
}

.mt-mainslider {
     margin-top:  90px;
}

#back-top {
     position:  fixed;
}

#header.inner-header.header4.transparent.sticky {
     background-color:  #062d4c;
}

#header.inner-header.sticky .list-unstyled li a,  #header.style3.inner-header.sticky .nav-opener .txt  {
    color:  #fff;
}

#header.style3.inner-header.sticky .nav-opener span,  #header.style3.inner-header.sticky .nav-opener::after,  #header.style3.inner-header.sticky .nav-opener::before  {
    background:  #fff;
}

.abt-section p {
     text-align:  justify;
}

.whatsappfix {
     position:   fixed;
     right:  0;
     bottom:  20%;
     z-index:  2;
}

.whatsappfix a {
      background:  #549430;
     padding:  15px;
     display:   block;
}

.whatsappfix .fa {
     font-size:  40px;
     color:  #fff;
}

.pr-details-animities span:hover {
     box-shadow:   none;
     background:  #ffd800;
     color:  #000;
}

.contact-sec .contact-form.form2 .form-control {
     background:   none;
     box-shadow:  none;
     color: #000;
     border:  1px solid #ddd;
}

.contact-sec .contact-form.form2 .form-control::placeholder {
     color: #000;
     font-size: 18px;
}

.contact-sec .contact-detail .icon  {
     width:  14.2%;
     height:  83px;
}

.contact-sec .contact-form.form2 textarea {
     min-height:  105px;
}

.contact-sec .contact-form .btn.btn2 {
     margin-top:  12px;
}

.maps iframe {
     box-shadow:   none;
}

.g-item.item {
     box-shadow:   none;
     border:  1px solid #ddd;
}

#header.header4 .logo {
     box-shadow:  0 7px 8px -4px #000000;
}


.service-head p {
     font-size:  16px;
}

.service-head p strong {
     font-size:  23px;
}

.service-head ul li {
     font-size:  16px;
}
.service-head a .fa{ margin-right: 5px;}


.ndnfaqb{ padding: 50px 0; z-index: 2;}
.ndnfaqb h2{ color: #303030; font-size: 35px; font-weight: 700; text-align: center; margin-bottom: 30px; text-align: center; margin-top: 0;}

.ndnfaqb .panel-title > a{ display:  block;}
.ndnfaqb .panel-title > a:before { float: right !important; font-family: FontAwesome; content:"\f068"; padding-right: 5px;}
.ndnfaqb .panel-title > a.collapsed:before {float: right !important; content:"\f067";}
.ndnfaqb .panel-title > a:hover, .ndnfaqb .panel-title > a:active, .ndnfaqb .panel-title > a:focus  { text-decoration:none;}
.ndnfaqb .panel-title{color: #303030; font-size: 20px; font-weight: 700;}
.ndnfaqb .panel-body{ color: #303030; font-size: 16px; font-weight: 400; line-height: 30px;}
.ndnfaqb .panel-heading{ background:  none; border:  none; border-bottom: 1px solid #cccccc; padding: 18px 15px;}
.ndnfaqb .panel-default{ border:  none; box-shadow:  none; background:  none;}
.ndnfaqb .panel-default > .panel-heading + .panel-collapse > .panel-body{ border-top-color: #cccccc !important;}
.ndnfaqb .panel-group .panel-heading + .panel-collapse > .panel-body{ border-top-color: #cccccc !important;}


.custom-transitions img.events{ padding: 7px;}

.lg-sub-html{ font-size: 26px !important;}