/*
Site Template Name: Magnet
Template URI: https://shapebootstrap.net/profile/hashtheme
Author: Hash Theme
Author URI: https://shapebootstrap.net/profile/hashtheme  
Description: MAGNET responsive theme
price_bodyription: MAGNET One Page Portfolio Parallax HTML5 Digital Agency Theme
Version: 1.0.0
*/
/* =======================================================================
        TABLE OF CONTENTS
  =========================================================================
01. COMMON STYLES
02. HEADER , NAV
03.  SCROLL TO TOP    
04. SLIDER
05. FEATURED PROJECT
06. ABOUT 
07. OUR HISTORY
08. SERVICES
09  FACTS
10. PROCESS 
11. SHOWCASE 
12. PRICING TABLE 
13.TESTIMONIAL
14. TEAM
15. TWITTER FEED 
16. BLOG 
17. OUR CLIETNS 
18. NEWSLATTER
19. CONTACT
20. FOOTER
21.BLOG PAGE     
22.SINGLE PORTFOLIO-2
23.SINGLE PORTFOLIO 
24.SINGLE BLOG PAGE 

/*


/*---------------------------------------
COMMON STYLES             
-----------------------------------------*/

body {
    font-family: 'Open Sans', 'Arial', sans-serif;
    color: #212121;
    font-size: 16px;
    line-height: 30px;
    background-color: #fff;
    height: 100%;
    overflow-x: hidden;
}
a:focus {
    outline: 0px solid;
    text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px
}
p {
    font-weight: 400;
}
.left {
    text-align: left
}
.right {
    text-align: right
}
.bg-one {
    background-color: #fff
}
.bg-two {
    background-color: #F4F4F4
}

.bg-nuevo {
    background-color: #FAFAFA
}


.page-title {
    padding: 80px 0px;
}
.page-title-background-image {
    padding: 50px 0px;
}
.page-title h2 {
    font-size: 25px;
    text-transform: uppercase;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 800;
    letter-spacing: 3px;
    position: relative;
    color: #212121;
}
.page-title-background-image h2 {
    font-size: 25px;
    text-transform: uppercase;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 800;
    letter-spacing: 3px;
    position: relative;
    color: #fff;
}
.page-title p {
    font-size: 14px;
    padding-top: 33px;
    line-height: 28px;
}
/* Safari 5+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    .page-title p {
        font-weight: 600;
    }
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        .page-title p {
            font-weight: 600;
        }
    }
}
/* Safari 6.1+ (non-iOS) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        _:-webkit-full-screen,
        .page-title p {
            font-weight: 600;
        }
    }
}
.page-title h2::after {
    position: absolute;
    width: 50px;
    content: "";
    display: block;
    left: 50%;
    margin-left: -25px;
    height: 2px;
    background: #FFCD11 none repeat scroll 0% 0%;
    top: 44px;
}
.page-title-background-image p {
    font-size: 14px;
    color: #fff;
    padding-top: 33px;
    line-height: 28px;
}
/* Safari 5+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    .page-title-background-image p {
        font-weight: 600;
    }
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        .page-title-background-image p {
            font-weight: 600;
        }
    }
}
/* Safari 6.1+ (non-iOS) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        _:-webkit-full-screen,
        .page-title-background-image p {
            font-weight: 600;
        }
    }
}
.page-title-background-image h2::after {
    position: absolute;
    width: 50px;
    content: "";
    display: block;
    left: 50%;
    margin-left: -25px;
    height: 2px;
    background: #FFCD11 none repeat scroll 0% 0%;
    top: 44px;
}
.parallax {
    background-attachment: fixed !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-bg-overlay {
    background-color: rgba(0, 0, 0, 0.6);
}
.margin-bottom {}
/*---------------------------------------
    HEADER   STYLES             
-----------------------------------------*/

.navbar-brand img {
    max-height: 100%;
}
header.header,
.sticky-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999; 
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 0;
    transition: .4s;
}
.navbar-default .navbar-brand {
    color: #fff;
    font-size: 25px;
    letter-spacing: 5px;
    font-weight: 400;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-default .navbar-brand:hover {
    color: #fff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    color: #DDD;
    background-color: transparent;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: transparent;
    border-color: #ddd;
    color: #fff;
}
.navbar-default .navbar-nav > li > a {
    color: #ddd;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #FFCD11;
}
.navbar-default .navbar-nav > li > a:focus {
    color: #ddd;
}
li.dropdown:hover ul {
    display: block;
}
li.dropdown a span {} .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #333333;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 14px !important;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 240px;
    padding: 5px 0px;
    margin: 2px 0px 0px;
    text-align: left;
    list-style: outside none none;
    background-color: #333333;
    background-clip: padding-box;
    border-radius: 0px;
}
.dropdown-sub-main {
    left: 157px !important;
}
.dropdown-menu > li > a {
    display: block;
    padding-bottom: 13px;
    clear: both;
    background-color: #333333;
    color: #FFF;
    text-align: left;
    float: none;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    text-transform: capitalize;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #FFCD11;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}
.dropdown-menu > li > a:focus {
    background-color: transparent;
    color: #fff;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-menu .dropdown-submenu .dropdown-menu {
    display: none;
    margin-left: 0px;
    border-radius: 0px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block; 
}
.dropdown-submenu i {}  

 .dropdown-submenu:hover>a:after {} .is-sticky header.header .nav > li.active a,
header.header a:hover {
    color: #FFCD11;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
 .is-sticky header.header .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #FFCD11;
    text-decoration: none;
    background-color: transparent;
    outline: 0;}
.is-sticky header.header {
    padding: 0px 0px 0px;
    background: #000;
    border-bottom: 1px solid #000;
}
.is-sticky header.header a {
    color: #999
}
.is-sticky header.header a:hover {
    color: #FFCD11;
}
/*---------------------------------------
   SCROLL TO TOP  STYLES
-----------------------------------------*/

#scrollUp {
    border: 1px solid #4E595F;
    bottom: 15px;
    color: #FFF;
    display: none;
    padding: 8px 12px;
    position: fixed;
    right: 20px;
    z-index: 9999999999;
    background-color: #000;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding-left: 13px;
    transition: all 0.3s linear 0s;
}
#scrollUp i {} #scrollUp:hover {
    background-color: #E53A35;
    border: 1px solid #6cb670;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
/*---------------------------------------
    SLIDER   STYLES     
-----------------------------------------*/
.d-btn-click {} .button_down {
    height: 50px;
    margin-top: -150px;
}
.down_btn a {} .button_down_img {
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    z-index: 5000;
}
@-webkit-keyframes Floatingx {
    from {
        -webkit-transform: translate(0, 0px);
    }
    65% {
        -webkit-transform: translate(0, 15px);
    }
    to {
        -webkit-transform: translate(0, -0px);
    }
}
@-moz-keyframes Floating {
    from {
        -moz-transform: translate(0, 0px);
    }
    65% {
        -moz-transform: translate(0, 15px);
    }
    to {
        -moz-transform: translate(0, -0px);
    }
}
/********************************/
/*            Overlay           */
/********************************/

.slider_overlay {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 6;
    opacity: 1;
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%;
}
/********************************/
/*       Fade Bs-carousel       */
/********************************/

.fade-carousel .carousel-inner {
      
}
#slider .carousel {
    
}
.fade-carousel {
    position: relative;
}
#slider .item {
    padding-bottom: 10px;
}
.fade-carousel .carousel-inner>.item>img,
.fade-carousel .carousel-inner>.item>a>img {
    max-height: 643px;
    min-height: 500px;
}
.fade-carousel .carousel-inner>.item>img,
.fade-carousel .carousel-inner>.item>a>img {
    max-width: inherit;
    max-height: inherit;
    min-height: 0px;
    min-width: 0px;
    height: 0px;
    width: 0px;
    position: relative;
    z-index: 5;
}
.fade-carousel .carousel-inner>.item {
    background-size: cover !important;
}


