@charset "utf-8";

/*
  Theme Name: STYLER | Multiperpose HTML template
  Theme URL: http://themes.droitlab.com/html/styler
  Author: droitthemes
  Author URI: https://themeforest.net/user/droitlab
  Description: App Landing Page
  Version: 1.0
*/


/*----------------------------------
[Table of contents]
------------------------------------
[1] FONT FACE.
[2] COMMON CSS.
[3] HEADER AREA.
[4] FOOTER AREA.
[5] HOME DEFAULT.
    [5.1] Service area
    [5.2] Feature Area
    [5.3] Purchase area
    [5.4] Project area
    [5.5] Counter area
    [5.6] Testimonial area
    [5.7] Follow Instragum area
[6] HOME SHOP.
    [6.1] New Product area
    [6.2] Feature Product Area
    [6.3] Offer area
    [6.4] News area
[7] HOME LEFT MENU.
    [7.1] About area
    [7.2] Skill Area
    [7.3] Business area
    [7.4] Offer area
    [7.5] News area
    [7.6] Subscribe area
[8] HOME APP LANDING.
    [8.1] Hero area
    [8.2] Overview Area
    [8.3] Feature area
    [8.4] Video area
    [8.5] Awesome screen area
    [8.6] Testimonial area
    [8.7] Team area
    [8.8] Questions & answers area
    [8.9] Latest post area
    [8.10] App download area
[9] HOME RESUME.
    [9.1] Hero area
    [9.2] Skill Area
    [9.3] Service area
    [9.4] Portfolio area
    [9.5] Blog area
    [9.6] Testimonial area
    [9.7] Partner area
[10] HOME CONSTRACTION.
    [10.1] Welcome area
    [10.2] Purches Area
    [10.3] Our Practice Area
    [10.4] Our Projects area
    [10.5] Testimonial area
    [10.6] Blog area
    [10.7] Partner area
[11] HOME LEGAL.
    [11.1] Our Practice Area
    [11.2] Chose us area
    [11.3] Our Projects area
    [11.4] Purches area
    [11.5] Request a Free Consultation area
    [11.6] Blog area
    [11.7] Partner area
[12] HOME PHOTOGRAPHY.
    [12.1] Gallery area
[13] BLOG PAGES.
    [13.1] All blog page css
[14] PORTFOLIO PAGES.
    [14.1] All blog page css
[15] SHOP PAGE.
    [15.1] Shop full width
    [15.2] Shop Right Sidebar
    [15.3] Shop Left Sidebar
    [15.4] Shop Single
    [15.5] Shoping Cart
    [15.6] Shop Checkout
[16] PRICING TABLE.
    [16.1] Pricing-table-1
    [16.2] Pricing-table-2
    [16.3] Pricing-table-3
[17] ABOUT US PAGE.
    [17.1] About Us-1
    [17.2] About Us-2
[18] TEAM PAGE.
    [18.1] team area-1
    [18.2] Team area-2
    [18.3] Team area-3
[19] SERVICE PAGE.
[20] 404 PAGE.
[21] CONTACT PAGE.
    [21.1] Contact us-1
    [21.2] Contact us-2

/*--------------------------------
[1] FONT FACE.
----------------------------------*/

@font-face {
    font-family: 'Montserrat';
    font-weight: 700;
    src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 400;
    src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 300;
    src: url("../fonts/Montserrat-Light.ttf") format("truetype");
}

@font-face {
    font-family: 'Raleway';
    font-weight: 400;
    src: url("../fonts/Raleway-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'DroidSerif';
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/DroidSerif-Italic.ttf") format("truetype");
}

@font-face {
    font-family: "Socialico";
    src: url("Socialico.eot?") format("eot"), url("Socialico.woff") format("woff"), url("Socialico.ttf") format("truetype"), url("Socialico.svg#Socialico") format("svg");
    font-weight: normal;
    font-style: normal;
}


/* ==============================
   [2] Common styles
============================== */

body {
    font-family: 'Montserrat' !important;
    overflow-x: hidden;
    background: #fff;
}

* {
    outline: none;
}

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

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

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

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.relative {
    position: relative;
}

.hidden {
    display: none;
}

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

.white {
    color: #fff !important;
}

.black {
    color: #111 !important;
}

.color {
    color: #e41919 !important;
}

.glass {
    opacity: .5;
}

;
.image-fullwidth img {
    width: 100%;
}

.stick-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
}

.clearlist,
.clearlist li {
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
}

.main-home.full-wrapper {
    margin: 0 5%;
}

.mobile-on .main-home.full-wrapper {
    margin: 0 0%;
}

.page {
    overflow: hidden;
}

* {
    outline: none;
}

*:focus {
    outline: none;
}

a:hover {
    text-decoration: none;
}

input:focus {
    outline: none;
}

h4.sec-head {
    letter-spacing: 1px;
    line-height: 1.35;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 20px;
    color: #111111;
    margin-bottom: 15px;
}

p.sub-head {
    font-family: 'DroidSerif', serif;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.28px;
    line-height: 2.2;
    font-size: 14px;
    color: #777777;
}