.carousel-control.left,
.carousel-control {
    opacity: 0;
    filter: alpha(opacity=0);
}
.carousel-control.right,
.carousel-control {
    opacity: 0;
    filter: alpha(opacity=0);
}
.carousel-control {
    position: absolute;
    top: 140px;
    bottom: 0px;
    left: 0px;
    font-size: 20px;
    color: #FFF;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
    opacity: 0.5;
    width: 200px;
    height: 500px;
    z-index: 500;
}
.carousel-control:hover,
.carousel-control:focus {
    opacity: 0;
    filter: alpha(opacity=100);
}
.carousel-control.left img {
    left: 15px;
}
.carousel-control.right img {
    right: 15px;
}
a.right.carousel-control {
    background-image: none;
}
a.left.carousel-control {
    background-image: none;
}
a.left.carousel-control:hover {
    cursor: url(img/bg/left-arrow.png), auto;
}
a.right.carousel-control:hover {
    cursor: url(img/bg/right-arrow.png), auto;
}
/********************************/
/*          Hero Headers        */
/********************************/

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    z-index: 8;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    text-align: left;
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    z-index: 8;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    text-align: left;
}
.fade-carousel .carousel-inner .item .hero h1 {
    /*animation*/
    
    -webkit-transform: translateY(-1000px);
    -moz-transform: translateY(-1000px);
    -ms-transform: translateY(-1000px);
    -o-transform: translateY(-1000px);
    transform: translateY(-1000px);
    -webkit-transition: all 1s ease .1s;
    -moz-transition: all 1s ease .1s;
    -ms-transition: all 1s ease .1s;
    -o-transition: all 1s ease .1s;
    transition: all 1s ease .1s;
    margin: 0px;
    padding: 0px;
    font-size: 60px;
    font-style: normal;
    font-weight: 800;
    color: #ebebeb;
    text-transform: uppercase;
}
.fade-carousel .carousel-inner .active .hero h1 {
    /*animation*/
    
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    margin: 0px;
    padding: 0px;
    font-size: 60px;
    font-style: normal;
    font-weight: 800;
    color: #ebebeb;
    text-transform: uppercase;
}
.fade-carousel .carousel-inner .item .hero h2 {
    /*animation*/
    
    -webkit-transform: translateY(-1000px);
    -moz-transform: translateY(-1000px);
    -ms-transform: translateY(-1000px);
    -o-transform: translateY(-1000px);
    transform: translateY(-1000px);
    -webkit-transition: all 1s ease .1s;
    -moz-transition: all 1s ease .1s;
    -ms-transition: all 1s ease .1s;
    -o-transition: all 1s ease .1s;
    transition: all 1s ease .1s;
    font-size: 46px;
    margin: 0px 0px 10px;
    text-align: left;
    padding: 7px 0px 5px 1px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 800;
    color: #ebebeb;
    text-transform: uppercase;
}
.fade-carousel .carousel-inner .active .hero h2 {
    /*animation*/
    
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    font-size: 46px;
    margin: 0px 0px 10px;
    text-align: left;
    padding: 7px 0px 5px 1px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 800;
    color: #ebebeb;
    text-transform: uppercase;
}
.fade-carousel .carousel-inner .item .hero p {
    -webkit-transform: translateY(1000px);
    -moz-transform: translateY(1000px);
    -ms-transform: translateY(1000px);
    -o-transform: translateY(1000px);
    transform: translateY(1000px);
    -webkit-transition: all 1s ease .1s;
    -moz-transition: all 1s ease .1s;
    -ms-transition: all 1s ease .1s;
    -o-transition: all 1s ease .1s;
    transition: all 1s ease .1s;
    font-size: 20px;
    color: #FFF;
    text-transform: none;
}
.fade-carousel .carousel-inner .active .hero p {
    -webkit-transform: translateY(-0px);
    -moz-transform: translateY(-0px);
    -ms-transform: translateY(-0px);
    -o-transform: translateY(-0px);
    transform: translateY(-0px);
    font-size: 17px;
    color: #FFF;
    text-transform: none;
}
.fade-carousel .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.fade-carousel .carousel-inner .active {
    opacity: 1;
}
.fade-carousel .carousel-inner .active.left,
.fade-carousel .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.fade-carousel .carousel-inner .next.left,
.fade-carousel .carousel-inner .prev.right {
    opacity: 1;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .fade-carousel .carousel-inner > .item.next,
    .fade-carousel .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);  
        transform: translate3d(0, 0, 0);
    }
    .fade-carousel .carousel-inner > .item.prev,
    .fade-carousel .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .fade-carousel .carousel-inner > .item.next.left,
    .fade-carousel .carousel-inner > .item.prev.right,
    .fade-carousel .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
/*---------------------------------------
  SPINNER STYLES     
-----------------------------------------*/

#spinner {
    background: #fff;
    height: 100%;
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999999;
}
.spinner-img {
    height: 100%;
    left: 0;
    position: fixed;
    top: 30%;
    width: 100%;
}
.spinner-img h1 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 800;
    color: #FFCD11;
    text-transform: uppercase;
    margin-top: 30px;
    font-size: 50px;
}
/*---------------------------------------
    FEATURED PROJECT  STYLES       
-----------------------------------------*/

.latest_item {
    position: relative;
    background: #fff;
    overflow: hidden;
    text-align: center;
}
.latest_item img {
    max-height: 166px;
    width: 100%;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.latest_project_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 6;
    border-bottom: 5px solid transparent;
    background-position: center center;
    /*transition*/
    
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.latest_project_bg:hover {
    border-color: #FFCD11;
    background-color: rgba(0, 0, 0, 0.5);
}
.latest_item:hover img {} .latest_project_bg a {
    width: 100%;
    text-align: center;
    height: 100%;
    display: block;
}
.latest_project .owl-wrapper-outer {
    overflow: hidden;
    background-color: #222222;
}
.latest_project .owl-item {
    position: relative;
    transition: all 1s;
}
.latest_project .owl-item:hover {
    box-shadow: 0px 10px 30px -4px rgba(0, 1, 1, .71);
    z-index: 5000;
}
.latest_project_bg a:hover {
    cursor: url(img/plus.png), auto;
}
.owl-carousel .owl-item img {
    transform-style: initial;
}
/*=================================================================
	ABOUT US STYLES
==================================================================*/

.wrap-about-main {
    padding-bottom: 100px;
}
.wrap-about .icon-box-light i {
    margin-top: -13px;
    color: #FFCD11
}
.wrap-about .icon-box-light {
    float: none;
    margin: -45px auto 20px;
    padding: 35px 0px 0px;
}
.wrap-about .about-content h3 {
    color: #333;
    font-size: 20px;
    margin-top: 0px;
    letter-spacing: 3px;
    position: relative;
    text-transform: uppercase;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
}
.wrap-about .about-content p {
    color: rgb(122, 122, 122);
    line-height: 24px;
    font-size: 14px;
}
/* Safari 5+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    .wrap-about .about-content p {
        font-weight: 600;
    }
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        .wrap-about .about-content p {
            font-weight: 600;
        }
    }
}
/* Safari 6.1+ (non-iOS) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        _:-webkit-full-screen,
        .wrap-about .about-content p {
            font-weight: 600;
        }
    }
}
.wrap-about .about-content a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
.wrap-about {
    transition: all 0.3s linear 0s;
}
.wrap-about:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.wrap-about:hover .about-content a {
    color: #FFCD11;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
/*---------------------------------------
    PROMO STYLES       
-----------------------------------------*/

#promo {} .promo-main {
    padding-bottom: 100px;
}
.promo-bg {
    background: url(img/bg/promobg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-color: #333;
    background-size: cover;
}
.promo-content p {
    padding-bottom: 30px;
    padding-top: 10px;
    color: #FFF;
    font-size: 15px;
}
/* Safari 5+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    .promo-content p {
        font-weight: 600;
    }
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        .promo-content p {
            font-weight: 600;
        }
    }
}
/* Safari 6.1+ (non-iOS) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        _:-webkit-full-screen,
        .promo-content p {
            font-weight: 600;
        }
    }
}
.promo-content p span {
    color: #FFCD11;
}
.promo-content p strong {
    color: #FFCD11;
}
.promo-content p a {
    color: #FFCD11;
}
.promo-content p a:hover {
    color: #fff;
    text-decoration: none;
}
.promo-content {
    margin-top: 50px;
}
.promo-content h2 {
    color: #FFF;
    font-size: 25px;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 800;
    position: relative;
    padding: 0px 0px 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.promo-content h2::after {
    position: absolute;
    width: 50px;
    content: "";
    display: block;
    left: 0%;
    height: 2px;
    background: #FFCD11 none repeat scroll 0% 0%;
    top: 44px;
}
.promo-read-more {
    vertical-align: middle;
    transform: translateZ(0px);
    box-shadow: 0px 0px 1px transparent;
    backface-visibility: hidden;
    background: #FFCD11 none repeat scroll 0% 0%;
    display: inline-block;
    margin-top: -16px;
    text-transform: uppercase;
    font-size: 16px;
    color: #FFF;
    position: absolute;
    text-align: center;
    transition: all 0.1s linear 0s;
    border: 2px solid #FFF;
    font-weight: bold;
    padding: 8px 24px;
}
/* Safari 5+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    .promo-read-more {
        background: #333333;
        transition: all 0.9s ease 0s;
        -moz-transition: all 0.9s ease 0s;
        -webkit-transition: all 0.9s ease 0s;
        -o-transition: all 0.9s ease 0s;
    }
    .promo-read-more:hover {
        background: #FFCD11;
        text-decoration: none;
    }
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
    .promo-read-more {
        background: #333333;
        transition: all 0.9s ease 0s;
        -moz-transition: all 0.9s ease 0s;
        -webkit-transition: all 0.9s ease 0s;
        -o-transition: all 0.9s ease 0s;
    }
    .promo-read-more:hover {
        background: #FFCD11;
        text-decoration: none;
    }
    }
}
/* Safari 9.0+ */

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
     .promo-read-more {
        background: #333333;
        transition: all 0.9s ease 0s;
        -moz-transition: all 0.9s ease 0s;
        -webkit-transition: all 0.9s ease 0s;
        -o-transition: all 0.9s ease 0s;
    }
    .promo-read-more:hover {
        background: #FFCD11;
        text-decoration: none;
    }
}
/* Safari 9.0+ (iOS Only) */

@supports (-webkit-text-size-adjust: none) and (not (-ms-accelerator: true)) {
    .promo-read-more {
        background: #333333;
        transition: all 0.9s ease 0s;
        -moz-transition: all 0.9s ease 0s;
        -webkit-transition: all 0.9s ease 0s;
        -o-transition: all 0.9s ease 0s;
    }
    .promo-read-more:hover {
        background: #FFCD11;
        text-decoration: none;
    }
}
/* Safari 7.1+ */

_::-webkit-full-page-media,
_:future,
:root  .promo-read-more {
        background: #333333;
        transition: all 0.9s ease 0s;
        -moz-transition: all 0.9s ease 0s;
        -webkit-transition: all 0.9s ease 0s;
        -o-transition: all 0.9s ease 0s;
    }
    .promo-read-more:hover {
        background: #FFCD11;
        text-decoration: none;
    }
}
/* Safari 6.1+ (non-iOS) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        _:-webkit-full-screen,
    .promo-read-more {
        background: #333333;
        transition: all 0.9s ease 0s;
        -moz-transition: all 0.9s ease 0s;
        -webkit-transition: all 0.9s ease 0s;
        -o-transition: all 0.9s ease 0s;
    }
    .promo-read-more:hover {
        background: #FFCD11;
        text-decoration: none;
    }
    }
}
.promo-read-more:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #3e3e3e;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.promo-read-more:hover,
.promo-read-more:focus,
.promo-read-more:active {
    color: white;
    text-decoration: none;
}
.promo-read-more:hover:before,
.promo-read-more:focus:before,
.promo-read-more:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
/*=================================================================
	SERVICES STYLES
==================================================================*/