hr.theme-hr {
    height: 30px;
    border-top: none;
    background-image: url(../images/theme-hr.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 40px;
}

hr.home-le.theme-hr {
    height: 30px;
    border-top: none;
    background-image: url(../images/home-legal/white.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 40px;
}

p.home-le.sub-head {
    font-family: 'DroidSerif', serif;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.28px;
    line-height: 2.2;
    font-size: 14px;
    color: #f6f6f6;
}

hr.theme-hr-green {
    height: 5px;
    border-top: none;
    background-image: url(../images/theme-hr-green.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 40px;
}

.uppercase {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.big-icon .fa-play {
    position: relative;
    left: 4px;
}

.big-icon.big-icon-rs {
    border: none;
    width: auto;
    height: auto;
    font-size: 96px;
}

.big-icon-link {
    display: inline-block;
    text-decoration: none;
}

.big-icon-link:hover {
    border-color: transparent !important;
}

.big-icon-link:hover .big-icon {
    border-color: #fff;
    color: #fff;
}

.big-icon-link:active .big-icon {
    -webkit-transform: scale(0.99);
    -moz-transform: scale(0.99);
    -o-transform: scale(0.99);
    -ms-transform: scale(0.99);
    transform: scale(0.99);
}


/* ==============================
   [3] HEADER AREA.
============================== */

.home-a-s-headlin {
    font-family: 'Montserrat';
    font-size: 45px;
    color: #fff;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: 6.75px;
    margin-top: 64px;
}

.s-italic-rev {
    font-family: 'DroidSerif';
    font-size: 14px;
    color: #fff;
    letter-spacing: .6px;
    line-height: 30px;
    text-align: center;
}

.home-a .rev_slider .tp-mask-wrap .tp-caption,
.rev_slider .tp-mask-wrap *:last-child,
.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,
.wpb_text_column .rev_slider .tp-mask-wrap {}

.home-a .hesperiden.tparrows {
    cursor: pointer;
    background: #fff;
    width: 50px;
    height: 50px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
    color: #000;
    opacity: .5;
    transition: .3s;
}

.home-a .hesperiden.tparrows:hover {
    opacity: 1;
    transition: .3s;
}

.home-a .tp-leftarrow.tparrows.hesperiden {
    margin-left: -20px !important;
}

.home-a .tp-rightarrow.tparrows.hesperiden {
    margin-right: -20px !important;
}

.home-a .hesperiden.tparrows:hover {
    cursor: pointer;
    background: #fff;
    width: 50px;
    height: 50px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
    color: #000;
}

.home-a .hesperiden.tparrows::before {
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #000;
    display: block;
    line-height: 50px;
    text-align: center;
}

.hesperiden.tparrows.tp-leftarrow:before {
    content: "\f104" !important;
    margin-left: -3px;
}

.hesperiden.tparrows.tp-rightarrow:before {
    content: "\f105" !important;
    margin-right: -3px;
}

.mobile-on .mobile-nav {
    margin-top: -17px;
}

.mobile-on .nav-logo-wrap .logo img {
    margin-top: -17px;
}

.btn-slider {
    display: block;
    margin: 35px auto 0;
    background-color: #FF4612;
    width: 140px;
    height: 39px;
    line-height: 42px;
    text-transform: uppercase;
    letter-spacing: 0.28px;
    color: white;
    position: relative;
    font-size: 12px;
    transition: .3s;
}

.btn-slider:hover {
    color: #fff;
    background: #191919;
    transition: .3s;
}

.btn-slider:focus {
    color: #fff;
    background: #191919;
    text-decoration: none;
}

.header-carousel .slider-item.slider-item-1 {
    background-image: url(../images/slide/slider-image-1.jpg);
}

.header-carousel .slider-item.slider-item-2 {
    background-image: url(../images/slide/slider-image-2.jpg);
}

.header-carousel .slider-item.slider-item-3 {
    background-image: url(../images/slide/slider-image-3.jpg);
}

.header-carousel .owl-nav > div {
    display: inline-block;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 49px;
    height: 49px;
    background-color: #ecedef;
    text-align: center;
}

.header-carousel .owl-nav > div span {
    line-height: 49px;
    font-size: 16px;
    color: #bcbcbc;
}

.navbar-toggle i {
    color: #191919;
}

.mega-list h3 {
    padding-left: 30px;
    padding-bottom: 10px;
}

.mega-list ul li a:hover {
    color: #191919 !important;
}

.header-carousel .owl-nav > div.owl-prev {
    left: 0;
}

.header-carousel .owl-nav > div.owl-next {
    right: 0;
}

.mobile-on.small-height {
    height: 65px !important;
}

header.blog,
header.page {
    background-color: #000105;
    background-position: 90% 20%;
    background-repeat: no-repeat;
    height: 452px;
    padding-top: 160px;
}

header.blog h2,
header.page h2 {
    margin-bottom: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    color: white;
}

header.blog p,
header.page p {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.28px;
    line-height: 2.2;
    font-weight: 400;
    font-size: 14px;
    color: white;
}

header.blog {
    background-image: url(../images/blog-pages/blog-header.png);
}


/*--Page title style--**/

.page-title-a {
    padding: 90px 0;
    background: url(../images/a-1.png) no-repeat;
    background-color: #1e2a32;
    background-position: 85% 70%;
    background-repeat: no-repeat;
}

.page-title-a h2 {
    margin-bottom: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    color: #fff;
}

.page-title-a p {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.28px;
    line-height: 2.2;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.page-title-b {
    background: url(../images/page-t-b.jpg);
    background-size: cover;
    padding: 90px 0;
}

.page-title-b h2 {
    margin-bottom: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    color: #fff;
}

.page-title-b p {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.28px;
    line-height: 2.2;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}


/* ==============================
   [4] FOOTER AREA.
============================== */

footer .footer-top {
    background-color: #172229;
    padding: 58px 0;
}

footer .footer-top .footer-col-head {
    padding-top: 10px;
    height: 74px;
}

footer .footer-top .footer-col-head h5 {
    font-weight: 400;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: white;
}

footer .footer-top .footer-col-head img {
    margin-top: 0px;
}

footer .footer-top .footer-col-content a {
    color: white;
    font-size: 14px;
    transition: .2s;
}

footer .footer-top .footer-col-content a:hover {
    color: #FF4612;
    transition: .2s;
}

footer .footer-top .footer-col-content p {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.28px;
    font-size: 14px;
    color: #a9a9a9;
}

footer .footer-top .footer-col-content .footer-social {
    margin-top: 27px;
}

footer .footer-top .footer-col-content .footer-social a + a i {
    margin-left: 18px;
}

footer .footer-top .footer-col-content ul {
    padding-left: 0;
    list-style: none;
}

footer .footer-top .footer-col-content ul li {
    font-family: 'Raleway', sans-serif;
    line-height: 35px;
    height: 36px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
/*
footer .footer-top .footer-col-content ul li::before {
    content: '\f105';
    margin-right: 15px;
    font-family: 'FontAwesome';
    font-size: 14px;
    color: white;
}*/

footer .footer-top .footer-col-content .media {
    margin-top: 18px;
}

footer .footer-top .footer-col-content .media:first-child {
    margin-top: 0;
}

footer .footer-top .footer-col-content .media .media-left {
    padding-top: 0;
    padding-right:0;
}

footer .footer-top .footer-col-content .media .media-left .fa {
    font-size: 16px;
    color: #FF4612;
}

footer .footer-top .footer-col-content .media .media-body p {
    margin-bottom: 7px;
}

footer .footer-top .footer-col-content .media .media-body .timestamp {
    font-size: 12px;
    color: #545454;
}

footer .footer-top .footer-col-content .footer-insta-thumb {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    justify-content: space-between;
    align-content: space-between;
    padding-top: 10px;
}

footer .footer-top .footer-col-content .footer-insta-thumb img {
    margin-bottom: 4.5px;
}

footer .footer-copyright {
    background-color: #1e2a32;
    padding: 35px 0;
}

footer .footer-copyright p {
    margin-bottom: 0;
    font-family: 'Raleway', sans-serif;
    color: white;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

footer .footer-blue-social {
    text-align: center;
    border-top: 2px solid #f6f6f6;
    padding: 63px 0 26px;
}

footer .footer-blue-social .footer-social-btns {
    display: inline-block;
}

footer .footer-blue-social .footer-social-btns + .footer-social-btns {
    margin-left: 55px;
}

footer .footer-blue-social .footer-social-btns i {
    margin-right: 8px;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(93, 93, 93, 0.1);
    font-size: 12px;
    color: #222222;
}

footer .footer-blue-social .footer-social-btns span {
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 400;
    font-size: 12px;
    color: #939393;
}

footer .footer-blue-social h6 {
    margin-top: 46px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #939393;
}

footer.footer-green .footer-top {
    background-color: #f7f7f7;
}

footer.footer-green .footer-top .footer-col-head h5 {
    color: #222222;
}

footer.footer-green .footer-top .footer-col-content a {
    color: #222222;
    transition: .2s;
}

footer.footer-green .footer-top .footer-col-content a:hover {
    color: #7ec4b9;
    transition: .2s;
}

footer.footer-green .footer-top .footer-col-content p {
    color: #555555;
}

footer.footer-green .footer-top .footer-col-content .media .media-left .fa {
    color: #7ec4b9;
}

footer.footer-green .footer-copyright {
    background-color: white;
}

footer.footer-green .footer-copyright p {
    color: #888888;
}

.footer-copyright a {
    color: #FF4612;
}

.footer-green a {
    color: #7ec4b9;
}

.footer-copyright a:hover {
    color: #FF4612;
}

.footer-copyright a:focus {
    color: #FF4612;
    text-decoration: none;
}

.footer-green a:hover {
    color: #7ec4b9;
}

.footer-col-content {
    margin: 0px -15px 0px 0px;
}

.footer-thumb {
    padding-left: 0px !important;
    margin-bottom: 10px;
}

.footer-thumb img {
    max-width: inherit;
}

.footer-col-content .col-xs-4.col-md-4.col-sm-2.footer-thumb {
    padding-right: 0 !important;
}


/* ==============================
   [5] HOME DEFAULT.
============================== */


/*--Service area--*/

.services {
    text-align: center;
    padding: 100px 0;
}

.services .theme-hr {
    margin-bottom: 74px;
}

.services .col-sm-4 {
    text-align: left;
}

.services .col-sm-4 span[class^="ti-"] {
    font-size: 36px;
    color: #FF4612;
}

.services .col-sm-4 h5 {
    margin-top: 36px;
    margin-bottom: 26px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    font-weight: 700;
    font-size: 14px;
    color: #111111;
}

.services .col-sm-4 p {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.75px;
    line-height: 2.2;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.services .s-item {
    text-align: left;
    margin-left: 15px;
}

.services .s-item span[class^="ti-"] {
    font-size: 36px;
    color: #FF4612;
}

.services .s-item h5 {
    margin-top: 36px;
    margin-bottom: 26px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    font-weight: 700;
    font-size: 14px;
    color: #111111;
}

.services .s-item p {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.75px;
    line-height: 2.2;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}


/*----Feature Area*/

.feature {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    height: auto;
    background-color: #f6f6f6;
    padding-top: 100px;
    padding-bottom: 100px;
}

.feature .feature-bg {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.feature .col-feat {
    padding-left: 68px;
}

.mac .sub-head {
    text-align: center;
}

.mac a img {
    position: absolute;
    top: 43%;
    left: 48%;
    color: #fff;
    font-size: 18px;
}

.feature .col-feat .sec-head {
    margin: 9px auto 6px;
}

.feature .col-feat .sub-head {
    margin-bottom: 32px;
}

.feature .col-feat p:not(.sub-head) {
    font-family: 'Raleway', sans-serif;
    line-height: 2.2;
    letter-spacing: 0.28px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-bottom: 43px;
}

.btn-feature {
    display: block;
    width: 173px;
    height: 46px;
    line-height: 46px;
    background-color: #FF4612;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.65px;
    font-size: 13px;
    color: white;
    position: relative;
    transition: .3s;
}

.btn-feature:hover {
    color: #fff;
    background: #222;
    transition: .3s;
}

.btn-feature:focus {
    color: #fff;
    text-decoration: none;
}


/*-----purchase area*/

.purchase {
    position: relative;
    text-align: center;
    background-color: black;
    height: 666px;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
}

.purchase::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-image: url(../images/wide-home-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    opacity: 0.4;
}

.btn-submit {
    display: block;
    width: 173px;
    height: 46px;
    line-height: 46px;
    background-color: #FF4612;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.65px;
    font-size: 13px;
    color: white;
    position: relative;
    transition: .3s;
}

.btn-submit:focus {
    text-decoration: none;
}

.btn-submit:hover {
    color: #fff;
    background: #222;
    transition: .3s;
}

.purchase .container {
    position: relative;
    z-index: 1;
}

.purchase h3 {
    margin: 10px auto 32px;
    max-width: 768px;
    line-height: 1.41176;
    letter-spacing: 2.55px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 34px;
    color: white;
}

.purchase .sub-head {
    color: rgba(255, 254, 254, 0.7);
    margin-bottom: 50px;
}

.purchase .sec-btns {
    display: inline-block;
    height: 39px;
    width: 147px;
    border: 1px solid;
    line-height: 37px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 12px;
    color: white;
    position: relative;
    transition: .3s;
}

.purchase .sec-btns.purchase-purchase:hover {
    background: #191919;
    color: #fff;
    transition: .3s;
}

.purchase .sec-btns.purchase-purchase:focus {
    color: #222;
    text-decoration: none;
    background: #fff;
}

.purchase .sec-btns + .sec-btns {
    margin-left: 6px;
}

.purchase .sec-btns.purchase-purchase {
    border-color: transparent;
    background-color: #FF4612;
}

.purchase .sec-btns.purchase-demo {
    border-color: white;
}

.purchase .sec-btns.purchase-demo:hover {
    background: #FF4612;
    border-color: #FF4612;
}


/*----Project area*/

.projects {
    padding-top: 50px;
    text-align: center;
}

.projects hr {
    margin-bottom: 80px;
}

.projects .projects-grid .project {
    margin-bottom: 30px;
}

.projects .projects-grid .project.project-square,
.projects .projects-grid .project.project-wide {
    min-height: 200px;
}

.projects .projects-grid .project.project-tall {
    min-height: 400px;
}

.projects .projects-grid .project span {
    display: block;
    position: relative;
}

.projects .projects-grid .project span .project-hover {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 10px;
    left: 10px;
    height: -moz-calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: end;
    justify-content: flex-end;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: left;
    padding: 17px 30px;
    transition: .5s !important;
}

.projects .projects-grid .project span .project-hover h5 {
    text-transform: uppercase;
    letter-spacing: 0.7px;
    font-weight: 400;
    font-size: 14px;
    color: #111111;
    margin-bottom: 13px;
}

.projects .projects-grid .project span .project-hover h6 {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.26px;
    font-weight: 400;
    font-size: 13px;
    color: #777777;
}

.projects .projects-grid .project span:hover .project-hover {
    opacity: 1;
    visibility: visible;
    transition: .5s;
}

.projects .projects-grid-a .project {
    margin-bottom: 30px;
}

.projects .projects-grid-a .project.project-square,
.projects .projects-grid-a .project.project-wide {
    min-height: 200px;
}

.projects .projects-grid-a .project.project-tall {
    min-height: 400px;
}

.projects .projects-grid-a .project a {
    display: block;
    position: relative;
}

.projects .projects-grid-a .project a .project-hover {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 10px;
    left: 10px;
    height: -moz-calc(100% - 20px);
    height: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: end;
    justify-content: flex-end;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: left;
    padding: 17px 30px;
    transition: .5s;
}

.projects .projects-grid-a .project a .project-hover h5 {
    text-transform: uppercase;
    letter-spacing: 0.7px;
    font-weight: 400;
    font-size: 14px;
    color: #111111;
    margin-bottom: 12px;
}

.projects .projects-grid-a .project a .project-hover h6 {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.26px;
    font-weight: 400;
    font-size: 13px;
    color: #777777;
}

.projects .projects-grid-a .project a:hover .project-hover {
    opacity: 1;
    visibility: visible;
    transition: .5s;
}

.offseet.col-md-offset-2 {
    margin-left: 13.667%;
}


/*----Counter area*/

.counter-bg .container {
    position: relative;
    z-index: 1;
}

.counter-bg {
    position: relative;
    text-align: center;
    background-color: black;
    display: -moz-box;
    display: flex;
    background: #fff;
    padding-top: 120px;
    padding-bottom: 120px;
    margin-top: 100px;
}

.counter-bg::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-image: url(../images/counter-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    opacity: 0.2;
}

.counter-icon i {
    color: #FF4612;
    font-size: 48px;
}

.counter-icon h3 {
    font-size: 30px;
    color: #111;
    letter-spacing: 1.5px;
    margin-top: 30px;
    margin-bottom: 25px;
}

.counter-icon p {
    color: #555;
    font-size: 14px;
    font-style: normal;
}

.home-def.app-team-b {
    background: #fff !important;
    padding-bottom: 0px !important;
    padding-top: 100px;
}

.h-bottom-padding {
    margin-bottom: 50px !important;
}
.team-porsons ul li a i {
    font-size: 14px;
    margin-top: -5px;
    vertical-align: middle;
}

/*---Testimonial area*/

.testimonials {
    margin-top: 100px;
    padding: 100px 0;
    text-align: center;
    background-image: url(../images/home-default/testimonials/bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    height: 630px;
}

.testimonials .sec-head {
    margin: 16px auto 12px;
    color: white;
}

.testimonials .sub-head {
    opacity: 0.7;
    color: white;
    margin-bottom: 30px;
}

.testimonials .theme-hr {
    background-image: url(../images/theme-hr-invert.png);
}

.testimonials .testimonials-owl {
    margin-top: 68px;
}

.testimonials .testimonials-owl .testimonials-owl-item {
    color: white;
}

.testimonials .testimonials-owl .testimonials-owl-item p {
    max-width: 640px;
    margin: 0 auto;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.32px;
    line-height: 1.925;
    font-weight: 400;
    font-size: 16px;
}

.testimonials .testimonials-owl .testimonials-owl-item h5 {
    margin: 45px auto 0;
    text-transform: uppercase;
}

.testimonials .testimonials-owl .testimonials-owl-item h5 span {
    display: block;
    margin-top: 20px;
    letter-spacing: 5.6px;
    font-size: 14px;
    color: #FF4612;
}

.testimonials .testimonials-owl .owl-nav > div {
    display: inline-block;
    position: absolute;
    top: 25%;
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 46px;
    width: 46px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    -moz-border-radius: 1px;
    border-radius: 1px;
    text-align: center;
}

.testimonials .testimonials-owl .owl-nav > div span {
    line-height: 44px;
    font-size: 18px;
    color: white;
}

.testimonials .testimonials-owl .owl-nav > div.owl-prev {
    left: 142px;
}

.testimonials .testimonials-owl .owl-nav > div.owl-next {
    right: 142px;
}

.home-d-blog.latest-post {
    margin-top: 0 !important;
    padding-top: 100px;
}

.home-blog a {
    font-size: 14px;
    color: #FF4612;
    text-transform: uppercase;
    transition: .2s;
}

.home-blog a:hover {
    color: #333;
    transition: .2s;
}

.home-bg {
    padding-bottom: 25px !important;
}

.home-partner {
    margin-top: 90px;
}


/*Follow Instragum area*/

.random {
    background-image: url(../images/home-default/random/bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
}

.random > .container > .row .col-contents .sec-head {
    margin-top: 0;
    margin-bottom: 5px;
}

.random > .container > .row .col-contents .sub-head {
    margin-bottom: 32px;
}

.random > .container > .row .col-contents p:not(.sub-head) {
    margin-bottom: 34px;
    font-family: 'Raleway', sans-serif;
    line-height: 2.17857;
    letter-spacing: 0.28px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.random > .container > .row .col-contents .insta-followers {
    margin-bottom: 7px;
}

.random > .container > .row .col-contents .insta-followers .media-left {
    padding-top: 27px;
    padding-left: 39px;
    padding-right: 32px;
    color: white;
    height: 81px;
    background-image: url(../images/home-default/random/bg-insta.png);
    background-repeat: no-repeat;
}

.random > .container > .row .col-contents .insta-followers .media-left .fa {
    font-size: 20px;
}

.random .col-contents {
    padding-top: 130px;
    padding-bottom: 80px;
}

.random > .container > .row .col-contents .insta-followers .media-body h5 {
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    line-height: 1.5;
    font-weight: 400;
    font-size: 14px;
    color: #111111;
}

.random > .container > .row .col-contents .insta-followers .media-body h5 a {
    color: inherit;
    text-decoration: underline;
    transition: .2s;
}

.random > .container > .row .col-contents .insta-followers .media-body h5 a:hover {
    color: #FF4612;
    transition: .2s;
}


/* ==============================
   [6] HOME SHOP.
============================== */


/**Green color home page**/

.header-area-green {}

.green-top-bar {
    background: #141414;
    height: auto;
}

.green-top-bar p {
    line-height: 20px;
    margin-bottom: 0;
    color: #ddd;
    margin-top: 12px;
    font-size: 13px;
    letter-spacing: .6px;
}

.green-social ul li a {
    line-height: 46px;
    color: #ddd;
    transition: .2s;
}

.green-social {
    float: right !important;
}

.green-social ul {
    margin-bottom: 0px;
}

.green-social ul li a:hover {
    color: #7ec4b9;
    transition: .2s;
}

.nav-logo .logo {
    padding-top: 0;
}

.navbar-inputs {
    float: right;
    margin-top: 40px;
    margin-bottom: 40px;
}

.navbar-categories {
    float: left;
}

.extra-width {
    width: 100%;
}

.navbar-search {
    float: left;
}

.navbar-categories select {
    border: 1px solid #dedede;
    height: 40px;
}

.navbar-search input {
    border: 1px solid #dedede;
    height: 40px;
}


/* .navbar-input-search {
    width: 317px;
    padding: 0 15px;
    background-image: url(../images/nav/search-green.png);
    background-repeat: no-repeat;
    background-position: -moz-calc(100% - 17px);
    background-position: calc(100% - 17px);
}
 */

.extra-width {
    width: 100%;
}


/*feature products*/

.green-shop-feature-product h3 {
    font-size: 20px;
    letter-spacing: .5px;
    color: #222222;
    margin: 0px;
    font-weight: 700;
}

.shop-title-bar {
    background: rgba(0, 0, 0, 0) url("../images/home-shop/title-bar.jpg") no-repeat scroll 0 0;
    display: block;
    margin: 25px auto 58px;
    padding: 0;
    background-position: center;
    height: 7px;
}

.green-shop-feature-product .feature-item {
    border-bottom: 1px solid #efefef;
    padding-bottom: 0px;
}

.feature-item a {
    display: block;
    overflow: hidden;
    position: relative;
}

.feature-item a:hover .feature-hover {
    opacity: 1;
    bottom: 0;
}

.feature-item a span.onsale {
    background: #7ec4b9 none repeat scroll 0 0;
    color: #fff;
    left: 110px;
    overflow: hidden;
    padding: 4px 110px;
    position: absolute;
    right: 0;
    top: 17px;
    transform: rotate(45deg);
    text-transform: uppercase;
}

.c-offer a span.onsale {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    font-size: 12px;
    left: 69px;
    overflow: hidden;
    padding: 8px 105px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 42px;
    transform: rotate(45deg);
    width: 120%;
}

.feature-item img {
    width: 100% !important;
}

.feature-item .feature-hover {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    padding: 11px 22px;
    position: absolute;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    transition: all 500ms ease 20ms;
    -webkit-transition: all 500ms ease 20ms;
    -moz-transition: all 500ms ease 20ms;
    -ms-transition: all 500ms ease 20ms;
}

.feature-item .feature-hover span {
    font-size: 11px;
    letter-spacing: .27px;
    text-transform: uppercase;
}

.feature-item .feature-hover span i {
    font-size: 11px;
    margin-right: 11px;
}

.feature-item-desc {}

.feature-item .feature-item-desc h6 {
    font-size: 12px;
    letter-spacing: 0.3px;
    text-transform: capitalize;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin-top: 21px;
    color: #999999;
    margin-bottom: 0px;
}

.feature-item .feature-item-desc h6 a {
    color: #999999;
    display: inline-block;
}

.feature-item .feature-item-desc h4 {
    font-size: 15px;
    font-weight: 700;
    margin: 12px 0 14px;
}

.feature-item .feature-item-desc h4 a {
    color: #000;
    transition: .2s;
}

.feature-item .feature-item-desc h4 a:hover {
    color: #7ec4b9;
    transition: .2s;
}

.feature-item .feature-item-desc span.price {
    font-size: 13px;
    letter-spacing: .325px;
    color: #666666;
}

.feature-item .feature-product-rating.blank {
    height: 20px;
}

.feature-item .feature-product-rating {
    margin: 13px 0 30px;
}

.feature-item .feature-product-rating i {
    color: #7ec4b9;
    font-size: 13px;
    letter-spacing: 2.6px;
}

.feature-item .feature-product-rating i.dselect {
    color: #bbbbbb;
}


/*new-collection*/

.new-collection {
    overflow: hidden;
    background-image: url(../images/home-shop/new-collection/bg.jpg);
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}

.new-collection h1 {
    margin: 131px auto 26px;
    line-height: 1.13333;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-size: 60px;
    color: white;
}

.new-collection p {
    margin-bottom: 28px;
    font-family: 'Raleway', sans-serif;
    line-height: 1.925;
    font-weight: 400;
    font-size: 16px;
    color: white;
}

.new-collection a {
    display: inline-block;
    text-align: center;
    line-height: 45px;
    height: 49px;
    width: 178px;
    border: 2px solid white;
    background-color: white;
    text-transform: uppercase;
    letter-spacing: 0.65px;
    font-weight: 300;
    font-size: 13px;
    color: #222222;
    transition: .3s;
}

.new-collection a:hover {
    border-color: #222;
    background: #222;
    color: #fff;
    transition: .3s;
}

.new-collection a:focus {
    text-decoration: none;
}

.new-collection a:last-child {
    margin-left: 9px;
    background-color: transparent;
    color: white;
}

.new-collection a:last-child:hover {
    margin-left: 9px;
    background-color: #222;
    color: white;
}

.new-collection a:last-child:focus {
    text-decoration: none;
}

.offer-green {
    background-color: #f7f7f7;
}

.offer-green .col-offer {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
    padding-top: 35px;
    padding-bottom: 35px;
}

.offer-green .col-offer p {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 24px;
    color: #222222;
}

.offer-green .col-offer a {
    display: block;
    text-align: center;
    width: 178px;
    height: 49px;
    line-height: 49px;
    background-color: #7ec4b9;
    text-transform: uppercase;
    letter-spacing: 0.65px;
    font-weight: 700;
    font-size: 13px;
    color: white;
    transition: .3s;
}

.offer-green .col-offer a:hover {
    background: #222;
    transition: .3s;
}

.offer-green .col-offer a:focus {
    text-decoration: none;
}


/***********
    New Product
***********/

.green-shop-new-product {
    position: relative;
}

.green-shop-new-product h3 {
    font-size: 20px;
    letter-spacing: .5px;
    color: #222222;
    margin: 0px;
    font-weight: 700;
}

.green-shop-new-product .new-product-item {
    border-bottom: 1px solid #efefef;
    padding-bottom: 0px;
}

.new-product-item a {
    display: block;
    overflow: hidden;
    position: relative;
}

.new-product-item img {
    width: 100%;
}

.new-product-item a span.onsale {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    font-size: 12px;
    left: 69px;
    overflow: hidden;
    padding: 8px 110px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 42px;
    transform: rotate(45deg);
    width: 120%;
}

.new-product-item-desc {}

.new-product-item .new-product-item-desc h6 {
    font-size: 12px;
    letter-spacing: 0.3px;
    color: #999999;
    text-transform: capitalize;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin-top: 21px;
    margin-bottom: 0px;
}

.new-product-item .new-product-item-desc h6 a {
    color: #999999;
    display: inline-block;
}

.new-product-item .new-product-item-desc h4 {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    margin: 12px 0 14px;
}

.new-product-item .new-product-item-desc span.price {
    font-size: 13px;
    letter-spacing: .325px;
    color: #666666;
}

.new-product-item .new-product-rating.blank {
    height: 20px;
}

.new-product-item .new-product-rating {
    margin: 13px 0 30px;
}

.new-product-item .new-product-rating i {
    color: #7ec4b9;
    font-size: 13px;
    letter-spacing: 2.6px;
}

.new-product-item .new-product-rating i.dselect {
    color: #bbbbbb;
}


/**Trending**/

.content-trending {
    position: relative;
    overflow: hidden;
}

.content-trending a img {
    display: block;
    position: relative;
    transition: all 0.35s ease 0s
}

.content-trending:hover .trending-hover-img {
    opacity: 1;
    transition: all 300ms ease 20ms;
}

.content-trending .trending-hover-img {
    height: auto;
    left: 34%;
    top: 45%;
    opacity: 0;
    position: absolute;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    width: 35%;
}

.content-trending .trending-hover-img h3 {
    font-size: 24px;
    color: #fff;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.content-trending .trending-hover-img h3::before {
    border-top: 1px solid #fff;
    bottom: 0;
    content: "";
    height: 100%;
    left: 54%;
    position: absolute;
    right: 0;
    top: -286%;
    transform: rotate(146deg);
    transition: transform 0.35s ease 0s;
    width: 127%;
}

.content-trending .trending-hover-img h3::after {
    border-bottom: 1px solid #fff;
    bottom: 0;
    content: "";
    height: 100%;
    left: -116px;
    position: absolute;
    right: 0;
    top: 80px;
    transform: rotate(145deg);
    transition: transform 0.35s ease 0s;
    width: 130%;
}

.footer-col-content ul {
    padding-left: 0px;
    list-style: none;
}

.footer-green .footer-top .footer-col-content ul li::before {
    content: '\f105';
    margin-right: 10px;
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #222;
    list-style: none;
}


/*---Product area--*/

.new-collection {
    overflow: hidden;
    height: 594px;
    background-image: url(../images/home-shop/new-collection/bg.jpg);
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}

.new-collection h1 {
    margin: 131px auto 26px;
    line-height: 1.13333;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-size: 60px;
    color: white;
}

.new-collection p {
    margin-bottom: 28px;
    font-family: 'Raleway', sans-serif;
    line-height: 1.925;
    font-weight: 400;
    font-size: 16px;
    color: white;
}

.new-collection a {
    display: inline-block;
    text-align: center;
    line-height: 45px;
    height: 49px;
    width: 178px;
    border: 2px solid white;
    background-color: white;
    text-transform: uppercase;
    letter-spacing: 0.65px;
    font-weight: 300;
    font-size: 13px;
    color: #222222;
}

.new-collection a:last-child {
    margin-left: 9px;
    background-color: transparent;
    color: white;
}


/*---Product Offer*/

.offer-green {
    background-color: #f7f7f7;
}

.offer-green .col-offer {
    height: 136px;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
}

.offer-green .col-offer p {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 24px;
    color: #222222;
}


/*---miscellaneous*/

.miscellaneous {
    padding: 75px 0;
}

.miscellaneous .misc-header {
    margin-bottom: 15px;
    letter-spacing: 0.4px;
    font-weight: 700;
    font-size: 16px;
    color: #222222;
}

.miscellaneous .theme-hr-green {
    background-position: left;
    margin-bottom: 50px;
}

.miscellaneous .content-news .media + .media {
    margin-top: 30px;
}

.miscellaneous .content-news .media .media-left {
    padding-right: 18px;
}

.miscellaneous .content-news .media .media-body h6 {
    margin: 4px auto 8px;
    font-weight: 400;
    font-size: 13px;
    color: #222222;
}

.miscellaneous .content-news .media .media-body h6 a {
    color: #222222;
    transition: .2s;
}

.miscellaneous .content-news .media .media-body h6 a:hover {
    color: #7ec4b9;
    transition: .2s;
}

.miscellaneous .content-news .media .media-body .timestamp {
    letter-spacing: 0.325px;
    font-weight: 300;
    font-size: 13px;
    color: #666666;
}

.miscellaneous .panel-group .panel {
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}

.miscellaneous .panel-group .panel + .panel {
    margin-top: 10px;
}

.miscellaneous .panel-group .panel .panel-heading {
    padding: 0;
}

.miscellaneous .panel-group .panel .panel-heading .panel-title a {
    display: block;
    background-image: url(../images/home-shop/misc/accordion.png);
    background-position: -moz-calc(100% - 16px);
    background-position: calc(100% - 16px);
    background-repeat: no-repeat;
    padding: 0 16px;
    line-height: 38px;
    font-size: 13px;
    font-weight: 400;
    color: #222222;
}

.miscellaneous .panel-group .panel .panel-heading .panel-title a:focus {
    text-decoration: none;
}

.miscellaneous .panel-group .panel .panel-collapse .panel-body {
    border-top: none;
    line-height: 2.07692;
    font-weight: 400;
    font-size: 13px;
    color: #666666;
}


/* ==============================
   [7] HOME LEFT MENU.
============================== */


/**For left menu**/

.left-menu-style {
    padding-left: 50px;
    padding-right: 30px;
}

.left-menu-style ul li a {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Montserrat';
    letter-spacing: 1px;
    outline: none;
    color: #222;
    line-height: 45px;
    transition: .3s;
}

.left-menu-style .fa.fa-angle-down.pull-right {
    margin-top: 15px;
}

.left-menu-style ul li a:hover {
    color: #53bced;
    transition: .3s;
}

.left-menu-style ul li a:focus {
    outline: none !important;
    color: #53bced;
    text-decoration: none;
}

.left-menu-style ul li:focus {
    outline: none !important;
}

.mobile-menu-blue {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 1;
}

.left-menu-upper .upper {
    text-transform: uppercase;
}

.left-menu-style ul li ul.collapse.in li a {
    text-transform: capitalize;
}

.blue-mobile-menu {
    display: none;
}

.lpadding-zero .btn-continue {
    width: 135px !important;
}

nav.left-a {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    float: left;
    width: 340px;
    -moz-box-shadow: 0.5px 0.866px 1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0.5px 0.866px 1px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
}

nav.left-a .navbar-header {
    float: none;
    margin: 75px 35px 80px;
}

nav.left-a .navbar-header .navbar-brand {
    height: 54px;
}

nav.left-a .nav-stacked {
    margin-left: 45px;
    margin-right: 45px;
}

nav.left-a .nav-stacked > li + li {
    margin-top: 20px;
}

nav.left-a .nav-stacked > li > a {
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-weight: 700;
    color: #222222;
}

nav.left-a .nav-stacked > li > a .fa {
    display: none;
}

nav.left-a .nav-social {
    margin: 72px 50px 0;
}

nav.left-a .nav-social a {
    color: #aaaaaa;
}

nav.left-a .nav-social a + a i {
    margin-left: 21px;
}

nav.left-a + main {
    margin-left: 340px;
    width: -moz-calc(100% - 340px);
    width: calc(100% - 340px);
}

nav.left-a + main h3 {
    text-transform: uppercase;
    letter-spacing: 1.8px;
    font-weight: 700;
    font-size: 24px;
    color: #222222;
}

header.home-blue {
    background-color: #3a3a3a;
}

header.home-blue .header-blue-carousel .header-blue-item {
    height: 100vh;
    position: relative;
    min-height: 660px;
}

header.home-blue .header-blue-carousel .header-blue-item::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
}

header.home-blue .header-blue-carousel .header-blue-item.header-blue-item-1::before {
    background-image: url(../images/home-left-navbar/slider/slider-img-1.jpg);
}

header.home-blue .header-blue-carousel .header-blue-item.header-blue-item-2::before {
    background-image: url(../images/home-left-navbar/slider/slider-img-2.jpg);
}

header.home-blue .header-blue-carousel .header-blue-item.header-blue-item-3::before {
    background-image: url(../images/home-left-navbar/slider/slider-img-3.jpg);
}

header.home-blue .header-blue-carousel .header-blue-item .container {
    height: 100%;
}

header.home-blue .header-blue-carousel .header-blue-item .container > .row {
    height: 100%;
}

header.home-blue .header-blue-carousel .header-blue-item .container > .row > [class^="col-"] {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center;
    height: 100%;
}

header.home-blue .header-blue-carousel .header-blue-item h1 {
    margin-bottom: 41px;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    font-weight: 700;
    font-size: 60px;
    color: #ffffff;
}

header.home-blue .header-blue-carousel .header-blue-item .sub-head {
    margin-bottom: 45px;
    line-height: 2.11765;
    font-size: 17px;
    color: rgba(255, 255, 255, 0.7);
}

header.home-blue .header-blue-carousel .header-blue-item a {
    display: block;
    background-color: #53bced;
    width: 190px;
    height: 52px;
    line-height: 52px;
    text-transform: uppercase;
    letter-spacing: 0.975px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: white;
    transition: .3s;
}

header.home-blue .header-blue-carousel .header-blue-item a:hover {
    display: block;
    background-color: #fff;
    width: 190px;
    height: 52px;
    line-height: 52px;
    text-transform: uppercase;
    letter-spacing: 0.975px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: #222;
    transition: .3s;
}

header.home-blue .header-blue-carousel .owl-nav > div {
    display: inline-block;
    position: absolute;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    width: 76px;
    height: 76px;
    text-align: center;
}

header.home-blue .header-blue-carousel .owl-nav > div span {
    line-height: 76px;
    font-size: 18px;
    color: white;
}

header.home-blue .header-blue-carousel .owl-nav > div.owl-prev {
    top: -moz-calc(50% - 76px);
    top: calc(50% - 76px);
}

header.home-blue .header-blue-carousel .owl-nav > div.owl-next {
    top: -moz-calc(50% + 2px);
    top: calc(50% + 2px);
}

.overlay-slider {
    background-color: rgba(0, 0, 0, 0.4) !important;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}


/*--About section*/

.blue-about {
    text-align: center;
    padding: 100px 0;
}

.blue-about .row {
    text-align: left;
    margin-bottom: 5px;
}

.blue-about h3 {
    margin: 11px 0 19px;
}

.blue-about .sub-head {
    max-width: 800px;
    margin: 0 auto 66px;
    line-height: 2.05333;
    font-size: 15px;
    color: #999999;
}

.blue-about .img-wrapper {
    height: 264px;
    overflow: hidden;
}

.blue-about h5 {
    margin: 32px auto 19px;
    text-transform: uppercase;
    letter-spacing: 1.125px;
    font-weight: 700;
    font-size: 15px;
    color: #222222;
}

.blue-about p:not(.sub-head) {
    margin-bottom: 16px;
    font-family: 'Raleway', sans-serif;
    line-height: 27px;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}

.blue-about a {
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-weight: 700;
    font-size: 12px;
    color: #53bced;
}


/*--Sklill area*/

.skills {
    padding: 100px 0;
    background-color: #f6f6f6;
}

.skills .col-img img {
    max-width: 100%;
}

.skills .col-contents h3 {
    margin: 5px auto 20px;
}

.skills .col-contents p {
    margin-bottom: 40px;
    line-height: 1.92857;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}

.skills .col-contents .skills-bars .skills-item .skill-name {
    margin-bottom: 9px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-weight: 700;
    font-size: 12px;
    color: #222222;
}

.skills .col-contents .skills-bars .skills-item .skill-bar {
    display: block;
    position: relative;
    height: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(93, 93, 93, 0.1);
}

.skills .col-contents .skills-bars .skills-item .skill-bar .skill-fill {
    display: block;
    height: 100%;
    background-color: #53bced;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.skills .col-contents .skills-bars .skills-item .skill-bar .skill-value {
    position: absolute;
    top: -24px;
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    letter-spacing: 0.9px;
    font-weight: 700;
    font-size: 12px;
    color: #222222;
}

.skills .col-contents .skills-bars .skills-item + .skills-item {
    margin-top: 28px;
}

.skills .col-contents .skills-bars .skills-item:nth-child(1) .skill-bar .skill-fill {
    width: 46%;
}

.skills .col-contents .skills-bars .skills-item:nth-child(1) .skill-bar .skill-value {
    left: 46%;
}

.skills .col-contents .skills-bars .skills-item:nth-child(2) .skill-bar .skill-fill {
    width: 82%;
}

.skills .col-contents .skills-bars .skills-item:nth-child(2) .skill-bar .skill-value {
    left: 82%;
}

.skills .col-contents .skills-bars .skills-item:nth-child(3) .skill-bar .skill-fill {
    width: 51%;
}

.skills .col-contents .skills-bars .skills-item:nth-child(3) .skill-bar .skill-value {
    left: 51%;
}


/*---Business area*/

.business {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    height: 516px;
    text-align: center;
    background-color: #5d5d5d;
}

.business::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0.6;
    background-image: url(../images/home-left-navbar/business/bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
}

.business h2 {
    margin: 0 auto 21px;
    text-transform: uppercase;
    letter-spacing: 2.7px;
    font-weight: 700;
    font-size: 36px;
    color: #ffffff;
}

.business .sub-head {
    max-width: 800px;
    margin: 0 auto 28px;
    line-height: 1.875;
    font-size: 16px;
    color: white;
}

.business a {
    display: inline-block;
    margin-bottom: 6px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-weight: 700;
    font-size: 12px;
}

.business a.business-shop {
    margin-right: 8px;
    width: 136px;
    background-color: #53bced;
    color: white;
    transition: .3s;
}

.business a.business-shop:hover {
    margin-right: 8px;
    width: 136px;
    background-color: #fff;
    color: #222;
    text-decoration: none;
    transition: .3s;
}

.business a.business-feat {
    width: 163px;
    background-color: white;
    color: #222222;
    transition: .3s;
}

.business a.business-feat:hover {
    width: 163px;
    background-color: #53bced;
    color: #fff;
    text-decoration: none;
    transition: .3s;
}


/*---Offer*/

.offer-blue {
    background-color: #53bced;
}

.offer-blue .col-offer {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
    height: 140px;
}

.offer-blue .col-offer h4 {
    text-transform: uppercase;
    letter-spacing: 1.35px;
    font-weight: 700;
    font-size: 18px;
    color: white;
}

.offer-blue .col-offer a {
    display: inline-block;
    text-align: center;
    background-color: white;
    -moz-border-radius: 22px;
    border-radius: 22px;
    width: 160px;
    height: 44px;
    line-height: 44px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: #222222;
}


/*---Feature*/

.blue-features {
    padding: 100px 0;
}

.blue-features .container {
    margin-bottom: -53px;
}

.blue-features .blue-feature {
    margin-bottom: 53px;
}

.blue-features .blue-feature .media-left {
    padding-top: 2px;
    padding-left: 1px;
    padding-right: 22px;
}

.blue-features .blue-feature [class^="ti-"] {
    font-size: 36px;
    color: #53bced;
}

.blue-features .blue-feature h5 {
    margin: 0 auto 19px;
    text-transform: uppercase;
    letter-spacing: 1.05px;
    font-weight: 700;
    font-size: 14px;
    color: #222222;
}

.blue-features .blue-feature p {
    font-family: 'Raleway', sans-serif;
    line-height: 1.92857;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}


/*---news*/

.news {
    padding-top: 80px;
    text-align: center;
    background-color: #f6f6f6;
}

.news h3 {
    margin-bottom: 17px;
}

.news .sub-head {
    margin: 0 auto 57px;
    max-width: 800px;
    font-size: 15px;
    color: #999999;
}

.news .col-news {
    z-index: 0;
    text-align: left;
    background-color: #222222;
    height: 500px;
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
    color: white;
}

.news .col-news a {
    height: 100%;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: end;
    justify-content: flex-end;
    color: inherit;
}

.news .col-news img {
    z-index: -1;
    opacity: 0.9;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
}

.news .col-news h5 {
    margin-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: 1.05px;
    line-height: 1.92857;
    font-weight: 700;
    font-size: 14px;
}

.news .col-news span {
    margin-bottom: 28px;
    opacity: 0.7;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.news .col-news span .fa {
    margin-right: 6px;
}

.news .col-news:hover {
    background-color: #53bced;
}

.news .col-news:hover img {
    opacity: 0.2;
}


/*---Subscribe*/

.subscribe {
    padding: 75px 0 50px;
}

.subscribe form {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    text-align: center;
}

.subscribe form label {
    margin-bottom: 37px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    color: #222222;
}

.subscribe form input {
    border: none;
    text-align: center;
    width: 65%;
    height: 50px;
    background-color: #eeeeee;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 13px;
}

.subscribe form input:focus {
    background-color: transparent;
    border: 1px solid #53bced;
}

.subscribe form button {
    margin-top: 29px;
    border: none;
    background-color: #222222;
    width: 132px;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-weight: 400;
    font-size: 12px;
    color: white;
    transition: .3s;
}

.subscribe form button:hover {
    background-color: #53bced;
    color: white;
    transition: .3s;
}

.mhchimp-errmessage {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
}


/* ==============================
   [8] HOME APP LANDING.
============================== */


/**---Header area*/

.home-app-hero .container {
    position: relative;
    z-index: 1;
}

.home-app-hero {
    position: relative;
    text-align: center;
    background-color: black;
    height: 100vh;
    display: -moz-box;
    display: flex;
    background: #0a7bb0;
    min-height: 660px;
}

.home-app-hero::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-image: url(../images/home-app/home-app-header.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    opacity: 0.3;
}

.home-app-header h1 {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    font-family: 'Montserrat';
    text-align: left;
}

.home-app-header .pera {
    font-size: 60px;
    text-align: left;
    color: #fff;
    line-height: 75px;
    margin-bottom: 60px;
}

.home-app-header {
    text-align: left;
}

.home-app-header .btn.get-now {
    background: #fff;
    color: #0a7bb0;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 20px 40px;
    transition: .3s;
    margin-right: 15px;
}

.home-app-header .btn.get-now:hover {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    transition: .3s;
}

.home-app-header .btn.get-now:focus {
    text-decoration: none;
}

.home-app-header .btn.l-more {
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 20px 40px;
    transition: .3s;
    border: 1px solid #fff;
}

.home-app-header .btn.l-more:hover {
    background: #fff;
    color: #0a7bb0;
    transition: .3s;
}

.b-mocup {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99999;
}

.home-app-header {
    margin-top: 300px;
}

.i-mocup {
    margin-top: 150px;
}

.services.app-service span {
    color: #53bced !important;
}

.mchimp-errmessage {
    margin-top: 20px;
    color: #fff;
}


/**---Feature area*/

.home-app-feature {
    background: #fbfcfd;
    padding-top: 120px;
    padding-bottom: 120px;
}

.app-feature-box {
    text-align: right;
    margin: 30px;
}

.app-feature-box span {
    color: #53bced;
    font-size: 29px;
    padding: 15px;
    border: 1px solid #53bced;
    border-radius: 50%;
    transition: .3s;
}

.app-feature-box h4 {
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 30px;
}

.app-feature-box .pera {
    text-align: right;
}

.app-feature-box-margin {
    margin-bottom: 115px !important;
    margin-top: 80px !important;
}

.app-feature-box-right {
    text-align: left;
    margin: 30px;
}

.app-feature-box-right span {
    color: #53bced;
    font-size: 29px;
    padding: 15px;
    border: 1px solid #53bced;
    border-radius: 50%;
    transition: .3s;
}

.app-feature-box-right h4 {
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 30px;
}

.app-feature-box-right .pera {
    text-align: left;
}

.app-feature-box:hover span {
    background: #53bced;
    color: #fff;
    transition: .3s;
}

.app-feature-box-right:hover span {
    background: #53bced;
    color: #fff;
    transition: .3s;
}

.feature-box-area {
    margin-top: 85px;
}

.flate-mockup img {
    margin: 0 auto;
}


/**---Video area*/

.wrapper-video {
    background-image: url(../images/home-app/videbg.jpg);
    padding-top: 220px;
    padding-bottom: 220px;
    background-repeat: no-repeat;
}

.wrapper-video {
    margin: 0 auto;
}

.wrapper-video i {
    font-size: 36px;
    color: #fff;
    border: 1px solid #fff;
    padding: 35px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    align-items: center;
}

.wrapper-video h3 {
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 55px;
    letter-spacing: 1px;
}

.wrapper-video h6 {
    font-size: 25px;
    color: #fff;
    letter-spacing: .6px;
    font-family: 'Raleway';
    margin-top: 30px;
}

.home-appsec-video .wrapper-video .youtube-popup:focus {
    color: inherit;
    outline: none;
}

.home-appsec-video .wrapper-video .youtube-popup i {
    display: inline-block;
    height: 100px;
    width: 100px;
    border: 2px solid white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 96px;
    font-size: 36px;
}

.home-appsec-video .wrapper-video h3 {
    margin-top: 42px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 48px;
    line-height: 30px;
}

.home-appsec-video .wrapper-video h6 {
    font-weight: 400;
    font-size: 18px;
    margin: 16px auto 0;
    line-height: 30px;
}


/**---Screenshot area*/

.awesome-screen {
    margin-top: 115px;
}

.awesome-screen-owl {
    margin-top: 85px;
}

.awesome-screen-owl .owl-dot {
    position: relative;
    left: 50%;
    background: transparent;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    margin-top: 60px;
    border: 1px solid #53bced;
}

.awesome-screen-owl .owl-dot.active {
    background: #53bced;
}


/**---App testimonial area*/

.app-testimonial {
    margin-top: 115px;
    background: #f3f3f3;
    padding-top: 120px;
    padding-bottom: 120px;
}

.ex-ap-t-margin .media-body {
    padding-left: 25px;
}

.ex-ap-t-margin .media-body p {
    font-family: 'Raleway';
    font-weight: normal;
    color: #777;
}

.ex-ap-t-margin .media-body h4 {
    text-transform: uppercase;
}

.ex-ap-t-margin .left {
    margin-left: 70px;
}

.app-testi-item {
    background: #fff;
    padding: 55px 0px;
    padding-right: 35px;
    border-radius: 4px;
}

.app-testi-area {
    margin-top: 85px;
}

.app-testimonial-owl .owl-dot {
    position: relative;
    left: 50%;
    background: transparent;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    margin-top: 60px;
    border: 1px solid #53bced;
}

.app-testimonial-owl .owl-dot.active {
    background: #53bced;
}


/**---App team area*/

.app-team .container {
    position: relative;
    z-index: 1;
}

.app-team {
    position: relative;
    text-align: center;
    background-color: black;
    display: -moz-box;
    display: flex;
    background: #0a7bb0;
    padding-top: 120px;
    padding-bottom: 120px;
}

.app-team::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-image: url(../images/home-app/team-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    opacity: 0.3;
}

.app-team-area {
    margin-top: 85px;
}

.app-team-area .thumbnail {
    display: block;
    padding: 0;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    transition: .3s;
    margin: 15px;
}

.app-team-area .thumbnail:hover {
    box-shadow: 0px 5px 5px 0px rgba(100, 100, 100, 0.5);
    transition: .3s;
}

.app-team-area .thumbnail h4 {
    font-size: 16px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    line-height: 22px;
    margin-top: 20px;
    font-weight: normal;
}

.app-team-area .thumbnail h4 a {
    color: #606060;
    transition: .2s;
}

.app-team-area .thumbnail h4 a:hover {
    color: #64c2ef;
    transition: .2s;
}

.app-team-area .thumbnail p {
    font-weight: normal;
    color: #777;
    font-size: 14px;
    font-family: 'Raleway';
    margin-top: 10px;
}

.team-social {
    margin-top: 25px;
    border-top: 1px solid #eee;
    padding-top: 25px;
    padding-bottom: 25px;
}

.team-social a i {
    color: #777;
    padding-right: 15px;
    padding-left: 15px;
}

.team-social a i:hover {
    color: #64c2ef;
}

.app-team h4.sec-head {
    color: #fff !important;
}

.app-team p.sub-head {
    color: #fff !important;
}

.app-team hr.theme-hr {
    height: 30px;
    border-top: none;
    background-image: url(../images/home-app/white.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 40px;
}

.app-team-area .col-sm-3.col-md-3 {
    padding: 0px !important;
}

.latest-post-area .col-sm-4.col-md-4 {
    padding: 0px !important;
}

.team-question {
    padding-top: 115px;
}

.team-accordian {
    margin-top: 80px;
}

.team-accordian .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f146";
    padding-right: 5px;
    color: #53bced;
    font-size: 20px;
}

.team-accordian .panel-title > a.collapsed:before {
    float: right !important;
    content: "\f0fe";
}

.team-accordian .panel-title > a:hover,
.team-accordian .panel-title > a:active,
.team-accordian .panel-title > a:focus {
    text-decoration: none;
}

.team-accordian .panel-title {
    font-size: 15px;
    font-family: 'Montserrat';
    color: #666666;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
}

.team-accordian .panel-default > .panel-heading {
    background: #f4f6f7;
}

.team-accordian .panel-group .panel + .panel {
    margin-top: 15px;
}


/**---Blog area*/

.latest-post {
    background: #f3f3f3;
    margin-top: 115px;
    padding-top: 120px;
    padding-bottom: 120px;
}

.latest-post-text {
    padding: 45px 30px;
}

.latest-post-area {
    margin-top: 85px;
}
.home-blog.latest-post-area {
	margin-top: 50px;
}
.latest-post-text h4 {
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
}

.latest-post-text h4 a {
    color: #606060;
    transition: .2s;
}

.latest-post-text h4 a:hover {
    color: #53bced;
    transition: .2s;
}

.latest-post-text .pera {
    margin-bottom: 0px !important;
}

.latest-post-area .thumbnail {
    margin: 15px;
    padding: 0;
    border: none;
    border-radius: 0;
    transition: .3s;
}

.ex.pera {
    color: #bebebe;
    margin-top: 5px;
    margin-bottom: 25px;
}

.latest-post-area .thumbnail:hover {
    box-shadow: 0px 10px 5px 0px rgba(215, 215, 215, 0.5);
    transition: .3s;
}


/**---App download area*/

.get-app.container {
    position: relative;
    z-index: 1;
}

.get-app {
    position: relative;
    text-align: center;
    background-color: black;
    display: -moz-box;
    display: flex;
    background: #fff;
    padding-top: 120px;
    padding-bottom: 120px;
}

.get-app::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-image: url(../images/home-app/bg-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    opacity: 0.3;
}

.get-app .sec-head {
    text-align: left;
}

.get-app .theme-hr {
    background-position: left;
}

.get-app .pera {
    text-align: left;
    margin-top: 50px;
    margin-bottom: 90px;
}

.get-app h3 {
    font-size: 24px;
    color: #303030;
    text-align: left;
}

.app-download {
    text-align: left;
    margin-top: 35px;
}

.app-download img {
    background: #050708;
    padding: 10px;
    border-radius: 4px;
    transition: .3s;
}

.app-download img:hover {
    background: #53bced;
    transition: .3s;
}

.app-btn {
    margin-right: 15px;
}

.get-app-text {
    margin-top: 120px;
}

.subcribe-box .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    margin-left: -115px;
}


/**---Subscribe area*/

.home-app-subscribe .container {
    position: relative;
    z-index: 1;
}

.home-app-subscribe {
    position: relative;
    text-align: center;
    background-color: black;
    display: -moz-box;
    display: flex;
    background: #53bced;
    padding-top: 120px;
    padding-bottom: 120px;
}

.home-app-subscribe::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-image: url(../images/home-app/subs-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    opacity: 0.3;
}

.home-app-subscribe .sec-head {
    color: #fff;
}

.home-app-subscribe .sub-head {
    color: #fff;
}

.home-app-subscribe hr.theme-hr {
    background-image: url(../images/home-app/white.png);
}

.subcribe-box .subscription .form-group input {
    padding-left: 25px;
    padding-right: 65px;
    width: 460px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: white;
}

.subcribe-box {
    margin-top: 115px;
}

.subcribe-box .subscription button {
    display: inline-block;
    position: absolute;
    height: 50px;
    width: 150px;
    background-color: white;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #53bced;
    margin-left: -40px;
}

.subcribe-box .form-control::-moz-placeholder {
    color: #fff;
}

.mchimp-sucmessage {
    width: 45%;
    margin: 25px auto 0;
    font-size: 16px;
    text-transform: capitalize;
    line-height: 23px;
    color: #fff;
}


/* ==============================
   [9] HOME RESUME.
============================== */


/*--Hero area-*/

.resume-home-img {
    width: 70vh;
    height: 100vh;
}

.home-resumea {
    background: #f6f9fb;
    min-height: 700px !important;
}

.home-resumea .home-resume-text {
    margin-top: 270px;
}

.home-resume-text h3 {
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 30px;
}

.home-resume-text h2 {
    font-family: 'Montserrat';
    font-size: 60px;
    font-weight: bold;
    margin-top: 15px;
}

.home-resume-text h4 {
    font-size: 35px;
    font-family: 'Montserrat';
    margin-top: 25px;
}

.home-resume-text span {
    color: #FF4612;
}

.home-resume-text .pera {
    margin-top: 70px;
    font-size: 18px;
    width: 60%;
}

.home-resume-text .btn-feature {
    margin-top: 75px;
    margin-bottom: 50px;
}


/*--skill area-*/

.resume-skill {
    padding-top: 115px;
}

.resume-skill h2 {
    font-size: 35px;
    font-family: 'Montserrat';
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.resume-skill-box {
    margin-top: 85px;
}

.resume-skill-box .pera {
    margin-bottom: 20px;
}


/*--Service area-*/

.resume-home-services {
    background: #f6f9fb;
    margin-top: 115px;
    padding-top: 120px;
    padding-bottom: 120px;
}

.resume-home-services h2 {
    font-size: 35px;
    font-family: 'Montserrat';
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.resume-service-content {
    background: #fff;
    background: #fff;
    padding: 60px 30px 50px;
    text-align: center;
    margin: 15px;
    transition: .3s;
}

.resume-service-content:hover {
    box-shadow: 0px 5px 20px rgba(127, 127, 127, .45);
    transition: .3s;
}

.resume-service-box {
    margin-top: 85px;
}

.resume-service-box h4 {
    font-size: 24px;
    font-family: 'Montserrat';
    margin-top: 45px;
    margin-bottom: 35px;
}

.btn-readmore {
    color: #FF4612;
    font-size: 13px;
    text-transform: uppercase;
    transition: .2s;
}

.btn-readmore:hover {
    color: #191919;
    transition: .2s;
}

.btn-readmore:focus {
    text-decoration: none;
    color: #191919;
}

.resume-service-content span {
    color: #FF4612;
    font-size: 50px;
}


/*--Portfolio area-*/

.portfolio-no-padding {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 15px;
}

.r-port {
    margin-top: 45px;
}

#resume-portfolio {
    padding-top: 115px;
}

#resume-portfolio h2 {
    font-size: 35px;
    font-family: 'Montserrat';
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

#resume-portfolio .filter-menu-masonry {
    margin-top: 55px;
}

.port-box {
    float: left;
    position: relative;
    overflow: hidden;
}

.port-box a {
    display: block;
    position: relative;
    overflow: hidden;
}

.extra-margin-top-portfolio {
    margin-top: 140px;
}

.port-box:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.port-box:hover .port-caption {
    opacity: 1;
}

.port-box:hover .port-caption p {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    margin-top: 22%;
}

.port-box:hover .port-caption h3 {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    margin-top: 35%;
}

.port-box img {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.port-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(235, 173, 62, 0.85);
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
}

.port-caption h3 {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    letter-spacing: 6px;
    text-transform: uppercase;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 0;
    margin-top: 35%;
    font-size: 60px;
}

.port-caption p {
    color: #fff;
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: bold;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
    font-weight: 500;
    margin-top: 22%;
    text-transform: uppercase;
}

.r-long-img.port-caption p {
    margin-top: 70%;
}

.r-long-img.port-caption h3 {
    margin-top: 80%;
}

.port-box:hover .r-long-img.port-caption p {
    margin-top: 70%;
}

.port-box:hover .r-long-img.port-caption h3 {
    margin-top: 80%;
}

.btn-resume-portfolio {
    font-size: 14px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    background: #FF4612 !important;
    border-radius: 0px;
    padding: 20px 75px;
    color: #fff !important;
    transition: .3s;
    border: none;
}

.btn-resume-portfolio:hover {
    font-size: 14px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    background: #111 !important;
    border-radius: 0px;
    padding: 20px 75px;
    transition: .3s;
    border: none;
}


/*--purchase area-*/

.resume-purchase.purchase {
    position: relative;
    text-align: center;
    background-color: black;
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    height: 498px;
}

.resume-purchase::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-image: url(../images/wide-home-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    opacity: 0.4;
}

.resume-purchase .purchase-btn {
    padding: 25px 75px;
    font-family: 'Montserrat';
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    margin-top: 15px;
    letter-spacing: 1px;
    transition: .3s;
}

.resume-purchase .purchase-btn:hover {
    background: #FF4612;
    border-color: #FF4612;
    transition: .3s;
}


/*--Blog area-*/

.resume-blog {
    padding-top: 115px;
}

.resume-blog h2 {
    font-size: 35px;
    font-family: 'Montserrat';
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 85px;
    font-weight: bold;
}

.resume-blog-box .blog-date {
    font-family: 'Montserrat';
    font-size: 12px;
    color: #677077;
    margin-top: 40px;
    margin-bottom: 20px;
}

.resume-blog-box .pera {
    color: #677077;
}

.resume-blog-box {
    margin-bottom: 30px;
}

.resume-blog-box h3 {
    font-size: 20px;
    color: #191b1d;
    line-height: 30px;
    font-weight: normal;
    text-align: left;
    letter-spacing: .1px;
    margin-bottom: 20px;
}

.resume-blog-box a {
    text-transform: uppercase;
    font-size: 13px;
    color: #FF4612;
    transition: .2s;
}

.resume-blog-box a:hover {
    color: #191919;
    transition: .2s;
}


/*---Testimonial-*/

.resume-testimonial {
    margin-top: 85px;
    background: #f6f9fb;
    padding-top: 120px;
    padding-bottom: 120px;
}

.resume-testimonial h2 {
    font-size: 35px;
    font-family: 'Montserrat';
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 85px;
    font-weight: bold;
}

.resume-testi-box {
    margin: 30px;
    background: #fff;
    padding: 45px 60px 60px;
    box-shadow: 0px 1px 20px rgba(127, 127, 127, .15);
    border-radius: 5px;
}

.resume-testimonials-owl.owl-carousel .owl-item img {
    display: block;
    width: auto;
    -webkit-transform-style: preserve-3d;
    margin: 0 auto;
}


/*---Profile*/

.resume-profile {
    margin-top: 35px;
    text-align: center;
    font-size: 15px;
    font-family: 'Montserrat';
}

.resume-profile-italic {
    font-style: italic;
    color: #777;
    font-size: 14px;
    text-align: center;
    margin-top: 17px;
    margin-bottom: 47px;
}

.resume-testi-box .pera {
    text-align: center !important;
}

.resume-partner {
    padding-top: 115px;
    padding-bottom: 115px;
}
.hom-dp.resume-partner {
	padding-top: 100px;
	padding-bottom: 115px;
}
.teamp-1.resume-partner{
	padding-top: 100px !important;
}
.p50{
	margin-top: 40px;
}
.resume-partner h2 {
    font-size: 35px;
    font-family: 'Montserrat';
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 85px;
    font-weight: bold;
}

.resume-partner-img img {
    margin: 0 auto;
    opacity: .35;
    transition: .3s;
}

.resume-partner-img img:hover {
    opacity: 1;
    transition: .3s;
}

footer.footer-green .home-resume-footer.footer-top .footer-col-content a:hover {
    color: #FF4612 !important;
    transition: .2s;
}

footer.footer-green .home-resume-footer.footer-top .footer-col-content .media .media-left .fa {
    color: #FF4612;
}

.home-resume.footer-green a {
    color: #FF4612;
}

.resume-service-box .owl-dot {
    position: relative;
    left: 50%;
    background: #b5babd;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.resume-service-box .owl-dot.active {
    background: #FF4612;
}

.resume-service-content {
    margin-bottom: 60px;
}

.resume-testimonials-owl .owl-dot {
    position: relative;
    left: 50%;
    background: #b5babd;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.resume-testimonials-owl .owl-dot.active {
    background: #FF4612;
}

.resume-testi-box {
    margin-bottom: 80px;
}


/* ==============================
   [10] HOME CONSTRACTION.
============================== */

.welcome-constraction {
    padding-top: 115px;
}

.welcome-constraction .pera {
    margin-top: 50px;
}

.signature-constraction img {
    margin: 0 auto;
    margin-top: 35px;
}

.signature-constraction {
    color: #777;
    font-weight: normal;
}

.signature-constraction p {
    margin-top: 10px;
}

.signature-constraction span {
    color: #111;
    text-transform: uppercase;
}

.constraction-electron {
    margin-top: 100px;
}

.constraction-electron .pera {
    margin-bottom: 0px;
}

.c-e-text {
    margin-top: 40px;
}

.c-e-text h4 {
    margin-bottom: 20px;
}

.c-e-text h4 a {
    color: #191919;
    transition: .2s;
}

.c-e-text h4 a:hover {
    margin-bottom: 20px;
    color: #FF4612;
    transition: .2s;
}

.constraction-service {
    text-align: center !important;
}

.con-service-box {
    text-align: center !important;
}

.con-service-box {
    margin-bottom: 60px;
}

.project-constraction {
    background: #f6f6f6;
    padding-bottom: 100px;
}

.project-constraction .projects-grid .project a .project-hover h5 {
    text-align: center !important;
}

.project-constraction .projects-grid .project a .project-hover h6 {
    text-align: center !important;
}

.no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.constraction-testimonial.testimonials {
    margin-top: 0px !important;
}

.constraction-blog {
    margin-top: 100px;
}

.no-padding-left {
    padding-left: 0px;
}

.constraction-blog h4 {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 25px;
}

.con-italic {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: normal;
    color: #777;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.constraction-blog a {
    text-transform: uppercase;
    font-size: 14px;
    color: #FF4612;
    transition: .2s;
}

.constraction-blog a:focus {
    text-decoration: none;
}

.constraction-blog a:hover {
    color: #111;
    transition: .2s;
}

.constraction-blog span {
    margin-left: 10px;
}

.constraction-blog .pera {
    margin-bottom: 15px;
}

.constraction-partner {
    margin-top: 100px;
    padding-top: 150px;
    padding-bottom: 150px;
    background: #f6f6f6;
}

.constraction-partner img {
    margin: 0 auto;
    opacity: .35;
    transition: .3s;
}

.constraction-partner img:hover {
    opacity: 1;
    transition: .3s;
}

#rev_slider_3 .tp-bullet {
    margin-bottom: 50px;
    border: none !important;
    background: #a0a19d;
}

#rev_slider_3 .tp-bullet.selected {
    background: #ffffff;
}


/* ==============================
   [11] HOME LEGAL.
============================== */


/*Home Legal*/

.legal-home.feature {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 100px;
}

.chose-us {
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 23%;
}

.chose-us-sub {
    color: #777;
    font-size: 14px;
    font-family: 'Raleway';
    margin-bottom: 60px;
}

.chose-head {
    font-family: 'Montserrat';
    font-size: 14px;
    text-transform: uppercase;
    color: #111;
    margin-bottom: 25px;
    letter-spacing: .7px;
}

.home-l-p.projects .projects-grid .project {
    margin-bottom: 30px;
}

.home-legal {
    margin-top: 100px;
}

.home-legal.purchase::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-image: url(../images/home-legal/action-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    opacity: 0.4;
}

.legal-testi-pera {
    color: #777;
    font-family: 'Raleway';
    font-style: italic;
    font-size: 18px;
    line-height: 32px;
    background: #f6f6f6;
    padding: 60px 40px;
}

.home-legal-testimonial {
    margin-top: 100px;
}

.legal-testimonials-owl {
    margin-top: 75px;
}

.ex-l-margin .media-body {
    padding-left: 25px;
    padding-top: 25px;
}

.ex-l-margin .media-body p {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: normal;
}

.ex-l-margin .left {
    margin-left: 70px;
}

.ex-l-margin {
    margin-top: 45px;
}

.legal-testi-pera::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 25px 0 25px;
    border-color: #f6f6f6 transparent transparent transparent;
    position: absolute;
    bottom: 125px;
    left: 80px;
    z-index: 9999;
}

.legal-contact-form {
    background-image: url(../images/home-legal/contact-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 115px;
}

button {
    border: none;
}

.legal-blog {
    margin-top: 75px;
}

.legal-contact {
    margin-top: 80px;
}

.legal-contact .form-control {
    height: 50px;
    border-radius: 0px;
    margin-top: 30px !important;
    border: none;
}

.legal-contact .form-control:focus {
    border: none;
    box-shadow: none;
}

.legal-contact .text_area .form-control {
    height: 220px;
    margin-top: 30px;
    border: none;
}

.legal-contact .text_area .form-control:focus {
    border: none;
    box-shadow: none;
}

.select-style {
    position: relative;
    background: url("../images/chevron_down.png") no-repeat 95% 50%;
    z-index: 999;
    overflow: hidden;
}

.select-style select {
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.case-study {
    background: #fff !important;
}

.select-style select:focus {
    outline: none;
}

.select-style .case-study.form-control {
    margin-bottom: 0px;
}

.service-curesel .owl-dot {
    position: relative;
    left: 50%;
    background: transparent;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    margin-top: 60px;
    background: #b7b7b7;
}

.service-curesel .owl-dot.active {
    background: #111111;
}

.legal-testimonials-owl .owl-dot {
    position: relative;
    left: 50%;
    background: transparent;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    margin-top: 60px;
    background: #b7b7b7;
}

.legal-testimonials-owl .owl-dot.active {
    background: #111111;
}


/* ==============================
   [12] HOME PHOTOGRAPHY.
============================== */

.social-top-photography {}

.photography-search {
    margin-top: 90px;
    margin-bottom: 65px;
}

.photography-logo {
    margin-top: 90px;
    margin-bottom: 65px;
}

.photography-search .input-group-addon {
    width: auto;
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    height: 36px;
}

.photography-search .form-control {
    width: 250px;
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: #dbd8d5;
    border-radius: 0px;
    height: 36px;
    box-shadow: none;
}

.photography-search .form-control::-moz-placeholder {
    font-size: 14px;
    color: #222;
    font-family: 'Roboto', sans-serif;
}

.photography-search .form-control::-webkit-placeholder {
    font-size: 14px;
    color: #222;
    font-family: 'Roboto', sans-serif;
}

.photography-search .form-control::-ms-placeholder {
    font-size: 14px;
    color: #222;
    font-family: 'Roboto', sans-serif;
}

.photography-search .form-control:focus {
    border-color: #dbd8d5;
    box-shadow: none;
}

.photography-search .input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
    color: #222;
    font-family: 'Roboto', sans-serif;
}

.photography-search i {
    color: #222;
    font-size: 16px;
}

.extra-width {
    width: 100%;
}

.photography-footer {
    background: #222222;
    padding-top: 74px;
    padding-bottom: 40px;
}

.photography-footer h3 {
    font-size: 18px;
    color: #fff;
}

.photography-category {}

.p-category {
    padding-left: 0px !important;
}

.p-category li {
    color: #9f9e9e;
    padding: 4px 0px;
    padding-left: 4px;
    list-style: circle;
}

.p-category li a {
    color: #9f9e9e;
}

.p-category li a:hover {
    color: #fff;
}

.p-category li a:focus {
    color: #fff;
}

.photography-category {
    margin-top: 32px;
}

.photography-subscriber .form-control {
    background: transparent;
    border-radius: 0px;
    height: 50px;
    border-color: #4e4e4e;
    margin-top: 32px;
}

.photography-subscriber .form-control:focus {
    box-shadow: none;
}

.btn-photo {
    display: block;
    width: 173px;
    height: 46px;
    line-height: 46px;
    background-color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.65px;
    font-size: 13px;
    color: #222;
    position: relative;
    margin-top: 30px;
}

.btn-photo:hover {
    color: #222;
    text-decoration: none;
}

.copyright {
    margin-top: 110px;
}

.copyright p {
    color: #939393;
}

.phot.portfolio.projects {
    padding: 83px;
    margin: 0 auto;
}

#portfolio .container-fluid .row {
    margin-left: -5px;
    margin-right: -5px;
}

.home-l-p.projects .projects-grid .project.project-tall {
    min-height: 1px !important;
    margin-bottom: 30px !important;
}

.p-masonry .item {
    padding: 5px;
}

.p-image-box a {
    position: relative;
}

.p-image-box .p-hover {
    position: absolute;
    background: #222;
    width: 98%;
    bottom: 5px;
    opacity: 0;
    transition: .5s;
}

.hover-arrow span {
    position: absolute;
    color: #fff;
    top: 10%;
    opacity: 0;
    transition: .6s;
    font-size: 32px;
}

.p-image-box:hover .hover-arrow span {
    opacity: 1;
    top: 35%;
    transition: .6s;
}

.p-image-box:hover .p-hover {
    opacity: 1;
    transition: .5s;
}

.p-image-box .p-hover .left p {
    color: #fff;
    font-size: 16px;
    padding-top: 40px;
    padding-bottom: 32px;
    margin-left: 18px;
    opacity: 1;
}

.right-show {
    position: absolute;
    right: 35px;
    bottom: 35px;
    z-index: 999;
}

.right-show i {
    color: #fff;
}

.p-image-box .p-hover .right i {
    color: #fff;
    position: relative;
    font-size: 16px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-right: 15px;
    opacity: 1;
    z-index: 9999;
}

.ex.p-image-box .p-hover {
    width: 96% !important;
}

.ex-a.p-image-box .p-hover {
    width: 97.6% !important;
}

.ex-b.p-image-box .p-hover {
    width: 97% !important;
}

.ex-c.p-image-box .p-hover {
    width: 98.5% !important;
}


/* ==============================
   [13] BLOG PAGES.
============================== */

.sub-blog .single-post .post-header .owl-nav > div {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sub-blog .single-post .post-header .owl-nav > div span {
    text-align: center;
    display: inline-block;
    border: 1px solid #bcbcbc;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    color: #bcbcbc;
}

.sub-blog .single-post .post-header .owl-nav > div.owl-prev {
    left: 40px;
}

.sub-blog .single-post .post-header .owl-nav > div.owl-next {
    right: 40px;
}

.splash-banner .owl-nav > div {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.splash-banner .owl-nav > div span {
    text-align: center;
    display: inline-block;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 24px;
    color: #191919;
}

.splash-banner .owl-nav > div.owl-prev {
    left: 250px;
}

.splash-banner .owl-nav > div.owl-next {
    right: 250px;
}

.extra-margin-top {
    margin-top: 75px;
}

.blog-wrapper {
    padding: 100px 0;
}

.blog-wrapper .all-posts-list .all-posts .single-post {
    margin-bottom: 50px;
    margin-top: 20px;
}

.blog-wrapper .all-posts-list .all-posts .single-post + .single-post {
    margin-top: 80px;
}

.blog-wrapper .all-posts-list .all-posts .single-post .post-header {
    position: relative;
    overflow: hidden;
}

.single-post.type-vid .post-header {
    height: 424px;
}

.post-header img.post-thumb {
    position: relative;
}

.desktop.post-thumb {
    height: 320px;
}

.blog-wrapper .all-posts-list .all-posts .single-post .post-title {
    margin: 57px auto 20px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 24px;
    color: #111111;
    transition: .2s;
}

.blog-wrapper .all-posts-list .all-posts .single-post .post-title:hover {
    color: #FF4612;
    transition: .2s;
}

.blog-wrapper .all-posts-list .all-posts .single-post .post-details {
    margin-bottom: 15px;
    padding-left: 0;
    list-style: none;
    line-height: 25px;
}

.blog-wrapper .all-posts-list .all-posts .single-post .post-details li {
    display: inline-block;
    letter-spacing: 0.28px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.blog-wrapper .all-posts-list .all-posts .single-post .post-details li + li::before {
    content: "|";
    margin-left: 8px;
    margin-right: 13px;
}

.blog-wrapper .all-posts-list .all-posts .single-post .post-details li a {
    font-weight: 700;
    color: #FF4612;
}

.blog-wrapper .all-posts-list .all-posts .single-post .post-details li a:focus {
    text-decoration: none;
}

.blog-wrapper .all-posts-list .all-posts .single-post .post-text {
    margin-bottom: 40px;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.28px;
    line-height: 2.143;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.blog-wrapper .all-posts-list .all-posts .single-post .read-more {
    display: block;
    width: 136px;
    height: 39px;
    background-color: #FF4612;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    text-align: center;
    line-height: 39px;
    font-weight: 400;
    font-size: 12px;
    color: white;
}

.blog-wrapper .all-posts-list .all-posts .single-post .read-more:hover {
    background: #222;
    color: #fff;
    transition: .3s;
}

.blog-wrapper .all-posts-list .all-posts .single-post .read-more:focus {
    text-decoration: none;
    transition: .3s;
}

.blog-wrapper .all-posts-list .all-posts .single-post.type-car .post-header .owl-wrapper-outer .owl-wrapper .owl-item {
    position: relative;
    overflow: hidden;
    height: 424px;
    width: 100%;
}

.blog-wrapper .all-posts-list .all-posts .single-post.type-car .post-header .owl-nav > div {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.blog-wrapper .single-post .post-header .owl-nav > div span {
    text-align: center;
    display: inline-block;
    border: 1px solid #bcbcbc;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    color: #bcbcbc;
}

.blog-wrapper .all-posts-list .all-posts .single-post.type-car .post-header .owl-nav > div.owl-prev {
    left: 40px;
}

.blog-wrapper .all-posts-list .all-posts .single-post.type-car .post-header .owl-nav > div.owl-next {
    right: 40px;
}

.blog-wrapper .all-posts-list .all-posts .single-post.type-quo {
    position: relative;
}

.blog-wrapper .all-posts-list .all-posts .single-post.type-quo .post-contents {
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    color: white;
    text-align: center;
}

.blog-wrapper .all-posts-list .all-posts .single-post.type-quo .post-contents::before {
    content: "";
    display: block;
    margin: 56px auto 28px;
    font-size: 70px;
    height: 50px;
    width: 50px;
    border: 1px solid #bcbcbc;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    padding-top: 31px;
    line-height: 19px;
}

.blog-wrapper .all-posts-list .all-posts .single-post.type-quo .post-contents .post-text {
    margin: 0 15px;
    margin: 0 auto;
    max-width: 768px;
    font-family: 'Raleway', sans-serif;
    font-style: italic;
    line-height: 1.77778;
    font-weight: 400;
    font-size: 18px;
    color: #c5c5c5;
}

.blog-wrapper .all-posts-list .all-posts .single-post.type-quo .post-contents .post-quote-author {
    margin-top: 24px;
}

.blog-wrapper .all-posts-list hr {
    border-top-color: #ececec;
}

.blog-wrapper .all-posts-list .blog-pagination .pagination:last-child {
    float: right;
}

.blog-wrapper .all-posts-list .blog-pagination .pagination li a {
    text-align: center;
    line-height: 28px;
    height: 40px;
    width: 40px;
    border: none;
    background-color: #ececec;
    color: #777777;
}

.blog-wrapper .all-posts-list .blog-pagination .pagination li:first-child a,
.blog-wrapper .all-posts-list .blog-pagination .pagination li:last-child a {
    -moz-border-radius: 0;
    border-radius: 0;
}

.blog-wrapper .all-posts-list .blog-pagination .pagination li + li a {
    margin-left: 7px;
}

.blog-wrapper .all-posts-list .blog-pagination .pagination li.active a,
.blog-wrapper .all-posts-list .blog-pagination .pagination li:hover a {
    background-color: #FF4612;
    color: white;
}

.blog-wrapper .col-blog-post .blog-post {
    margin-bottom: 50px;
    margin-top: 20px;
}

.blog-wrapper .col-blog-post .blog-post .post-header {
    position: relative;
    height: 570px;
    overflow: hidden;
}

.blog-wrapper .col-blog-post .blog-post .post-header img.post-thumb {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.blog-wrapper .col-blog-post .blog-post .post-title {
    margin: 57px auto 31px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 400;
    font-size: 24px;
    color: #111111;
}

.blog-wrapper .col-blog-post .blog-post .post-details {
    margin-bottom: 15px;
    padding-left: 0;
    list-style: none;
    line-height: 25px;
}

.blog-wrapper .col-blog-post .blog-post .post-details li {
    display: inline-block;
    letter-spacing: 0.28px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.blog-wrapper .col-blog-post .blog-post .post-details li + li::before {
    content: "|";
    margin-left: 8px;
    margin-right: 13px;
}

.blog-wrapper .col-blog-post .blog-post .post-details li a {
    font-weight: 700;
    color: #FF4612;
}

*:focus {
    text-decoration: none;
}

textarea.form-control {
    height: auto;
    padding-top: 12px;
}

.blog-wrapper .col-blog-post .blog-post .post-details li a {
    text-decoration: none;
}

.blog-wrapper .col-blog-post .blog-post .post-text {
    margin-bottom: 40px;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.28px;
    line-height: 2.143;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.blog-wrapper .col-blog-post .blog-post blockquote {
    position: relative;
    border: none;
    padding: 0 60px;
}

.blog-wrapper .col-blog-post .blog-post blockquote::before {
    content: "";
    position: absolute;
    left: 20px;
    top: -10px;
    font-family: Georgia, serif;
    font-size: 60px;
    color: #FF4612;
}

.blog-wrapper .col-blog-post .blog-post blockquote p {
    font-family: 'DroidSerif', serif;
    letter-spacing: 0.28px;
    line-height: 2.143;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    color: #777777;
    margin-bottom: 27px;
}

.blog-wrapper .col-blog-post .blog-author {
    height: 99px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    display: -moz-box;
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
}

.blog-wrapper .col-blog-post .blog-author .media {
    width: 75%;
}

.blog-wrapper .col-blog-post .blog-author .media .media-left img {
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.blog-wrapper .col-blog-post .blog-author .media .media-body h6 {
    font-weight: 400;
    font-size: 11px;
    color: #777777;
    line-height: 30px;
    margin-top: 0px;
}

.blog-wrapper .col-blog-post .blog-author .media .media-body h5 {
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 12px;
    color: #111111;
}

.blog-wrapper .col-blog-post .blog-author .media + a {
    text-align: center;
    border: 1px solid #ececec;
    line-height: 38px;
    height: 40px;
    width: 115px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #111111;
}

.blog-wrapper .col-blog-post .blog-suggestions .blog-suggestion {
    margin-top: 50px;
}

.blog-wrapper .col-blog-post .blog-suggestions .blog-suggestion .sugg-header {
    position: relative;
    height: 216px;
    overflow: hidden;
}

.blog-wrapper .col-blog-post .blog-suggestions .blog-suggestion .sugg-header img {
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
}

.blog-wrapper .col-blog-post .blog-suggestions .blog-suggestion .sugg-contents {
    text-align: center;
    margin-top: 20px;
    line-height: 25px;
}

.blog-wrapper .col-blog-post .blog-suggestions .blog-suggestion .sugg-contents a:focus {
    text-decoration: none;
}

.blog-wrapper .col-blog-post .blog-suggestions .blog-suggestion .sugg-contents h4 {
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-weight: 400;
    font-size: 18px;
    color: #111111;
}

.blog-wrapper .col-blog-post .blog-suggestions .blog-suggestion .sugg-contents .sugg-details {
    display: inline-block;
    padding-left: 0;
    list-style: none;
}

.blog-wrapper .col-blog-post .blog-suggestions .blog-suggestion .sugg-contents .sugg-details li {
    display: inline-block;
    letter-spacing: 0.28px;
    font-weight: 300;
    font-size: 14px;
    color: #333333;
    margin-top: 10px;
}

.blog-wrapper .col-blog-post .blog-suggestions .blog-suggestion .sugg-contents .sugg-details li + li::before {
    content: "|";
    margin-left: 8px;
    margin-right: 13px;
}

.blog-wrapper .col-blog-post .blog-suggestions .blog-suggestion .sugg-contents .sugg-details li a {
    font-weight: 700;
    color: #FF4612;
}

.blog-wrapper .col-blog-post .blog-suggestions .blog-suggestion .sugg-contents .sugg-details li a:focus {
    text-decoration: none;
}

.blog-wrapper .col-blog-post .blog-comments {
    margin-top: 35px;
    border-top: 1px solid #ececec;
    padding-top: 38px;
}

.blog-wrapper .col-blog-post .blog-comments > h5 {
    text-transform: uppercase;
    letter-spacing: 0.28px;
    font-weight: 400;
    font-size: 14px;
    color: #111111;
    margin-bottom: 43px;
}

.blog-wrapper .col-blog-post .blog-comments .comment .comment-box {
    padding-bottom: 40px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 33px;
}

.blog-wrapper .col-blog-post .blog-comments .comment .comment-box .media-left {
    padding-right: 16px;
}

.blog-wrapper .col-blog-post .blog-comments .comment .comment-box .media-left img {
    width: 54px;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.blog-wrapper .col-blog-post .blog-comments .comment .comment-box .media-body {
    position: relative;
}

.blog-wrapper .col-blog-post .blog-comments .comment .comment-box .media-body .comment-name {
    margin: 6px auto 7px;
    letter-spacing: 0.26px;
    font-weight: 400;
    font-size: 13px;
    color: #111111;
}

.blog-wrapper .col-blog-post .blog-comments .comment .comment-box .media-body .comment-time {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #a8a8a8;
}

.blog-wrapper .col-blog-post .blog-comments .comment .comment-box .media-body .comment-text {
    margin-top: 15px;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.28px;
    line-height: 2.14286;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.blog-wrapper .col-blog-post .blog-comments .comment .comment-box .media-body .comment-btn-reply {
    position: absolute;
    top: 20px;
    right: 0;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    font-weight: 400;
    font-size: 11px;
    color: #333333;
    transition: .2s;
}

.blog-wrapper .col-blog-post .blog-comments .comment .comment-box .media-body .comment-btn-reply:hover {
    color: #FF4612;
    transition: .2s;
}

.blog-wrapper .col-blog-post .blog-comments .comment .comment-box .media-body .comment-btn-reply:focus {
    text-decoration: none;
}

.blog-wrapper .col-blog-post .blog-comments .comment .comment-reply {
    margin-left: 70px;
}

.blog-wrapper .col-blog-post .blog-comments .comment:last-child .comment-box {
    margin-bottom: 0;
}

.blog-wrapper .col-blog-post .blog-submit h5 {
    text-transform: uppercase;
    letter-spacing: 0.7px;
    font-weight: 400;
    font-size: 14px;
    color: #111111;
    margin: 48px auto;
}

.blog-wrapper .col-blog-post .blog-submit form .form-group {
    margin-bottom: 30px;
}

.blog-wrapper .col-blog-post .blog-submit form .form-group label {
    display: none;
}

.blog-wrapper .col-blog-post .blog-submit form .form-group input,
.blog-wrapper .col-blog-post .blog-submit form .form-group textarea {
    border: 1px solid #ececec;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-left: 18px;
    padding-right: 18px;
}

.blog-wrapper .col-blog-post .blog-submit form .form-group input:focus,
.blog-wrapper .col-blog-post .blog-submit form .form-group textarea:focus {
    border-color: #FF4612;
}

.blog-wrapper .col-blog-post .blog-submit form .form-group input {
    height: 45px;
}

.blog-wrapper .col-blog-post .blog-submit form button {
    height: 39px;
    width: 116px;
    margin-left: 15px;
    background-color: #FF4612;
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 12px;
    color: white;
    transition: .3s;
}

.blog-wrapper .col-blog-post .blog-submit form button:hover {
    background: #222;
    transition: .3s;
}

.blog-wrapper .sidebar .side-search {
    margin-top: 20px;
}

.blog-wrapper .sidebar .side-search input {
    padding: 0 18px;
    height: 50px;
    width: 100%;
    border: 1px solid #ececec;
    background-image: url(../images/blog-pages/search.png);
    background-repeat: no-repeat;
    background-position: -moz-calc(100% - 19px) center;
    background-position: calc(100% - 19px) center;
    font-weight: 400;
    font-size: 14px;
}

.blog-wrapper .sidebar .side-search input:focus {
    border-color: #FF4612;
}

.blog-wrapper .sidebar .side-search input::-webkit-input-placeholder {
    color: #666666;
}

.blog-wrapper .sidebar .side-search input::-moz-placeholder {
    color: #666666;
}

.blog-wrapper .sidebar .side-search input:-ms-input-placeholder {
    color: #666666;
}

.blog-wrapper .sidebar .side-search input:-moz-placeholder {
    color: #666666;
}

.blog-wrapper .sidebar .side-header {
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    color: #111111;
    line-height: 14px;
}

.blog-wrapper .sidebar .side-header::before {
    content: '';
    display: inline-block;
    margin-right: 16px;
    width: 3px;
    height: 14px;
    background-color: #FF4612;
    vertical-align: top;
}

.blog-wrapper .sidebar .side-category .side-header {
    margin: 50px auto 17px;
}

.blog-wrapper .sidebar .side-category ul {
    padding-left: 0;
    list-style: none;
}

.blog-wrapper .sidebar .side-category ul li a {
    display: block;
    border-bottom: 1px solid #ececec;
    height: 50px;
    line-height: 49px;
    text-transform: uppercase;
    letter-spacing: 0.24px;
    font-weight: 400;
    font-size: 12px;
    color: #333333;
}

.blog-wrapper .sidebar .side-category ul li a:focus {
    text-decoration: none;
}

.blog-wrapper .sidebar .side-category ul li a::before {
    content: "\f105";
    font-family: 'FontAwesome';
    margin-right: 10px;
}

.blog-wrapper .sidebar .side-category ul li:last-child a {
    border-bottom: none;
    height: 49px;
}

.blog-wrapper .sidebar .side-news .side-header {
    margin: 36px auto 35px;
}

.blog-wrapper .sidebar .side-news a .media .media-body h6 {
    margin: 0 auto;
    line-height: 1.429;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.blog-wrapper .sidebar .side-news a .media .media-body h6:focus {
    text-decoration: none;
}

.blog-wrapper .sidebar .side-news a .media .media-body .timestamp {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.26px;
    font-weight: 400;
    font-style: italic;
    font-size: 13px;
    color: #FF4612;
}

.blog-wrapper .sidebar .side-news a .media .media-body .timestamp span:focus {
    text-decoration: none;
}

.blog-wrapper .sidebar .side-news a + a .media {
    margin-top: 31px;
}

.blog-wrapper .sidebar .side-tags .side-header {
    margin: 55px auto 25px;
}

.blog-wrapper .sidebar .side-tags ul {
    padding-left: 0;
    list-style: none;
    margin-left: -6px;
}

.blog-wrapper .sidebar .side-tags ul li {
    display: inline-block;
    margin-top: 10px;
    margin-left: 6px;
}

.blog-wrapper .sidebar .side-tags ul li a {
    display: block;
    padding: 0 13px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #ececec;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.blog-wrapper .sidebar .side-tags ul li a:hover {
    background-color: #FF4612;
    border: 1px solid #FF4612;
    color: white;
}

.blog-wrapper .sidebar .side-tweets .side-header {
    margin: 55px auto 21px;
}

.blog-wrapper .sidebar .side-tweets .media .media-left .fa {
    font-size: 21px;
    color: #FF4612;
}

.blog-wrapper .sidebar .side-tweets .media .media-body {
    font-family: 'Raleway', sans-serif;
}

.blog-wrapper .sidebar .side-tweets .media .media-body p {
    line-height: 2.143;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.blog-wrapper .sidebar .side-tweets .media .media-body p a {
    color: #FF4612;
}

.blog-wrapper .sidebar .side-tweets .media .media-body .timestamp {
    font-size: 13px;
    color: #a8a8a8;
}

.blog-wrapper.blog-list-thumb-nosb .all-posts-list .all-posts .single-post .post-header {
    height: 450px;
}

.blog-wrapper.blog-list-thumb-nosb .all-posts-list .all-posts .single-post .post-title {
    margin-top: 63px;
}

.blog-wrapper.blog-list-thumb-nosb .all-posts-list .all-posts .single-post:not(:last-child)::after {
    content: '';
    display: block;
    border-bottom: 1px solid #ececec;
    padding-top: 70px;
}

.blog-wrapper.blog-list-thumb-nosb .all-posts-list .all-posts .single-post:last-child {
    margin-bottom: 70px;
}

.blog-wrapper.blog-list-thumb-nosb .all-posts-list .all-posts .single-post + .single-post {
    margin-top: 70px;
}

.blog-wrapper.blog-list-thumb-nosb .all-posts-list .all-posts .single-post.type-car .post-header {
    width: 50%;
    padding-right: 30px;
}

.blog-wrapper.blog-list-thumb-nosb .all-posts-list .all-posts .single-post.type-car .post-header .owl-wrapper-outer .owl-wrapper .owl-item {
    height: 450px;
}

.blog-wrapper.blog-list-thumb-nosb .all-posts-list .all-posts .single-post.type-car .post-header .owl-nav > div.owl-prev {
    left: 45px;
}

.blog-wrapper.blog-list-thumb-nosb .all-posts-list .all-posts .single-post.type-car .post-header .owl-nav > div.owl-next {
    right: 45px;
}

.blog-wrapper.blog-list-thumb-nosb .all-posts-list .all-posts .single-post.type-quo {
    margin-bottom: 141px;
}

.blog-wrapper.blog-list-thumb-nosb .all-posts-list .all-posts .single-post.type-quo::after {
    position: absolute;
    bottom: -70px;
    width: 100%;
}

.blog-wrapper.blog-list-thumb-nosb .all-posts-list hr {
    margin-bottom: 50px;
}

.blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post .post-header,
.blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post .post-header {
    height: 336px;
    width: 400px;
    padding-right: 30px;
}

.blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post .post-title,
.blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post .post-title {
    letter-spacing: 0;
    font-size: 18px;
    margin-top: 13px;
    margin-bottom: 25px;
}

.blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post .post-text,
.blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post .post-text {
    margin-bottom: 30px;
}

.blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post:not(:last-child)::after,
.blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post:not(:last-child)::after {
    content: '';
    display: block;
    border-bottom: 1px solid #ececec;
    padding-top: 70px;
    margin-right: 15px;
}

.blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post:last-child,
.blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post:last-child {
    margin-bottom: 70px;
}

.blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post + .single-post,
.blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post + .single-post {
    margin-top: 70px;
}

.blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post.type-car .post-header .owl-wrapper-outer .owl-wrapper .owl-item,
.blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post.type-car .post-header .owl-wrapper-outer .owl-wrapper .owl-item {
    height: 336px;
}

.blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post.type-car .post-header .owl-nav > div.owl-prev,
.blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post.type-car .post-header .owl-nav > div.owl-prev {
    left: 35px;
}

.blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post.type-car .post-header .owl-nav > div.owl-next,
.blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post.type-car .post-header .owl-nav > div.owl-next {
    right: 35px;
}

.blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post.type-quo,
.blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post.type-quo {
    margin-bottom: 141px;
}

.blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post.type-quo::after,
.blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post.type-quo::after {
    position: absolute;
    bottom: -70px;
    width: 100%;
}

.blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post.type-quo .post-header,
.blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post.type-quo .post-header {
    width: 100%;
}

.blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post.type-quo .post-contents,
.blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post.type-quo .post-contents {
    width: 100%;
}

.blog-wrapper.blog-list-thumb-rtsb .all-posts-list hr,
.blog-wrapper.blog-list-thumb-ltsb .all-posts-list hr {
    margin-bottom: 50px;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-color: transparent;
    background-repeat: repeat-x;
    background: none;
    opacity: 1;
}

.carousel-control.left {
    background: none;
    opacity: 1;
}

.carousel-control .ti-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    background: #fff;
    padding: 10px;
    color: #111;
}

.carousel-control .ti-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    color: #111;
    display: inline-block;
    background: #fff;
    padding: 10px;
}

.blog-area-content {
    margin-top: 100px;
}

.blog-area h4 {
    font-size: 16px;
    color: #111;
    font-weight: 300;
    margin-bottom: 5px;
}

.blog-area-content h1 {
    font-size: 40px;
    text-transform: uppercase;
    color: #111;
}

.blog-content {
    width: 96%;
}

.blog-content p {
    font-size: 14px;
    font-family: 'Raleway';
    line-height: 30px;
    letter-spacing: 1px;
    margin-top: 50px;
}

.content-margin {
    margin-bottom: 100px;
}

.blog-sidebar h4 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #111;
}

.blog-sidebar p {
    font-size: 14px;
    font-family: 'Raleway';
    line-height: 30px;
    letter-spacing: 1px;
}

.category {
    margin-top: 40px;
    margin-bottom: 40px;
}

.category a {
    color: #333;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
    font-weight: 300;
}

.client {
    margin-top: 40px;
    margin-bottom: 40px;
}

.share {
    margin-bottom: 80px;
}

.p-detail.share {
    margin-top: 40px !important;
}

.share a {
    color: #9a9a9a;
    padding-right: 15px;
}

.share a:hover {
    color: #FF4612;
    padding-right: 15px;
}

.share h4 {
    margin-bottom: 20px;
}

.blog-area-b {
    background-image: url(../images/p-detail.jpg);
    background-repeat: no-repeat;
    padding-bottom: 50px;
    position: relative;
    background-size: cover;
}

.blog-area-b .owl-prev {
    float: left;
    margin-top: 20px;
    background: #fff;
    padding: 7px 15px;
    margin-right: 10px;
}

.blog-area-b .owl-next {
    float: left;
    margin-top: 20px;
    background: #fff;
    padding: 7px 15px;
}

.subtext {
    position: absolute;
    z-index: 9999;
    bottom: 0;
    left: 0;
    background: #FF4612;
    padding-bottom: 45px;
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 40px;
}

.subtext h1 {
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0;
}

.image-position {
    position: relative;
}

.subtext p {
    font-family: 'Raleway';
    color: #fff;
    font-size: 16px;
}

.project .owl-theme .owl-controls .owl-nav div {
    color: #111 !important;
    display: inline-block;
    zoom: 1;
    display: inline;
    margin: 5px;
    padding: 30px 5px !important;
    font-size: 15px !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: transparent !important;
    filter: Alpha(Opacity=50);
    opacity: .7;
}

.project .owl-theme .owl-controls {
    text-align: left;
}

.extra-big {
    margin-top: 80px;
}


/**for blog masonry**/

.sub-blog {
    background: #f9f9f9;
}

.sub-blog-text {
    padding-top: 20px;
    padding-left: 30px;
    padding-bottom: 1px;
}

.sub-blog-text h4 {
    text-transform: uppercase;
    color: #111;
    line-height: 36px;
    font-size: 18px;
    letter-spacing: .7px;
    transition: .2s;
}

.sub-blog-text h4:hover {
    color: #FF4612;
    transition: .2s;
}

.blog-text-p {
    font-size: 14px;
    font-family: 'Raleway';
    letter-spacing: .2px;
    margin-bottom: 12px;
    line-height: 25px;
}

.blog-text-p a {
    font-weight: bold;
    color: #FF4612;
}

.sub-blog-text .pera {
    margin-bottom: 15px !important;
}

.blog-area-masonry {
    padding-top: 120px;
    padding-bottom: 100px;
}

.b-m.pagination.shop-full {
    padding-left: 0;
    padding-right: 0;
}


/* ==============================
   [14] PORTFOLIO PAGES.
============================== */


/*PORTFOLIO PAGE FILTER*/

.portfolio-area {
    margin-top: 0;
}

#Container .mix {
    display: none;
}

.load-more .btn-primary {
    background: transparent;
    border: 1px solid #d4d4d4;
    color: #111;
    padding: 12px 30px;
    ;
    text-transform: uppercase;
    border-radius: 0px;
    transition: .3s;
    font-size: 12px;
}

.load-more .btn-primary:focus {
    background: #111;
    color: #fff;
    outline: none;
}

.load-more .btn-primary:hover {
    background: #FF4612;
    color: #fff;
    outline: none;
    transition: .3s;
}

.load-more {
    margin-top: 100px;
    margin-bottom: 120px;
}

.load-more i {
    margin-left: 10px;
}

.filter-menu li a {
    color: #111;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 6px;
    line-height: 35px;
}

.filter-menu li .active {
    border-bottom: 2px solid #FF4612;
}

.splash-banner {
    padding: 70px 0px 75px;
}

.splash-banner .splash-banner-heading {
    text-align: center;
    padding-bottom: 40px;
}

.splash-banner .splash-banner-heading .splash-banner-title {
    font: 300 35px 'Montserrat';
    color: #222;
}

.splash-banner .splash-banner-heading hr.theme-hr {
    height: 30px;
    border-top: none;
    background-image: url(../image/theme-hr.png);
    background-position: center;
    background-repeat: no-repeat;
}

.splash-banner .splash-banner-heading .banner-list {
    padding-top: 10px;
}

.splash-banner .splash-banner-heading .banner-list li {
    display: inline-block;
}

.splash-banner .splash-banner-heading .banner-list li a {
    font: 300 16px 'Montserrat';
    color: #222222;
    padding: 0px;
    position: relative;
}

.splash-banner .splash-banner-heading .banner-list li a:before {
    content: '/';
    display: inline-block;
    position: relative;
    top: 0;
    left: 0px;
    margin-right: 2px;
    color: #222222;
}

.splash-banner .splash-banner-heading .banner-list li a span {
    font-weight: 600;
    color: #e09612;
}

.splash-banner .splash-banner-heading .banner-list li a:hover {
    background: none;
}

.splash-banner .splash-banner-heading .banner-list li:first-child a:before {
    display: none;
}

.splash-banner .splash-banner-slider .splash-banner-slider-img {
    background-color: white;
    box-shadow: none;
}


/*================= start banner css =====================*/

.detail-1 {
    padding-bottom: 120px;
}

.splash-banner {
    padding: 70px 0px 0px;
}

.splash-banner .splash-banner-heading {
    text-align: center;
    padding-bottom: 40px;
}

.splash-banner .splash-banner-heading .splash-banner-title {
    font: 300 35px 'Montserrat';
    color: #222;
}

.splash-banner .splash-banner-heading hr.theme-hr {
    height: 30px;
    border-top: none;
    background-image: url(../image/theme-hr.png);
    background-position: center;
    background-repeat: no-repeat;
}

.splash-banner .splash-banner-heading .banner-list {
    padding-top: 10px;
}

.splash-banner .splash-banner-heading .banner-list li {
    display: inline-block;
}

.splash-banner .splash-banner-heading .banner-list li a {
    font: 300 16px 'Montserrat';
    color: #222222;
    padding: 0px;
    position: relative;
}

.splash-banner .splash-banner-heading .banner-list li a:before {
    content: '/';
    display: inline-block;
    position: relative;
    top: 0;
    left: 0px;
    margin-right: 2px;
    color: #222222;
}

.splash-banner .splash-banner-heading .banner-list li a span {
    font-weight: 600;
    color: #e09612;
}

.splash-banner .splash-banner-heading .banner-list li a:hover {
    background: none;
}

.splash-banner .splash-banner-heading .banner-list li:first-child a:before {
    display: none;
}

.splash-banner .splash-banner-slider .splash-banner-slider-img {
    background-color: white;
    box-shadow: none;
}

.portfolio-page {
    background: #2c2c2c;
    background-position: right;
    background-repeat: no-repeat;
}

.portfolio-page h2 {
    margin-bottom: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    color: white;
}

.portfolio-page p {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.28px;
    line-height: 2.2;
    font-weight: 400;
    font-size: 14px;
    color: white;
}

.portfolio-page .title {
    padding-top: 135px;
}

.none-p.carousel-indicators {
    display: none;
}

.portfolio-curusel.item {
    padding: 0 15px 15px;
}

.portfolio-curusel.item {
    padding: 0 13px 13px;
}

.carousel-inner > .item {
    padding: 0px;
}


/* ==============================
   [15] SHOP PAGE.
============================== */

header.shop-fullwidth {
    background: #f1e8e1 url(../images/home-shop/full-width/sfw-h1.png) no-repeat !important;
    background-position: 100% 20% !important;
}

header.shop-fullwidth h2 {
    color: #555 !important;
}

header.shop-fullwidth p {
    color: #555 !important;
}

.shop-fullwidth-gallery {
    position: relative;
    padding-bottom: 100px;
    padding-top: 80px;
    background: #fff;
}

.shop-fullwidth-gallery .title-icon {
    position: relative;
    margin-top: 21px;
}

.shop-fullwidth-gallery .title-icon span {
    float: left;
}

.shop-fullwidth-gallery .title-icon .menu-icon {
    color: #333333;
    font-size: 20px;
}

.shop-fullwidth-gallery .title-icon .grid-icon {
    color: #333333;
    font-size: 20px;
    margin: 0px 33px;
}

.shop-fullwidth-gallery .title-icon p {
    margin: 0px 0px 1px;
    font-size: 13px;
    letter-spacing: 2.6px;
    font-weight: 400;
}

.shop-fullwidth-gallery .sorting {
    position: relative;
    margin-top: 6px;
}

.shop-fullwidth-gallery .sorting span {
    position: absolute;
    top: 14px;
    bottom: 0;
    right: 37%;
    color: #333333;
    font-size: 13px;
    letter-spacing: .26px;
}

.shop-fullwidth-gallery .sorting form:after {
    bottom: 0;
    color: #222222;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 14px;
    height: 12px;
    line-height: 0.7;
    margin: auto 0;
    position: absolute;
    right: 19px;
    top: 4px;
    width: 10px;
    z-index: 99;
}

.shop-fullwidth-gallery .sorting select.orderby {
    color: #333333;
    font-size: 12px;
    border: 1px solid #cecece;
    letter-spacing: .6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    height: 50px;
    right: 0;
    text-transform: uppercase;
    width: 32.5%;
    padding: 0px 0px 0px 13px;
    z-index: 99;
}

.shop-fullwidth-gallery .sorting select.orderby option {
    width: 100%;
    margin-right: -45px;
    padding: 10px 5px;
}

.shop-fullwidth-gallery .shop-fullwidth-product {
    padding: 0px 0px 0px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.shop-product-item {
    margin-bottom: 30px;
}

.shop-product-item .shop-img {
    position: relative;
    border: 1px solid #ececec;
    overflow: hidden;
    display: block;
    transition: all 300ms ease 0s;
}

.shop-product-item:hover .shop-img:after {
    position: absolute;
    top: 0%;
    background: rgba(0, 0, 0, .5);
    content: "";
    left: 0%;
    bottom: 0%;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    transition: all 300ms ease 0s;
}

.shop-product-item:hover .hover-items {
    opacity: 1;
    transition: all .5s ease 0s;
    top: 33%;
}

.shop-product-item .shop-img span.onsale {
    background: #FF4612 none repeat scroll 0 0;
    color: #fff;
    left: -60px;
    padding: 28px 0 3px;
    position: absolute;
    top: -6px;
    transform: rotate(-60deg);
    width: 50%;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .26px;
}

.shop-product-item .shop-img span.new-product {
    background: #000 none repeat scroll 0 0;
}

.shop-fullwidth-product .shop-product-item .shop-full-desc {
    border: 1px solid #ececec;
    padding: 30px 0px;
    transition: all 300ms ease 0s;
}

.shop-fullwidth-product .shop-product-item .shop-full-desc a {
    font-size: 14px;
    letter-spacing: .7px;
    color: #333333;
    font-weight: 400;
    display: block;
    padding-bottom: 11px;
    text-transform: uppercase;
}

.shop-product-item .shop-full-desc .full-shop-produt-rating {
    color: #FF4612;
    padding-bottom: 11px;
}

.shop-product-item .shop-full-desc .price span del {
    color: #929292;
    margin-right: 8px;
    font-size: 12px;
    letter-spacing: .6px;
}

.shop-product-item .shop-full-desc .price span ins {
    font-size: 16px;
    letter-spacing: .32px;
    text-decoration: none;
}

.shop-product-item .hover-items {
  position: absolute;
  top: 40%;
  left: 5%;
  height: auto;
  transition: all .5s ease;
  opacity: 0;
  cursor: pointer;
  width: 90%;
  color: #fff;
  background: #FF4612;
  padding: 20px;

}

.shop-product-item .hover-items span {
    background: #eeeeee;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    display: inline-block;
    padding: 7px;
    font-size: 18px;
}

.shop-product-item .hover-items span:hover {
    transition: all 300ms ease 0s;
    background: #FF4612;
    color: #fff;
}

.pagination.shop-full {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 70px;
    text-align: center;
}

.pagination.shop-full a {
    color: #777777;
    background: #ececec;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .7px;
    padding: 6px 14px;
    position: relative;
    top: 10px;
    transition: all ease-out 300ms;
    margin-left: 2px;
}

.pagination.shop-full a:hover {
    background: #FF4612;
    color: #ffffff;
    transition: all 300ms ease 0s;
}

.pagination.shop-full .current {
    background: #FF4612;
    color: #ffffff;
}

.pagination.shop-full a:first-child,
.pagination.shop-full a:last-child {
    background: none;
}

.pagination.shop-full .left-icon {
    float: left;
}

.pagination.shop-full .left-icon,
.pagination.shop-full .right-icon {
    background: #ececec;
    padding: 6px 14px;
    font-size: 12px;
    line-height: 27px;
    transition: all ease-out 300ms;
}

.pagination.shop-full .left-icon:hover,
.pagination.shop-full .right-icon:hover {
    background: #FF4612;
    color: #ffffff;
    transition: all 300ms ease 0s;
}

.pagination.shop-full .right-icon {
    float: right;
}


/*end-shop-full-width*/


/**************
Shop Right Side
***************/


.shop-right-side .sorting select.orderby {
    width: 43%;
}

.shop-right-side .sorting span {
    right: 49%;
}

.shop-right-side .categories_tag {}

.shop-right-side .widget h3 {
    border-left: 3px solid #FF4612;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.8px;
    line-height: 11px;
    margin-top: 6px;
    padding-left: 18px;
    text-transform: uppercase;
}

.shop-right-side .widgetBody {
    margin-top: 35px;
    margin-bottom: 45px;
}

.shop-right-side .widgetBody ul {
    margin: 0px;
    padding: 0px;
}

.shop-right-side .widgetBody ul li {
    display: inline-block;
    list-style: outside none none;
    text-decoration: none;
}

.shop-right-side .widgetBody ul li a {
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
    margin-right: 6px;
    padding: 10px;
    display: block;
    background: #f4f4f4 none repeat scroll 0 0;
}

.shop-right-side .widgetBody ul li a:foccus {
    text-decoration: none;
}

.shop-right-side .widgetBody ul li a:hover {
    color: #fff;
    background: #FF4612;
    transition: all 300ms ease 0s;
}

.shop-right-side .shop_search {
    position: relative;
    margin-bottom: 50px;
}

.shop-right-side input.search-field {
    border: 1px solid #d0d0d0;
    font-size: 14px;
    color: #666;
    text-transform: capitalize;
    font-weight: 400;
    height: 50px;
    line-height: 40px;
    padding: 0 18px;
    text-transform: capitalize;
    width: 100%;
}

.shop-right-side .search-submit {
    background: transparent none repeat scroll 0 0;
    bottom: 0;
    font-size: 15px;
    font-weight: 900;
    margin: 0 auto;
    position: absolute;
    right: 18px;
    top: 0;
    border: none;
}

.shop-right-side .categories ul {
    margin: 14px 0px 37px;
    padding: 0px;
}

.shop-right-side .categories ul li {
    list-style: none;
    border-bottom: 1px solid #ececec;
    padding: 14px 0px;
}

.shop-right-side .categories ul li a,
.shop-right-side .categories ul li span {
    font-size: 12px;
    letter-spacing: .24px;
    color: #333333;
    text-decoration: none;
}

.shop-right-side .categories ul li a i {
    padding-right: 10px;
}

.shop-right-side .categories ul li ul {
    padding-left: 30px;
    margin: 0px;
}

.shop-right-side .categories ul li:last-child,
.shop-right-side .categories ul li ul li:last-child {
    border-bottom: none;
}

.shop-right-side .categories ul li ul li a {
    color: #a9a9a9;
}

.widget_price_filter .widgetBody {
    margin-top: 43px;
    margin-bottom: 57px;
}

.shop-right-side #slider-range {
    background: #e1e1e1 none repeat scroll 0 0;
    height: 3px;
    position: relative;
    width: 100%;
}

.shop-right-side .ui-slider-handle::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
}

.shop-right-side .ui-slider-range {
    background: #222222 none repeat scroll 0 0;
    height: 3px;
    position: absolute;
}

.shop-right-side .ui-slider-handle {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #222222;
    border-radius: 50%;
    height: 16px;
    position: absolute;
    top: -6.5px;
    transition: none 0s ease 0s;
    width: 16px;
}

.shop-right-side #filter_amount2 {
    color: #3b3f42;
    font-size: 14px;
    letter-spacing: 0.21px;
    line-height: 0.8;
    margin: 25px 0 0;
    position: relative;
}

.shop-right-side #filter_amount2 span:first-child {
    position: relative;
    left: 14%;
}

.shop-right-side #filter_amount2 span:last-child {
    float: right;
    position: relative;
    right: 10%;
}

.shop-right-side .widget_color_search .widget_body {
    padding-bottom: 50px;
    padding-top: 6px;
}

.shop-right-side .widget_color_search .widget_body ul {
    padding: 0px;
    margin: 0px;
}

.shop-right-side .widget_color_search .widget_body ul li {
    display: inline-block;
    list-style-type: disc;
    list-style: disc;
    padding: 20px 16px 0px 0px;
}

.shop-right-side .widget_color_search .widget_body ul li a span.color1 {
    background: #e55353;
    padding: 0px 10px;
    border-radius: 50%;
}

.shop-right-side .widget_color_search .widget_body ul li a span.color2 {
    background: #3c5070;
    padding: 0px 10px;
    border-radius: 50%;
}

.shop-right-side .widget_color_search .widget_body ul li a span.color3 {
    background: #888109;
    padding: 0px 10px;
    border-radius: 50%;
}

.shop-right-side .widget_color_search .widget_body ul li a span.color4 {
    background: #cdba39;
    padding: 0px 10px;
    border-radius: 50%;
}

.shop-right-side .widget_color_search .widget_body ul li a span.color5 {
    background: #15826a;
    padding: 0px 10px;
    border-radius: 50%;
}

.shop-right-side .widget_color_search .widget_body ul li a span.color6 {
    background: #46abd0;
    padding: 0px 10px;
    border-radius: 50%;
}

.shop-right-side .widget_color_search .widget_body ul li a span.color7 {
    background: #b88686;
    padding: 0px 10px;
    border-radius: 50%;
}

.shop-right-side .widget_color_search .widget_body ul li a span.color8 {
    background: #73ac83;
    padding: 0px 10px;
    border-radius: 50%;
}

.shop-right-side .widget_color_search .widget_body ul li a span.color9 {
    background: #8b30a9;
    padding: 0px 10px;
    border-radius: 50%;
}

.shop-right-side .widget_color_search .widget_body ul li a span.color10 {
    background: #000000;
    padding: 0px 10px;
    border-radius: 50%;
}

.shop-right-side .widget_size_search .widget_body {
    margin-bottom: 40px;
    margin-top: 31px;
}

.shop-right-side .widget_size_search .widget_body ul {
    padding: 0px;
    margin: 0px;
}

.shop-right-side .widget_size_search .widget_body ul li {
    display: inline-block;
    width: 50px;
}

.shop-right-side .widget_size_search .widget_body ul li a {
    font-size: 12px;
    letter-spacing: 0.6px;
    font-weight: 400;
    color: #333333;
    text-transform: uppercase;
    padding: 9px;
}

.shop-right-side .widget_size_search .widget_body ul li a:hover {
    background: #000;
    color: #fff;
    border-radius: 0%;
    transition: all 300ms ease 0s;
}


/****************
End of Right side
*****************/


/*********************
Shop Left Side Widget
**********************/

.shop-right-side.left {}

.shop-right-side.left .sorting select.orderby {
    width: 46%;
}

.shop-right-side.left .shop-product-item:hover .shop-full-desc::after {
    border: 2px solid #FF4612;
    bottom: 30px;
    content: "";
    height: 25.2%;
    left: 16px;
    position: absolute;
    transition: all 300ms ease 0s;
    width: 89.5%;
}

.tparrows::before {
    color: #fff;
    display: block;
    font-family: "FontAwesome" !important;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
}


/************************
End Shop Left Side widget
************************/


/***********************
** Single-shop-standard
************************/

.single-shop-standard {
    position: relative;
    z-index: 999;
    background: #fff;
}

.single-shop-standard .thumbnails {
    height: 30%;
    left: 0%;
    position: absolute;
    top: 0%;
    width: 100%;
}

.single-shop-standard .first {
    display: inline-block;
    position: absolute;
    right: 3%;
    top: 8%;
    width: 12%;
}

.single-shop-standard .second {
    display: inline-block;
    position: absolute;
    right: 3%;
    top: 51%;
    width: 12%;
    z-index: 9999;
}

.single-shop-standard .attachment_thumbnail {
    border: 1px solid #fff;
    width: 100%!important;
    top: 20% !important;
}

.single-shop-standard .shop-std-img {
    position: absolute;
    height: 805px;
    width: 30.5%;
    left: 0;
    background: #dbeded;
}

.single-shop-standard .magnifier-lens {
    display: none!important;
}

.single-shop-standard .magnifier-preview {
    position: absolute;
    left: 60%;
    top: 30%;
}

.single-shop-standard .shop-std-img img#thumb {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 27%;
}

.product-summery {
    margin-top: 100px;
}

.product-summery h1 {
    font-size: 36px;
    font-family: "Montserrat";
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 28px;
    text-transform: uppercase;
    color: #111111;
    margin: 0px 0px 7px;
}

.product-summery .price {
    padding-bottom: 6px;
}

.product-summery .price del {
    font-size: 18px;
    letter-spacing: 0.9px;
    line-height: 28px;
    color: #cacaca;
}

.product-summery .price ins {
    font-size: 24px;
    line-height: 50px;
    letter-spacing: 1.2px;
    color: #FF4612;
    text-decoration: none;
}

.product-summery .singShopCont {
    padding-bottom: 12px;
}

.product-summery .singShopCont p {
    font-family: "Raleway";
    font-size: 14px;
    line-height: 30px;
    letter-spacing: .28px;
    color: #333333;
}

.singShop_btn_count {
    margin: 15px 0 42px;
}

.singShop_btn_count .quantity {
    display: inline;
    position: relative;
    background: #eeeeee;
    padding: 19px 0px;
    margin-right: 22px;
}

.quantity input {
    text-align: right;
    width: 12%;
    background: #eeeeee;
    height: 18px;
}

.quantity .qtyBtn,
.quantity input {
    border: none;
    background: #eeeeee;
}

.quantity .btnMinus {
    background: #ddd none repeat scroll 0 0;
    height: 56px;
    padding-left: 10px;
    padding-right: 10px;
}

.qtyBtn.btnPlus::before {
    bottom: 0;
    content: "count: ";
    height: auto;
    left: 70px;
    margin: 0 auto;
    position: absolute;
    top: 23px;
    width: auto;
    font-family: "Raleway";
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .28px;
    text-transform: capitalize;
    color: #555;
}

.quantity .qtyBtn.btnPlus {
    background: #ddd none repeat scroll 0 0;
    height: 56px;
    margin-left: 43px;
    margin-right: -4px;
    padding-left: 10px;
    padding-right: 10px;
}

.singShop_btn_count .cartButtons {
    display: inline;
    position: relative;
    background: #333333;
    padding: 19px 98px;
}

.singShop_btn_count .cartButtons:hover {
    background: #FF4612;
    transition: all 300ms ease 0s;
    cursor: pointer;
}

.singShop_btn_count .cartButtons a {
    font-size: 12px;
    letter-spacing: .6px;
    color: #ffffff;
    text-transform: uppercase;
}

.shop-std-social {
    border-bottom: 1px solid #ececec;
}

.shop-std-social ul {
    padding: 0px 0px 53px;
}

.shop-std-social ul li {
    display: inline;
    padding-right: 20px;
}

.shop-std-social ul li a {
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 30px;
    color: #bbbbbb;
}

.shop-std-social ul li a:hover {
    color: #FF4612;
    transition: all 300ms ease 0s;
}

.shop-std-related.products {
    margin-top: 30px;
    margin-bottom: 100px;
}

.shop-std-related.products h2 {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .7px;
    font-weight: 400;
    color: #c5c5c5;
    margin-bottom: 27px;
    text-transform: uppercase;
}

.shop-std-related.products .related_img {
    position: relative;
}

.shop-std-related.products .related_img img {
    position: relative;
    float: left;
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

.shop-std-related.products .related-inner {
    margin-left: 120px;
    margin-top: 25px;
}

.shop-std-related.products .related-inner h3 {
    font-size: 14px;
    letter-spacing: .7px;
    color: #111111;
    margin-top: 20px;
    margin-bottom: 10px;
}

.shop-std-related.products .related-inner p.price {
    color: #FF4612;
    font-size: 14px;
    letter-spacing: .7px;
}


/***********************
**End Single-shop-standard
************************/


/***********************
**Single shop left Side
************************/

.shop-right-side.single-left {
    padding-bottom: 65px;
}

.shop-right-side.single-left .single-shop-left-thumb {}

.shop-right-side.single-left .single-shop-left-thumb ol {
    left: auto;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 105px;
}

.shop-right-side.single-left .single-shop-left-thumb ol li {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    display: block;
    height: 84px;
    margin: 4px 0 10px 27px;
    padding: 5px;
    text-indent: 0;
    transition: all 300ms ease 0s;
    width: 78px;
}

.shop-right-side.single-left .single-shop-left-thumb ol li.active {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    display: block;
    height: 84px;
    margin: 4px 0 10px 27px;
    padding: 5px;
    text-indent: 0;
    transition: all 300ms ease 0s;
    width: 78px;
}

.shop-right-side.single-left .single-shop-left-thumb ol li.active img {
    border: 1px solid #FF4612;
}

.shop-right-side.single-left .single-shop-left-thumb ol li img {
    height: 82px;
    width: 60px;
    border: 1px solid #fff;
}

.shop-right-side.single-left .single-shop-left-thumb .carousel-inner .item img {
    min-height: 460px;
}

.shop-right-side.single-left .product-summery {
    margin: 0px;
}

.product-summery .single-product-rating {
    margin-bottom: 8px;
}

.product-summery .single-product-rating .rating {
    display: inline;
    padding-right: 20px;
}

.product-summery .single-product-rating .rating i {
    color: #FF4612;
}

.product-summery .single-product-rating a {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.28px;
    color: #333333;
}

.product-summery .single-product-rating a:hover {
    transition: all 300ms ease 0s;
    color: #FF4612;
}

.shop-right-side.single-left .product-summery .singShop_btn_count {
    margin: 2px 0 40px;
}

.shop-right-side.single-left .product-summery .singShop_btn_count .quantity {
    margin-left: 6px;
    margin-right: 23px;
}

.shop-right-side.single-left .shop-std-social {
    border: none;
}

.shop-right-side.single-left .shop-std-social ul {
    padding: 0px;
    margin: 0px;
}

.shop-right-side.single-left .product-summery .singShop_btn_count .quantity input {
    width: 23%;
}

.shop-right-side.single-left .product-summery .singShop_btn_count .cartButtons {
    padding: 19px 73px;
}

.single-left .single-shop-left-tab {
    margin-top: 94px;
}

.single-left .single-shop-left-tab ul {
    position: relative;
    left: 20%;
    width: 63%;
    background: #f1f1f1;
}

.single-left .single-shop-left-tab ul li {}

.single-left .single-shop-left-tab ul li a {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .65px;
    line-height: 15px;
    color: #333333;
    padding: 14px 26px;
}

.single-left .single-shop-left-tab ul li a:hover {
    border-bottom: 3px solid #FF4612;
    transition: all 300ms ease 0s;
    background: #fff;
}

.single-left .single-shop-left-tab ul li.active a {
    border-bottom: 3px solid #eee;
}

.single-left .single-shop-left-tab ul li.active a:hover {
    border-bottom: 3px solid #eee;
}

.single-left .single-shop-left-tab .tab-content {
    border: 2px solid #eeeeee;
    margin-left: 2%;
    width: 96%;
}

.single-left .single-shop-left-tab .tab-content .tab-pane {
    padding: 36px 97px;
    text-align: center;
    width: 100%;
}

.single-left .single-shop-left-tab .tab-content .tab-pane.active {}

.single-left .single-shop-left-tab .tab-content .tab-pane p {
    font-size: 14px;
    line-height: 30px;
    font-family: "Raleway";
    font-weight: 400;
    letter-spacing: .27px;
    color: #333333;
}

.single-left .shop-std-related.products {
    margin: 70px 0px 0px;
}

.single-left .shop-std-related.products .related-inner {
    margin-bottom: 85px;
}


/***************
end of shop left
****************/


/***************
Single shop right side
***************/

.shop-right-side.single-right {}

.shop-right-side.single-right .product-summery .singShop_btn_count {
    margin: 2px 0 40px !important;
}


/**********************
end of single shop right
***********************/


/**********************
Shopping Cart
***********************/

/**********************
Shopping Cart
***********************/

header.shoping-cart {
    background: #ececec;
}

.shop-cart-section {}

.shop-cart-section .shoping-table {
    width: 100%;
}

.shop-cart-section .shoping-table tr th:first-child {
    padding: 0px 0px 0px 40px;
}

.shop-cart-section .shoping-table tr th {
    background: #333333;
    color: #fff;
    padding: 18px 0px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.shop-cart-section .shoping-table tr td {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .7px;
    text-transform: uppercase;
    padding: 43px 0px;
}

.shop-cart-section .shoping-table .cart-item {
    border-bottom: 1px solid #eee;
}

.shop-cart-section .shoping-table .cart-item .product-name {
    width: 43%;
    padding-left: 13px;
    vertical-align: middle;
}

.shop-cart-section .shoping-table .cart-item .product-name a {
    color: #333333;
    vertical-align: middle;
}

.shop-cart-section .shoping-table .cart-item .product-thumbnail {
    width: 12%;
}

.shop-cart-section .shoping-table .cart-item .product-thumbnail img {
    width: 93px;
    height: 103px;
    border: 1px solid #d7d7d7;
    margin-left: 15px;
}

.shop-cart-section .shoping-table .cart-item .product-size {
    width: 10%;
    vertical-align: middle;
}

.shop-cart-section .shoping-table .cart-item .product-size .pSize {
    margin-left: 12px;
    color: #FF4612;
    vertical-align: middle;
}

.shop-cart-section .shoping-table .cart-item .product-price {
    width: 10.5%;
    vertical-align: middle;
}

.shop-cart-section .shoping-table .cart-item .product-qty {
    width: 13.3%;
    vertical-align: middle;
}

.shop-cart-section .shoping-table .qty-number.quantity {
    border: 1px solid #eee;
    height: 52px;
    position: relative;
    width: 46px;
}

.shop-cart-section .shoping-table .qty-number.quantity input {
    background: transparent none repeat scroll 0 0;
    left: 12%;
    position: relative;
    top: 25%;
    width: 20px;
}

.shop-cart-section .shoping-table .qty-number.quantity .btnMinus {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #eee;
    height: 26px;
    left: 43px;
    margin-left: 2px;
    padding: 1px 7px;
    position: absolute;
    top: -1px;
    width: 30px;
}

.shop-cart-section .shoping-table .qty-number.quantity .btnPlus:before {
    display: none;
}

.shop-cart-section .shoping-table .qty-number.quantity .btnPlus {
    border: 1px solid #eee;
    height: 26px;
    left: 45px;
    margin: 0 !important;
    position: absolute;
    top: 25px;
    width: 31px;
}

.shop-cart-section .shoping-table .qty-number.quantity .btnPlus i {
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
}

.shop-cart-section .shoping-table .cart-item .product-total {
    vertical-align: middle;
}

.shop-cart-section .shoping-table .cart-item .product-remove {
    width: 3%;
    vertical-align: middle;
}

.shop-cart-section .shoping-table .cart-item .product-remove .pRemove {
    color: #333333;
}

.shop-cart-section .shoping-table .cart-item.action {
    width: 100%;
}

.shop-cart-section .shoping-table .cart-item.action .coupon {
    margin-left: 15px;
    width: 50%;
}

.shop-cart-section .shoping-table .cart-item.action .coupon input {
    border: none;
    background: #eee;
    padding: 18px 22px;
}

.shop-cart-section .shoping-table .cart-item.action .coupon input#coupon_code {
    font-size: 13px;
    line-height: 15px;
    margin-right: 15px;
    width: 46%;
}

.shop-cart-section .shoping-table .cart-item.action .update_btn .update_cart {
    padding: 18px 36px;
}

.shop-cart-section .shoping-table .cart-item.action .update_btn .cont_shop {
    padding: 18px 45px;
}

.shop-cart-section .shoping-table .cart-item.action .update_btn button {
    border: none;
    padding: 18px;
    margin-left: 15px;
}

.shop-cart-section .shoping-table .cart-item.action .update_btn button.btn_styl,
.shop-cart-section .shoping-table .cart-item.action .coupon input.btn_styl {
    background: #FF4612;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .6px;
    text-transform: uppercase;
    transition: all 300ms ease-in-out .0s;
}

.shop-cart-section .shoping-table .cart-item.action .update_btn button.btn_styl:hover,
.shop-cart-section .shoping-table .cart-item.action .coupon input.btn_styl:hover {
    transition: all 300ms ease .0s;
    background: #333;
    color: #fff;
}

.shop-cart-section .cart-coll-teral {
    margin-top: 35px;
}

.shop-cart-section .cart-coll-teral h2 {
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.9px;
    color: #333333;
    margin-bottom: 24px;
}

.shop-cart-section .cart-coll-teral form input {
    display: block;
}

.shop-cart-section .cart-coll-teral form::before {
    bottom: 0;
    color: #222222;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 0.7;
    margin: auto 0;
    position: absolute;
    right: 19px;
    top: 20px;
    width: 10px;
    z-index: 99;
}

.shop-cart-section .cart-coll-teral form {
    position: relative;
}

.shop-cart-section .cart-coll-teral form select,
.shop-cart-section .cart-coll-teral form input {
    font-size: 13px;
    line-height: 15px;
    color: #888888;
    width: 100%;
    padding: 17px 16px;
    margin: 0px 0px 20px;
    border: none;
    background: #eee;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.shop-cart-section .cart-coll-teral form input.submit_code {
    width: 50%;
    text-transform: uppercase;
    background: #FF4612;
    color: #fff;
    transition: all 300ms ease-in-out .0s;
    margin-bottom: 0px;
    margin-top: 30px;
}

.shop-cart-section .cart-coll-teral form input.submit_code:hover {
    background: #333;
    color: #fff;
    transition: all 300ms ease .0s;
}

.shop-cart-section .cart-coll-teral .cart-total {}

.shop-cart-section .cart-coll-teral .cart-total h2 {
    border-bottom: 1px solid #eee;
    height: 49px;
    margin-bottom: 28px;
}

.shop-cart-section .cart-coll-teral .cart-total table {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #333333;
    text-transform: uppercase;
    text-align: right;
}

.shop-cart-section .cart-coll-teral .cart-total table tr {}

.shop-cart-section .cart-coll-teral .cart-total table th {
    width: 70%;
    padding: 0px 0px 34px;
}

.shop-cart-section .cart-coll-teral .cart-total table td {
    text-transform: capitalize;
    width: 18%;
    padding: 0px 0px 34px;
}

.shop-cart-section .cart-coll-teral .cart-total table tr.total-calculate {
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.9px;
    color: #FF4612;
    border-top: 1px solid #eee;
}

.shop-cart-section .cart-coll-teral .cart-total table tr.total-calculate th,
.shop-cart-section .cart-coll-teral .cart-total table tr.total-calculate td {
    padding: 28px 0px 0px;
}


/**********************
end of shop cart
***********************/


/**********************
Shop Check OUT
***********************/

.common-section.shop-checkout {
    padding-bottom: 100px;
}

.common-section.shop-checkout h4 {
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.9px;
    color: #333333;
    text-transform: uppercase;
}

.common-section.shop-checkout h4.billing {
    border-bottom: 1px solid #eee;
    padding-bottom: 26px;
}

.common-section.shop-checkout input,
.common-section.shop-checkout label {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.24px;
    text-transform: uppercase;
    color: #333;
    height: 50px;
    border-radius: 0px;
    font-weight: 400;
}

.common-section.shop-checkout label {
    height: 28px;
    margin-top: 28px;
}

.common-section.shop-checkout .form-control:focus {
    box-shadow: none;
    border: 1px solid #FF4612;
    transition: all 300ms ease 0s;
}

.common-section.shop-checkout input#ucheck {
    width: 10%;
    margin-right: 5px;
    float: right;
    position: relative;
    top: 17px;
}

.common-section.shop-checkout input#ucheck:focus {
    box-shadow: none !important;
}

.common-section.shop-checkout input.checkb {
    width: 15px !important;
    margin-right: 5px;
    float: right;
    position: relative;
    top: 17px;
}

.common-section.shop-checkout label.create_ac {
    padding-top: 10px;
}

.common-section.shop-checkout input.btn-continue {
    width: 40%;
    margin-top: 30px;
    background: #FF4612;
    border: none;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .6px;
    text-transform: uppercase;
    transition: all 300ms ease-in-out 0s;
}

.common-section.shop-checkout input.btn-continue:hover {
    background: #333;
    transition: all 300ms ease 0s;
}

.shop-checkout .shop-checkout-cart-total {
    border: 3px solid #eee;
    padding: 8px 24px 28px;
    margin-top: 25px;
}

.shop-checkout .shop-checkout-cart-total table {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .6px;
    color: #333;
}

.shop-checkout .shop-checkout-cart-total table th {}

.shop-checkout .shop-checkout-cart-total table .total-calculate th,
.shop-checkout .shop-checkout-cart-total table .total-calculate td {
    border-bottom: none;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: .9px;
    color: #FF4612;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.shop-checkout .shop-checkout-cart-total table td {
    text-align: right;
}

.shop-checkout .shop-checkout-cart-total table th,
.shop-checkout .shop-checkout-cart-total table td {
    border-bottom: 1px solid #eee;
    padding: 20px 0px 15px;
}

.shop-checkout .shop-checkout-cart-total .wc_payment_methods {
    padding: 0px;
    margin: 0px;
}

.shop-checkout .shop-checkout-cart-total .wc_payment_methods li {
    list-style: none;
}

.shop-checkout .shop-checkout-cart-total .wc_payment_methods li label,
.shop-checkout .shop-checkout-cart-total .wc_payment_methods li input {
    height: 22px;
    margin-top: 25px;
}

.shop-checkout .shop-checkout-cart-total .wc_payment_methods li label {
    margin: 0;
    padding-left: 7px;
    padding-top: 28px;
    position: absolute;
}

.shop-checkout .wc_payment_methods li.wc_payment_method .payment_box {
    padding-top: 15px;
    padding-bottom: 24px;
}

.shop-checkout .wc_payment_methods li.wc_payment_method .payment_method_cod {
    padding-bottom: 0px;
}

.shop-checkout .wc_payment_methods li.wc_payment_method p {
    font-size: 12px;
    line-height: 30px;
    letter-spacing: .28px;
}

.shop-checkout .btn-shop-checkout {
    background: #333 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    margin-top: 26px;
    padding: 17px;
    transition: all 300ms ease-in-out 0s;
    width: 100%;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.shop-checkout .btn-shop-checkout:hover {
    background: #FF4612;
    transition: all 300ms ease 0s;
}


/* ==============================
   [16] PRICING TABLE.
============================== */

.pricing-table-1 {
    padding-bottom: 85px!important;
    background: #fff;
}

.pricing-table-1 .pricing-head {
    margin-bottom: 70px;
}

.pricing-table-1 .pricing-head h3 {
    font-size: 20px;
    letter-spacing: 1px;
    color: #111111;
    text-transform: uppercase;
    margin: 0px 0px 17px;
}

.pricing-table-1 .pricing-head p {
    font-family: 'Raleway';
    font-style: normal;
    color: #777777;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.28px;
    font-weight: 400;
    margin: 0px 0px 40px;
    width: 70%;
    margin: 0 auto;
}

.pricing-table-1 .pricing-head img {
    display: inline;
    width: 26%;
}

.pricing-table-1 .price-item .price-item-inner {
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    position: relative;
    padding: 22px 0px 30px;
    margin-bottom: 12px;
    transition: all 300ms ease-in-out 0s;
    border-bottom: 2px solid #ececec;
}

.pricing-table-1 .price-item .price-item-inner:hover {
    box-shadow: 0px 1px 8px #eee;
    transition: all 300ms ease 0s;
    border-bottom: 2px solid #FF4612;
}

.pricing-table-1 .price-item .price-item-inner:hover .order-now a {
    background: #333;
    color: #fff;
    border-color: #333;
}

.pricing-table-1 .price-item .price-item-inner:hover h5:before {
    border-bottom: 1px solid #ececec;
}

.pricing-table-1 .price-item .price-item-inner h5:before {
    border-bottom: 1px solid #333;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 13%;
    width: 11%;
}

.pricing-table-1 .price-item .price-item-inner h5 {
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: .7px;
    color: #111111;
    margin-bottom: 30px;
}

.pricing-table-1 .price-item .price-item-inner .price-area::before {
    border-bottom: 4px solid #fff;
    bottom: 0;
    color: #ececec;
    content: "\f106";
    font-family: "FontAwesome";
    font-size: 36px;
    font-weight: 200;
    height: 22px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 42px;
    width: 20px;
}

.pricing-table-1 .price-item .price-item-inner .price-area {
    font-size: 14px;
    font-family: "Raleway";
    line-height: 30px;
    letter-spacing: 0.28px;
    font-weight: 600;
    border-bottom: 1px solid #ececec;
    position: relative;
    padding-bottom: 33px;
}

.pricing-table-1 .price-item .price-item-inner .price-area span.amount {
    color: #FF4612;
}

.pricing-table-1 .price-item .price-item-inner .price-area span.amount-title {
    color: #666666;
}

.pricing-table-1 .price-item .price-item-inner ul {
    padding: 0px 30px;
    margin: 0px;
}

.pricing-table-1 .price-item .price-item-inner ul li {
    list-style: none;
    border-bottom: 1px solid #ececec;
    padding: 30px 0px 15px;
}

.pricing-table-1 .price-item .price-item-inner ul li:last-child {
    border-bottom: none;
}

.pricing-table-1 .price-item .price-item-inner ul li h5 {
    margin: 0px;
    padding: 0px;
}

.pricing-table-1 .price-item .price-item-inner ul li h5 i {
    color: #FF4612;
}

.pricing-table-1 .price-item .price-item-inner ul li p {
    margin: 15px 0px;
    color: #666666;
    font-family: "Raleway";
    font-size: 14px;
    letter-spacing: .28px;
    line-height: 20px;
}

.pricing-table-1 .price-item .price-item-inner .order-now::before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    color: #ececec;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 36px;
    font-weight: 200;
    height: 23px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -15px;
    width: 23px;
}

.pricing-table-1 .price-item .price-item-inner .order-now {
    border-top: 1px solid #ececec;
    padding-top: 30px;
    position: relative;
}

.pricing-table-1 .price-item .price-item-inner .order-now a {
    background: #FF4612 none repeat scroll 0 0;
    border: 3px solid #FF4612;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.9px;
    line-height: 36px;
    text-transform: uppercase;
    padding: 1px 31px;
    transition: all 300ms ease-in-out 0s;
}

.pricing-table-1 .price-item .price-item-inner .order-now a:hover {
    background: #333;
    transition: all 300ms ease 0s;
    color: #fff;
}


/*
pricing table 2
*/

.pricing-table-2 {
    padding-bottom: 100px;
    background: #fff;
    padding-top: 100px;
}

.pricing-table-2 .table-2-head {
    position: relative;
    margin-bottom: 55px;
}

.pricing-table-2 .table-2-head h4 {
    font-size: 20px;
    margin: 0px 0px 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #111111;
}

.pricing-table-2 .table-2-head p {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: .42px;
    color: #afaaaa;
    font-family: 'raleway';
    font-style: normal;
    margin-bottom: 0px !important;
    width: 70%;
    margin: 0 auto;
    /*! margin-bottom: 30px; */
}

.pricing-table-2 .table2-item {margin-top: 30px;}

.pricing-table-2 .table2-item .table-pricing-inner {
    border-top: 4px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding-top: 12px;
    padding-bottom: 26px;
}

.pricing-table-2 .table2-item .table-pricing-inner h5 {
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #111111;
    text-transform: capitalize;
    padding: 0px 0px 12px;
}

.pricing-table-2 .table2-item .table-pricing-inner .table2-price-area {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    position: relative;
    padding: 15px 0px 13px;
}

.pricing-table-2 .table2-item .table-pricing-inner .table2-price-area .sign {
    font-size: 12px;
    left: 35%;
    position: absolute;
    top: 21%;
}

.pricing-table-2 .table2-item .table-pricing-inner .table2-price-area .amount {
    font-size: 36px;
    color: #FF4612;
    line-height: 1;
}

.pricing-table-2 .table2-item .table-pricing-inner .table2-price-area .duration {
    font-size: 10px;
    text-transform: uppercase;
    margin: 0px;
}

.pricing-table-2 .table2-item .table-pricing-inner ul {
    padding: 0px;
    margin: 28px 0 11px;
}

.pricing-table-2 .table2-item .table-pricing-inner ul li {
    list-style: none;
    font-size: 14px;
    line-height: 30px;
    left: .28px;
    color: #333333;
    font-family: "Raleway";
    padding-bottom: 22px;
}

.pricing-table-2 .table2-item .table-pricing-inner ul li:last-child {
    padding: 0px;
}

.pricing-table-2 .table2-item .table-pricing-inner .sign-up {
    border-top: 1px solid #eee;
    padding-top: 29px;
}

.pricing-table-2 .table2-item .table-pricing-inner .sign-up a.btn-sign-up {
    border: none;
    background: #FF4612;
    color: #fff;
    border-radius: 0px;
    font-size: 12px;
    line-height: 27px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    padding: 7px 40px;
    transition: all 300ms ease-in-out 0s;
}

.pricing-table-2 .table2-item .table-pricing-inner .sign-up a.btn-sign-up:hover {
    background: #333;
    transition: all 300ms ease 0s;
}

.trail-now {
    margin-top: 35px;
    border-top: 1px solid #eee;
}

.trail-button {
    margin-top: 35px;
}

.trail-now a {
    padding-top: 35px;
    color: #666666;
    font-size: 14px;
}


/**********************
End Pricing Table
***********************/


/**********************
Pricing Table-3
***********************/

.pricing-table-3 {
    background: #fff;
    padding-bottom: 100px;
    padding-top: 100px;
    position: relative;
}

.pricing-table-3 .ptable3-price-head {}

.pricing-table-3 .ptable3-price-head p {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.6px;
    color: #FF4612;
    text-transform: uppercase;
    margin: 0px 0px 4px;
}

.pricing-table-3 .ptable3-price-head h4 {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #333;
    margin: 0px 0px 11px;
    text-transform: uppercase;
}

.pricing-table-3 .ptable3-price-head p.sub-title {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: .28px;
    color: #999999;
    font-family: 'DroidSerif';
    font-style: italic;
    text-transform: capitalize;
    margin-bottom: 60px;
}

.pricing-table-3 .ptable-3-item {}

.pricing-table-3 .ptable-3-item .ptable-3-inner {
    border: 4px solid #eee;
    padding: 17px 0px 40px;
    background: #fff;
    transition: all .5s linear 200ms;
}

.pricing-table-3 .ptable-3-item .ptable-3-inner:hover {
    border: 4px solid #FF4612;
    transition: all .5s ease 0s;
}

.pricing-table-3 .ptable-3-item .ptable-3-inner:hover .ptable-3-price {
    background: #FF4612;
    color: #fff;
    transition: all 300ms ease 0s;
}

.pricing-table-3 .ptable-3-item .ptable-3-inner h4 {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1.05px;
    text-transform: uppercase;
    color: #111;
    margin-bottom: 4px;
}

.pricing-table-3 .ptable-3-item .ptable-3-inner p {
    font-size: 14px;
    line-height: 23px;
    color: #666666;
    font-family: "Raleway";
    margin-bottom: 20px;
}

.pricing-table-3 .ptable-3-item .ptable-3-inner .ptable-3-price {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    background: #eee;
    color: #FF4612;
    position: relative;
    padding: 34px 0px 33px;
    transition: all 300ms ease-in-out 0s;
}

.pricing-table-3 .ptable-3-item .ptable-3-inner .ptable-3-price .sign {
    left: 24%;
    position: absolute;
    top: 28%;
}

.pricing-table-3 .ptable-3-item .ptable-3-inner .ptable-3-price .amount {
    font-size: 36px;
    line-height: 24px;
}

.pricing-table-3 .ptable-3-item .ptable-3-inner .ptable-3-price .duration {
    font-size: 12px;
    line-height: 24px;
}

.pricing-table-3 .ptable-3-item .ptable-3-inner ul {
    padding: 0px;
    margin: 0px;
}

.pricing-table-3 .ptable-3-item .ptable-3-inner ul li {
    list-style: none;
    font-size: 14px;
    margin-top: 20px;
    line-height: 30px;
    letter-spacing: .28px;
    color: #333333;
    font-family: "Raleway";
    font-weight: 400;
}

.t-price .btn-default {
    margin-top: 20px;
    border: none;
    background: #FF4612;
    color: #fff;
    border-radius: 0px;
    font-size: 12px;
    line-height: 27px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    padding: 7px 30px;
    transition: all 300ms ease-in-out 0s;
}

.t-price .btn-default:hover {
    background: #333;
    transition: all 300ms ease-in-out 0s;
}


/* ==============================
   [17] ABOUT US PAGE.
============================== */


/*About us-1*/

.about-page {
    background: #131217;
}

.about-page .title {
    padding-top: 135px;
    padding-bottom: 135px;
}

.about-page h2 {
    margin-bottom: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    color: white;
}

.about-page p {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.28px;
    line-height: 2.2;
    font-weight: 400;
    font-size: 14px;
    color: white;
}

header.about h2,
header.page h2 {
    margin-bottom: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    color: white;
}

header.about p,
header.page p {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.28px;
    line-height: 2.2;
    font-weight: 400;
    font-size: 14px;
    color: white;
}

header.about {
    background: url(../images/a-1.png) no-repeat;
    background-color: #040b11;
    background-position: 85% 70%;
    background-repeat: no-repeat;
    height: 452px;
    padding-top: 139px;
}

.best-design {
    margin-top: 130px;
}

.s-title {
    font-family: 'Montserrat';
    color: #FF4612;
    font-size: 12px;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.content-area {
    margin-top: 45px;
}

.b-title {
    font-family: 'Montserrat';
    color: #111;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 13px;
}

.s-italic {
    font-family: 'DroidSerif';
    font-size: 14px;
    color: #999;
    letter-spacing: .6px;
    line-height: 30px;
    margin-top: 16px;
}

.pera {
    font-family: 'Raleway';
    font-size: 14px;
    color: #444;
    line-height: 30px;
    margin-bottom: 25px;
}

.read-more-text {
    color: #111;
    font-size: 12px;
    letter-spacing: .9px;
    text-transform: uppercase;
    transition: .2s;
}

.read-more-text:hover {
    color: #FF4612;
    font-size: 12px;
    letter-spacing: .9px;
    text-transform: uppercase;
    transition: .2s;
}

.read-more-text:focus {
    text-decoration: none;
    color: #111;
}

.r-more-icon {
    font-size: 12px;
    margin-left: 10px;
}

.img-wrap {
    background: url(../images/a-left.jpg) no-repeat;
    width: 100%;
    height: 470px;
}

.img-wrap img {
    position: absolute;
    right: 40px;
    border: 8px solid #fff;
}

.about-testi-area {
    margin-top: 125px;
}

.about-testimonial {
    background: url(../images/about-testimonial.jpg) no-repeat;
    background-size: cover;
    width: inherit;
    min-height: 100px;
}

.a-testi {
    background: #f5f5f5;
    padding-bottom: 60px;
    padding-top: 50px;
    padding-left: 70px;
    padding-right: 70px;
    -webkit-box-shadow: -2px 1px 34px -9px rgba(64, 64, 64, 0.93);
    -moz-box-shadow: -2px 1px 34px -9px rgba(64, 64, 64, 0.93);
    box-shadow: -2px 1px 34px -9px rgba(64, 64, 64, 0.93);
}

.testimonials-about h3 {
    font-size: 20px;
    letter-spacing: 1px;
    color: #111;
    text-transform: uppercase;
    width: 90%;
    line-height: 27px;
}

.about-testimonial .container {
    padding-left: 0px;
}

.testimonials-about .owl-prev {
    display: block;
    float: left;
    background: #fff;
    padding: 10px 15px;
    border-radius: 2px;
    transition: .5s;
}

.testimonials-about .owl-next {
    display: block;
    float: left;
    background: #fff;
    padding: 10px 15px;
    margin-left: 6px;
    border-radius: 2px;
    transition: .5s;
}

.testimonials-about .owl-next:hover {
    color: #fff;
    background: #FF4612;
    transition: .5s;
}

.testimonials-about .owl-prev:hover {
    color: #fff;
    background: #FF4612;
    transition: .5s;
}

.about-skill-area {
    margin-top: 140px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 80px;
}

.about-skill {}

.progress-bar-tooltip {
    float: right;
    position: relative;
    right: 0;
    top: -29px;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    padding-right: 10px;
    color: #333;
    font-family: 'Montserrat';
}

.progress {
    overflow: inherit;
    background: #f6f6f6;
    box-shadow: none;
    border-radius: 0;
    height: 3px;
    margin-bottom: 40px;
    position: relative;
}

.progress-bar {
    background: #FF4612;
    height: 3px;
}

.progress-bars p {
    font-family: 'Montserrat';
    font-size: 15px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #111;
    text-transform: uppercase;
    letter-spacing: .6px;
}

.padding-skills {
    padding: 75px 0 66px 0;
}

.right.progress-bars {
    padding-right: 40px;
}

.left.progress-bars {
    padding-left: 40px !important;
}

.b-titlet {
    font-family: 'Montserrat';
    color: #111;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.s-italict {
    font-family: 'DroidSerif';
    font-size: 14px;
    color: #999;
    letter-spacing: .6px;
    line-height: 30px;
    margin-top: 10px;
}

.progress-bars {
    width: 95%;
}

.about-team-area {
    margin-top: 100px;
}

.team {
    margin-top: 15px;
}

.team-person {
    margin-top: 50px;
    margin-bottom: 62px;
}

.team-person h3 {
    font-family: 'Montserrat';
    color: #333;
    letter-spacing: .7px;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 25px;
    margin-bottom: 12px;
}

.team-person p {
    font-family: 'DroidSerif';
    font-size: 13px;
    color: #777;
}

.team-person .social-hover {
    position: absolute;
    top: 70%;
    left: 34%;
    opacity: 0;
}

.team .social-hover:hover {
    top: 70%;
    left: 34%;
    opacity: 1;
}

.social-hover a {
    padding: 0 8px;
}

.social-hover a i {
    color: #111;
    cursor: pointer;
    font-size: 12px;
}

.team-item {
    width: 100%;
}

.team-item:hover .team-img {
    opacity: .3;
}

.team-item:hover .hover-icon {
    opacity: 1;
    transition: all .5s ease 0s;
    top: 36%;
}

.team-item .hover-icon {
    position: absolute;
    top: 60%;
    left: 32%;
    height: auto;
    transition: all .5s ease;
    opacity: 0;
    cursor: pointer;
}

.team-item .hover-icon span {
    margin: 0 auto;
    display: inline-block;
    padding: 7px;
    font-size: 18px;
    transition: .2s;
}

.team-item .hover-icon span:hover {
    color: #fff;
    background: #222;
    transition: .2s;
}


/*----about 2----*/

.video-section {
    padding: 0;
    position: relative;
}

.video-section .vidContent {
    bottom: 0;
    height: 200px;
    left: 0;
    margin: auto 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
}

.video-section .vidContent #playVideos {
    background: url("../images/icon/vd3.png");
    background-attachment: scroll;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 76px;
    height: 76px;
}

.video-section .vidContent #playVideos.active {
    background: transparent url("../images/video/vd.png") no-repeat scroll center center;
    border-radius: 100%;
    box-shadow: 0px 0px 200px #fff;
}

.video-section .vidContent a {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 32px;
    height: 75px;
    margin-bottom: 23px;
    margin-left: 15px;
    margin-top: 60px;
    padding: 19px 25px;
    text-decoration: none;
    transition: all 500ms ease 0s;
    width: 75px;
}

.video-section .vidContent a:hover,
.video-section .vidContent a.active {
    color: #f7941d;
}

.video-section #videoWrap1 {
    height: 340px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.video-section #videoWrap1 #myVideo1 {
    height: 340px;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.offer-box {
    background: #f7f7f7;
    padding: 95px 0;
    margin-top: 100px;
}

.offer-box h4 {
    color: #111;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .7px;
}

.offer-box p {
    font-family: 'Raleway';
    font-size: 14px;
    color: #333;
    letter-spacing: .6px;
    line-height: 30px;
}

.icon-left {
    float: left !important;
    margin-right: 20px;
    margin-top: 20px;
}

.icon-left i {
    font-size: 30px;
    color: #FF4612;
    border: 1px solid #e2dede;
    border-radius: 50%;
    padding: 15px;
}

.offer-content {
    display: table;
    vertical-align: top;
    overflow: hidden;
}

.no-margin-top {
    margin-top: 0px !important;
}

.partner {
    border-top: 1px solid #eee;
    padding-top: 80px;
    padding-bottom: 80px;
}

.partner img {
    text-align: center;
}


/* ==============================
   [18] TEAM PAGE.
============================== */

.app-team-b {
    background: #f7f7f7;
    padding-top: 120px;
    padding-bottom: 120px;
    text-align: center;
}

.teamp2.app-team-b {
    background: #fff;
    padding-top: 100px;
    padding-bottom: 30px;
    text-align: center;
}

.app-team-area-b {
    margin-top: 85px;
}
.hom.app-team-area-b {
    margin-top: 60px;
}
.hom.app-team-area-b .thumbnail a h4:hover{
	color: #FF4612;
}
.teamp2 .app-team-area-b {
	margin-top: 60px;
}
.app-team-area-b .thumbnail {
    display: block;
    padding: 0;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    transition: .3s;
    margin: 0px;
}
.hom.app-team-area-b .thumbnail {
	display: block;
	padding: 0;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: none;
	border-radius: 0px;
	transition: .3s;
	margin: 2px;
	box-shadow: 0px 10px 5px #E9E9E9;
}
.app-team-area-b .thumbnail h4 {
    font-size: 16px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    color: #606060;
    line-height: 22px;
    margin-top: 20px;
    font-weight: normal;
}

.app-team-area-b .thumbnail p {
    font-weight: normal;
    color: #777;
    font-size: 14px;
    font-family: 'Raleway';
    margin-top: 10px;
}

.app-team-area-b .team-social {
    margin-top: 25px;
    border-top: none;
    padding-top: 25px;
    padding-bottom: 25px;
}
.hom.app-team-area-b .team-social {
	margin-top: 0px;
	border-top: none;
	padding-top: 20px;
	padding-bottom: 25px;
}
.tem2.app-team-area-b .team-social {
	margin-top: 0px;
	border-top: none;
	padding-top: 0px;
	padding-bottom: 0px;
}

.app-team-area-b .pera {
    padding-left: 25px;
    padding-right: 25px;
}

.team-social a i {
    color: #777;
    padding-right: 15px;
    padding-left: 15px;
}

.team-social a i:hover {
    color: #64c2ef;
}
.hom .team-social a i:hover {
	color: #FF4612;
}
.teamp2 .team-social a i:hover {
	color: #FF4612;
}
.our-team-3 {
    position: relative;
}

.our-team-3 .custom-container {
    width: 1550px;
    margin: 0 auto;
    text-align: center;
}

.our-team-3 .team-3-head {
    margin-bottom: 40px;
}

.our-team-3 .team-3-head p {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.6px;
    color: #FF4612;
    text-transform: uppercase;
}

.our-team-3 .team-3-head h4 {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #111111;
    text-transform: uppercase;
}

.our-team-3 .team-3-head p.sub-title {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.28px;
    color: #999999;
    font-family: 'DroidSerif';
    font-style: italic;
}

.our-team-3 .team-3-members {
    width: 1550px;
}

.team-3-members .slick-prev.slick-arrow:before {
    font-family: "FontAwesome";
    content: "\f104";
    font-size: 50px;
    line-height: 15px;
    letter-spacing: 1px;
    color: #b2b2b2;
}

.team-3-members .slick-next.slick-arrow:before {
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 50px;
    line-height: 15px;
    letter-spacing: 1px;
    color: #b2b2b2;
}

.our-team-3 .team-3-members .team-person {
    width: 281px !important;
    margin-left: 5px;
    margin-right: 5px;
}

.team-person.slick-slide.slick-current.slick-active.slick-center {
    width: 403px !important;
    position: relative;
    height: 482px;
    margin-top: 12px;
}

.team-person.slick-slide.slick-current.slick-active.slick-center:hover::after {
    bottom: 0;
    background: rgba(206, 154, 62, 0.8) none repeat scroll 0 0;
    content: "";
    left: 0;
    margin-left: 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 394px;
    transition: all 0.5s ease 0s;
}

.team-person.slick-slide.slick-current.slick-active.slick-center:hover .hover-items {
    opacity: 1;
    position: absolute;
    bottom: 0;
    z-index: 99;
    top: 0;
    transition: all 0.5s ease 0s;
}

.team-person.slick-slide.slick-current.slick-active.slick-center img {
    margin-top: 1px;
    position: relative;
    height: 480px;
}

.our-team-3 .team-3-members .team-person img {
    width: 100%;
    padding: 0px 5px 0px 5px;
    margin-top: 50px;
}

.our-team-3 .team-3-members .team-person .hover-items {
    opacity: 0;
    padding-left: 5px;
    width: 398px;
    position: relative;
}

.our-team-3 .team-3-members .team-person .hover-items .social {
    left: 0;
    margin: 0 auto;
    padding: 12px 0;
    position: relative;
    top: 35%;
}

.our-team-3 .team-3-members .team-person .hover-items .social a {
    font-family: "socialicoregular";
    font-size: 22px;
    line-height: 15px;
    letter-spacing: .44px;
    color: #111111;
    padding-left: 12px;
}

.our-team-3 .team-3-members .team-person .hover-items .social a span {}

.our-team-3 .team-3-members .team-person .hover-items .position {
    background: #111111;
    padding: 22px 0px 19px;
    position: absolute;
    bottom: 0;
    left: 4px;
    right: 0;
}

.our-team-3 .team-3-members .team-person .hover-items .position p {
    font-family: 'DroidSerif';
    font-style: italic;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.26px;
    color: #FF4612;
    text-transform: capitalize;
    margin-bottom: 7px;
}

.our-team-3 .team-3-members .team-person .hover-items .position h5 {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.7px;
    color: #fffefe;
    text-transform: uppercase;
}

.our-team-3 .team-3-members .slick-next {
    right: -70px;
}

.our-team-3 .team-3-members .slick-prev {
    left: -55px;
}


/*--team-3-*/


/*--Our Team-3 Section*/

.our-team-3 {
    position: relative;
    padding-bottom: 0;
}

.our-team-3 .custom-container {
    width: 1550px;
    margin: 0 auto;
    text-align: center;
}

.our-team-3 .team-3-head {
    margin-bottom: 49px;
}

.our-team-3 .team-3-head p {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.6px;
    color: #FF4612;
    text-transform: uppercase;
}

.our-team-3 .team-3-head h4 {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #111111;
    text-transform: uppercase;
    font-family: 'Montserrat';
}

.our-team-3 .team-3-head p.sub-title {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.28px;
    color: #999999;
    font-family: 'DroidSerif';
    font-style: italic;
    text-transform: capitalize;
}

.our-team-3 .team-3-members {
    width: 1550px;
}

.team-3-members .owl-nav i {
    font-size: 40px;
    color: #111111;
    font-weight: 400;
}

.team-3-members .owl-next {
    position: absolute;
    right: -73px;
    top: 50%;
    width: 2%;
    height: 4%;
    background: #fff !important;
}

.team-3-members .owl-prev {
    position: absolute;
    left: -73px;
    top: 50%;
    width: 2%;
    height: 4%;
    background: #fff !important;
}

.team-3-members .owl-stage-outer {
    padding-top: 50px;
    padding-bottom: 30px;
}
.tem3.team-3-members .owl-stage-outer {
	padding-top: 0px;
	padding-bottom: 0px;
}
.our-team-3 .team-3-members .team-porsons {
    transition: all 0.6s linear;
}

.our-team-3 .team-3-members .team-porsons .team-person:after {
    width: 100%;
    content: '';
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background: rgba(206, 154, 62, 0.8);
    position: absolute;
    opacity: 0;
    transition: all 0.2s linear;
}

.our-team-3 .team-3-members .team-porsons .team-person {
    position: relative;
}

.our-team-3 .team-3-members .team-porsons .social li {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(17, 17, 17, 0);
    transition: all 0.4s ease-in-out;
}

.our-team-3 .team-3-members .team-porsons .social li a {
    font-family: "socialicoregular";
    font-size: 22px;
    line-height: 30px;
    letter-spacing: .44px;
    color: #111111;
    position: relative;
}

.our-team-3 .team-3-members .team-porsons .social li:hover {
    background: rgba(17, 17, 17, 0.80);
}

.our-team-3 .team-3-members .team-porsons .social {
    position: absolute;
    width: 100%;
    top: 41%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.our-team-3 .team-3-members .team-porsons .social li:hover a {
    color: #fff;
}

.our-team-3 .team-3-members .team-porsons .position {
    padding: 19px 0px 13px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(17, 17, 17, 0.80);
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s linear;
}

.our-team-3 .team-3-members .team-porsons .position p {
    font-family: 'DroidSerif';
    font-style: italic;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.26px;
    color: #FF4612;
    text-transform: capitalize;
    padding-bottom: 3px;
}

.our-team-3 .team-3-members .team-porsons .position h5 {
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0.7px;
    color: #fffefe;
    text-transform: uppercase;
}

.our-team-3 .team-3-members .team-porsons:hover {
    transform: scale(1.1);
}

.our-team-3 .team-3-members .team-porsons:hover .team-person:after {
    opacity: 1;
}

.our-team-3 .team-3-members .team-porsons:hover .position {
    opacity: 1;
    visibility: visible;
}

.our-team-3 .team-3-members .team-porsons:hover .social {
    opacity: 1;
}

.our-team-3 .team-3-members .slick-next {
    right: -70px;
}

.our-team-3 .team-3-members .slick-prev {
    left: -55px;
}


/* ==============================
   [19] SERVICE PAGE.
============================== */


/*---Service Page---*/

.service-icon-box {
    margin-top: 120px;
}

.service-icon-box i {
    font-size: 40px;
    color: #888888;
    transition: .5s;
}

.style:hover i {
    color: #FF4612;
    transition: .5s;
}

.service-icon-box h4 {
    font-size: 14px;
    color: #111;
    text-transform: uppercase;
    letter-spacing: .7px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.border-linet {
    background: #ececec;
    height: 2px;
    width: 58px;
    margin-top: 26px !important;
    margin-bottom: 20px !important;
    margin: 0 auto;
}

.style p {
    font-family: 'Raleway';
    font-size: 14px;
    line-height: 30px;
}

.we-are {
    padding-top: 110px;
    padding-bottom: 110px;
    position: relative;
}

.we-are-bg-left {
    background: url(../images/service-bg-1.jpg) no-repeat;
    background-size: cover;
    min-height: 450px;
}

.we-are-bg-right {
    background: url(../images/service-bg-2.jpg) no-repeat;
    background-size: cover;
    min-height: 450px;
}

.we-are-bg-leftone {
    background: url(../images/service-bg-3.jpg) no-repeat;
    background-size: cover;
    min-height: 450px;
}

.service-content {
    padding: 90px 0;
}

.service-content h3 {
    color: #fff;
}

.service-content a {
    color: #fff;
}

.service-content .s-italic {
    color: #afaaaa;
}

.service-content p {
    color: #f4f4f4;
}

.service-content .s-title {
    color: #FF4612;
}

.s-no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.service-content .read-more-text:hover {
    color: #fff;
}

.service-boxt {
    /*padding-top: 120px;*/
    position: relative;
    padding-bottom: 60px;
}

.icon-box-text {
    display: table;
}

.service-boxt h4 {
    color: #111;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .7px;
}

.service-boxt p {
    font-family: 'Raleway';
    font-size: 14px;
    color: #333;
    letter-spacing: .6px;
    line-height: 30px;
}

.service-boxt .box-of {
    padding-bottom: 70px;
}

.our-service {}

.our-service-style {
    margin-top: 10px;
    border-top: 2px solid #ececec;
}

.our-service-wrap {
    margin-top: 70px !important;
    margin-bottom: 100px;
}

.service-left h3 {
    font-size: 20px;
    color: #111;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.service-right h4 {
    color: #111;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .7px;
}

.service-right p {
    font-family: 'Raleway';
    font-size: 14px;
    color: #333;
    letter-spacing: .6px;
    line-height: 30px;
}

.our-service-wrap .box-of {
    margin-bottom: 50px;
}
.home-blog .latest-post-text a h4{
	color: #222;
}
.home-blog .latest-post-text a h4:hover{
	color: #FF4612;
}
/* ==============================
   [20] 404 PAGE.
============================== */

.error-fourzfour {
    margin-top: 100px;
    margin-bottom: 100px;
}

.heading-margin h2 {
    margin-top: 50px;
}

.error-text {
    padding: 140px 0;
}

.error-text h2 {
    font-size: 40px;
    color: #111;
    text-transform: uppercase;
    letter-spacing: .9px;
}

.border-line {
    background: #ececec;
    height: 2px;
    width: 58px;
    margin-top: 35px;
    margin-bottom: 45px;
}

.error-text p {
    font-family: 'Raleway';
    font-size: 16px;
    line-height: 30px;
    width: 53%;
}

.error-text a {
    color: #FF4612;
    border-bottom: 1px solid #FF4612;
}
.btn.pphoto.btn-cart:hover{
    background: #DC3737 !important;
	border-color: #DC3737 !important;
	color: #fff;
}
/* ==============================
   [20] CONTACT PAGE.
============================== */

.contact-b {
    padding-top: 80px;
}

.icon-bg {
    font-size: 20px;
    background: #FF4612;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    margin: 0 auto;
}

.icon-bg i {
    color: #fff;
    margin-top: 13px;
}

.contact-icon h4 {
    font-family: 'Montserrat';
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 25px;
    letter-spacing: .6px;
    margin-bottom: 20px;
}

.contact-icon p {
    font-family: 'Raleway';
    font-size: 14px;
    line-height: 20px;
}

.contact-form {
    padding-top: 87px;
    padding-bottom: 100px;
}

.contact-form .form-control {
    border-radius: 0px;
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
    height: 58px;
    padding-left: 20px;
    margin-bottom: 30px;
}

.contact-form .form-control:focus {
    box-shadow: none;
    border: 1px solid #FF4612;
}

.form-control::-moz-placeholder {
    font-size: 14px;
    color: #666;
    font-family: 'Roboto', sans-serif;
}

.form-control::-webkit-placeholder {
    font-size: 14px;
    color: #666;
    font-family: 'Roboto', sans-serif;
}

.form-control::-ms-placeholder {
    font-size: 14px;
    color: #666;
    font-family: 'Roboto', sans-serif;
}

.text_area .form-control {
    height: 160px;
    padding-top: 20px;
}

.mp {
    position: relative
}

#map {
    height: 368px;
    width: 100%;
}

.google-maps {
    height: 368px;
}

.contact-map #map {
    height: 800px;
    width: 100%;
}

.contact-map .google-maps {
    height: 800px;
}

.map-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #3a3a3a;
    top: 0;
    opacity: .6;
}

.map-text {
    position: absolute;
    color: #fff;
    bottom: 290px;
    padding: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.map-text i {
    font-size: 80px;
}

.map-text h2 {
    margin-bottom: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    color: white;
    margin-top: 25px;
}

.contact-detail {
    margin-bottom: 62px;
}

.contact-detail h4 {
    font-family: 'Montserrat';
    font-size: 14px;
    color: #111;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 25px;
}

.contact-detail span {
    margin-right: 20px;
    color: #FF4612;
    font-size: 20px;
}

.contact-detail p {
    font-family: 'Raleway';
    line-height: 25px;
}


/*---contact-us 2 form validation*/

.contact_us2 {}

.contact_us2 .contact_error2 {
    border: 1px solid #FF4612;
}

.contact_us2 .contact_success2 {
    border: 1px solid #fff!important;
}

.contact_us2 #ffsuccess2 {
    position: absolute;
    right: 44%;
    top: 0%;
}

.contact_us2 #ffsuccess2 img {
    height: 100px;}

.contact_us2 #fftext2 {
  font-size: 28px;
      font-weight: 700;
      margin: 20px 0 0 0;
      padding: 20px;
}



/*---contact-us 1 form validation*/

.contact_us1 {}

.contact_us1 .contact_error1 {
    border: 1px solid #FF4612;
}

.contact_us1 .contact_success1 {
    border: 1px solid #fff!important;
}

.contact_us1 #ffsuccess1 {
    position: absolute;
    left: 26%;
    top: 22%;
}

.contact_us1 #fftext1 {
    font-size: 18px;
    margin-top: 15px;
    font-weight: 400;
}

.shop-std-img .single-shop-left-thumb ol li.active img {
    border: 1px solid #FF4612;
}

.shop-std-img .single-shop-left-thumb ol li img {
    height: 82px;
    width: 60px;
    border: 1px solid #fff;
}

.shop-slider-title {
    font-size: 60px;
    margin-top: 80px;
    margin-left: -108px;
}

.shop-slider-sub-title {
    margin-top: 250px;
    margin-left: -108px;
}

.shop-slider-button {
    margin-top: 350px;
    padding: 20px 35px;
    color: #fff;
    cursor: pointer;
    margin-left: -108px;
    background: #7ec4b9;
}

.shop-slider-button:hover {
    background: #fff;
}

.quo-blog {
    background: url(../images/blog-pages/post-img-4.jpg) no-repeat;
    background-color: #040b11;
    background-repeat: no-repeat;
    position: relative;
    padding: 60px 120px;
    text-align: center;
    color: #fff;
    background-size: cover;
}

.blog-post-contents .post-text {
    color: #c5c5c5 !important;
    font-style: italic;
    font-size: 18px !important;
}

.quo-ico i {
    color: #c5c5c5;
    border: 1px solid #c5c5c5;
    border-radius: 50%;
    padding: 15px;
    margin-bottom: 20px;
}

.default-btn {
    transition: .3s !important;
    margin-left: 20px !important;
    background: #FF4612 !important;
}

.default-btn:hover {
    background: #191919 !important;
    color: #fff !important;
    transition: .3s !important;
}

@media only screen and (max-width: 1100px) {
    .tp-caption {
        margin-left: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .tp-caption {
        margin-left: 60px;
    }
    .shop-slider-sub-title {
        font-size: 12px !important;
    }
    .shop-slider-button {
        margin-top: 450px;
    }
    .quo-blog {
        padding: 60px 20px;
    }
    .blog-post-contents .post-text {
        font-size: 14px !important;
    }
    .default-sub.tp-resizeme p {
        margin-top: 40px !important;
        font-size: 11px !important;
        line-height: 26px !important;
        padding-right: 50px;
    }
    .default-btn {
        margin-top: 120px !important;
        font-size: 10px !important;
        padding: 8px 15px !important;
    }
    .default-title {
        font-size: 16px !important;
    }
    .purchase {
        height: 490px;
    }
    .NotGeneric-Icon img {
        margin-bottom: 50px !important;
        width: 80px !important;
        height: 80px !important;
    }
    .resume-home-img {
        display: none;
    }
    .home-resume .home-resume-text {
        margin-top: 130px;
    }
}

@media only screen and (max-width: 1024px) {
    .shop-product-item:hover .shop-full-desc::after {
        border: none;
        bottom: 30px;
        content: "";
        height: 25.2%;
        left: 16px;
        position: absolute;
        width: 89.5%;
        transition: all 300ms ease 0s;
    }
    .shop-right-side .widget h3 {
        line-height: 20px;
    }
    .shop-product-item .shop-img span.onsale {
        left: -53px;
    }
    .offseet.col-md-offset-2 {
        margin-left: 0%;
    }
}

.switch ul li .active {
    width: 32px;
    height: 34px !important;
}

.switZone_title .setting::after {
    content: 'Theme Setting';
    position: absolute;
    z-index: -1;
    top: 9px;
    left: -125px;
    color: #555;
    font-size: 14px;
    letter-spacing: .6px;
    background: #fff;
    padding: 15px 25px;
    opacity: 0;
    border-radius: 4px;
    transition: .5s;
    box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.3);
	visibility: hidden;
}

.switZone_title .setting:hover:after {
    left: -150px;
    opacity: 1;
    transition: .5s;
	visibility: visible;
}

.switZone_title .doc::after {
    content: 'Documentation';
    position: absolute;
    z-index: -1;
    top: 9px;
    left: -124px;
    color: #555;
    font-size: 14px;
    letter-spacing: .6px;
    background: #fff;
    padding: 15px 25px;
    opacity: 0;
    border-radius: 4px;
    transition: .5s;
    box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.3);
	visibility: hidden;
}

.switZone_title .doc:hover:after {
    left: -156px;
    opacity: 1;
    transition: .5s;
	visibility: visible;
}

.switZone_title .purches::after {
    content: 'Purchase Styler';
    position: absolute;
    z-index: -1;
    top: 9px;
    left: -124px;
    color: #555;
    font-size: 14px;
    letter-spacing: .6px;
    background: #fff;
    padding: 15px 25px;
    opacity: 0;
    border-radius: 4px;
    transition: .5s;
    box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.3);
	visibility: hidden;
}

.switZone_title .purches:hover:after {
    left: -160px;
    opacity: 1;
    transition: .5s;
	visibility: visible;
}


/* ==============================
   Coming Soon Page
   ============================== */

.table-cell .logo {
    margin-bottom: 40px;
}

.coming-bg {
    background: url(../images/coming-bg.jpg) no-repeat;
    background-size: cover;
    min-height: 900px;
    height: 100vh !important;
}

.coming-bg {
    height: 100%;
    text-align: center;
}

.coming-bg h1 {
    font-size: 62px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    /*!  */
    text-transform: none;
}

.coming-bg h1 > span {
    font-weight: 700;
}

.coming-bg p {
    font-size: 14px;
    color: rgba(237, 237, 237, 0.9);
    word-spacing: 1px;
    line-height: 1.5em;
    padding-bottom: 10px;
}


/* Table */

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

.table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding: 10px;
}


/***********************
Countdown -
***********************/

.countdown {
    display: inline-block;
    margin: 0 auto;
    font-size: 4em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: 90px;
    color: #fff;
}

.countdown div span {
    display: block;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: rgba(237, 237, 237, 0.8);
}

.countdown div {
    position: relative;
    display: inline-block;
    margin: 0 34px;
}

.countdown div:after {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: 0.3;
}


/***********************
 Subscribe -
***********************/

.subscribe-com {
    margin-top: 40px;
}

.subscribe-com p {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    padding-top: 22px;
    padding-bottom: 0;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
}

.subscribe-com form {
    display: inline-block;
    position: relative;
}

.subscribe-com input[type=text] {
    width: 340px;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    outline: 0;
    height: 41px;
    padding: 6px 50px 6px 12px;
    border-radius: 0px;
    margin-right: 15px;
}

.subscribe-com button {
    background: none;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    border: 0;
    top: 9px;
    right: 0;
    background: #FF4612;
    padding: 13px 25px;
}

.subscribe-com label {
    display: block !important;
    float: none;
    top: 0;
    height: 2.5em;
    padding: 15px 20px;
    color: #ededed;
    font-size: 13px;
    font-weight: 100;
}

.subscribe-com label i.fa.fa-check {
    padding-top: 15px;
}

@media only screen and (max-width: 500px) {
    .subscribe-com button {
        margin-top: 15px;
    }
}

#mc-email::-webkit-input-placeholder {
    /* Chrome */
    color: #fff;
}

#mc-email:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

#mc-email::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    opacity: 1;
}