.service-main {
    padding-bottom: 100px;
}
.customer_sevice_box-icon {} .view .customer_sevice_box-icon i {
    font-size: 65px;
    color: #FFCD11;
    margin-top: 17px;
    margin-bottom: 13px;
}
.view .customer_sevice_box-content h3 {
    color: #2B2C30;
    margin-top: -3px;
    font-size: 18px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
}
.view .customer_sevice_box-content span {
    color: #AB99AB;
    font-size: 14px;
    line-height: 0px;
    font-family: "Open Sans";
    font-style: normal;
}
.customer_sevice_box-content {
    padding: 9px 9px 30px;
}
.view-fifth {
    width: 100%;
    height: auto;
    margin: 10px 10px 10px 0px;
    float: left;
    border: 1px solid #DDD;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background-color: #FFF;
}
.view-fifth .mask {
    width: 100%;
    height: auto;
    position: absolute;
    padding-bottom: 30px;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: #222222;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.view-fifth a.info {
    display: inline-block;
    text-decoration: none;
    background: #333333 none repeat scroll 0% 0%;
    color: #FFF;
    text-transform: ;
    border: 2px solid #fff;
    padding-left: 30px;
    padding-right: 30px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 25px;
    transition: all 0.3s linear 0s;
}
.view-fifth p {
    opacity: 0;
    transition: all 0.2s linear 0s;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: "Open Sans";
    font-style: normal;
     
}
.view-fifth a.info:hover {
    background-color: #EF4A43;
    color: #fff;
    text-decoration: none;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.view-fifth h2 {
    background: #333 none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
    font-size: 18px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    color: #FFF;
    text-transform: capitalize;
    padding: 10px;
    text-align: center;
    position: relative;
    margin-top: 14px;
}
.view-fifth:hover .mask {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.view-fifth:hover p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
/*=================================================================
	FACTS STYLES
==================================================================*/

.fact-main {
    padding-bottom: 100px;
}
.fact_cont {
    background-color: rgba(50, 95, 124, 0.22);
    background-image: url(img/bg/timer.jpg);
    /*background-size*/
    
    background-size: cover;
    background-position: center center;
}
.facts-wrapper {
    position: relative;
    border: 4px solid #616262;
    transition: all 0.3s linear 0s;
    padding-bottom: 40px;
    padding-top: 40px;
}
.facts-wrapper:hover {
    border-bottom: 4px solid #EC5B4C;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.facts-wrapper::after {
    background: none repeat scroll 0 0 #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.34;
    position: absolute;
    top: 0;
    width: 100%;
}
.single-fact {
    color: #eee;
    font-size: 24px;
    letter-spacing: 1px;
    position: relative;
    z-index: 99;
}
.single-fact i {} .single-fact h2 {
    padding-bottom: 5px;
    position: relative;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 600;
}
.single-fact p {
    text-transform: uppercase;
    padding-top: 15px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
}
/*---------------------------------------
 OUR WORK PROCESS STYLES 
-----------------------------------------*/

.work-process-main {
    padding-bottom: 100px;
}
.img-rounded {
    border-radius: 3px;
}
.img-thumbnail {
    background-color: #fff;
    border: 1px solid #ededf0;
    border-radius: 3px;
    display: inline-block;
    height: auto;
    line-height: 1.428571429;
    max-width: 100%;
    moz-transition: all .2s ease-in-out;
    o-transition: all .2s ease-in-out;
    padding: 2px;
    transition: all .2s ease-in-out;
    webkit-transition: all .2s ease-in-out;
}
.img-circle {
    border-radius: 50%;
}
.timeline-centered {
    position: relative;
    margin-bottom: 30px;
}
.timeline-centered:before,
.timeline-centered:after {
    content: " ";
    display: table;
}
.timeline-centered:after {
    clear: both;
}
.timeline-centered:before,
.timeline-centered:after {
    content: " ";
    display: table;
}
.timeline-centered:after {
    clear: both;
}
.timeline-centered:before {
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    background: #ccc;
    /*left: 50%;*/
    
    top: 20px;
    bottom: 20px;
    margin-left: 30px;
}
.timeline-centered .timeline-entry {
    position: relative;
    /*width: 50%;
        float: right;*/
    
    margin-top: 5px;
    margin-left: 30px;
    margin-bottom: 10px;
    clear: both;
}
.timeline-centered .timeline-entry:before,
.timeline-centered .timeline-entry:after {
    content: " ";
    display: table;
}
.timeline-centered .timeline-entry:after {
    clear: both;
}
.timeline-centered .timeline-entry:before,
.timeline-centered .timeline-entry:after {
    content: " ";
    display: table;
}
.timeline-centered .timeline-entry:after {
    clear: both;
}
.timeline-centered .timeline-entry.begin {
    margin-bottom: 0;
}
.timeline-centered .timeline-entry.left-aligned {
    float: left;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
    margin-left: 0;
    margin-right: -18px;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
    left: auto;
    right: -100px;
    text-align: left;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
    float: right;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
    margin-left: 0;
    margin-right: 70px;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -9px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.timeline-centered .timeline-entry .timeline-entry-inner {
    position: relative;
    margin-left: -39px;
}
.timeline-centered .timeline-entry .timeline-entry-inner:before,
.timeline-centered .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table;
}
.timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both;
}
.timeline-centered .timeline-entry .timeline-entry-inner:before,
.timeline-centered .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table;
}
.timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
    position: absolute;
    left: -100px;
    text-align: right;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
    display: block;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
    font-size: 15px;
    font-weight: bold;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
    font-size: 12px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
    background: #fff;
    color: #737881;
    display: block;
    width: 80px;
    height: 80px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 50px;
    text-align: center;
    -moz-box-shadow: 0 0 0 5px #f5f5f6;
    -webkit-box-shadow: 0 0 0 5px #f5f5f6;
    box-shadow: 0 0 0 5px #f5f5f6;
    line-height: 77px;
    font-size: 39px;
    float: left;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-one {
    background-color: #FFCD11;
    color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-two {
    background-color: #6D9C12;
    color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-three {
    background-color: #0088CC;
    color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-four {
    background-color: #B94189;
    color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
    background-color: #21a9e1;
    color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
    background-color: #fad839;
    color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
    background-color: #cc2424;
    color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
    position: relative;
    background: #f5f5f6;
    padding: 1em;
    margin-left: 100px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.3s linear 0s;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    border-color: transparent #f5f5f6 transparent transparent;
    left: 0;
    top: 10px;
    margin-left: -9px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
    color: #7A7A7A;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    margin: 0px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
    margin-top: 15px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
    font-size: 16px;
    margin-bottom: 10px;
    font-family: "Raleway";
    color: #212121;
    font-weight: 600;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
    -webkit-opacity: .6;
    -moz-opacity: .6;
    opacity: .6;
    -ms-filter: alpha(opacity=60);
    filter: alpha(opacity=60);
}
/*=================================================================
	SHOWCASE STYLES
==================================================================*/

.showcase_cont {
    background-color: rgba(50, 95, 124, 0.22);
    background-image: url(img/bg/port.jpg);
    /*background-size*/
    
    background-size: cover;
    background-position: center center;
}
.portfolio-filter {} .portfolio-filter ul li {
    display: inline;
}
.portfolio-filter ul li a.active {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    position: relative;
    background-color: #FFCD11;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    border: 2px solid transparent;
}
.portfolio-filter ul li a {
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    margin: 0 10px;
    padding: 5px 15px;
    position: relative;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    border: 1px solid #DDD;
}
.portfolio-filter ul li a:hover {
    background-color: #FFCD11;
    color: #fff;
    text-decoration: none;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.portfolio-filter ul li a:focus {
    text-decoration: none;
}
.og-grid .mix > a {
    display: block;
    overflow: hidden;
    position: relative;
}
.og-grid .mix a img {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.og-grid .mix a:hover img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: all 600ms ease-out 0s;
    -moz-transition: all 600ms ease-out 0s;
    -o-transition: all 600ms ease-out 0s;
    transition: all 600ms ease-out 0s;
}
.hover-mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(43, 44, 48, 0.8);
    opacity: 0;
    transition: all 600ms 0s ease-out;
}
.hover-mask span {
    border: 2px solid #DDD;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    height: 60px;
    left: 41%;
    padding: 14px 0px 11px;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 60px;
    font-size: 22px;
    background-color: #323435;
}
.og-grid .mix a:hover .hover-mask {
    opacity: 1;
}
.og-grid .mix a:hover .hover-mask-1 {
    opacity: 1;
}
#og-grid > .mix {
    display: none;
}
.og-grid {
    list-style: none;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.og-grid li {
    display: inline-block;
    margin: 1px 0px 3px -3px;
    vertical-align: top;
    height: 247px;
    width: 313px;
}
.og-grid li > a,
.og-grid li > a img {
    border: none;
    outline: none;
    display: block;
    position: relative;
    max-width: 100%;
    height: 250px;
}
.og-grid li.og-expanded > a::after {
    top: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #43464B;
    border-width: 15px;
    left: 50%;
    margin: -20px 0 0 -15px;
}
.og-expander {
    position: absolute;
    background-color: rgba(242, 242, 242, .1);
    top: auto;
    left: 0;
    width: 100%;
    margin-top: 10px;
    text-align: left;
    height: 0;
    overflow: hidden;
}
.og-expander-inner {
    padding: 50px 30px;
    height: 100%;
    color: #ddd;
}
.og-close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.og-close::before,
.og-close::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    height: 1px;
    background: #888;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.og-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.og-close:hover::before,
.og-close:hover::after {
    background: #fff;
}
.og-fullimg,
.og-details {
    width: 50%;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.og-details {
    padding: 0 40px 0 20px;
}
.og-fullimg {
    text-align: center;
}
.og-fullimg img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}
/* Safari 5+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    .og-fullimg img {
        height: 100%;
        width: 100%;
    }
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        .og-fullimg img {
            height: 100%;
            width: 100%;
        }
    }
}
/* Safari 9.0+ */

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
    .og-fullimg img {
        height: 100%;
        width: 100%;
    }
}
/* Safari 9.0+ (iOS Only) */

@supports (-webkit-text-size-adjust: none) and (not (-ms-accelerator: true)) {
    .og-fullimg img {
        height: 100%;
        width: 100%;
    }
}
/* Safari 7.1+ */

_::-webkit-full-page-media,
_:future,
:root .og-fullimg img {
    height: 100%;
    width: 100%;
}
/* Safari 6.1+ (non-iOS) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        _:-webkit-full-screen,
        .og-fullimg img {
            height: 100%;
            width: 100%;
        }
    }
}
.og-details h3 {
    font-size: 28px;
    margin-bottom: 10px;
    padding: 40px 0px 10px;
    text-transform: uppercase;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 800;
    letter-spacing: 3px;
    position: relative;
    margin-top: 0px;
    color: #FFF;
}
.og-details p {
    font-size: 14px;
    color: #fff;
    padding-top: 33px;
    line-height: 28px;
}
.og-details a {
    font-size: 16px;
    text-transform: capitalize;
    padding: 10px 20px;
    display: inline-block;
    margin: 30px 0px 0px;
    outline: medium none;
    border: 2px solid #FFF;
    color: #DDD;
}
.og-details a:hover {
    text-decoration: none;
}
.og-details a::before {
    content: '\2192';
    display: inline-block;
    float: right;
    margin-left: 10px;
}
.og-details a:hover {
    border-color: #ddd;
    color: #ddd;
}
@-webkit-keyframes loader {
    0% {
        background: #ddd;
    }
    33% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
    }
    66% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
    }
}
@-moz-keyframes loader {
    0% {
        background: #ddd;
    }
    33% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
    }
    66% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
    }
}
@keyframes loader {
    0% {
        background: #ddd;
    }
    33% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
    }
    66% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
    }
}
.btn-project {
    padding-top: 50px;
    padding-bottom: 50px;
}
.button-showcase-black span::focus {
    position: relative;
    z-index: 2;
    padding-right: 8px;
}
.pro-icon {
    padding: 9px 10px 8px;
    display: inline-block;
    margin: -9px -20px -8px 10px;
}
.button-showcase-black span {
    display: inline-block;
    padding: 9px 20px 8px;
    background: #FFCD11 none repeat scroll 0% 0%;
    color: #FFF;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    font-weight: 800;
    text-transform: uppercase;
    border: 0px none;
    position: relative;
    font-size: 12.3px;
    margin-bottom: 2px;
    z-index: 2;
}
.button-showcase-black span:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #333;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.button-showcase-black span:hover,
.button-showcase-black:focus,
.button-showcase-black:active {
    color: white;
    text-decoration: none;
}
.button-showcase-black span:hover:before,
.button-showcase-black:focus:before,
.button-showcase-black:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
/*---------------------------------------
PRICING TABLE STYLES       
-----------------------------------------*/

small.subscript {
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
}
.price {
    padding-left: 43px;
    padding-bottom: 100px;
}
.price .single_price:first-child {
    border-right: 0px solid #ddd;
}
.price .single_price:last-child {
    border-left: 0px solid #DDD;
}
.price .single_price_active {
    position: relative;
    padding: 0px 50px 120px;
    border: 1px solid #DDD;
    height: 600px;
    overflow: hidden;
    width: 375px;
    margin-top: -20px;
    transform: scale(1.01);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3) inset;
    background-color: #fff;
}
.price .single_price {
    overflow: hidden;
    position: relative;
    padding: 0px 50px 120px;
    border: 1px solid #DDD;
    background-color: #fff;
    height: 554px;
    width: 346px;
    margin-left: 2px;
    background-color: #fff;
}
.price div.price_body_active {
    margin-left: 81px;
    margin-top: 20px;
    line-height: 30px;
}
.price div.price_body {
    margin-top: 20px;
    line-height: 30px;
    text-align: center;
    padding-left: 49px;
}
.price .price_header {
    transition: all 300ms cubic-bezier(.07, .58, .39, 1);
}
.single_price .price_header {
    transition: all 300ms cubic-bezier(.07, .58, .39, 1);
}
.cross-square {
    border-radius: 2px;
    background-color: rgb(183, 183, 183);
    color: #381818;
}
.price-btn {} .price-btn-active {} .price-btn a {
    margin-right: 66px;
    background-color: #464646;
    color: #FFF;
    padding: 5px 20px;
    border-radius: 5px;
    transition: all 1s ease 0s;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}
.price-btn a:hover {
    text-decoration: none;
    background-color: #000000;
    color: #fff;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
  }
.price-btn-active a {
    margin-right: 66px;
    background-color: #464646;
    color: #FFF;
    padding: 5px 20px;
    border-radius: 5px;
    transition: all 1s ease 0s;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}
.price-btn-active a:hover {
    text-decoration: none;
    background-color: #000000;
    color: #fff;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
 }
.single_price:hover .price_header h3 {
    background-color: #000;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.single_price:hover .price-btn a {
    background-color: #000;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.single_price_active:hover .price-btn-active a {
    background-color: #000;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.single_price_active:hover .price_header h3 {
    background-color: #000;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.single_price .price_header h3 {
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    background-color: #FFCD11;
    padding-top: 40px;
    margin-left: 51px;
    color: #FFF;
    text-align: center;
    transition: all 0.3s linear 0s;
}
.single_price_active .price_header h3 {
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    background-color: #FFCD11;
    padding-top: 40px;
    margin-left: 72px;
    color: #FFF;
    transition: all 0.3s linear 0s;
}
.single_price .price_header h5 {
    color: #464646;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 46px;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 700;
}
.single_price_active .price_header h5 {
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 46px;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 700;
    color: #464646;
}
.price_body ul li {
    font-size: 14px;
    font-weight: 400;
    color: #464646;
}
.price_body_active ul li {
    font-size: 14px;
    color: rgb(70, 70, 70);
    font-weight: 400;
}
/*---------------------------------------
TESTIMONIAL STYLES       
-----------------------------------------*/

.testmonial_cont {
    background-color: rgba(50, 95, 124, 0.22);
    background-image: url(img/bg/testimonialbg.jpg);
    /*background-size*/
    
    background-size: cover;
    background-position: center center;
}
.testmonials {
    position: relative;
    z-index: 2;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 130px;
}
/* Carousel */

#quote-carousel {
    padding: 0px 10px 68px;
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 36px;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: 142px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
/* Safari 5+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    #quote-carousel .carousel-indicators li {
        width: 50px;
        height: 50px;
        margin: 5px;
        cursor: pointer;
        border: none;
        opacity: 0.4;
        overflow: hidden;
        transition: all 0.4s;
    }
    #quote-carousel .carousel-indicators li img {
        width: 50px;
        height: 50px;
        border-radius: 50px;
    }
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        #quote-carousel .carousel-indicators li {
            width: 50px;
            height: 50px;
            margin: 5px;
            cursor: pointer;
            border: none;
            opacity: 0.4;
            overflow: hidden;
            transition: all 0.4s;
        }
        #quote-carousel .carousel-indicators li img {
            width: 50px;
            height: 50px;
            border-radius: 50px;
        }
    }
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #FFCD11;
    opacity: 1;
    overflow: hidden;
}
/* Safari 5+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    #quote-carousel .carousel-indicators .active {
        background: #333333;
        width: 128px;
        height: 128px;
        border: none;
        opacity: 1;
        overflow: hidden;
    }
    #quote-carousel .carousel-indicators .active img {
        display: block;
        width: 128px;
        height: 128px;
        border-radius: 100px;
    }
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        #quote-carousel .carousel-indicators .active {
            background: #333333;
            width: 128px;
            height: 128px;
            border: none;
            opacity: 1;
            overflow: hidden;
        }
        #quote-carousel .carousel-indicators .active img {
            display: block;
            width: 128px;
            height: 128px;
            border-radius: 100px;
        }
    }
}
.item .client-meta {
    margin: -21px 0px 10px;
}
.item .client-meta h3 {
    font-size: 18px;
    font-family: 'Open Sans';
    font-style: normal;
    margin: 15px 0 5px .0;
    color: #999;
}
.item .client-meta h3 span {
    font-weight: 600;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.item blockquote p:after {
    content: "\f10e";
    font-family: 'Fontawesome';
    float: right;
    margin-right: 10px;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0px;
    font-family: "Open Sans";
    font-style: normal;
    font-size: 15px;
    color: #fff;
}
/* Safari 5+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    blockquote p:last-child,
    blockquote ul:last-child,
    blockquote ol:last-child {
        font-weight: 600;
    }
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        blockquote p:last-child,
        blockquote ul:last-child,
        blockquote ol:last-child {
            font-weight: 600;
        }
    }
}
/* Safari 6.1+ (non-iOS) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        _:-webkit-full-screen,
        blockquote p:last-child,
        blockquote ul:last-child,
        blockquote ol:last-child {
            font-weight: 600;
        }
    }
}
.author-name {
    font-style: italic;
    margin-top: 20px;
}
.single-team {
    font-size: 15px
}
.single-team h2 {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 50px;
    text-transform: uppercase;
}
/*=================================================================
	OUR TEAM STYLES
==================================================================*/

.team-main {
    padding-bottom: 100px;
}
.team-mate {
    border: 1px solid #ddd;
    transition: all 0.3s linear 0s;
}
.team-mate:hover {
    border-bottom: 1px solid #EC5A4C;
    cursor: url(img/plus.png), auto;
    background-color: #F4F4F4;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.team-mate:hover .member-title {
    background-color: #F4F4F4;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.team-mate:hover .member-photo a img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.team-mate .member-photo {
    overflow: hidden;
    position: relative;
}
.team-mate .member-photo a img {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    padding: 6px;
    width: 100%;
}
.team-mate .member-title {
    padding: 10px 15px;
    text-align: center;
    background-color: #fff;
}
.member-photo .mask {
    background-color: rgba(43, 44, 48, 0.8);
    position: absolute;
    text-align: center;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 600ms 0s ease-out;
}
.team-mate:hover .mask {
    cursor: url(img/plus.png), auto;
    opacity: 1;
}
.team-mate h3 {
    font-size: 18px;
    margin: 0px 0px 5px;
    color: #000;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
}
.team-mate span {
    color: #000;
    font-family: "Open Sans";
    font-style: normal;
    font-size: 14px;
}
.member-info {
    padding: 15px;
    text-align: center;
}
.mask ul {
    text-align: center;
    position: relative;
    top: 125px;
    right: 17px;
}
.mask ul li {
    display: inline-block;
    margin-right: 15px;
}
.mask ul li a {
    border: 1px solid #DDD;
    border-radius: 50%;
    color: #FFF;
    display: block;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
    transition: all 0.3s linear 0s;
}
.mask ul li a:hover {
    background-color: #EF4A43;
    border: 1px solid #fff;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.team-slider .owl-nav {
    left: 0px;
    position: absolute;
    width: 100%;
    top: -36px;
    color: #000;
}
.team-slider .owl-nav > div.owl-prev {
    left: 0px;
    top: 0px;
    border: 1px solid #999;
    width: 20px;
    padding: 0px 2px 0px 5px;
}
.team-slider .owl-nav > div.owl-next {
    top: 0px;
    width: 20px;
    padding: 0px 0px 0px 6px;
    border: 1px solid #999;
    left: 26px;
}
.team-slider .owl-nav > div {
    font-size: 20px;
    position: absolute;
}
/*---------------------------------------
TWITTER FEED  STYLES       
-----------------------------------------*/

.twitter_cont {
    background-color: rgba(50, 95, 124, 0.22);
    background-image: url(img/bg/twitter.jpg);
    /*background-size*/
    
    background-size: cover;
    background-position: center center;
}
.twitter-feed-wrapper {
    position: relative;
    z-index: 2;
    padding-top: 70px;
    padding-bottom: 70px;
}
.twitter-feed-top {
    font-size: 30px;
    margin-bottom: 40px;
}
.twitter-feed-top i {
    border-radius: 50px;
    display: inline-block;
    height: 90px;
    width: 90px;
    color: #55ACEE;
    border: 2px solid #55ACEE;
    padding-top: 20px;
    font-size: 50px;
}
.author-twitter {
    margin-top: 25px
}
.author-twitter a {
    color: #212121;
    font-weight: 700;
}
.twitter-feed-top {
    font-size: 30px;
}
.single-twitter-feed img {
    margin-bottom: 20px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.single-twitter-feed .tweet {
    position: relative;
    border-radius: 3px;
    padding: 15px;
    color: rgb(255, 255, 255);
}
.single-twitter-feed ul {
    list-style: none;
}
.single-twitter-feed .tweet .date {
    padding-right: 43px;
    font-weight: bold;
    font-size: 20px;
}
.author-twitter {
    margin-top: 25px
}
.author-twitter a {
    font-weight: 700;
    color: #FFF;
    background-color: #333333;
    padding: 9px 20px;
    border: 1px solid #DDD;
    transition: all 0.3s linear 0s;
}
.author-twitter a:hover {
    background-color: #EF4A43;
    text-decoration: none;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
/*=================================================================
	LATEST POSTS STYLES
==================================================================*/

.note {
    border: 2px solid #ddd;
    cursor: pointer;
    transition: all 0.3s linear 0s;
}
.home-page-blog-slider img {} .thumbnail {
    position: relative;
    overflow: hidden;
    display: block;
    padding: 0px;
    margin-bottom: 0px;
    line-height: 0;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.note:hover {
    border-bottom: 2px solid #ED1F1F;
    cursor: pointer;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.note:hover .excerpt a {
    color: #ED1F1F;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.note .media-wrapper {
    border-bottom: 1px solid #4e595f;
}
.note .excerpt {
    background-color: #fff;
    padding: 10px 20px;
    text-align: left;
}
.note .excerpt a {
    font-size: 17px;
    line-height: 2.5;
    text-transform: capitalize;
    color: #000;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
}
.note .excerpt a:hover {
    text-decoration: none;
}
.note .excerpt .blog-info-meta {
    margin-top: -14px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}
.note .excerpt .blog-info-meta a {
    color: #555;
    font-size: 13px;
    font-family: "Open Sans";
    font-style: normal;
    text-decoration: none;
    padding-right: 6px;
    border-right: 2px solid #DDD;
    font-weight: 400;
}
.note .excerpt .blog-info-meta a:last-child {
    border: none;
}
.note .excerpt .blog-info-meta-1 a {
    color: #555;
    font-size: 13px;
    font-family: "Open Sans";
    font-style: normal;
    text-decoration: none;
}
.note .excerpt .blog-info-meta-1 i {
    color: #999;
    padding-left: 3px;
}
.note .excerpt .blog-details {} .note .excerpt .blog-details p {
    text-decoration: none;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #555;
}
.note .excerpt .blog-details p a {
    font-weight: 400;
    letter-spacing: 0px;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 0px;
    background-color: #525252;
    color: #FFF;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.note .excerpt .blog-details p a:hover {
    text-decoration: none;
    background-color: #ED1F1F
}
.note .excerpt .blog-info-meta-1 {
    border-bottom: 1px solid #DDD;
    padding-bottom: 5px;
}
.caption-1 a i {
    border: 2px solid #FFF;
    color: #333;
    display: inline-block;
    left: 44%;
    padding-top: 12px;
    position: absolute;
    text-align: center;
    top: 37%;
    width: 45px;
    height: 45px;
    background-color: #FFF;
    font-size: 17px;
    padding-right: 5px;
}
.caption-1 {
    position: absolute;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    display: none;
    text-align: center;
    z-index: 2;
    height: 100%;
}
.caption-2 a i {
    border: 2px solid #FFF;
    color: #333;
    display: inline-block;
    left: 44%;
    padding-top: 12px;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 45px;
    height: 45px;
    background-color: #FFF;
    font-size: 17px;
    padding-right: 5px;
}
.caption-2 {
    position: absolute;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    display: none;
    text-align: center;
    z-index: 2;
    height: 100%;
}
.caption-3 a i {
    border: 2px solid #FFF;
    color: #333;
    display: inline-block;
    left: 44%;
    padding-top: 12px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 45px;
    height: 45px;
    background-color: #FFF;
    font-size: 17px;
    padding-right: 5px;
}
.caption-3 {
    position: absolute;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    display: none;
    text-align: center;
    z-index: 2;
    height: 100%;
}
.button-blog-black span::focus {
    position: relative;
    z-index: 2;
    padding-right: 8px;
}
.pro-icon {
    padding: 9px 10px 8px;
    display: inline-block;
    margin: -9px -20px -8px 10px;
}
.button-blog-black span {
    display: inline-block;
    padding: 9px 20px 8px;
    background: #333 none repeat scroll 0% 0%;
    color: #FFF;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    font-weight: 800;
    text-transform: uppercase;
    border: 0px none;
    position: relative;
    font-size: 12.3px;
    margin-bottom: 2px;
    z-index: 2;
}
.button-blog-black span:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFCD11;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.button-blog-black span:hover,
.button-blog-black:focus,
.button-blog-black:active {
    color: white;
    text-decoration: none;
}
.button-blog-black span:hover:before,
.button-blog-black:focus:before,
.button-blog-black:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.blog-slider .owl-nav {
    left: 0px;
    position: absolute;
    width: 100%;
    top: -36px;
    color: #000;
}
.blog-slider .owl-nav > div.owl-prev {
    left: 0px;
    top: 0px;
    border: 1px solid #999;
    width: 20px;
    padding: 0px 2px 0px 5px;
}
.blog-slider .owl-nav > div.owl-next {
    top: 0px;
    width: 20px;
    padding: 0px 0px 0px 6px;
    border: 1px solid #999;
    left: 26px;
}
.blog-slider .owl-nav > div {
    font-size: 20px;
    position: absolute;
}
/*=================================================================
	CLIENT LOGO CAROUSEL STYLES
==================================================================*/

.clients {
    padding-bottom: 120px;
    padding-top: 40px;
}
.single-client {} .single-client img {
    width: 160px !important;
    margin-left: 25px;
}
.client-list .owl-nav {
    left: 0px;
    position: absolute;
    top: 45px;
    width: 100%;
    color: #000;
}
.client-list .owl-nav > div {
    font-size: 30px;
    position: absolute;
}
.client-list .owl-nav > div.owl-prev {} .client-list .owl-nav > div.owl-next {
    right: 5px;
}
/*---------------------------------------
 NEWSLATTER STYLES      
-----------------------------------------*/

.newsletter-main {
    padding-bottom: 70px;
    padding-top: 70px;
}
.member-list-sec {} .marketplace-content {
    margin-left: 0px;
}
.marketplace-content::after {
    position: absolute;
    width: 50px;
    content: "";
    display: block;
    height: 2px;
    background: #FFCD11 none repeat scroll 0% 0%;
    top: 55px;
}
.marketplace-content h2 {
    text-align: left;
    font-size: 25px;
    text-transform: uppercase;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 700;
    letter-spacing: 3px;
    position: relative;
    margin-top: 0px;
    color: #212121
}
.marketplace-content h6 {
    text-align: left;
    padding-bottom: 17px;
    margin-top: -11px;
    color: #212121;
    font-size: 12px;
    font-family: "Open Sans";
    font-style: normal;
}
ul.memberLst {
    width: 100%;
    padding: 37px 0px 0px;
}
ul.memberLst li {
    padding: 0px;
    list-style: outside none none;
    width: 100px;
    height: auto;
}
ul.memberLst li a img {
    width: 100%;
    height: auto;
    border: 1px solid #999;
    opacity: 1;
}
ul.memberLst li a:hover img {
    transition: all 0.4s linear 0s;
    border: 1px solid #FFCD11;
}
ul.memberLst li a span {
    display: block;
    text-align: center;
    width: 100%;
    font: 14px/40px "Open Sans", sans-serif;
    color: #333;
}
ul.memberLst li a:hover {
    text-decoration: none;
}
.memberLst .owl-nav {
    left: 0px;
    position: absolute;
    width: 100%;
    top: -0px;
    color: #000;
}
.memberLst .owl-nav > div.owl-prev {
    left: 0px;
    top: 0px;
    border: 1px solid #999;
    width: 20px;
    padding: 0px;
}
.memberLst .owl-nav > div.owl-next {
    top: 0px;
    width: 20px;
    padding: 0px;
    border: 1px solid #999;
    left: 26px;
}
.memberLst .owl-nav > div {
    font-size: 20px;
    position: absolute;
}
#newslatters {
    position: relative;
    color: #fff;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(img/bg/ftrLine.png) no-repeat center center;
    background-color: #F4F4F4;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD
}
.newslatter-content {} .newslatter-content::after {
    position: absolute;
    width: 50px;
    content: "";
    display: block;
    height: 2px;
    background: #FFCD11 none repeat scroll 0% 0%;
    top: 55px;
}
.newslatter-content h2 {
    text-align: left;
    font-size: 25px;
    text-transform: uppercase;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 700;
    letter-spacing: 3px;
    position: relative;
    margin-top: 0px;
    color: #212121
}
.newslatter-content h6 {
    text-align: left;
    padding-bottom: 17px;
    margin-top: -11px;
    color: #212121;
    font-size: 12px;
    font-family: "Open Sans";
    font-style: normal;
}
.newslatter {
    margin-top: 26px;
}
.newslatter form {} .newslatter form input,
.newslatter form button {
    display: inline-block;
}
.newslatter .form-control,
.newslatter .form-control:visited,
.newslatter .form-control:active {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background-color: transparent;
    border: 1px solid #999;
    background-image: none;
    border-radius: 3px;
    margin-bottom: 15px;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
}
.newslatter .form-control:focus {
    border: 1px solid #FD4D66;
    border-color: #FD4D66;
    outline: 0px none;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 0px rgba(102, 175, 233, 0.6);
}
.newslatter form input[placeholder] {
    color: red
}
.newslatter form input[text] {
    color: red
}
.newslatter form input {} .newslatter form button:focus,
.newslatter form button:hover,
.newslatter form button:active,
.newslatter form button:visited {
    display: inline-block;
    padding: 10px 50px;
}
.newslatter form button {
    float: left;
    background-color: #222222;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 10px 50px;
    margin-top: -2px;
    border-radius: 3px;
    transition: all 0.3s linear 0s;
    border: 1px solid #999;
}
.newslatter form button:hover {
    color: #fff;
    background-color: #E94C41;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.label-style {
    display: block;
}
.label-style.error {
    color: #212121;
    font-size: 13px;
    font-weight: 400;
}
.label-style.valid {
    color: #EC6151;
    font-size: 13px;
    font-weight: 800;
}
/*---------------------------------------
CONTACT  STYLES    
-----------------------------------------*/

.contact-form {} .contact-form .form-control {
    background-color: transparent;
    1px solid #484848 height: 38px;
    color: #7A7A7A;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
}
.contact-form input:hover,
.contact-form textarea:hover,
#contact-submit:hover {
    border-color: #CCC;
}
#newslater-submit {
    background-color: #222222;
}
#contact-submit {
    border: 1px solid #CCC;
    padding: 12px 0px;
    width: 100%;
    margin: 0px;
    color: #999;
    background-color: #FFF;
    font-size: 19px;
    font-weight: 700;
    transition: all 0.5s linear 0s;
}
#contact-submit:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.contact-form textarea.form-control {
    padding: 10px;
    height: 120px;
}
.error {
    background-color: #E53A35;
    border-radius: 4px;
    color: #fff;
    display: none;
    font-size: 13px;
    padding: 10px;
}
.success {
    background-color: #FFCD11;
    border-radius: 4px;
    color: #000;
    display: none;
    font-size: 13px;
    padding: 10px;
}
.st-contact-info .st-box .icon {
    position: absolute;
    left: 24px;
    top: 5px;
    padding: 0px;
}
.st-contact-info .st-box {
    background: #fff none repeat scroll 0% 0%;
    padding: 5px 35px 5px 60px;
    position: relative;
    text-align: left;
    margin-bottom: 30px;
    border: 1px solid #ddd;
}
.st-contact-info .st-box .st-title {
    font-weight: 700;
    font-size: 14px;
    text-transform: none;
    color: #000;
    line-height: 28px;
    margin: 0px;
}
.st-contact-info .st-box p {
    color: #333;
    line-height: 25px;
    font-weight: 400;
    margin: 0px;
}
/*contact_social*/

.st-contact-info .st-box li {
    display: inline-block;
}
.st-contact-info .st-box li:hover {
    background-color: #272727;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.st-contact-info .st-box li a {
    display: block;
    width: 40px;
    height: 40px;
    padding-top: 5px;
    background: none repeat scroll 0% 0% #FFCD11;
    color: #FFF;
    padding-left: 13px;
    transition: all 0.3s linear 0s;
}
#map {
    width: 100%;
    height: 480px;
    margin-top: 70px:
}
/*---------------------------------------
FOOTER   STYLES    
-----------------------------------------*/

.footer-social-icon {
    padding: 101px 0px 70px 0px;
}
.footer-social-icon > ul {
    text-align: center;
}
.footer-social-icon > ul > li {
    display: inline-block;
    margin-right: 20px;
}
.footer-social-icon > ul > li > a {
    background-color: #212121;
    display: block;
    height: 60px;
    width: 60px;
    border-radius: 5px;
    border: 1px solid #7A7A7A;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: all 400ms ease-out 0s;
    -moz-transition: all 400ms ease-out 0s;
    -o-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
}
/* Safari 5+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    .footer-social-icon > ul > li > a {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        .footer-social-icon > ul > li > a {
            -webkit-transform: rotateY(0deg);
            -moz-transform: rotateY(0deg);
            -ms-transform: rotateY(0deg);
            -o-transform: rotateY(0deg);
            transform: rotateY(0deg);
        }
    }
}
/* Safari 6.1+ (non-iOS) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        _:-webkit-full-screen,
        .footer-social-icon > ul > li > a {
            -webkit-transform: rotateY(0deg);
            -moz-transform: rotateY(0deg);
            -ms-transform: rotateY(0deg);
            -o-transform: rotateY(0deg);
            transform: rotateY(0deg);
        }
    }
}
.footer-social-icon > ul > li > a > i {
    color: #DDD;
    display: inline-block;
    font-size: 26px;
    line-height: 62px;
    margin: 0px;
    transform: rotateY(180deg);
    transition: all 400ms ease-out 0s;
}
.footer-social-icon > ul > li:hover a {
    background-color: #E74C3C;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
/* Safari 5+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    .footer-social-icon > ul > li:hover a {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        .footer-social-icon > ul > li:hover a {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }
    }
}
/* Safari 6.1+ (non-iOS) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        _:-webkit-full-screen,
        .footer-social-icon > ul > li:hover a {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }
    }
}
.footer-social-icon > ul > li:hover a i {
    color: #fff;
    opacity: 1;
    transform: rotateY(0deg);
}
.footer-copyright {
    padding: 20px 0;
}
.footer-copyright p {
    color: #8E8E8E;
    font-size: 15px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
}
.footer-copyright p i {
    color: rgb(236, 92, 77);
}
.footer-copyright p a {
    text-decoration: none;
    color: #fff;
    transition: all 0.3s linear 0s;
}
.footer-copyright p a:hover {
    text-decoration: none;
    color: rgb(236, 92, 77);
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
#footer {
    background: none repeat scroll 0 0 #212121;
}
/*---------------------------------------
  BLOG PAGE STYLES     
-----------------------------------------*/