#mc-email:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #fff;
    opacity: 1;
}


/***End contact***/


/***********************
    Home Architechture
***********************/

.ar-welcome {
    padding: 100px 0px;
}

.welcome-text {
    margin-top: 35px;
}

.welcome-text h3 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: left;
    color: #111111;
    text-transform: uppercase;
}

.welcome-text p {
    font-family: DroidSerif;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: 2.2;
    letter-spacing: 0.3px;
    text-align: left;
    color: #777777;
    margin-top: 12px;
}

.wel-peragrapg p {
    font-family: Raleway;
    font-size: 14px;
    line-height: 2.2;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.3px;
    text-align: left;
    color: #333333;
    padding-bottom: 20px;
}

.btn-wel {
    margin-top: 20px;
    background-color: #FF4612;
    font-size: 12px;
    color: #fff;
    border-radius: 0px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 15px 22px;
    transition: .5s;
}

.btn-wel:hover {
    background: #191919;
    color: #fff;
    transition: .5s;
}

.btn-wel:focus {
    color: #fff;
}

.wel-pad {
    padding-top: 30px;
    padding-bottom: 60px;
}

.wel-right-image img {
    -webkit-box-shadow: -18px 13px 29px -6px rgba(128, 128, 128, 0.63);
    -moz-box-shadow: -18px 13px 29px -6px rgba(128, 128, 128, 0.63);
    box-shadow: -18px 13px 29px -6px rgba(128, 128, 128, 0.63);
}