.blog_header {
    background: transparent url("img/banner/blogbanner.jpg") repeat scroll center center / cover;
}
.blog_header_overlay {
    background-color: rgba(0, 0, 0, 0.4);
}
.section_header {
    padding: 100px 0px;
}
.blog_header .section_header i {
    color: #FFF;
    padding-top: 42px;
}
.blog_header .section_header h1 {
    color: #FFF;
    padding-top: 23px;
    text-transform: uppercase;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
}
.blog_header .section_header p {
    font-size: 16px;
    color: #fff;
    padding-top: 8px;
    line-height: 23px;
}
.blog_header .page-title-b {
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: -84px;
   }
.blog_header .page-title-b p {
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.blog_header .page-title-b p a {
    color: #FFCD11;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s linear 0s;
}
.blog_header .page-title-b p a:hover {
    color: #fff;
    text-decoration: none;
}
.blog_header .page-title-b p span {
    color: #fff;
}
#blog-posts {
    margin-top: 103px;
}
#right-sidebar {
    margin-top: 103px;
}
#left-sidebar {
    margin-top: 103px;
}
.post-slider img {
    width: 100%
}
.blog-read-more {
    margin-left: 93px;
}
.tab-excerpt {
    float: right;
    margin-right: 92px;
}
.tab-excerpt-para p {
    margin-top: 21px;
}
.tab-thumb {
    width: 100px;
    float: left;
    max-width: 100px;
}
.blog-icon {
    border: 1px solid #6CB670;
    border-radius: 50%;
    color: #6CB670;
    display: inline-block;
    padding: 16px 20px;
}
.tab-excerpt p.views {
    font-size: 12px;
    margin-top: -9px;
}
.tab-excerpt p.views span {
    display: block;
    float: left;
    background: #B6B6B6 none repeat scroll 0% 0%;
    margin-right: 6px;
    margin-top: 0px;
    color: #FFF;
    padding-right: 4px;
    padding-left: 4px;
}
.blog-title h1 {
    text-transform: uppercase;
}
#blog-page {
    margin: 0px;
}
.light-version {
    background-color: #fff;
}
.post-item .entry {
    margin-bottom: 30px;
}
.post-thumb img {
    width: 100%;
}
.post-image-slider img {
    width: 100%;
}
.entry .post-excerpt {
    background-color: rgb(244, 244, 244);
    margin-bottom: -20px;
    padding: 1px 20px;
    margin-top: -9px;
}
.entry .post-excerpt h4 {
    font-size: 14px;
    color: #7A7A7A;
    font-weight: 400;
    font-style: italic;
}
.entry .post-excerpt h4 a {
    color: #7A7A7A;
    text-decoration: none;
}
.entry .post-excerpt p {
    color: #7A7A7A;
    font-size: 15px;
    margin-top: 35px;
    margin-bottom: 35px;
}
.entry .post-excerpt p a {
    color: #EA5246;
}
.entry .post-excerpt h3 a {
    color: #333;
    text-decoration: none;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.entry .post-excerpt h3 a:hover {
    color: #FFCD11;
    text-decoration: none;
}
.entry .post-excerpt h3 {
    font-size: 20px;
    text-transform: capitalize;
    font-style: normal;
    font-weight: 600;
    padding-top: 24px;
    font-family: "Open Sans";
}
.entry .post-meta {
    background-color: #3d444a;
    border-top: 1px solid #4e595f;
    font-size: 13px;
    margin: 20px 0 0;
    padding: 0 20px 10px;
    color: #fff;
}
.entry .post-meta span {
    border-right: 1px solid #4e595f;
    display: inline-block;
    font-size: 12px;
    margin: 10px 10px 0 0;
    padding-right: 10px;
}
.entry .post-meta span:last-child {
    border-right: 0;
}
.entry .post-meta span i {
    margin-right: 5px;
}
.entry .post-meta a:hover {
    color: #6CB670;
}
.entry .post-meta span a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: all 0.3s linear 0s;
}
.entry .media-wrapper iframe {} aside.widget {
    margin-bottom: 70px;
}
.widget-title h3 {
    margin-top: 0px;
    position: relative;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 600;
    color: #333;
    letter-spacing: 1px;
}
.widget-title h3::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0px;
    width: 50px;
    height: 2px;
    background-color: #FFCD11;
}
.widget-content p {
    font-size: 14px;
    line-height: 28px;
    margin-top: -10px;
}
.widget-content {
    margin-top: 38px;
}
#search-form {
    position: relative;
}
#search-submit {
    background: none;
    border: 0;
    color: #C8C8CA;
    display: block;
    font-size: 16px;
    height: 46px;
    outline: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: -6px;
    width: 32px;
}
.widget-content .tab-content {
    color: #000;
    padding: 20px 20px 0px;
    margin-left: -20px;
}
.widget-content > .nav-tabs {
    border: none;
    background-color: #000;
}
.widget-content > .nav-tabs > li {
    margin-right: 2px;
    margin-bottom: 0px;
}
.widget-content > .nav-tabs > li > a {
    border: 0;
    margin-right: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.5s linear 0s;
}
.widget-content > .nav-tabs > li > a:hover {
    background-color: #FFCD11;
    color: #fff;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.widget-content > .nav-tabs > li:hover {
    background-color: #FFCD11;
    margin-top: 0px;
}
.widget-content > .nav-tabs > li:hover > a {
    border: 0;
    background: none !important;
    color: #fff;
}
.widget-content > .nav-tabs > li.active {
    position: relative;
}
.widget-content > .nav-tabs > li.active > a {
    border: 0;
    color: #fff;
    background-color: #FFCD11;
    border-radius: 0px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.tab-pane.active .clearfix {
    margin-bottom: 2px;
}
.tab-excerpt span {
    display: block;
    font-size: 12px;
    margin-bottom: 20px;
    margin-top: -15px;
}
.tab-excerpt h4 {
    font-size: 14px;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 600;
    color: #212121;
}
.tab-excerpt h4 a {
    text-decoration: none;
    color: #212121;
}
.tab-excerpt h4 a:hover {
    text-decoration: none
}
.tab-excerpt h4 a:hover {
    color: #6cb670;
}
.tab-post-nav li a {
    border-top: 3px solid transparent;
    color: #fff;
    display: block;
    padding: 13px 18px;
    text-align: center;
}
ul.categories {
    color: #000;
    margin-left: -39px;
}
ul.categories li {
    margin-bottom: 5px;
    -webkit-transition: all .5s ease-in 0s;
    -moz-transition: all .5s ease-in 0s;
    -o-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s;
    list-style: none;
}
ul.categories > li:hover a {
    padding-left: 10px;
    color: #6CB670;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
ul.categories > li:last-child {
    border-bottom: 0;
}
ul.categories li a {
    padding-left: 5px;
    color: rgb(0, 0, 0);
    text-decoration: none;
    font-size: 16px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    transition: all 0.5s linear 0s;
}
ul.categories li a:hover {
    text-decoration: none;
}
ul.categories li a:focus {
    text-decoration: none;
}
.read-more {
    margin-top: 20px;
}
.read-more li {} .read-more > li:hover a {
    padding-left: 10px;
    color: #E22E2D;
}
.read-more > li:last-child {
    border-bottom: 0;
}
.read-more li a {
    padding-left: 5px;
    color: rgb(0, 0, 0);
}
.read-more li i {
    border: 1px solid #000;
    width: 26px;
    height: 23px;
    text-align: center;
    color: #000;
    margin-top: 2px;
}
.widget-content .tag {
    background-color: #2F383D;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 2px 13px;
    font-size: 16px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    transition: all 0.5s linear 0s;
}
.widget-content .tag:hover {
    background-color: #EA5B4C;
    color: #fff;
    text-decoration: none;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.post-pagination {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: -37px;
}
.post-pagination ul li {
    margin-right: 5px;
    float: left;
    list-style: none;
}
.post-pagination ul li:last-child {
    margin-right: 0;
}
.post-pagination ul li.disabled a {
    cursor: not-allowed;
    transition: all 0.3s linear 0s;
}
.post-pagination ul li.disabled a:hover {
    background-color: #2E373C;
    color: #fff;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.post-pagination ul li a {
    background-color: #fff;
    color: #9AA8B3;
    display: block;
    padding: 4px 18px;
    border: 1px solid #999;
    transition: all 0.3s linear 0s;
}
.post-pagination ul li a:hover,
.post-pagination ul li.active a {
    background-color: #2E373C;
    color: #fff;
    text-decoration: none;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
/*social-widget */

.social-widget {
    margin-left: -39px;
}
.social-widget li {
    display: inline-block;
    transition: all 0.5s linear 0s;
}
.social-widget ul {
    margin-top: -17px;
}
.social-widget li a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    background: none repeat scroll 0% 0% #FFCD11;
    color: #FFF;
    padding-left: 13px;
    border-radius: 50%;
    margin-top: 17px;
}
.social-widget li a:hover {
    background-color: #272727;
    border-color: #272727;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
/*=================================================================
	SINGLE PORTFOLIO-2 STYLES
==================================================================*/

#portfolio-single-3 {
    padding: 70px 0;
}
.portfolio-single-3 {} .portfolio-single-3 h2 {
    font-size: 22px;
    line-height: 28px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
}
.portfolio-single-3 h2::after {
    content: "";
    position: absolute;
    left: 17px;
    width: 50px;
    height: 1px;
    background-color: #FFCD11;
    top: 36px;
}
.portfolio-single-3 img {
    height: 150px;
    max-height: 150px;
    width: 350px;
    max-width: 350px;
}
.portfolio-single-3 h4 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    padding-top: 13px;
    font-size: 16px;
}
/* Safari 5+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    .portfolio-single-3 h4 {font-weight: 600;}
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
      .portfolio-single-3 h4 {font-weight: 600;}
    }
}
/* Safari 6.1+ (non-iOS) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        _:-webkit-full-screen,
        .portfolio-single-3 h4 {font-weight: 600;}
    }
}
.portfolio-single-3 p {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    margin-top: -11px;
}
/* Safari 5+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    .portfolio-single-3 p {font-weight: 600;}
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
      .portfolio-single-3 p {font-weight: 600;}
    }
}
/* Safari 6.1+ (non-iOS) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        _:-webkit-full-screen,
        .portfolio-single-3 p {font-weight: 600;}
    }
}
.portfolio-media-wrapper {} .portfolio-media-wrapper iframe {}
/*=================================================================
	SINGLE PORTFOLIO STYLES
==================================================================*/

.portfolio-header {
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 40px;
    padding-top: 40px;
}
.carousel-indicators {
    bottom: 0px;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: #FFCD11;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate {
    /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
    
    -webkit-transition: width 4.25s linear;
    -moz-transition: width 4.25s linear;
    -o-transition: width 4.25s linear;
    transition: width 4.25s linear;
}
#portfolio-wrap .portfolio-content-inner,
#portfolio-wrap .portfolio-sidebar-inner {
    padding-top: 40px;
    padding-bottom: 40px;
}
.portfolio-content-inner h1 {
    font-size: 22px;
    line-height: 28px;
    font-style: normal;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
}
.portfolio-content-inner p {
    font-size: 13.8px;
    line-height: 23px;
    color: #999;
    font-weight: 400;
}
/* Safari 5+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    
    ::i-block-chrome,
    .portfolio-content-inner p {font-weight: 600;}
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
       .portfolio-content-inner p {font-weight: 600;}
    }
}
/* Safari 6.1+ (non-iOS) */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        _:-webkit-full-screen,
        .portfolio-content-inner p {font-weight: 600;}
    }
}
.bottom-20 {
    margin-bottom: 20px;
}
.portfolio-content-sidebar .portfolio-sidebar-inner {
    border-left: 1px solid #F0F0F0;
    padding-left: 31px;
    margin-left: -1px;
}
.bottom-0 {
    margin-bottom: 0px;
}
.portfolio-single-read-more {
    vertical-align: middle;
    transform: translateZ(0px);
    box-shadow: 0px 0px 1px transparent;
    backface-visibility: hidden;
    background: #FFCD11 none repeat scroll 0% 0%;
    display: inline-block;
    margin-top: 14px;
    text-transform: uppercase;
    font-size: 14px;
    color: #FFF;
    position: absolute;
    text-align: center;
    transition: all 0.1s linear 0s;
    border: 2px solid #FFF;
    font-weight: bold;
    padding: 7px 20px;
}
.portfolio-single-read-more:hover {
    text-decoration: none;
    color: #fff;
    background-color: #333333;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.portfolio-details li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F0F0F0;
}
.portfolio-details li span.name {
    min-width: 120px;
    color: #272727;
    float: left;
    display: block;
    font-size: 14px;
}
.portfolio-details li span {
    display: inline-block;
    float: right;
    color: #E8473E;
    font-weight: 600;
}
.portfolio-details li span a {
    color: #E8473E;
    text-decoration: none;
}
.portfolio-details li span.name i {
    margin-right: 10px;
}
.portfolio-details li span.price_body,
.portfolio-details li span.price_body a {
    color: #999;
}
.portfolio-details li span.price_body,
.portfolio-details li span.price_body a:hover {
    text-decoration: none;
}
.portfolio-details li span.price_body {
    display: block;
    text-align: right;
    font-size: 14px;
}
/*=================================================================
	SINGLE BLOG PAGE STYLES
==================================================================*/