.ar-practice {
    background: #f6f6f6;
    padding: 100px 0;
}

.practice-box {
    margin-top: 60px;
}

.practice-box span {
    color: #FF4612;
    font-size: 48px;
}

.practice-box .ar-p-head {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: 0.7px;
    text-align: left;
    color: #111111;
    text-transform: uppercase;
    margin-top: 35px;
    margin-bottom: 20px;
}

.practice-box .ar-p-describe {
    font-family: 'raleway';
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 2.2;
    letter-spacing: 0.3px;
    text-align: left;
    color: #333333;
}

.ar-project {
    padding: 100px 0;
}

.port-grid-ar {
    padding-bottom: 50px;
}

.port-menu-ar {
    margin-top: 30px;
}

.port-menu-ar li {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    color: #777777;
    cursor: pointer;
}

.port-menu-ar li.active {
    color: #ebad3e;
}

.ar-poroject {
    position: relative;
}

.ar-poroject .project-hover {
    position: absolute;
    bottom: 55px;
    left: 50px;
}

.ar-poroject .project-hover h2 {
    font-family: Montserrat;
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: left;
    line-height: 30px;
}

.ar-overlay:before {
    content: '';
    background: #000;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: .8;
}

.ar-video {
    padding-bottom: 100px;
}

.video-text-area h4 {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: 0.7px;
    text-align: left;
    color: #111111;
    text-transform: uppercase;
    margin-bottom: 28px;
}

.video-text-area p {
    font-family: Raleway;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.14;
    letter-spacing: 0.3px;
    text-align: left;
    color: #333333;
    margin-bottom: 35px;
}

.ar-video-area {
    margin-top: 80px;
}

.ar-m-video .wrapper-video {
    background: url(../images/home-architechture/ar-video.jpg);
    padding-top: 125px;
    padding-bottom: 125px;
}

.ar-action {
    background: url(../images/home-architechture/action-bg.jpg);
    background-repeat: no-repeat;
    padding: 180px 0;
}

.action-head {
    color: #fff;
    font-size: 34px;
    line-height: 48px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.action-sub-head {
    font-family: DroidSerif;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: 2.2;
    letter-spacing: 0.3px;
    text-align: left;
    color: rgba(255, 254, 254, 0.7);
    margin-top: 40px;
    margin-bottom: 40px;
}

.action-btn {
    font-family: Montserrat;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 18px;
    background: transparent;
    border-radius: 1px;
    letter-spacing: .6px;
    transition: .3s;
}

.action-btn:hover {
    background: #FF4612;
    color: #fff;
    border-color: #FF4612;
    transition: .3s;
}

.ar-question {
    padding: 100px 0;
}


/* ==============================
   Thank You
   ============================== */