.single-blog {
    background-color: #fff;
    margin-bottom: 50px;
    padding: 20px;
}
blockquote {
    border-left: 5px solid #999;
    font-style: italic;
    line-height: 22px;
    margin: 34px 0px;
}
.author-about {
    color: rgb(102, 102, 102);
}
.social-profile ul li {
    float: left;
    margin: 0px 6px 0px 0px;
    list-style: none;
}
.social-profile a {
    color: #D16459;
    display: block;
}
.social-profile ul {
    margin-left: -38px;
    padding-top: 1px;
}
.social-profile li a i {
    line-height: 33px;
    font-size: 30px;
}
.next-prev {
    border-bottom: 1px solid #4e595f;
    border-top: 1px solid #4e595f;
    margin: 20px 0;
    padding: 15px 0 10px;
}
.next-prev a:hover {
    color: #FFCD11;
    text-decoration: none;
}
.prev-post {
    color: #000;
}
.next-post {
    color: #000;
}
.prev-post i {
    float: left;
    margin-right: 10px;
    margin-top: -4px;
}
.next-post i {
    float: right;
    margin-left: 10px;
    margin-top: -3px;
}
.post-author {
    margin-right: 20px;
}
.post-author > img {
    border: 1px solid #4e595f;
    max-width: 120px;
    padding: 5px;
    width: 100%;
}
.comment-reply-form > h3,
.author-about > h4,
.comments > h4 {
    border-bottom: 1px solid #4e595f;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 10px;
    position: relative;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
}
.author-bio p {
    font-size: 14px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    color: #7A7A7A;
    line-height: 28px;
}
.author-bio h5 {
    display: inline-block;
}
.post-item .comments-section {
    margin-top: 35px;
    color: rgb(102, 102, 102);
    list-style: none;
}
.post-item .comments-section h4 {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 600;
}
.comment-list ul {
    margin-top: 20px;
}
.comment-list li {
    margin-bottom: 20px;
    list-style: none;
}
.comment-wrap {
    border: 1px solid #4e595f;
    border-radius: 1px;
    margin-left: 20px;
    padding: 10px;
    position: relative;
}
.comment-wrap .author-avatar {
    margin-left: -25px;
    margin-right: 20px;
}
.author-comment {
    margin-bottom: 15px;
    overflow: hidden;
}
.author-comment a:hover,
.replay:hover {
    color: #6CB670;
    text-decoration: none;
}
.author-comment a {
    font-size: 14px;
    color: #999;
    font-weight: 600;
}
.comment-meta {
    font-size: 14px;
}
.comment-content {
    margin-left: 45px;
}
.comment-content p {
    font-size: 14px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    color: #7A7A7A;
    line-height: 28px;
}
.comment-list ul li {
    padding-left: 25px;
}
.comment-reply-form {
    margin-top: 70px;
    color: rgb(102, 102, 102);
}
#comment-form {
    margin-top: 35px;
}
#comment-form .form-control:hover {
    border-color: #6CB670;
}