/*------------------------------------------------------------------/*
Theme name :  Dleh
Author     : EngoTheme
Version    :  1.0
Last change:  08/09/2017
/*-------------------
[Table of contents]
1. Body
  2. Header / header
    2.1. Navigation / .main-header
        2.1.1 Navigation 1
        2.1.2 Navigation 2
        2.1.3 Navigation 3
        2.1.4 Navigation 4
        2.1.5 Navigation 5
    2.2. HEROSECTION
      2.2.1 Herosection banner/.oct-header-style
        2.2.1.1 Image Prallax/.img-parallax
        2.2.1.2 Kenburn Animation/.kenburn
        2.2.1.2 Image SLider/.img-slide
        2.2.1.2 Video fullwidth/.revolution or .video
        2.2.1.3 Revolution slide/.revolution
        2.2.1.4 Google map/.googlemap
        2.2.1.5 Image box/.img-box
      2.2.2 Herosection title/.oct-hero-section-title(has 5 style)
  3. Content / #main_container
    3.1. Inner Container /#inner-container
    3.2. Sidebar Left/ #sidebar .sidebar-left
      3.2.1. Archives / .widget_archive
      3.2.2. Social / .oct_Social
      3.2.3. Newsletter / .oct_Newsletter
    3.3. Sidebar Right/ #sidebar .sidebar-right
      3.3.1. Search / #search-2
      3.3.2. Categories / #categories-2
      3.3.3. Instagram / #oct_instagram_widget-3
      3.3.4. Recent Posts / #recent-posts-2
      3.3.5. Tag Cloud / #tag_cloud-1
  4. Footer / footer
    4.1 Footer style 1
    4.2 Footer style 2 /.footer_style2
[Color codes]

  Background: #ffffff or #f8f8f8
  Body Color : #7d7d7d
  Accent color: #e09300
[Typography]
  Body:   16px/26px Poppins Text, sans-serif;
  Heading:  Poppins Medium;
  Input, textarea: 16px/24px Poppins Text, sans-serif;
  Sidebar heading:  12px Poppins Medium;
[Component module]
  /* TYPOGRAPHY */
/*  HEADER    */
/*  FOOTER    */
/*  SHORTCODE    */
/*  CONTACT    */
/*  BLOG */
/*  SIDERBAR */
/*  PORTFOLOP    */
/*  SINGLE POST */
/*  EXAMPLE DATA */
/*  SINGLE PORTFOLIO  */
/*  PORTFOLIO */
/*  RESPONSIVE  */
/*-------------------------------------------------------------------*/

/* ----------------- */
/* 		 TYPOGRAPHY		 */
/* ----------------- */
@font-face {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/Georgia/Georgia_gdi.eot');
    src: url('../fonts/Georgia/Georgia_gdi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Georgia/Georgia_gdi.woff') format('woff'),
    url('../fonts/Georgia/Georgia_gdi.ttf') format('truetype'),
    url('../fonts/Georgia/Georgia_gdi.svg#Georgia-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #858585;
    width: 100%;
    overflow-x: hidden;
    font-weight: 300;
    line-height: inherit !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    color: #232323;
    font-weight: 400;
    letter-spacing: 1px;
    margin-top: 0;
}

h1, .h1 {
    font-size: 30px;
}

h2, .h2 {
    font-size: 26px;
}

h3, .h3 {
    font-size: 20px;
}

h4, .h4 {
    font-size: 16px;
}

h5, .h5 {
    font-size: 14px;
}

h6, .h6 {
    font-size: 13px;
}

.bold {
    font-weight: bold;
}
.mb30{
    margin-bottom: 30px;
}

img {
    max-width: 100%;
}

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

input, input:focus {
    outline: none;
}

::-webkit-input-placeholder {
    color: #7d7d7d;
    opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
    color: #7d7d7d;
    opacity: 1;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #7d7d7d;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #7d7d7d;
    opacity: 1;
}

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

.section-title h3 {
    color: #252525;
    letter-spacing: 2.5px;
    font-size: 14px;
}

.none {
    display: none;;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.section-title hr {
    width: 30px;
    height: 3px;
    background: #232323;
    margin: 15px auto;
    border: none;
}

.section-title .content {
    color: #7d7d7d;
    font-family: 'Poppins', sans-serif;
    padding: 30px 100px 0 100px;
    text-transform: none;
}

.section-title .content p {
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .section-title .content {
        padding: 20px 0;
        font-size: 14px !important;
    }

    .section-title .title {
        font-size: 40px !important;
    }
}

@media (max-width: 767px) {
    .section-title .title {
        font-size: 30px !important;
    }
}

.section-title.text-left hr {
    margin: 15px 0;
}

.section-title.title-white h3 {
    color: white;
}

.section-title.title-white hr {
    background: #ffffff;
}

.wpb_content_element {
    margin-bottom: 0 !important;
}

.oct-button {
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    line-height: 35px;
    color: #ffffff;
    padding: 0px 20px;
    background: #252525;
    border: 2px solid #252525;
    letter-spacing: 2px;
    display: inline-block;
    text-decoration: none;
    margin: 0 7px;
    min-width: 105px;
}

.button_block button {
    border: 2px solid #232323;
    color: #232323;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 80px;
    margin-top: 40px;
    overflow: hidden;
    padding: 6px 28px;
    position: relative;
    text-transform: uppercase;
}

.button_block a {
    border: 2px solid #232323;
    color: #232323;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 80px;
    overflow: hidden;
    padding: 6px 28px;
    position: relative;
    text-transform: uppercase;
}

.button_block a:hover {
    border-color: #232323;
    background-color: #232323;
}

.button_block button:hover {
    border-color: #232323;
}

body p.button_block a.oct-button {
    color: #232323;
    font-style: normal;
    z-index: 9;
}

.button_block a:hover span {
    color: #ffffff;
    position: relative;
    z-index: 9;
}

.oct-button::after {
    background-color: #232323;
}

.oct-button.button_submit::after {
    background-color: #232323;
}

.oct-button:hover::after {
    height: 550%;
    opacity: 1;
}

.oct-button::after {
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0px);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0px);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0px);
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    width: 100%;
    display: inline-block;
}

button.oct-button:hover span {
    color: #ffffff;
    position: relative;
    z-index: 9;
}

button.oct-button:hover {
    border-color: #232323;
}

button.oct-button:hover span {
    color: #ffffff;
    position: relative;
}

.oct-button {
    overflow: hidden;
    position: relative;
}

ul {
    padding: 0;
}

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

.owl-theme .owl-controls .owl-pagination {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
}

.owl-theme .owl-controls .owl-pagination .owl-page span {
    opacity: 1;
}

.owl-buttons .owl-prev,
.owl-buttons .owl-next {
    background: transparent;
    color: #232323;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
}

/* ----------------- */
/* 		HEADER 	     */
/* ----------------- */
.menu-open {
    float: right;
    margin: 32px 0 0 10px;
}

.social-top {
    float: right;
    padding-top: 6px;
}

.social-top ul {
    margin: 0
}

.social-top li {
    display: inline-block;
    list-style: none;
}

.social-top li a {
    font-size: 16px;
    color: #252525;
    padding: 0 12px;
    border-right: 1px solid #252525;
}

.social-top li a:hover,
.social-top li a:focus {
    color: #e09300;
}

.social-top li:last-child a {
    border-right: none;
}

@media (max-width: 991px) {

    .mini-shoping-cart-wraper {
        line-height: 20px !important;
    }
}

.menu-open .icon-bar {
    width: 18px;
    height: 2px;
    margin-top: 3px;
    display: block;
    background: #252525;
}

.menu-open:hover .icon-bar {
    background: #e09300;
}

.oct-main-menu {
    background: rgba(0, 0, 0, 0.8);
    display: block;
    height: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 888;
    visibility: hidden;
    text-align: center;
}

.close-menu {
    width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    border: 2px solid #ffffff;
    cursor: pointer;
    margin: 50px auto 0;
    font-size: 18px;
}

header .logo {
    float: left;
    margin-bottom: 50px;
    margin-top: 50px;
    position: relative;
    z-index: 1;
}

#menu-main-menu {
    text-align: center;
    margin: 12% 0 0 0;
}

#menu-main-menu li {
    display: inline-block;
}

#menu-main-menu li a {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    line-height: 55px;
    color: #ffffff;
    padding: 0 30px;
}

#menu-main-menu li a:hover,
#menu-main-menu li a.active {
    text-decoration: underline;
    color: #e09300;
}

#menu-main-menu li {
    position: relative;
}

#menu-main-menu li.menu-item-has-children > a {
    position: relative;
}

#menu-main-menu li.menu-item-has-children > a:after {
    position: absolute;
    content: "\f0d7";
    right: 12px;
    top: -15px;
    font-family: FontAwesome;
    font-size: 16px;
}

#menu-main-menu > li ul.dropdown-menu {
    background: none;
    left: 0;
    min-width: 200px;
    padding-bottom: 0;
    padding-top: 0;
    position: absolute;
    top: 100%;
    z-index: 999;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    border: none;
}

#menu-main-menu > li ul.dropdown-menu a {
    text-transform: capitalize;
    font-size: 13px;
    line-height: 36px;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#menu-main-menu > li ul.dropdown-menu a:hover,
#menu-main-menu > li ul.dropdown-menu a:focus {
    text-decoration: none;
    background: none;
    border: none;
    position: relative;
    padding-left: 55px;
}

#menu-main-menu > li ul.dropdown-menu a:hover:before,
#menu-main-menu > li ul.dropdown-menu a:focus:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 17px;
    background: #e09300;
    left: 30px;
    bottom: 17px;
}

#menu-main-menu li > div,
#menu-main-menu li > ul {
    display: block !important;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, visibility 0.4s linear 0s;
    -webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, visibility 0.4s linear 0s;
    -moz-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, visibility 0.4s linear 0s;
    -ms-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, visibility 0.4s linear 0s;
    visibility: hidden;
    transform: translateY(50px);
    -moz-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
}

#menu-main-menu li:hover > div,
#menu-main-menu li:hover > ul {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0px);
    -o-transform: translate(0px);
    -ms-transform: translate(0px);
    -webkit-transform: translate(0px);
    transition: opacity 0.4s ease 0s, transform 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s;
    -ms-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s;
    visibility: visible;
}

.oct-subscibe {
    margin-top: 120px;
    text-align: center;
}

.oct-subscibe h3 {
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    letter-spacing: 2px;
}

.oct-subscibe input[type="text"] {
    background: #ffffff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    text-align: center;
    font-size: 13px;
    font-style: italic;
    padding: 4px;
    border: none;
    color: #252525;
    margin: 20px 0;
    width: 360px;
    line-height: 36px;
}

.oct-subscibe input[placeholder] {
    color: #252525;
}

.top-info span {
    display: block;
    color: #ffffff;
}

.top-info a {
    color: #e09300;
}

.main-header {
    padding: 15px 0;
    top: 0;
    width: 100%;
    /*z-index: 999;*/
    box-shadow: none;
}

/* -------------------- */
/*   MENU HOME BASIC     */
/* -------------------- */

.header-basic .oct-default-menu {
    float: right;
    margin-bottom: 50px;
    margin-top: 50px;
    /*display: none;*/
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.header-small .oct-default-menu {
    margin: 25px 0 !important;
}

@media only screen and (max-width: 991px) {
    .header-small .oct-default-menu {
        margin: 0 !important;
    }

}

.header-basic .menubar .icon-bar {
    background: none repeat scroll 0 0 #252525;
    display: block;
    height: 2px;
    margin-top: 3px;
    width: 18px;
}

div.social-top {
    float: right;
    padding-top: 28px;
}

.header-basic .oct-default-menu ul li {
    display: inline-block;
    padding: 12px 23px;
}

.header-basic .oct-default-menu li > ul.dropdown-menu li {
    padding: 0;
    width: 100%;
}

.header-basic a:focus {
    outline: medium none;
}

.header-basic a:hover, .header-basic a:focus {
    color: #2A6496;
    text-decoration: none;
}

.oct-default-menu li:hover a::before, .oct-default-menu a:hover::before, .oct-default-menu a:focus::before, .oct-default-menu a.active::before, .oct-default-menu li.current-menu-item a::before {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);

}

.header-basic .oct-default-menu li > ul.dropdown-menu li.current-menu-item a::before {
    bottom: 13px;
    left: 0;
    width: 17px;
}

.header-basic .oct-default-menu li > ul.dropdown-menu {
    background: none repeat scroll 0 0 #252525;
    border: medium none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    display: block;
    min-width: 190px;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 20px;
    transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transition: opacity 0.4s ease 0s, -moz-transform 0.4s ease 0s, visibility 0.4s linear 0s;
    -webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.4s ease 0s, visibility 0.4s linear 0s;
    -ms-transition: opacity 0.4s ease 0s, -ms-transform 0.4s ease 0s, visibility 0.4s linear 0s;
    -o-transition: opacity 0.4s ease 0s, -o-transform 0.4s ease 0s, visibility 0.4s linear 0s;
    visibility: hidden;
}

.header-basic .dropdown-menu {
    display: none;
    float: left;
    font-size: 14px;
    left: 20px;
    list-style: outside none none;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

.oct-default-menu ul {
    float: left;
    margin: 0;
    padding: 0;
}

.header-basic .oct-default-menu a:hover, .header-basic .oct-default-menu a:focus, .header-basic .oct-default-menu a.active {
    color: #000;
}

.header-basic .oct-default-menu li a {
    color: #232323;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.header-basic .menu1 .oct-default-menu li a {
    font-size: 16px;
    text-transform: none;
    line-height: 16px;
    font-weight: 500;
}

.header-basic .oct-default-menu ul li:hover > ul.dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transition: opacity 0.5s ease 0s, -moz-transform 0.5s ease 0s;
    -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
    -o-transition: opacity 0.5s ease 0s, -o-transform 0.5s ease 0s;
    -ms-transition: opacity 0.5s ease 0s, -ms-transform 0.5s ease 0s;
    visibility: visible;
}

.header-basic .oct-default-menu li > ul.dropdown-menu li a {
    color: #c0c0c0;
    font-size: 14px;
    line-height: 25px;
    padding: 3px 0;
    text-transform: capitalize;
}

.oct-default-menu .dropdown-menu .active a::before,
.default-nav > .active > a::before,
.onepage-nav > .active > a::before,
.oct-default-menu .default-nav > li.menu-item:hover > a:before,
.oct-default-menu a.active::before,
.oct-default-menu li.current-menu-item a::before {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
}

.oct-default-menu .dropdown-menu a::before {
    display: none;

}

.header-basic .dropdown-menu > li > a:hover, .header-basic .dropdown-menu > li > a:focus, .header-basic .dropdown-menu > .active > a, .header-basic .dropdown-menu > .active > a:hover, .header-basic .dropdown-menu > .active > a:focus {
    background-color: transparent;
    text-decoration: none;

}

div.main-header {
    padding: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.oct-default-menu {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

.social-top {
    display: none;
    opacity: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.woocommerce-page div.product div.images {
    width: 100%;
}

.product-hover {
    opacity: 0;
    transition: opacity 0.3s ease-out 0s, bottom 0.3s ease-out 0s;
    -webkit-transition: opacity 0.3s ease-out 0s, bottom 0.3s ease-out 0s;
    -ms-transition: opacity 0.3s ease-out 0s, bottom 0.3s ease-out 0s;
    -o-transition: opacity 0.3s ease-out 0s, bottom 0.3s ease-out 0s;
}

div.product-item:hover .product-hover {
    opacity: 1;
    filter: alpha(opacity=100);

}

.product-item:hover .oct-add-cart, .product-item:hover .oct-product-detail {
    bottom: 0;
}

@media (max-width: 991px) {
    #slides, #slides-video, #slider-background, #slider, .slider-paralax {
        background-size: auto 100%;
    }

    #slider {
        width: 100% !important;
    }

    .player.mb_YTVPlayer {
        height: 100%;
        display: block !important;
    }

    .player img {
        max-width: none;
        height: 100%;
    }

    .mbYTP_wrapper {
        display: none !important;
    }

    div.hometexts li {
        font-size: 20px;
    }

    div .fixed-text {
        font-size: 15px;
    }

    header.header-basic .oct-default-menu {
        float: left;
        width: 100%;
    }

    div.social-top {
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        display: block;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    nav.oct-default-menu {
        filter: alpha(opacity=0);
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
    }

    .media-body div.comment-text {
        margin-left: 0;
    }

    .comment-post div.comment-item > .pull-left {
        padding-right: 10px;
    }

    div.products-search, table.cart td.actions .button.alt, #content table.cart td.actions .button.alt {
        margin-bottom: 10px;
    }

    div.parallax-section {
        background-size: auto auto;
    }

    div.banner-shop, div.banner-blog {
        background-size: auto auto;
    }

    div table.shop_table.cart .actions input, div .woocommerce-page table.cart td.actions .coupon .input-text, div .woocommerce-page #content table.cart td.actions .coupon .input-text, div .woocommerce-page table.cart td.actions .button.alt, div .woocommerce-page #content table.cart td.actions .button.alt {
        display: block;
        float: left;
        margin: 20px auto;
        width: 100%;
    }

    .actions div.coupon {
        float: none;
        width: 100%;
    }

    div table.cart td.actions .coupon .input-text, div #content table.cart td.actions .coupon .input-text {
        width: 100%;
        float: left;
    }

    header.header-basic .oct-default-menu {
        float: none;
    }

    header.header-basic .oct-default-menu ul {
        display: block;
        margin: 0;
        max-height: 100%;
        padding: 20px 0;
        width: 100%;
        position: absolute;
        top: 90px;
        bottom: 10%;
        margin-left: 20px;
    }

    header.header-basic .oct-default-menu ul li {
        display: block;
        padding: 30px 20px;
    }

    .header-basic .menu2 .oct-default-menu ul li:last-child {
        padding: 0 20px !important;
    }

    header.header-basic .oct-default-menu li > ul.dropdown-menu {
        background: transparent;
        border: medium none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
        margin-top: 0;
        max-height: none;
        min-width: auto;
        opacity: 1;
        filter: alpha(opacity=100);
        padding: 20px;
        position: inherit;
        transform: none !important;
        -moz-transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        visibility: visible;
        width: 100%;
        transition: all .0s;
    }

    .header-basic .oct-default-menu li > ul.dropdown-menu {
        transform: none !important;
    }

    header.header-basic .oct-default-menu ul.default-nav li {
        padding: 5px 40px;
    }

    header.header-basic .oct-default-menu ul.default-nav li li {
        padding: 5px 0;
    }

    header.header-basic .oct-default-menu ul li > ul.dropdown-menu {
        padding: 0;
    }

    .header-basic .oct-default-menu ul li > ul.dropdown-menu li a {
        color: #252525;
        font-size: 14px;
        line-height: 16px;
        padding: 3px 20px;
    }

    .single-portfolio-1 div.portfolio-left {
        padding-right: 15px;
    }

    div.tparrows.preview2, div.tparrows.preview2:hover {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        height: 60px !important;
        width: 60px !important;
    }

    div .tparrows.preview2::after {
        font-size: 24px;
    }

    div.product-hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    a.oct-product-detail, a.oct-add-cart {
        bottom: 0;
    }

    div .oct-product-info .oct-cart-woocomer {
        bottom: 0;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    ul#menu-main-menu {
        margin: 0;
        text-align: left;
    }

    ul#menu-main-menu li {
        display: block;
    }

    ul#menu-main-menu > li ul.dropdown-menu {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        box-shadow: none;
        left: 0;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        padding-bottom: 0;
        padding-top: 0;
        position: relative;
        top: auto;
        transform: none;
        -webkit-transition: none;
        -o-transform: none;
        -ms-transition: none;
        visibility: visible;
        width: 100%;
        z-index: 99;
    }

    ul#menu-main-menu > li ul.dropdown-menu a {
        padding-left: 55px !important;
    }

    ul#menu-main-menu > li ul.dropdown-menu a {
        font-size: 14px;
    }

    nav.oct-main-menu {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
        display: block;
        height: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        padding: 20px;
        position: relative;
        text-align: center;
        top: 70px;
        visibility: hidden;
        width: 100%;
        z-index: 990;
    }

    div.product-item {
        display: table;
        margin: 10px auto;
    }

    div.blog-item article {
        margin-left: 0;
    }

    .post-video.post-meta-type > iframe {
        height: 100%;
        width: 100%;
    }

    .title-slide-banner {
        font-size: 13px !important;
        line-height: 16px !important;
    }

    div.tp-caption p br {
        display: block;
    }

    div.oct-client-slide.owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 0;
        width: 100px;
        text-align: right;
        height: 100%;
        top: 0;
    }

    div.oct-client-slide.owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 0;
        width: 100px;
        text-align: left;
        height: 100%;
        top: 0;
    }

    div.comment-post {
        margin-left: 0;
    }

    div.cbp-popup-singlePage .cbp-popup-prev {
        left: 10%;
    }

    .banner-shop-cart {
        min-height: 261px;
    }

    div.banner-shop, div.banner-blog {
        background-position: 0 0;
    }

    .preview2 {
        display: none;
    }

    .header-basic nav.oct-default-menu {
        background: none repeat scroll 0 0 #f0f0f0;
        margin: 0 -15px;
        padding-bottom: 20px;
        z-index: 999 !important;
        position: absolute;
        top: 69px;
        width: 100%;
    }

    body.home-menu-2 {
        padding: 0 !important;
    }

    div.leave-reply {
        margin-left: 0;
    }

    div.message-comment {
        padding: 0;
    }

    div.text-comment {
        padding: 0;
    }
}

/* 3 */
html,
body {
    width: 100%;
    height: auto;
}

.text-vertical-positon h3 {
    font-size: 40px;
    letter-spacing: 0;
}

.text-vertical-positon {
    top: 40%;
    display: table-cell;
    vertical-align: middle;
    font-family: 'Poppins', sans-serif;
    padding-top: 10%;
}

.text-vertical-positon p {
    color: #ffffff;
    font-size: 16px;
    margin-top: 20px;
}

.text-vertical-positon .read-more {
    background: rgba(0, 0, 0, 0) url("../images/oct-arrow.png") no-repeat scroll right 7px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
    margin-top: 20px;
    padding-right: 20px;
}

.position-right {
    left: 50%;
    text-align: right;
}

.position-center {
    text-align: center;
    margin: 0px auto;
    left: 30%;
}

.mo {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
}

/* PROFILE */
#profile {
    background: url(../images/bn_mo3_1.png) no-repeat center center scroll;
}

/* work */
#work {
    background: url(../images/bn_mo3_2.png) no-repeat center center scroll;
}

/* Journal */
#journal {
    background: url(../images/bn_mo3_3.png) no-repeat center center scroll;
}

/* Shortocde */
#shortocde {
    background: url(../images/bn_mo3_4.png) no-repeat center center scroll;
}

/* stt */
.showstt {
    position: fixed;
    right: 70px;
    top: 40%;
}

.showstt li.activestt {
    background: #000;
}

.showstt li {
    background: #b6b2ae;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    list-style: none outside none;
    margin-bottom: 15px;
    padding: 5px;
}

@media (max-width: 991px) {
    .showstt {
        display: none;
    }
}

@media (max-width: 999px) {
    .mo3 #menu2 {
        display: none;
    }
}

@media (min-width: 1000px) {
    .mo3 #menu-toggle {
        display: none;
    }
}

/* Custom Button Styles */

.btn-dark {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}

.btn-light {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255, 255, 255, 0.8);
}

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

/* Side Menu */

#sidebar-wrapper {
    z-index: 10000;
    position: fixed;
    right: 0;
    width: 250px;
    height: 100%;
    margin-right: -250px;
    background: #222;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidebar-nav {
    list-style: outside none none;
    margin: 25% 0 0;
    padding: 0 27% 0 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.sidebar-nav li {
    clear: both;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 40px;
    padding-right: 8%;
    text-align: right;
    text-indent: 20px;
}

.sidebar-social {
    padding-top: 10px;
}

.sidebar-nav li a {
    color: #fff;
    display: block;
    font-size: 30px;
    text-decoration: none;
    line-height: 52px;
}

#menu-close {
    background: url("../images/arrow-menu-close.png") no-repeat scroll center center transparent;
    border: 2px solid #ffffff;
    height: 40px;
    margin: 48px 0 0 30px;
    padding: 5px 10px;
    width: 40px;
}

.admin-bar .menu3 #menu-close {
    margin: 80px 0 0 30px;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #838383;
}

.sidebar-social-top {
    clear: both;
    margin-top: 120px;
    padding-bottom: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.sidebar-social-top a {
    color: #FFFFFF;
    font-size: 19px;
}

.sidebar-social li {
    display: inline;
    padding: 0px 10px;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

/*#menu-toggle {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
}
*/

#sidebar-wrapper.active {
    right: 250px;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    width: 450px;
}

.toggle {
    margin: 20px 20px 0 0;
}

/* MEN 2 */
/* Header */
.menu2 {
    display: flex;
    margin-top: 55px;
    justify-content: right;
}

.menu2 .header-basic .oct-default-menu {
    margin-top: 0;
}

.menu2 .oct-menu-top-3 {
    order: -1;
    margin: 0 !important;
}

.header-small .menu2 {
    margin: 25px 0 20px 0;
}

@media (max-width: 991px) {
    .menu2 {
        margin: 25px 0 35px 0;
    }
}

@media (max-width: 1200px) {
    .header-small .menu2 {
        margin: 25px 0 15px 0;
    }
}

.header-small .menu2 .oct-menu-top-3 {
    margin: 0 !important;
}

.menu2 .main-header {
    background: #ffffff none repeat scroll 0 0;
    position: fixed;
}

.menu2 .title-center {
    display: none;
}

.menu2 .search-header {
    margin-left: 20px;
    margin-top: 10px;
}

.menu2 .mini-shoping-cart-wraper {
    margin-top: 5px;
}

.header-small .menu2 .mini-shoping-cart-wraper {
    margin-top: 10px;
}

.header-basic .header-small .menu2 .menubar {
    margin-top: 5px;
}

.header-basic .menu2 .menubar {
    margin-left: 30px;
}

.header-basic .menu2 .oct-default-menu ul li:last-child {
    padding-right: 0;
}

.menu3 {
    display: flex;
    float: right;
    align-items: baseline;
    margin: 50px 0 !important;
}

.header-small .menu3 {
    margin: 30px 0 !important;
}

.menu3 .menubar {
    margin-left: 30px;
}

.menu3 .mini-shoping-cart-wraper {
    padding-left: 0;
}

.menu3 .search-header .icon {
    margin-right: 10px;
}

.onlylogo {
    padding-top: 51px;
    position: fixed;
    z-index: 9999;
}

.menu1 {
    display: flex;
    align-items: center;
    float: right;
}

@media (max-width: 991px) {
    .header-small .menu3 {
        margin: 20px 0 !important;
    }
}

.menu1 h1 span {
    border: 3px solid #232323;
    color: #232323;
    font-size: 100px;
    letter-spacing: 5px;
    padding: 10px 60px;
    text-align: center;
    text-shadow: 0 0 0;
}

.search-header {
    margin-left: 30px;
}

.search-header .icon {
    cursor: pointer;
    font-size: 22px;
    transition: all .3s;
}

.modal-backdrop.in {
    opacity: 0.8;
}

.oct-menu-design-light .modal-search .icon {
    color: #ffffff;
}

.oct-menu-design-dark .modal-search .icon {
    color: #232323;
}

.header-small .search-header .icon {
    font-size: 20px;
}

.main-header {
    background: #ffffff none repeat scroll 0 0;
    min-height: 0;
    /*position: absolute;*/
    position: relative;
    width: 100%;
}

@media (min-width: 991px) {
    .home-photography .main-header {
        background: transparent !important;
    }
}

/**Vertical menuu**/
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
    border: 0 none;
    box-sizing: border-box;
    display: block;
    font-size: 21px;
    line-height: 1;
    list-style: outside none none;
    position: relative;
}

#cssmenu {
    color: #ffffff;
    float: left;
    font-family: Helvetica, Arial, sans-serif;
    margin-top: 43px;
    width: 100%;
    min-height: 600px;
}

.align-right {
    float: right;
}

#cssmenu > ul > li > a {
    color: #ffffff;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 27px;
    letter-spacing: 1px;
    padding: 15px 35% 15px 20px;
    text-align: right;
    text-decoration: none;
    z-index: 2;
}

#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a, #cssmenu ul li:hover a {
    color: #838383;
}

#cssmenu ul li.has-sub ul li a:hover {
    color: #e09300;
}

.holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 10;
    right: 0;
}

.holder::after {
    top: 18px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}

#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
    border-color: #eeeeee;
}

.holder::before {
    top: 18px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-color: inherit;
    border-left-color: inherit;
}

#cssmenu ul ul li a {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 36% 10px 20px;
    text-decoration: none;
    z-index: 1;
    text-align: right;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
    color: #838383;
}

#cssmenu ul ul ul li a {
    padding-left: 30px;
}

#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
    border-bottom: 0;
}

#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0;
}

#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
    border-color: #ffffff;
}

#cssmenu .sidebar-social li {
    display: inline-block;
    padding: 0 24px;
}

#cssmenu .sidebar-social li a:hover, #cssmenu .sidebar-social li:hover a {
    color: #e09300;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

#cssmenu .sidebar-social {
    margin: 0 auto;
}

.blog1 blockquote {
    width: 96%;
}

#cssmenu > ul > li:hover > a span:before {
    background-color: #929292;
    content: "";
    height: 1px;
    left: -7%;
    top: 55%;
}

#cssmenu > ul > li > a > span:before {
    content: "";
    position: absolute;
    top: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;

    width: 114%;
}

#cssmenu ul .has-sub.open > a > span::before {
    background: white none repeat scroll 0 0;
    border: 1px solid;
    content: "";
    left: -15%;
    position: absolute;
    top: 56% !important;
    transition: top 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 128%;
}

#cssmenu span {
    position: relative;
    letter-spacing: 4px;
}

#cssmenu ul ul li a:hover span {
    color: #e09300;
}

#cssmenu ul ul span {
    letter-spacing: 1px;
    position: relative;
    color: #7d7d7d;
}

@media (min-width: 992px) {
    .header-basic li.menu-item-has-children > a:after {
        content: "\f0dd";
        margin-left: 7px;
        font: normal normal normal 14px/1 FontAwesome;
        position: absolute;
        font-size: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    .header-basic .menu3 li.menu-item-has-children > a:after {
        content: "";
    }

    .header-basic .oct-default-menu ul > li.menu-item-has-children::before, .header-basic #default-menu-position ul#default-main-menu > li.menu-item-has-children::before {
        background: rgba(0, 0, 0, 0) url("../images/ar-menu.png") no-repeat scroll 0 0;
        bottom: -2px;
        content: "";
        height: 11px;
        left: 40%;
        position: absolute;
        width: 14px;
        transform: translateY(50px);
        -o-transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        opacity: 0;
        filter: alpha(opacity=00);
    }

    .header-basic .oct-default-menu ul > li.menu-item-has-children:hover::before, .header-basic #default-menu-position ul#default-main-menu > li.menu-item-has-children:hover::before {
        transform: translate(0px);
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transition: opacity 0.5s ease 0s, -moz-transform 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -ms-transition: opacity 0.5s ease 0s, -ms-transform 0.5s ease 0s;
        -o-transition: opacity 0.5s ease 0s, -o-transform 0.5s ease 0s;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .header-basic .oct-default-menu ul > li, .header-basic #default-menu-position ul#default-main-menu > li {
        position: relative;
    }
}

@media (max-width: 991px) {
    .header-basic li.menu-item-has-children .fa {
        font-size: 10px;
        display: inline-block;
        padding: 10px;
        cursor: pointer;
        float: right;
    }
}

/* ------------------------------- */
/*            SHORTCODE           */
/* ------------------------------- */
/* ------	SERVICE-SLIDE------ */
.oct-service-slide .item-service-slide {
    text-align: center;
    background: #ffffff;
    padding: 40px;
    min-height: 413px;
    margin: 0 15px 25px 15px;
    cursor: pointer;
}

.oct-service-slide .icon {
    font-size: 35px;
    color: #232323;
    margin-top: 20px;
}

.oct-service-slide h3 {
    font-size: 12px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 40px;
    margin-top: 0;
}

.oct-service-slide hr {
    width: 30px;
    height: 3px;
    background: #e09300;
    margin-top: 15px;
    border: none;
}

.oct-service-slide .item-service-slide:hover {
    background: #e09300;
    color: #ffffff;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.oct-service-slide .item-service-slide:hover h3, .oct-service-slide .item-service-slide:hover .icon {
    color: #ffffff;
}

.oct-service-slide .item-service-slide:hover hr {
    background: #ffffff;
}

/* --------- 	FEATURE-SLIDE --------- */

.oct-feature-slide {
    padding: 40px 0 75px;
    position: relative;
}

.oct-feature-slide h2 {
    font-size: 40px;
    color: #000;
    line-height: normal;
    margin: 30px 0 55px 0;
    text-transform: uppercase;
}

.oct-feature-slide .feature-desc p {
    margin-bottom: 25px
}

.oct-feature-slide ul li {
    line-height: 30px;
    position: relative;
    padding-left: 15px;
}

.oct-feature-slide ul li:before {
    border-color: transparent transparent transparent #232323;
    border-left: 5px solid #232323;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    left: 0;
    position: absolute;
    top: 40%;
}

.oct-feature-slide ul li a {
    color: #7e7d7d;
}

.oct-feature-slide .owl-controls {
    position: absolute;
    bottom: 85px;
    z-index: 99;
}

.oct-feature-slide.position-left .owl-controls {
    right: 0;
}

.oct-feature-slide.position-right .owl-controls {
    left: 0;
}

.oct-feature-slide.position-right .img-feature {
    float: right;
    text-align: right;
}

/* -------- FUNFACT ----- */
.oct-funfact {
    text-align: center;
    color: #252525;
    line-height: normal;
}

/* ------- TEAM ---- */
.bg-gradient {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(240, 240, 240, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0); /* IE6-9 */
}

.oct-item-member {
    margin: 0 auto;
    max-width: 318px;
    padding-top: 50px;
    position: relative;
}

.oct-item-member.member-left .member-avatar {
    text-align: left;
}

.oct-item-member.member-right .member-avatar {
    text-align: right
}

.oct-item-member.member-center .member-avatar {
    text-align: center;
    margin: 0 auto;
}

.oct-item-member .over-member {
    bottom: 0;
    height: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.oct-item-member .over-member {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    display: block;
    overflow: hidden;
    position: absolute;
    text-align: center;
    z-index: 20;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-align: center;
}

.oct-item-member.hover .over-member {
    height: 100%;
}

.oct-item-member .over-member .member-detail {
    bottom: 0;
    min-height: 320px;
    padding: 40px 20px;
    position: absolute;
    width: 100%;
}

.oct-item-member .member-name {
    color: #232323;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Poppins', sans-serif;
    display: block;
}

.oct-item-member .memver-position {
    font-style: italic;
    display: block;
    line-height: normal;
}

.oct-item-member .member-icon {
    width: 30px;
    height: 30px;
    background: #e09300;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin: 15px auto;
}

.oct-item-member .member-social {
    margin-top: 20px;
    margin-bottom: 0;
}

.oct-item-member .member-social li {
    display: inline-block;
    list-style: none;
}

.oct-item-member .member-social a {
    color: #888888;
    font-size: 16px;
    padding: 10px;
}

.oct-item-member .member-social a:hover,
.oct-item-member .member-social a:focus {
    color: #e09300;
}

.oct-pricing-table.active .icon {
    background: none repeat scroll 0 0 #e09300;
    color: #ffffff;
}

div .oct-pricing-table.active .oct-button:hover, div .oct-pricing-table.active .oct-button:focus {
    background: none repeat scroll 0 0 #ffffff;
    color: #e09300;
}

/* ---   PRICING TABLE  ----- */

.oct-pricing-table {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 100%;
}

.oct-pricing-table .icon {
    font-size: 45px;
    text-align: center;
    background: #f0f0f0;
    padding: 37px;
}

.oct-pricing-table h3 {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Poppins', sans-serif;
    color: #232323;
    margin: 25px 0 10px 0;
}

.oct-pricing-table .price-unit {
    margin-bottom: 15px;
    padding: 0 25px;
}

.oct-pricing-table .price {
    color: #232323;
    font-size: 12px;
    letter-spacing: 1px;
}

.oct-pricing-table .unit {
    font-size: 12px;
    color: #232323;
}

.oct-pricing-table .feature-list {
    border-top: 1px solid #eeeeee;
    padding-top: 15px;
    margin: 0 25px;
}

.oct-pricing-table .feature-list li {
    line-height: 36px;
}

.oct-pricing-table .oct-button {
    margin-top: 35px;
}

/* --------TESTIMONIAL---- */
.parallax-section {
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#testimonial {
    padding: 130px 0 95px;
    background-image: url(../images/bg-testimonial.jpg);
}

#testimonial .overlay {
    background: rgba(221, 87, 128, 0.8);
}

.oct-testimonial-slide {
    text-align: center;
    color: #ffffff;
    width: 85%;
    margin: 0 auto;
}

.oct-testimonial-slide p {
    font-size: 24px;
    line-height: 36px;
    font-style: italic;
    margin-bottom: 35px;
}

.oct-testimonial-slide .oct-testimonial-item {
    margin-bottom: 15px;
}

.oct-testimonial-slide .oct-testimonial-item .icon-client {
    background: #ffffff;
    width: 29px;
    height: 29px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    text-align: center;
    line-height: 29px;
    margin-top: 2px;
}

.oct-testimonial-slide .oct-testimonial-item .infor-client {
    display: inline-block;
    margin: 0 auto;
    width: auto;
}

.oct-testimonial-slide .oct-testimonial-item .client-name {
    padding-left: 38px;
    font-size: 12.8px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    display: block;
    line-height: normal;
    white-space: nowrap;
}

.oct-testimonial-slide .oct-testimonial-item .client-position {
    font-size: 12px;
    font-style: italic;
    line-height: normal;
    padding-left: 38px;
    display: block;
    text-align: left;
}

.oct-testimonial-slide .oct-testimonial-item .client-position a {
    color: white;
}

.oct-testimonial-slide .oct-testimonial-item .client-position a:hover {
    color: #e09300;
}

/* -------- CLIENT --- */
#client {
    background: #f0f0f0;
    padding: 115px 0;
}

.oct-client-slide {
    margin-top: 50px;
    position: relative;
    border: 1px solid #d4d4d4;
}

.oct-client-slide .item-client {
    border-right: 1px solid #d4d4d4;
}

.oct-client-slide .item-client:hover,
.oct-client-slide .item-client:focus {
    border: 1px solid #232323;
}

.oct-client-slide.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    top: 45%;
    background: none;
    color: #c5c5c5;
}

.oct-client-slide.owl-theme .owl-controls .owl-buttons div:hover,
.oct-client-slide.owl-theme .owl-controls .owl-buttons div:focus {
    color: #232323;
}

.oct-client-slide.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -30px;
}

.oct-client-slide.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -30px;
}

.oct-client-slide.owl-theme .owl-controls {
    height: 0;
    margin: 0;
}

/* ------ LASTEST FROM BLOG ------ */
#our-blog {
    padding-top: 110px;
}

.oct-lastest-from-blog .item-post {
    padding: 30px 0;
    position: relative;
}

.oct-lastest-from-blog .item-post.bg-odd .overlay {
    background: rgba(0, 0, 0, 0.63);
}

.oct-lastest-from-blog .item-post.bg-even .overlay {
    background: rgba(0, 0, 0, 0.44);
}

.oct-lastest-from-blog .item-post:hover .overlay {
    background: rgba(94, 217, 231, 0.85);
}

.oct-lastest-from-blog .item-post article {
    position: relative;
    text-align: center;
}

.oct-lastest-from-blog .icon-post {
    font-size: 18px;
    background: rgba(255, 255, 255, 0.44);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    margin-bottom: 10px;
}

.oct-lastest-from-blog h3 {
    margin: 0;
    font-size: 16px;
    line-height: normal;
}

.oct-lastest-from-blog h3 a {
    color: #ffffff;
}

.oct-lastest-from-blog .meta-post {
    margin: 0;
}

.oct-lastest-from-blog .meta-post li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    margin: 0 5px;
}

.oct-lastest-from-blog .item-post.bg-odd .meta-post li a,
.oct-lastest-from-blog .item-post.bg-odd .meta-post li,
.oct-lastest-from-blog .item-post.bg-odd .meta-post {
    color: #9f9f9f;
}

.oct-lastest-from-blog .item-post.bg-even .meta-post li a,
.oct-lastest-from-blog .item-post.bg-even .meta-post li,
.oct-lastest-from-blog .item-post.bg-even .meta-post {
    color: #ffffff;
}

/* -----------  Skill Bar   ------ */
.skillbar {
    position: relative;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    background: #e5e5e5;
    height: 7px;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
}

.skillbar-bar {
    height: 7px;
    width: 0px;
    background: #6adcfa;
}

div.skillbar {
    margin-bottom: 40px;
}

/*-------------------*/
/*  	   CONTACT 	   */
/*------------------*/
#map-canvas {
    width: 100%;;
    height: 409px;
    background-color: #e09300;
}

#map-canvas img {
    max-width: none;
}

.contact-info {
    background: #181818;
    padding: 105px 0 75px;
}

.oct-bt-contact {
    background: #e09300;
    border: 2px solid #e09300;
    margin-top: 10px;
}

.oct-contact-form {
    text-align: center;
}

.wpcf7-form .wpcf7-form-control {
    background: #ffffff;
    border: 1px solid #dddddd;
    color: #7e7d7d;
    font-size: 16px;
    height: 46px;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 12px 13px;
    text-align: left;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    outline: none;
}

.wpcf7-form textarea.wpcf7-form-control {
    min-height: 177px;
}

.wpcf7-form input[type="submit"] {
    background-color: #ffffff;
    border: 2px solid #252525;
    color: #252525;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 35px;
    margin: 5px 0 25px;
    min-width: 85px;
    padding: 0 30px;
    height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.wpcf7-form input[type="submit"].oct-button {
    margin-top: 25px
}

.wpcf7-form p {
    margin: 0;
}

.wpcf7-form input[type="submit"]::after {
    content: "";
    display: inline-block;
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0px);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0px);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0px);
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    width: 100%;
}

.wpcf7-form .wpcf7-form-control::-webkit-input-placeholder {
    color: #7e7d7d;
    opacity: 1;
}

.wpcf7-form .oct-form-contact-demo2 p {
    text-align: center;
}

.wpcf7-form .oct-form-contact-demo2 input[type="submit"] {
    margin-top: 25px;
}

.wpcf7-form .oct-form-contact-demo2 img.ajax-loader {
    position: absolute;
    top: 35px;
}

.wpcf7-form .wpcf7-form-control:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
    color: #7e7d7d;
}

.wpcf7-form .wpcf7-form-control::-moz-placeholder { /* Firefox 19+ */
    opacity: 1;
    color: #7e7d7d;
}

.wpcf7-form .wpcf7-form-control:-ms-input-placeholder {
    opacity: 1;
    color: #7e7d7d;
}

.contact-form {
    display: flex;
    align-items: center;
}

.contact-form .title {
    position: relative;
    padding-right: 65px;
    margin-right: 25px;
}

.contact-form .title:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.contact-form .form {
    position: relative;
    flex: 2;
    transition: all .3s;
}

.contact-form .form .wpcf7-email {
    margin-bottom: 0;
    background-color: #3e3e3e;
    height: 60px;
    line-height: 60px;
    color: #636363;
    border: none;
    letter-spacing: 1px;
    padding: 0 120px 0 25px;
    font-weight: 300;
    font-size: 14px;
}

.contact-form .form .button-submit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 10px 0;
    border-left: 1px solid #4c4c4c;
}

.contact-form.style-1 .form .button-submit {
    border-left: 1px solid #4c4c4c;
}

.contact-form.style-2 .form .button-submit {
    border-left: 1px solid #ebebeb;
}

.contact-form.style-1 .form .btn-submit,
.contact-form.style-2 .form .btn-submit {
    color: transparent;
}

.contact-form.style-1 .form .btn-submit:hover,
.contact-form.style-2 .form .btn-submit:hover {
    background-color: transparent;
}

.contact-form .form .btn-submit {
    padding: 0;
    height: 100%;
    background: transparent;
    border: none;
    z-index: 2;
    position: relative;
    color: transparent;
}

.contact-form .form .button-submit:before {
    display: block;
    content: url('../images/plan-black.png');
    position: absolute;
    top: 56%;
    right: 29px;
    z-index: 1;
    transition: all .3s;
    transform: translateY(-50%);
    opacity: 0.5;
}

.contact-form .form:hover .button-submit:before {
    opacity: 1;
}

.contact-form .form .ajax-loader {
    position: absolute;
}

.contact-form.style-1 {
    border: 10px solid #fff;
    padding: 35px 100px;
    margin: 0 85px;
    background: #232323;
    align-items: center;
}

.contact-form .title:after {
    background-color: #fff;
}

.contact-form.style-2 .title {
    color: #232323;
}

.contact-form.style-2 .form .wpcf7-email {
    background-color: transparent;
    color: #232323;
    border: 1px solid #ebebeb;
    transition: all .3s;
}

.contact-form.style-2 .form .button-submit {
    border-color: #ebebeb;
}

.contact-form.style-1 .title:after {
    background-color: #ffffff;
}

.contact-form.style-2 .title:after {
    background-color: #e09300;
}

@media only screen and (max-width: 991px) {
    .contact-form.style-1,
    .contact-form.style-2 {
        flex-direction: column;
        margin: 0;
        padding: 20px;
    }

    .contact-form .title {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .contact-form.style-2 {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .contact-form .title {
        margin-bottom: 20px;
        padding-bottom: 10px;
        margin-right: 0;
        padding-right: 0;
    }

    .contact-form .title::after {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

}

.oct-contact-info {
    color: #ffffff;
    margin-bottom: 30px;
    padding: 30px 0;
    margin-top: 0;
    text-align: center;
}

.oct-contact-submit .oct-button:hover {
    background: #232323 none repeat scroll 0 0;
    color: #ffffff;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.oct-contact-submit .oct-button {
    margin-top: 40px;
}

.oct-contact-submit .ajax-loader {
    bottom: 35px;
    position: absolute;
}

.oct-contact-form input.wpcf7-not-valid[type="text"], .oct-contact-form input.wpcf7-not-valid[type="email"], .oct-contact-form textarea.wpcf7-not-valid {
    border-color: #ff0000;
}

.oct-contact-form .wpcf7-not-valid-tip {
    display: none;
    font-size: 14px;
    font-style: italic;
    text-align: left;
}

.oct-contact-info .fa {
    font-size: 30px;
}

.oct-contact-info span {
    display: block;
    margin-top: 5px;
}

.sc_call-to-action .sc_button {
    margin: 0;
}

.oct-main-right {
    float: right;
}

/*-------------------*/
/*  	FOOTER  	*/
/*------------------*/

footer {
    background: #121212;
    padding: 45px 0 35px;
}

.footer-default .social_footer {
    border-bottom: 1px solid #2e2e2e;
    margin-bottom: 20px;
}

.footer-default .social_footer .fa {
    transition: all .3s;
    transform: translateY(0);
}

.footer-default .social_footer a:hover .fa {
    transform: translateY(-10px);
    color: #e09300;
}

.copyright {
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    color: #9f9f9f;
    text-align: center;
    margin: 0;
}

.footer.footer-fullwidht .footer_bottom a {
    color: #fafafa;
}

.home-photography #footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 0;
    padding: 10px 0 !important;
}

/* ------------------ */
/* 		BLOG   		 */
/* ----------------- */
.banner {
    background-image: url(../images/blog-baner.png);
    min-height: 260px;
}

.th-infor-blog {
    background-color: #f8f8f8;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 50px 50px 40px 50px;
}

.blog7 {
    margin-bottom: 50px;
}

.blog7 .feature-content {
    margin-bottom: 30px;
    margin-top: 15px;
}

.blog7 .feature-content .excrept {
    padding-right: 15px;
    text-align: justify;
}

@media (max-width: 991px) {
    .th-infor-blog {
        padding: 10px 15px;
    }

    .blog7 .th-infor-blog {
        display: block;
    }

    .blog7 .th-infor-blog .oct_readmore {
        float: left;
        margin-top: 15px;
    }
}

.banner-content {
    padding: 0 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    z-index: 10;
}

.banner .overlay {
    background: rgba(0, 0, 0, 0.15);
}

.banner-content h1 {
    font-size: 25px;
    line-height: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff;
}

.banner-content hr {
    width: 30px;
    height: 3px;
    background: #ffffff;
    margin: 15px auto 20px auto;
}

.banner-content p {
    font-style: italic;
    color: #ffffff;
    line-height: 26px;
    font-size: 16px;
}

.main-content {
    margin-top: 53px;
}

.blog-item .icon-post-type {
    background: #e09300;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 51px;
    line-height: 51px;
    text-align: center;
    width: 51px;
    font-size: 18px;
    color: white;
    margin-right: 15px;
    margin-top: 60px;
}

.blog-item article {
    overflow: hidden;
    padding: 15px 0;
    width: 100%;
}

.blog-item:first-child article {
    padding-top: 0;
}

.blog-item:first-child .icon-post-type {
    margin-top: 0
}

.blog-date {
    color: #9f9f9f;
    text-transform: uppercase;
    display: inline-block;
    font-size: 10px;
    margin-bottom: 40px;
}

.blog-date li {
    color: #9f9f9f;
    text-transform: uppercase;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 0 2px;
    position: relative;
}

.blog-date li a {
    color: #9f9f9f;
}

.blog-date li a:hover {
    color: #e09300;
}

.blog-item .post-meta-type {
    margin-bottom: 35px;
}

.blog-item .except-post {
    margin-bottom: 35px;
}

.blog-item .group-share {
    color: #e09300;
    flex: 1;
}

@media (max-width: 991px) {
    .blog-item .group-share {
        text-align: left !important;
    }
}

.blog-item .group-share a i {
    padding: 0 10px;
}

.group-share a:last-child i {
    border: medium none;
}

.blog-item .group-share span {
    color: #7e7d7d
}

.blog-item .oct-button {
    color: #252525;
}

.blog-item .oct-button:hover {
    background: #333 none repeat scroll 0 0;
    border: 2px solid #333;
}

.blog-link {
    background: #f4f4f4;
    padding: 40px 35px;
}

.blog-item .blog-link a {
    color: #7e7d7d;
    font-style: italic;
}

.blog-item .blog-link a:hover {
    color: #e09300;
}

.blog-quote {
    background: #f4f4f4;
    padding: 35px;
    font-style: italic;
    font-size: 16px;
    color: #252525;
}

.blog-grallery .owl-controls {
    bottom: 10px;
    height: 30px;
    left: 10px;
    position: absolute;
    z-index: 99;
}

.firstLetter {
    color: #252525;
    display: block;
    float: left;
    font-size: 45px;
    height: 61px;
    line-height: 61px;
    margin-right: 13px;
    text-align: center;
    width: 61px;
}

.list-retad-product > li {
    margin-bottom: 25px;
}

/* ----------------- */
/* 		SIDERBAR     */
/* ----------------- */
.sidebar_title {
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 31px;
    margin-bottom: 25px;
    margin-top: 0;
    text-transform: uppercase;
}

.blog_single_post .sidebar-right .sidebar_widget {
    padding-left: 0;
}

.blog_single_post .sidebar-right .block_footer {
    padding-left: 0;
}

.blog_single_post .sidebar-left .sidebar_widget {
    padding-right: 0px;
}

.blog_single_post .sidebar-right .block_footer {
    padding-right: 0px;
}

/*search*/
.modal-search {
    display: inline-block;
    float: right;
}

#search-header .modal-dialog {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
}

#search-header .modal-content {
    border-radius: 0;
    box-shadow: none;
    border: none;
}

#search-header .modal-dialog .modal-content .blog-search input {
    border: none;
}

#search-header .modal-dialog {
    width: 50%;
}

@media (max-width: 1200px) {
    #search-header .modal-dialog {
        width: 55%;
    }

}

@media (max-width: 991px) {
    #search-header .modal-dialog {
        width: 60%;
    }

}

@media (max-width: 768px) {
    #search-header .modal-dialog {
        width: 85%;
    }

}

.blog-search {
    position: relative;
}

.blog-search:after {
    content: "";
    display: block;
    height: 27px;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 1px;
}

.blog-search input {
    border: medium none;
    color: #7d7d7d;
    /*font-style: italic;*/
    height: 70px;
    line-height: 70px;
    outline: medium none;
    width: 100%;
    font-size: 14px;
    padding-left: 20px;
    background: #f1f1f1;
    border: 1px solid;
}

.page-404 .blog-search input {
    height: 60px;
    line-height: 60px;
}

@media (max-width: 767px) {
    .blog-search input {
        height: 60px;
        line-height: 60px;
    }
}

#search-header .blog-search .icon {
    font-size: 25px;
}

#search-header .blog-search .fa-search:before:hover {
    color: #e09300;
}

.blog3 .blog1_read_more {
    z-index: 9;
}

.oct-blog .sidebar_widget.widget_search {
    padding: 0;
}

.widget .blog-search input {
    height: 44px;
    line-height: 44px;
    padding: 10px 50px 10px 10px;
}

.blog-search span {
    color: #252525;
    font-size: 17px;
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.blog-search .search-submit {
    background: none;
    border: none;
    height: 60px;
    line-height: 60px;
    padding: 0 40px;
    font-size: 20px;
}

.blog-search .search-submit .icon {
    height: 60px;
    line-height: 60px;
    display: block;
}

.widget_search .blog-search .search-submit {
    padding: 0 20px;
    font-size: 15px;
}

/*category*/
ul li.cat-item {
    color: #7d7d7d;
    line-height: 32px;
}

ul li.cat-item:first-child {
    border: none;
}

ul li.cat-item a {
    color: #7d7d7d;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    font-size: 14px;
}

ul li.cat-item:hover,
ul li.cat-item:hover a,
ul li.cat-item a:hover,
ul li.cat-item a:focus {
    color: #e09300;
}

/*flick*/
.content-flickr {
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0;
}

.content-flickr li {
    display: block;
    float: left;
    padding: 5px;
    width: 33.33%;
}

.content-flickr li a {
    display: inline-block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.content-flickr li a:before {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 9;
}

.content-flickr li a img {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

.content-flickr li a:hover img {
    transform: scale(1.2);
}

.content-flickr li a.img-width img {
    height: auto;
    max-width: inherit;
    width: 100%;
}

@media (max-width: 991px) {
    .content-flickr {
        overflow: auto;
    }

    .content-flickr li a img,
    .content-flickr li a:hover img {
        transform: scale(1);
    }

    .content-flickr li a {
        height: 100% !important;
    }
}

/* tag cloud */

.widget_tag_cloud .tagcloud a {
    border: 1px solid #ededed;
    color: #7e7d7d;
    display: inline-block;
    font-size: 14px !important;
    margin: 0 6px 6px 0;
    padding: 0 10px;
    line-height: 35px;
    text-decoration: none;
    float: left;
}

.widget_tag_cloud .tagcloud a:hover {
    text-decoration: none;
    color: #e09300;
    border: 1px solid #e09300;
}

/* pagination */
.pagination {
    margin: 30px 0 0px;
}

.pagination {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

.pagination li {
    display: inline-block;
    margin: 0 3px
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.pagination li a,
.pagination li span {
    width: 22px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    color: #000;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.pagination li a:hover,
.pagination li.active a:hover
.pagination li span:hover,
.pagination li.active a {
    color: #e09300 !important;
    background: none !important;
    text-decoration: underline;
}

/************************************************************************************************************************************************************/

/* -------------------- */
.banner-blog {
    background-image: url("../images/bg-banner.jpg");
    min-height: 260px;
}

.last-blog {
    border: medium none;
}

.portfolio-content {
    background: none repeat scroll 0 0 #ffffff;
    padding: 0 40px 50px;
}

.section-title h2 {
    color: #252525;
    font-family: 'Playfair Display', Sans-serif;
    font-size: 18px;
    letter-spacing: 10px;
}

/*  Edit    */

.button-wellcom .oct-button {
    float: none;
}

#funfact .row > div {
    border-left: 1px solid #dadada;
    padding: 15px;
}

section#funfact {
    padding: 80px 0;
}

#funfact .row > div:first-child {
    border: none;
}

.feature-content > h2 {
    margin: 50px 0 40px;
}

.desc-slide-banner {
    font-size: 14px !important;
    line-height: 20px;
}

.tp-caption p br {
    display: none;
}

.tparrows.preview2 {
    z-index: 99;
}

body header {

    line-height: 26px;
    position: relative;
    width: 100%;
}

nav.oct-default-menu {
    z-index: 5;
    position: relative;
}

div.tp-bullets.preview2 {
    display: none;
}

.header-basic .menubar:hover .icon-bar {
    background: #e09300;
}

/* -------------------- */
/*  	TABS SHOP     */
/* -------------------- */
ul.tabs li a.active {
    background: none repeat scroll 0 0 #252525;
    border-color: #252525;
    color: #fff;
}

ul.tabs li a {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #dedede;
    color: #858585;
    font-size: 11px;
    font-weight: normal;
    line-height: 32px;
    padding: 15px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}

ul.tabs li {
    line-height: 48px;
    display: inline-block;
}

ul.tabs {
    clear: both;
    display: table;
    margin: 10px 0 -1px;
    width: 100%;
}

#tabs .tab-content {
    border: 1px solid #dedede;
    box-shadow: 0 1px 1px #dedede;
    float: left;
    margin-bottom: 60px;
    padding: 20px;
    width: 100%;
}

li.comment {
    list-style: outside none none;
    margin-bottom: 30px;
}

.commentlist .star-rating {
    display: inline-block;
    line-height: 10px;
}

.meta strong {
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
}

.rated-comment li {
    float: left;
}

p.meta {
    line-height: 16px;
    margin: 0;
}

ol.commentlist {
    padding: 0;
}

#review_form #reply-title {
    color: #232323;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    margin: 0 0 20px;
    text-transform: uppercase;
}

label {
    display: inline-block;
    font-weight: 600;
    margin-bottom: 5px;
    max-width: 100%;
}

.woocommerce.single-product {
    margin-top: 0;
}

.woocommerce .comment-form input[type="submit"] {
    background: none repeat scroll 0 0 #232323;
    color: #ffffff;
    float: right;
}

.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #d6d6d6;
    height: 40px;
    border-radius: 0;
    padding: 5px;
    color: #858585;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    line-height: 40px;
}

p.form-submit .submit {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #232323;
    color: #232323;
    float: right;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 38px;
    padding: 0 25px;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

p.form-submit .submit:hover {
    background: none repeat scroll 0 0 #232323;
    color: #ffffff !important;
}

.logged-in-as + .message-comment {
    margin-top: 20px;
    padding: 0;
    width: 100%;
}

.rated-comment li {
    float: left;
}

.rated-comment {
    float: left;
    width: 100%;
}

.comment-form-rating {
    margin: 0;
}

ul.content-flickr li {
    display: block;
    float: left;
    padding: 0;
    width: 25%;
}

ul.content-flickr li.instagram-clearfix {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.oct-item-member.active .over-member.profile-show {
    height: 100%;
}

.oct-item-member.active .over-member {
    height: 0%;
}

.oct-lastest-from-blog div.item-post {
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.button-wellcom {
    margin-top: 20px;
}

.commet-review-link {
    color: #e09300;
    margin-left: 10px;
}

.fixed-text {
    color: #969696;
    font-size: 25px;
    line-height: normal;
    margin: 5px 0 25px;
    text-transform: uppercase;
}

.hometexts li strong {
    color: #e09300;
}

.logo-slide {
    margin-bottom: 40px;
}

.hometexts li {
    color: #232323;
    font-family: 'Poppins', sans-serif;
    font-size: 60px;
    font-weight: normal;
    height: auto;
    line-height: normal;
    text-transform: uppercase;
    width: 100%;
}

.home-categories li {
    background: url("../images/li-item.png") no-repeat scroll left center transparent;
    color: #232323;
    display: inline-block;
    font-size: 14px;
    padding: 0 10px 0 25px;
    text-transform: uppercase;
    width: auto;
}

.home-categories li:first-child {
    background: none;
    padding-left: 0;
}

.logo-slide {
    margin-bottom: 40px;
}

.oct-item-member.active.hover .over-member {
    height: 100%;
}

.hometexts li strong {
    font-weight: normal;
}

#client-2 {
    background: none repeat scroll 0 0 #ffffff;
    color: #252525;
    padding: 100px 0 140px;
}

#client-2 .oct-testimonial-slide {
    color: #252525;
}

#client-2 .oct-testimonial-slide .oct-testimonial-item .client-position a {
    color: #252525;
}

/* -------------------- */
/* home slide parallax   */
/* -------------------- */

#slider {
    overflow: hidden;
    position: relative;
}

a.control_next {
    border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    right: 0;
}

#slider a.control_next {
    background-position: right center;
    right: 2%;
}

#slider a.control_prev {
    background-position: left center;
    left: 2%;
}

#slider a {
    background: url("../images/slider-arrows.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 36px;
    z-index: 11;
}

#slider:hover a {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

div #slider a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.home-menu-2 .social-top {
    opacity: 1;
    filter: alpha(opacity=100);
    display: block;
}

section#slideshow {
    position: relative;
    width: 100%;
    z-index: 2 !important;
    overflow: hidden;
}

.slides-container-parallax {
    margin-left: 0 !important;
}

/* --------  BLOG 1 TEMPLATE ------- */
.position-left {
    float: left;
    width: 100%;
}

.blog_position {
    position: relative;
    width: 100%;
}

.blog1 .blog_position:first-child {
    margin-top: 0;
}

.feature-content {
    margin-top: 40px;
}

.blog2_position {
    position: relative;
    width: 100%;
}

.frame-soundcloud {
    width: 96%;
    height: 318px;
    border: none;
    overflow: hidden;
    margin: 0;
}

.oct_top_featured_content > span {
    float: left;
    width: 100%;
    font-size: 11px;
    color: #e09300;
    text-transform: uppercase;
}

.oct_day {
    color: #232323;
    line-height: 9px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 2px;
    font-weight: 600;
}

.oct_top_featured_content .oct_comment {
    color: #7d7d7d;
    font-style: italic;
    font-size: 16px;
    padding-top: 5px;
}

.oct_comment > a {
    color: #7d7d7d;
    margin-right: 4px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.oct_comment > a:hover,
.oct_comment > a:focus {
    color: #232323;
}

.oct_comment > a.oct-comment-link {
    color: #7d7d7d;
}

.oct_comment > a.oct-comment-link:hover,
.oct_comment > a.oct-comment-link:focus {
    color: #232323;
}

.oct_top_featured_content {
    display: inline-block;
    margin-right: 10px;
    flex: 2;
}

.feature-slide h3 {
    font-size: 20px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0;
}

.img-feature .owl-buttons {
    text-align: left;
}

.oct_blog_title a {
    color: #000;
    display: inline;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.k_blog_content {
    float: left;
    line-height: 25px;
    margin-bottom: 40px;
    color: #7d7d7d;
}

.k_blog_readmore {
    float: left;
    text-align: center;
    width: 100%;
    height: 53px;
}

.block_quote {
    background: #f2f2f2 none repeat scroll 0 0;
    float: left;
    padding: 20px 25px;
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
}

.quote_icon {
    background: rgba(0, 0, 0, 0) url("../images/quote-icon.png") no-repeat scroll 0 0;
    float: left;
    height: 18px;
    width: 22px;
}

blockquote.block_quote_content {
    border-left: medium none;
    float: left;
    margin: 0;
    padding: 0;
}

.quote_content {
    float: left;
    font-size: 14px;
    line-height: 30px;
    padding-left: 20px;
    padding-top: 15px;
}

body .blog-single .blog-content blockquote .quote_icon_html + p {
    padding-top: 10px;
}

.quote_author {
    color: #232323;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    margin-bottom: 40px;
    padding-left: 20px;
    width: 100%;
    letter-spacing: 1px;
}

/* ---------  BLOG 2 TEMPLATE  ------- */
.blog2_content {
    background: #ffffff none repeat scroll 0 0;
    padding: 15px 0 30px;
}

.blog2 .feature-content {
    margin-top: 0;
}

.oct-blog.blog2 .img-feature img {
    width: 100%
}

.blog2_position .post-audio iframe {
    width: 100%;
    height: 540px;
    border: none;
    overflow: hidden;
    margin: 0;
    float: left;
}

#blog2_content .blog2_position {
    margin-top: 50px;
}

#blog2_content .blog2_position:first-child {
    margin-top: 0;
}

.blog2 .oct_day {
    color: #e09300;
    float: left;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.blog2 .oct_comment {
    float: left;
    padding-left: 18px;
    width: 100%;
}

.blog2 .oct_readmore {
    flex: 1;
}

.blog2 .load_more_button {
    padding: 100px 0 0 0;
}

.oct_readmore .blog1_read_more {
    float: right;
    transition: all .3s;
    border: 1px solid transparent;
}

.oct_readmore .blog1_read_more:hover {
    color: #232323 !important;
    border-color: #232323;
    background-color: #ffffff;
}

.blog2 .blog1_read_more::before {
    position: static;
    float: right;
    padding: 8px 15px;
}

.blog2 .item-feature.block_quote {
    float: left;
    width: 100%;
}

.blog2 .block_quote_content {
    float: left;
    margin-left: 5%;
    width: 75%;
}

@media (max-width: 1200px) {
    .blog2 .th-infor-blog {
        flex-direction: column;
        align-items: left;
        margin-top: 20px;
    }

    .blog2 .oct_readmore {
        margin-top: 20px;
    }

}

.load_more_button {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.load_more_button a {
    border: 1px solid;
    color: #000;
    letter-spacing: 2px;
    min-width: 140px;
    text-transform: uppercase;
    line-height: 60px;
    padding: 0 30px;
}

.load_more_button a:hover {
    color: #ffffff;
}

/* -------- BLOG 3 TEMPLATE ---- */
.blog3 .oct_readmore {
    padding-right: 0px;
    padding-top: 0px;
}

.blog3 .blog1_read_more {
    left: 11px;
    position: relative;
    top: 23px;
}

.blog_single_post .blog2_position {
    margin-bottom: 68px;
}

.blog_single_post {
    padding-top: 100px;
}

.blog2_position:first-child {
    padding: 0;
}

.blog_single_post img {
    max-width: 100%;
}

.page_nav .pagination a {
    border: none;
    font-weight: 500;
}

.blog3 .blog2_position .oct_readmore {
    bottom: 0;
    position: absolute;
    width: 98%;
}

.blog3 .oct_top_featured_content {
    border: medium none;
    padding: 51px 0 10px 15px;
}

.blog3 .page_nav .fa-angle-right {
    font-size: 16px;
    margin-top: 10px;
}

.blog4 .block_what_news .time-post,
.blog6 .block_what_news .time-post {
    font-size: 14px;
    color: #898989;
}

.blog4 .block_what_news .time-post > span,
.blog6 .block_what_news .time-post > span {
    padding: 0;
    margin-right: 20px;
    margin-left: 0;
    font-size: 45px;
    font-family: 'Playfair';
    font-weight: 300;
}

.blog4 .block_what_news .time-post > span:before,
.blog6 .block_what_news .time-post > span:before {
    height: 0;
}

.blog6 .owl-theme .owl-controls .owl-buttons {
    right: 0 !important;
    left: auto !important;
    top: -120px !important;
}

.blog6 .owl-theme .owl-controls .owl-buttons div.owl-next {
    position: absolute;
    right: 0;
}

.blog6 .owl-theme .owl-controls .owl-buttons div.owl-next:after,
.blog6 .owl-theme .owl-controls .owl-buttons div.owl-prev:after {
    width: 40px;
    height: 40px;
    line-height: 36px;
    border: 2px solid #232323;
    color: #232323 !important;
    font-size: 20px;
    transition: all .3s;
}

.blog6 .owl-theme .owl-controls .owl-buttons div.owl-next:hover:after,
.blog6 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover:after {
    border-color: #e09300;
    color: #e09300 !important;
}

.blog6 .owl-theme .owl-controls .owl-buttons div.owl-next:after {
    right: 55px !important;
    content: "\e606" !important;
}

.blog6 .owl-theme .owl-controls .owl-buttons div.owl-prev:after {
    left: -30px !important;
    content: "\e605" !important;
}

/* ----------------------------------- */
/* ---------SINGLE PORTFOLIO  ------ */
/* ----------------------------------- */
/* -------------------- */
/*       SHOWCASE 1     */
/* -------------------- */

.showcase.main-content {
    padding-bottom: 65px;
}

.showcase .page-title {
    padding: 40px 0;
}

.showcase .page-title h3 {
    color: #232323;
    letter-spacing: 1px;
    margin: 0;
    font-size: 30px;
    font-weight: 500;
}

.showcase_meta_title, .showcase div.content-social-share span {
    color: #a6a6a6;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 5px;
    width: 100%;
    display: block;
    line-height: 1;
}

.showcase div.content-social-share span {
    margin-bottom: 8px !important;
}

.showcase_client-name,
.showcase_client-name a {
    color: #232323 !important;
    text-transform: uppercase;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

.showcase_meta_des {
    font-size: 16px;
    margin: 0;
}

.showcase-top-right a {
    border: 2px solid #333333;
    color: #333333;
    letter-spacing: 2px;
    padding: 0 25px;
}

.showcase-header {
    width: 100%;
    padding-top: 35px;
    padding-bottom: 30px;
}

.showcase-description {
    padding-bottom: 55px;
    padding-top: 55px;
    text-align: center;
    float: none;
    margin: 0 auto;
}

.showcase-description p {
    font-size: 16px;
}

.showcase-main-description {
    float: left;
    width: 100%;
}

.showcase-main-content {
    padding: 0;
}

.showcase-main-content .showcase_content_block:last-child {
    margin-top: 65px;
}

.showcase_content_block {
    float: left;
    width: 100%;
}

.showcase-content-block-left img {
    float: left;
    width: 100%;
}

.showcase-content-block-left {
    padding: 0;
}

.showcase-content-block-right h3 {
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0;
    padding-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.showcase-content-block-left h3 {
    color: #000;
    font-size: 12px;
    margin: 0;
    padding-bottom: 20px;
}

.showcase-content-block-right-content {
    font-size: 16px;
}

.showcase-social-share {
    float: left;
    margin-top: 56px;
    text-align: center;
    width: 100%;
    margin-bottom: 80px;
}

.showcase-social-share > ul {
    margin: 5px auto;
    width: 150px;
}

.showcase-social-share li {
    float: left;
    margin-left: 25px;
}

.showcase-social-share li:first-child {
    margin-left: 0px;
}

.showcase-content li .fa {
    font-size: 16px;
}

.showcase-content li .fa-facebook-square {
    color: #41608b;
}

.showcase-content li .fa-twitter {
    color: #00adef;
}

.showcase-content li .fa-tumblr {
    color: #41608b;
}

.showcase-content li .fa-google-plus {
    color: #d01820;
}

.showcase-content li .fa-pinterest {
    color: #ec4823;
}

.content-social-share a:hover {
    color: inherit;
}

.showcase-social-share span {
    border-bottom: 1px solid #232323;
    color: #232323;
    font-size: 10px;
    letter-spacing: 2px;
    padding-bottom: 3px;
    text-transform: uppercase;
}

.showcase-social-share li {
    padding-top: 8px;
}

a:hover {
    color: #e09300;
}

a:focus {
    color: inherit;
}

.showcase-content-top {
    background: white none repeat scroll 0 0;
    float: left;
    width: 100%;
}

.showcase-page-nav {
    padding-bottom: 100px;
    border-bottom: 1px solid #ebebeb;
}

.showcase-page-nav .content {
    background: #ededed;
    width: 100%;
    padding: 0 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.showcase-page-nav .next {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 90px;
    padding: 0;
    flex: 1;
    text-align: right;
}

.showcase-page-nav .prev {
    font-size: 10px;
    line-height: 90px;
    padding: 0;
    text-transform: uppercase;
    text-align: left;
    flex: 1;
}

.showcase-page-icon a {
    background: rgba(0, 0, 0, 0) url("../images/pa-showcase-2.png") repeat scroll 0 0;
    display: table;
    font-size: 15px;
    height: 21px;
    margin: 20px 0;
    width: 21px;
}

.showcase-page-icon a:hover {
    background: rgba(0, 0, 0, 0) url("../images/pa-showcase-2.png") repeat scroll 0 21px;
}

.showcase-page-nav .next a {
    background: rgba(0, 0, 0, 0) url("../images/pa-next.png") no-repeat scroll 65px center;
    padding-right: 50px;
    transition: all .3s ease-in-out;
}

.showcase-page-nav .prev a {
    background: rgba(0, 0, 0, 0) url("../images/pa-prev.png") no-repeat scroll -15px center;
    padding-left: 50px;
    background-position-x: 3px;
    transition: all .3s ease-in-out;
}

.showcase-page-nav .next a:hover {
    background-position-x: 68px;
}

.showcase-page-nav .prev a:hover {
    background-position-x: 0;
}

.showcase-page-icon {
    text-align: center;
    line-height: 90px;
}

.showcase-page-nav a {
    color: #232323;
    letter-spacing: 1px;
    font-size: 16px;
}

.showcase-page-nav a:hover {
    color: #000;
}

.showcase-content-top .showcase-main-content {
    padding: 50px 70px 90px 70px;
    font-size: 16px;
    font-weight: 300;
    color: #232323;
    line-height: 30px;
}

@media (max-width: 991px) {
    .showcase .page-title h3 {
        font-size: 25px;
    }

    .showcase-content-top .showcase-main-content {
        padding: 20px 0;
    }

    .showcase-page-nav .content {
        padding: 0 15px;
    }

    .showcase-page-nav .prev a {
        padding-right: 30px;
    }

    .showcase-page-nav {
        padding-bottom: 50px;
    }

}

#main_container .showcase2-content ul li {
    list-style: outside none none;
}

.showcase-content-block-right {
    padding-left: 30px;
}

.showcase_content_block:nth-of-type(2n) .pull-left {
    padding-left: 0px;
}

/* -------------------- */
/*       SHOWCASE 2     */
/* -------------------- */

.showcase {
    padding-top: 50px;
}

.showcase-desc {
    padding: 50px 0 100px 0;
    line-height: 30px;
    font-size: 16px;
    border-top: 1px solid #ebebeb;
    color: #232323;
}

.showcase-desc-popup {
    padding: 0 30px;
    font-size: 16px;
    color: #fefefe;
}

.showcase-desc-popup-light {
    padding: 0 30px;
    font-size: 16px;
    color: #232323;
    margin: 50px 0;
}

.showcase .showcase-content {
    display: inline-block;
    width: 100%
}

.showcase2-left {
    margin-bottom: 40px;
}

.showcase2-left .item {
    margin-top: 36px;
    margin-bottom: 60px;
}

.showcase2-left .item:first-child {
    margin-top: 0;
}

.showcase2-left .item img {
    width: 100%;
}

.showcase2 .sidebar-right h3 {
    color: #232323;
    font-size: 30px;
    line-height: 50px;
    font-weight: 500;
    margin-bottom: 50px;
    margin-top: 35px;
}

.showcase2-content {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    color: #232323;
}

.showcase2-content h2 {
    color: #232323;
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 22px;
    text-transform: uppercase;
}

ul li.cat-item a::before {
    content: "+";
    font-family: 'fontawesome';
    font-size: 15px;
    padding-right: 10px;
}

.content-social-share li {
    float: left;
}

.content-social-share li:first-child {
    margin-left: 0;
}

.showcase2 .sidebar-right {
    background: #ffffff none repeat scroll 0 0;
}

/*.showcase2-content ul li.cat-item a {
  background: rgba(0, 0, 0, 0) url("../images/ar-showcase.png") no-repeat scroll 0 center;
   padding-left: 18px;
}*/
ul.list-showcase li {
    line-height: 30px;
}

.showcase2 .showcase-content .ul li {
    display: inline-block;
}

.showcase2 .ul li.cat-item {
    line-height: 30px;
}

.showcase2-client {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.showcase2-client .showcase_client-name {
    margin-bottom: 0;
}

.showcase2 .content-social-share {
    margin-top: 0;
    padding-bottom: 55px;
}

.showcase2 .content-social-share span {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
}

.oct-portfolio-listimage .image-item {
    margin-bottom: 30px;
}

/* ------------------ */
/*  GALLERY PORFOLIO  */
/* ------------------ */
.portfolio-galery .image-item {
    position: relative;
    overflow: hidden;
}

.portfolio-galery .image-item .oct-img-hover {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.portfolio-galery .image-item:hover .oct-img-hover {
    opacity: 1;
    filter: alpha(opacity=1);
}

.portfolio-galery .oct-img-hover .hover-icon {
    width: 37px;
    height: 37px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.portfolio-galery .oct-img-hover .hover-icon:after {
    content: "";
    width: 37px;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.portfolio-galery .oct-img-hover .hover-icon:before {
    content: "";
    width: 1px;
    height: 37px;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

#portfolio-slider img {
    width: 100%;
}

/* Gallery flat */
.oct-gallery-flat {
    overflow: hidden;
}

.oct-gallery-flat .image-item {
    float: left;
    width: 25%;
}

.oct-gallery-flat[data-cols="2"] .image-item {
    width: 50%;
}

.oct-gallery-flat[data-cols="3"] .image-item {
    width: 33.33%;
}

.oct-gallery-flat .image-item .oct-img-hover {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.oct-gallery-flat .image-item:hover .oct-img-hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.oct-gallery-flat .image-item img {
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.oct-gallery-flat .image-item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/* Gallery grid */
.oct-gallery-grid .row > div {
    margin-bottom: 30px;
}

.oct-gallery-grid .row > div.last {
    margin-bottom: 0;
}

.oct-gallery-grid .image-item .oct-img-hover::before, .oct-gallery-grid .image-item .oct-img-hover::after {
    bottom: 15px;
    content: "";
    left: 15px;
    opacity: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-transform: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    -ms-transform: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    -o-transform: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    transform: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    z-index: 1;
}

.oct-gallery-grid .image-item .oct-img-hover:before {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}

.oct-gallery-grid .image-item .oct-img-hover::after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.oct-gallery-grid .image-item:hover .oct-img-hover::before, .oct-gallery-grid .image-item:hover .oct-img-hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
    -o-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
    transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
}

.oct-gallery-grid .image-item .oct-img-hover .hover-icon {
    -webkit-transform: translateX(-50%) translateY(50px);
    -ms-transform: translateX(-50%) translateY(50px);
    -o-transform: translateX(-50%) translateY(50px);
    transform: translateX(-50%) translateY(50px);
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.oct-gallery-grid .image-item:hover .oct-img-hover .hover-icon {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

/* Gallery mansory */
.oct-masonry-14 .grid-sizer,
.oct-masonry-14 .grid-item {
    width: 25%;
}

.oct-masonry-14 .grid-item-width2 {
    width: 50%;
}

.oct-masonry-14 .item-masonry.grid-item {
    height: 275px;
}

.oct-masonry-14 .item-masonry.grid-item.grid-item-height2 {
    height: 580px;
}

.oct-masonry-grid .grid-item > a {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.oct-masonry-grid .grid-item.item-masonry img {
    height: 100%;
    min-width: 100%;
    width: auto;
}

.oct-masonry-grid {
    margin: 0 -15px;
}

.oct-masonry-grid .grid-item {
    padding: 0 15px;
}

.oct-masonry-grid .grid-item {
    margin-bottom: 30px;
}

.oct-masonry-grid .grid-item img {
    width: 100%;
}

.portfolio-galery .oct-masonry-14 .image-item .oct-img-hover {
    height: 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.portfolio-galery .oct-masonry-14 .image-item:hover .oct-img-hover {
    height: 100%;
}

.oct-masonry-23 .grid-sizer,
.oct-masonry-23 .grid-item {
    width: 50%;
}

.oct-masonry-23 .grid-item-width2 {
    width: 100%;
}

.oct-masonry-23 .grid-item {
    height: 261px;
}

.oct-masonry-23 .grid-item.grid-item-height2 {
    height: 552px;
}

.portfolio-galery .oct-masonry-23 .image-item .oct-img-hover {
    left: -100%;
}

.portfolio-galery .oct-masonry-23 .image-item:hover .oct-img-hover {
    left: 0;
}

.portfolio-galery .oct-masonry-23 .image-item:hover .oct-img-hover .hover-icon {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.portfolio-galery .oct-masonry-23 .image-item img {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.portfolio-galery .oct-masonry-23 .image-item:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

/* -------------------- */
/*       SHOWCASE 4     */
/* -------------------- */
.showcase.showcase4 {
    padding-top: 0;
    background-color: #ffffff;
}

.showcase4 .showcase-content {
    border-top: 1px solid #ebebeb;
}

.showcase-top-details .showcase-header {
    overflow: hidden;
    padding-bottom: 45px;
    padding-top: 0;
}

.showcase-top-details .showcase-header .info {
    display: flex;
    align-items: center;
}

.showcase-top-details .showcase-header .info .item {
    flex: 1;
}

.showcase-top-details .showcase-header .info .item.services {
    flex: 1.4;
}

.showcase-top-details .showcase-header .info .item.visit-website {
    text-align: right;
}

@media (max-width: 991px) {
    .showcase-top-details .showcase-header .info {
        flex-flow: row wrap;
        justify-content: flex-start;
    }

    .showcase-top-details .showcase-header .info .item {
        margin: 0 10px 20px 0;
        flex: auto;
        text-align: left !important;
    }

    .showcase-top-details .showcase-header .info .item.services {
        flex: auto;
    }

    .showcase-top-details .showcase-header {
        padding-bottom: 20px;
    }

    .showcase-top-details .showcase-header .info .oct-button-small-dark {
        margin: 0;
    }
}

/* -------------------- */
/*       SHOWCASE 5     */
/* -------------------- */
.showcase.showcase-5 {
    padding-top: 0;
    background-color: #ffffff;
    margin-top: 0 !important;
}

.showcase-5 .showcase-content {
    border-top: 1px solid #ebebeb;
}

.showcase-5 .top-showcase {
    text-align: center;
    padding: 22px 0;
}

.showcase-5 .togole-info {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #232323;
    line-height: 46px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    background-color: #232323;
    color: #ffffff;
    cursor: pointer;
}

.showcase-5 .togole-info.active {
    background: url(../images/icon-close.png) no-repeat center center;
    text-indent: -9999px;
}

.showcase-5 .content-showcase {
    position: relative;
    margin-bottom: 70px;
}

.showcase-5 .content-showcase .info-porfolio {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    display: none;
    z-index: 9;
    overflow: auto;
}

.showcase-5 .content-showcase .info-porfolio .oct-table {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: table;
    padding: 40px 0;
}

.showcase-5 .content-showcase .info-porfolio .oct-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.showcase-5 .visit-website a {
    margin-top: 70px;
    border-color: #ffffff;
    color: #232323;
    background-color: #ffffff;
    line-height: 50px;
}

.showcase-5 .visit-website a span {
    height: 45px;
    line-height: 45px;
    display: block;
}

.showcase-5 .visit-website a::after {
    background-color: #232323;
}

.showcase-5 .link-button.oct-button:hover span {
    color: #ffffff
}

.showcase-5 .showcase-slide.owl-theme .owl-controls {
    margin: 0;
}

.showcase-5 .showcase-slide.owl-theme .owl-controls .owl-pagination {
    bottom: -45px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 3;
}

.showcase-5 .owl-theme .owl-controls .owl-page span {
    border-radius: 50%;
    margin: 0 3px;
}

.showcase-5 .owl-theme .owl-controls .owl-page {
    padding: 0;
}

.showcase-5 .showcase-page-nav {
    text-align: center;
    background-color: transparent;
    margin-top: 20px;
}

.showcase-5 .showcase-page-nav a {
    display: inline-block;
}

.showcase-5 .showcase-page-nav a.prev,
.showcase-5 .showcase-page-nav a.next,
.showcase-5 .showcase-page-nav a.oct-end-post {
    display: inline-block;
    width: auto;
    line-height: 20px;
    height: 25px;
    vertical-align: middle;
    font-size: 16px;
    color: #232323;
    letter-spacing: 1px;
}

.showcase-5 a.showcase-page-icon {
    line-height: 21px;
    background: rgba(0, 0, 0, 0) url("../images/pa-showcase-2.png") repeat scroll 0 0;
    font-size: 15px;
    height: 21px;
    margin: 0 45px;
    width: 21px;
    vertical-align: middle;
}

.showcase-5 a.showcase-page-icon:hover {
    background: rgba(0, 0, 0, 0) url("../images/pa-showcase-2.png") repeat scroll 0 21px;
}

.showcase-5 .showcase-page-nav .prev img {
    transition: all .3s;
    position: absolute;
    left: -40px;
}

.showcase-5 .showcase-page-nav .prev:hover img {
    left: -43px;
}

.showcase-5 .showcase-page-nav .next img {
    position: absolute;
    right: -40px;
    transition: all .3s;
}

.showcase-5 .showcase-page-nav .next:hover img {
    right: -43px;
}

.showcase.showcase-5 .owl-buttons {
    left: 0;
    right: 0;
}

.showcase.showcase-5 .owl-buttons .owl-next {
    right: 15px !important;
}

.showcase li .fa-facebook-square {
    color: #3b5998;
}

.showcase li .fa-twitter {
    color: #1ea1f3;
}

.showcase li .fa-google-plus {
    color: #d01820;
}

.showcase li .fa-pinterest {
    color: #cb2028;
}

.showcase-5 .showcase-slide {
    cursor: move;
}

.showcase.showcase-5 .showcase-slide .item-img img {
    width: 100%;
}

/* -------------------- */
/*       SHOWCASE 6     */
/* -------------------- */
.showcase.showcase6 {
    padding: 0;
    position: relative;
}

.slidefull-showcase .bg-slide {
    background-position: center center;
    background-size: cover;
}

.showcase .slides-navigation > a {
    text-align: center;
    color: #ffffff;
}

.showcase .slides-navigation > a .icon {
    font-size: 40px;
}

.showcase .slides-navigation > a:hover {

}

.slides-navigation a.next {
    right: 40px;
}

.slides-navigation a.prev {
    left: 40px;
}

.showcase6 .showcase-content {
    position: absolute;
    bottom: 0;
    margin: 0;
    z-index: 9;
    left: 0;
    max-width: 100%;
}

.showcase6 .showcase-page-nav {
    background-color: transparent;
    display: inline-block;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: auto;
    padding-bottom: 0;
}

.showcase6 .showcase-page-nav a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #2b2b2b;
    display: inline-block;
    float: left;
}

.showcase6 .showcase-page-nav a:hover {
    background-color: #141414;
}

.showcase6 .showcase-page-nav a.showcase-page-icon {
    background-color: #242424;
    border: 1px solid #ffffff;
    border-bottom: none;
}

.showcase6 .showcase-page-nav a.showcase-page-icon:hover {
    background-color: #141414;
}

.showcase6 .showcase-nav {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 0;
}

.showcase6 .showcase-nav .togole-info {
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #2b2b2b;
    line-height: 60px;
    color: #ffffff;
    display: block;
    margin: 0 auto;
    font-size: 20px;
    cursor: pointer;
}

.showcase6 .showcase-nav .togole-info:hover {
    background-color: #141414;
}

.showcase6 .info-porfolio {
    display: none;
}

.showcase6 .info-porfolio .content-info {
    margin-bottom: 200px;
    overflow: hidden;
}

.showcase6 .info-porfolio .content-info .showcase_meta_des {
    padding: 25px 0;
    display: block;
    position: relative;
}

.showcase6 .info-porfolio .content-info .showcase_meta_des:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 1px;
    background-color: #e09300;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.showcase6 .showcase-nav .togole-info.active {
    background-image: url(../images/close-light.png);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}

.showcase6 .showcase-content .showcase-info {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 90px 20px 0;
    text-align: center;
    margin: 0 auto;
    overflow: auto;
}

.showcase.showcase6 .page-title {
    padding: 0;
}

.showcase_meta_des > a {
    transition: all .3s;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a6a6a6;
    letter-spacing: 1px;
}

.showcase6 .showcase.showcase6 .page-title h3 {
    margin-bottom: 10px;
}

.showcase6 .showcase-desc {
    margin-bottom: 40px;
}

.showcase6 .showcase-desc:before {
    content: "";
    width: 100px;
    height: 1px;
    background-color: #e09300;
    display: block;
    margin: 20px auto 50px auto;
}

.showcase6 .showcase-client {
    margin-bottom: 30px;
}

.showcase6 .item {
    margin-bottom: 45px;
}

.showcase6 .item .content-social-share li {
    margin: 0 15px;
}

.showcase6 .visit-website {
    padding-top: 0;
    line-height: 0;
    margin-bottom: 20px;
}

.showcase6 .visit-website a {
    line-height: 45px;
    background-color: #232323;
    color: #ffffff;
}

.showcase6 .visit-website a span {
    height: 45px;
    line-height: 45px;
}

.showcase6 .visit-website a:hover {
    background-color: #ffffff;
}

.showcase6 .visit-website a:hover span {
    color: #232323;
}

.showcase6 .visit-website .oct-button:after {
    background-color: #ffffff;
}

.showcase6 .container {
    max-width: 100%;
}

/* ---------------- */
/* 	  SHOWCASE 7	*/
/* ---------------- */
.showcase.showcase7 {
    padding: 0;
}

.showcase7 .showcase-header {
    text-align: center;
    background-color: #242424;
    padding: 45px 0;
}

.showcase7 .showcase-header h3 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    color: #ffffff;
    margin: 0;
}

.showcase7 .page-title {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
}

.showcase7 .showcase_meta_title {
    color: #ffffff;
    line-height: normal;
}

.showcase7 .showcase-top-right .oct-button {
    border-color: #ffffff;
    background-color: transparent;
    color: #ffffff;
}

.showcase7 .showcase-top-right .oct-button::after {
    background-color: #fff;
}

.showcase7 .showcase-top-right .oct-button:hover span {
    color: #232323;
}

.showcase.showcase7 .showcase-content-header .sub_des,
.showcase.showcase7 .showcase-content-header .sub_des a {
    color: #7d7d7d !important;
    font-size: 14px;
    text-transform: capitalize;
    margin-top: 5px;
    transition: all .3s;
}

.showcase.showcase7 .showcase-content-header .sub_des a:hover {
    color: #e09300 !important;
}

.showcase.showcase7 .showcase-content-header .oct-button span {
    display: block;
    height: 35px;
    line-height: 36px;
}

.showcase-page-nav.style-3 {
    padding-bottom: 0;
    border-bottom: none;
}

.showcase-page-nav.style-3 .page-nav {
    background-color: #ededed;
}

.showcase-content-header {
    padding-top: 45px;
}

.showcase-page-nav.style-3 .page-nav .content {
    padding: 0;
}

.showcase-content-header > div {
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    float: none;
    display: inline-block;
    width: 32%;
}

.showcase-content-header > div:last-child {
    border-right: none;
}

.showcase7 .visit-website {
    padding-top: 70px;
}

.showcase.showcase7 .showcase-content {
    margin-bottom: 0;
}

.showcase7 .content-social-share {
    padding-bottom: 65px;
    margin-top: 30px;
}

.showcase.showcase7 .showcase_client-name {
    color: #ffffff;
}

.showcase.showcase7 .content-social-share li {
    margin: 0 15px;
}

.showcase-page-nav.style-2 .page-nav {
    display: flex;
    align-items: center;
}

.showcase-page-nav.style-2 .page-nav .next {
    text-align: left;
    margin-left: 45px;
}

.showcase-page-nav.style-2 .page-nav .prev {
    text-align: right;
    margin-right: 45px;
}

/* -------------------- */
/*       SINGLE POST    */
/* -------------------- */

.feature-content .oct_blog_title a {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 500;
}

.quote_icon_html {
    color: #232323;
    float: left;
    font-family: Georgia;
    font-size: 60px;
}

.blog-single .blog-grallery {
    margin-bottom: 0;
}

.firstLetter {
    color: #252525;
    display: block;
    float: left;
    font-size: 55px;
    line-height: 50px;
    margin-right: 13px;
    text-align: left;
    width: 35px;
}

.blog3 .blog-item .feature-content {
    margin-bottom: 30px;
}

.blog3 .feature-content {
    margin-bottom: 55px;
}

.blog-content .quote_icon {
    padding-top: 15px;
}

blockquote {
    border-left: medium none;
    padding-bottom: 30px;
    padding-left: 0px;
}

body .blog-single .blog-content blockquote p {
    font-family: Georgia;
    font-size: 18px;
    font-style: italic;
    padding-left: 26px;
}

.blog-content blockquote {
    margin-top: 40px;
}

blockquote p {
    font-family: Georgia;
    font-style: italic;
}

.blog-item .group-share {
    color: #e09300;
    text-align: right;
    letter-spacing: 1px;
}

.blog-item .group-share a {
    font-size: 14px;
}

.group-share .fa-facebook-square {
    color: #41608b;
}

.group-share .fa-google-plus {
    color: #d01820;
}

.group-share .fa-twitter {
    color: #00adef;
}

.group-share .fa-pinterest {
    color: #ec4823;
}

.blog-item .group-share span {
    color: #232323;
    text-transform: uppercase;
}

.blog-item a {
    color: #e09300;
}

.group-tags {
    letter-spacing: 1px;
}
.group-tags:first-child{
    margin-bottom: 5px;
}

.bottom-single-post {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    margin: 50px 0;
    width: 100%;
    display: flex;
    padding: 30px 0;
    justify-content: space-between;
}

@media (max-width: 991px) {
    .bottom-single-post {
        flex-direction: column;
    }
}

.bottom-single-post .group-tags {
    margin-top: 0;
    flex: 1;
}

.blog-single .group-tags.list-tags a:hover {
    color: #e09300;
}

.blog-single .blog-item .bottom-single-post .group-tags {
    margin-top: 0;
    flex: 1;
}

@media (max-width: 991px) {
    .blog-item .bottom-single-post .group-tags {
        margin-bottom: 25px;
    }
}

.container + .container {
    padding-bottom: 30px;
}

.group-tags span {
    color: #232323;
    text-transform: uppercase;
}

.group-tags a {
    color: #7d7d7d;
    margin-right: 10px;
    font-weight: 400;
}

.blog-item a:hover {
    color: #7d7d7d;
}

.nav-next {
    float: right;
}

.nav-previous {
    float: left;
}

.nav-next a {
    background: rgba(0, 0, 0, 0) url("../images/pa-next.png") no-repeat scroll right center;
    padding-right: 40px;
    color: #232323 !important;
    font-size: 14px !important;
    background-position-x: 50px;
    transition: all .3s;
}

.nav-previous a {
    background: rgba(0, 0, 0, 0) url("../images/pa-prev.png") no-repeat scroll 0 center;
    padding-left: 40px;
    color: #232323 !important;
    font-size: 14px !important;
    background-position-x: 3px;
    transition: all .3s;
}

.nav-next a:hover {
    background-position-x: 52px;
    color: #000;
}

.nav-previous a:hover {
    background-position-x: 0;
    color: #000;
}

.oct-pagination-post a {
    color: #232323;
    font-size: 10px;
    letter-spacing: 1px;
    position: relative;
    text-transform: uppercase;
}

.blog-item .oct-pagination-post a:hover {
    color: #232323;
}

/* ---------------- */
/*  COMMENT POST    */
/* ---------------- */
#comment-post {
    margin-bottom: 70px;
}

.comment-post .comment-post-content-head h4 {
    color: #232323;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0 0 20px;
    text-transform: uppercase;
    line-height: 26px;
    border-bottom: 1px solid #232323;
}

.comment-post .comment-item {
    padding-top: 40px;
    padding-bottom: 10px;
}

.comment-post .avatar {
    width: 98px;
    height: 98px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.comment-item .media-heading, .children .media-heading {
    color: #232323;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

.comment-item .comment-reply-link {
    color: #232323;
    float: right;
    font-size: 14px;
    margin-left: 15px;
    position: absolute;
    right: 15px;
}

.comment-item .comment-reply-link:hover {
    color: #e09300;
}

.comment-item .media-reply:hover {
    color: #e09300;
}

.comment-post .pull-left {
    padding-right: 25px;
}

.comment-post .children {
    padding-left: 30px;
    border-bottom: 1px solid #ededed;
}

.comment-post .children .comment-item {
    border-top: 1px solid #ededed;
}

.leave-reply .comment-form {
    display: inline-block;
    width: 100%;
}

.comment-form textarea {
    min-height: 186px;
}

.comment-post .comment-list {
    padding-bottom: 10px;
}

.comment-post .comment-list .pingback {
    list-style-type: none;
}

.comment-post .comment-list .pingback .says {
    margin-left: 10px;
}

.comment-post .comment-list .pingback .comment-author.vcard {
    margin-bottom: 5px;
}

.comment-post .comment-list .pingback .comment-author.vcard a {
    font-size: 15px;
}

.comment-post .comment-list .pingback .comment-meta.commentmetadata {
    font-size: 13px;
    margin-bottom: 15px;
}

.comment-post .comment-list > .comment-item:last-child {
    border-bottom: 1px solid #ededed;
}

.comment-post .children .children {
    border-bottom: none;
}

.comment-item .media-date {
    color: #979797;
    font-size: 13px;
}

.comment-item .media-reply {
    color: #232323;
    margin-left: 15px;
    font-size: 14px;
}

.comment-list .media-reply {
    color: #000;
}

.comment-list .media-reply:hover {
    color: #e09300;
}
.groups{
    flex: 1;
}
.group-tags a:hover {
    color: #e09300;
}

.media-body .comment-text {
    margin-bottom: 0;
    margin-top: 15px;
    padding-bottom: 0px;
}

#leave-reply {
    margin-bottom: 90px;
}

.comment-form input[type="text"], .comment-form textarea {
    border: 1px solid #ebebeb;
    margin-bottom: 24px;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    color: #7d7d7d;
}

.comment-form textarea {
    min-height: 200px;
}

#comment_submit {
    margin-right: 15px;
    float: right;
    transition: all .3s;
}
.admin-bar #comment_submit{
    margin-right: 0;
}

#comment_submit:hover {
    background-color: #000 !important;
}

#cancel-comment-reply-link {
    float: right;
}

.user-loggin-in .comment-respond {
    margin: 0 15px !important;
}

.blog-item .oct-button {
    color: #252525;
    margin: 0;
}

.oct-button {
    background: transparent;
    border: 2px solid #252525;
    color: #252525;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 35px;
    margin: 0 7px;
    min-width: 105px;
    padding: 0 35px;
    text-decoration: none;
    text-transform: uppercase;
}

.oct-button span {
    height: 35px;
    line-height: 35px;
    display: inline-block;
}

.oct-button-black {
    background: #232323 !important;
    color: #fff !important;
    height: 46px;
    line-height: 46px;
    padding: 0 60px;
}

.leave-reply h4 {
    color: #232323;
    display: inline-block;
    margin: 0 0 25px 0;
    text-transform: uppercase;
    line-height: 26px;
    border-bottom: 1px solid #232323;
}

.blog-item .oct-button:hover {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #232323;
}

.title-center {
    border: 3px solid #232323;
    color: #232323;
    display: inline-block;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 5px;
    min-width: 340px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
}

.page_nav .pagination a {
    border: medium none;
    color: #232323;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 20px;
    padding: 0 7px;
}

.page_nav .pagination .current {
    padding: 0 7px;
}

.pagination .page-numbers:first-child {
    padding-left: 0;
}

.page_nav .pagination .current, .page_nav .pagination a:hover {
    color: #e09300;
    text-decoration: underline;
}

.shoping-cart-widget {
    margin-bottom: 30px;
}

.sidebar .widget {
    display: inline-block;
    width: 100%;
}

.sidebar .widget ul {
    padding-left: 10px;
}

.comment-heading a {
    font-size: 14px;
}

.header-basic.no-image {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    min-height: 140px;
}

.header-basic.menu2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: inline-block;
    float: left;
    min-height: 140px;
    z-index: 100;
    top: 0;
    position: fixed;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.header-basic.no-image .main-header {
    background: #ffffff none repeat scroll 0 0;
    min-height: 140px;
}

.header-basic.home-work-2 {
    background-image: url("../images/header_work_2.jpg");
}

.filter-enable {
    float: left;
    height: 40px;
    text-align: center;
    width: 100%;
    margin: 40px 0;
}

.filter-enable > span {
    border: 2px solid #232323;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    width: 40px;
}

#filters-portfolio {
    display: none;
}

#work-2 #filters-portfolio {
    float: left;
    width: 100%;
}

#work-2 #oct-grid-portfolio {
    float: left;
    width: 100%;
}

#work-2 {
    padding-bottom: 100px;
}

.load_more_button {
    margin-top: 30px;
}

.load_more_button a span {
    font-weight: 500;
}

.link-button.oct-button:hover span {
    color: #ffffff;
    position: relative;
    z-index: 9;
}

#work-2 .cbp-title-cats {
    padding: 2px 0 5px 12px;
}

.filter-enable span:hover {
    background: #232323 none repeat scroll 0 0;
    color: #ffffff;
}

.block-border {
    border-top: 1px solid #000;
}

.section-title > h4.color-light {
    color: #ffffff;
}

.section-title .hr.hr-light {
    background: #ffffff none repeat scroll 0 0;
    height: 3px;
}

/* -------------------- */
/*         WORK 4       */
/* -------------------- */

#full-width-content.blog2.work4 .blog2_position {
    margin: 0 0 60px 0;
}

#full-width-content.blog2.work4 .blog2_position {
    background-color: white;
}

.oct-work4-left {
    border-left: 2px solid #000;
    float: left;
    margin: 25px 0 25px 25px;
    width: 100%;
}

.oct-work4-right {
    float: right;
    padding-right: 20px;
    margin: 25px 0px 25px;
}

.oct-work4-left .oct_day {
    color: #232323;
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 7px;
    padding-left: 10px;
}

.oct-work4-left .oct_comment {
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 4px;
    font-style: italic;
}

.oct-work4-left .oct_comment > a {
    color: #7d7d7d;
}

.oct-work4-left .oct_comment > a:hover {
    color: #e09300;
}

/* -------------------- */
/*         WORK 5       */
/* -------------------- */
.work5-full-width .cbp-l-filters-alignRight .cbp-filter-item:hover {
    color: #e09300;
}

.cbp-l-grid-masonry .cbp-item {
    width: 360px;
}

.cbp-l-grid-masonry .cbp-l-grid-masonry-height1,
.cbp-l-grid-masonry .cbp-item-height-1 {
    height: 290px;
}

.cbp-l-grid-masonry .cbp-l-grid-masonry-height2,
.cbp-l-grid-masonry .cbp-item-height-2 {
    height: 520px;
}

.work5-full-width .cbp-l-grid-masonry .cbp-l-grid-masonry-height3,
.work5-full-width .cbp-l-grid-masonry .cbp-item-height-3 {
    height: 420px;
}

.cbp .eoct-identity.cbp-item.cbp-l-grid-masonry-height3,
.cbp-l-grid-masonry .eoct-identity.cbp-l-grid-masonry-height3 {
    height: 290px;
}

.work5-full-width .cbp-l-grid-masonry .cbp-l-grid-masonry-height2-3,
.work5-full-width .cbp-l-grid-masonry .cbp-item-height-2-3 {
    height: 425px;
}

section.work5-full-width {
    margin-bottom: 100px;
}

.work5-full-width #filters-container {
    margin-top: 40px;
    text-align: center;
}

.work5-full-width .cbp-l-filters-alignRight .cbp-filter-item {
    border-color: rgba(0, 0, 0, 0.08);
    border-width: 0 0 0 1px;
    color: #232323;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    line-height: 15px;
}

.work5-full-width .cbp-l-caption-body {
    padding: 0 15px;
}

.work5-full-width .cbp-l-filters-alignRight .cbp-filter-item:first-child {
    border: none;
}

.work5-full-width .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active, .work5-full-width .cbp-l-filters-alignRight .cbp-filter-item:hover {
    background-color: #fff;
    color: #7fd0e4;
    cursor: pointer;
}

/* -------------------- */
/*         MENU       */
/* -------------------- */

.header-basic .oct-default-menu a:hover, .header-basic .oct-default-menu a:focus, .header-basic .oct-default-menu a.active {
    color: #000;
}

.header-basic .dropdown-menu > li > a:hover, .header-basic .dropdown-menu > li > a:focus, .header-basic .dropdown-menu > .active > a, .header-basic .dropdown-menu > .active > a:hover, .header-basic .dropdown-menu > .active > a:focus {
    background-color: transparent;
    color: #e09300 !important;
    text-decoration: none;
}

footer {
    background-color: #242424;
    float: left;
    padding: 78px 0;
    width: 100%;
}

.container {
    margin: 0 auto;
    max-width: 1170px;
}

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

.footer .footer_bottom p {
    color: #d6d6d6;
    float: left;
    font-size: 14px;
    line-height: 21px;
    margin: 2px;
    text-align: center;
    width: 100%;
}

.menu_footer li a {
    color: #fff;
    font-size: 10px;
    padding: 0 27px;
    text-decoration: none;
    transition: all .3s;
    font-weight: 500;
}

.menu_footer li a:hover {
    color: #e09300 !important;
}

.menu_footer li {
    color: white;
    display: inline-block;
    font-size: 10px;
    list-style: none outside none;
    padding: 0;
    text-transform: uppercase;
}

.social_footer {
    color: #5F5F5F;
    list-style: none outside none;
    margin: 0 auto;
    padding-bottom: 33px;
    text-align: center;
    width: 100%;
}

.social_footer li {
    display: inline-block;
}

.social_footer li a {
    border-right: 1px solid #5F5F5F;
    padding: 0 18px;
    transition: all .3s;
}

.social_footer li:last-child a {
    border-right: none;
    padding-right: 0;
}

.menu_footer {
    padding-bottom: 50px;
}

.full-width {
    width: 100%;
}

.left {
    float: left;
}

.right {
    float: right;
}

img {
    max-width: 100%;
}

ul {
    padding: 0;
}

/* -------------------- */
/*         HOME 1       */
/* -------------------- */
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

p {
    margin: 0 0 25px;
}

.block_services {
    background-color: white;
    float: left;
    padding: 105px 0 0;
    position: relative;
    width: 100%;
}

.block_services .block_content > p, .button_block {
    color: #7D7D7D;
    float: left;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    width: 100%;
}

.block_services .block_content p a {
    color: #7D7D7D;
    font-style: italic;
}

#block_awesome_work .button_block {
    margin-bottom: 0;
    margin-top: 10px;
}

.block_services .block_content span {
    clear: left;
    float: left;
    width: 100%;
}

#block_awesome_work h3.section-title {
    background-image: none;
    background-position: center bottom;
    background-repeat: no-repeat;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 40px;
    padding-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

section#block_awesome_work {
    background-color: #F8F8F8;
    float: left;
    padding: 100px 0;
    position: relative;
    width: 100%;
}

#grid-portfolio li {
    float: left;
    list-style: none outside none;
    margin-bottom: 50px;
}

img {
    max-width: 100%;
}

.section-item-caption {
    background-color: white;
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 20px;
    width: 100%;
}

.uppercase {
    text-transform: uppercase;
}

.section-item-caption .right {
    color: #7D7D7D;
    font-style: italic;
    padding-left: 30px;
    position: relative;
}

.section-item-caption .right:before {
    background-color: #000;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 20px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.section-item-caption .left.uppercase {
    color: #232323;
}

#block_awesome_work .section-title span:before {
    background-color: #232323;
    bottom: -12px;
    content: "";
    height: 2px;
    left: 53px;
    position: absolute;
    width: 26px;
}

#block_awesome_work .section-title span {
    position: relative;
}

#block_contact {
    background-attachment: fixed;
    background-image: url("../images/bg-contact-home.png");
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    padding-bottom: 190px;
    padding-top: 0;
    width: 100%;
    position: relative;
}

.block_content {
    background-color: white;
    float: left;
    padding: 0;
    width: 100%;
}

.top_block {
    background-color: #242424;
    color: white;
    float: left;
    padding: 10px;
    width: 100%;
}

.top_block > div {
    border: 1px solid #616161;
    float: left;
    padding: 15px;
    width: 100%;
}

#block_newletter .title {
    color: #ffffff;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 43px;
    margin: 0 40px 0 0;
    text-transform: uppercase;
}

#block_newletter > div {
    float: left;
    padding: 0;
    position: relative;
    width: auto;
}

#block_newletter input {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #7d7d7d;
    font-size: 16px;
    font-style: italic;
    height: 43px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    padding: 5px 20px;
    width: 326px;
}

.button.button_newletter:before {
    background-color: white;
    content: "";
    height: 70%;
    left: 0;
    position: absolute;
    top: 15%;
    width: 1px;
}

#block_twitter_review .icon_titter {
    border: 1px solid #FFFFFF;
    float: left;
    font-size: 25px;
    height: 43px;
    line-height: 43px;
    margin-bottom: 0;
    margin-right: 20px;
    text-align: center;
    width: 43px;
    color: white;
}

#block_twitter_review {
    border-left: 1px solid #616161;
    padding-right: 0;
    position: relative;
}

#block_twitter_review p {
    color: #7d7d7d;
    font-size: 16px;
    font-style: italic;
    line-height: 20px;
    margin-bottom: 0;
}

#block_twitter_review li {
    list-style: none outside none;
}

.top_block > div > div {
    padding: 20px 20px 21px 21px;
}

#block_twitter_review .button-option {
    bottom: -5px;
    position: absolute;
    right: 10px;
}

#block_twitter_review .button-option span {
    color: #7D7D7D;
    cursor: pointer;
    padding: 0 2px;
}

#block_twitter_review ul {
    margin-bottom: 0;
    padding-left: 24px;
}

.contact {
    float: left;
    padding: 65px 20px;
    width: 100%;
}

.contact > div {
    padding: 0 25px
}

.block_contact_info {
    border-right: 1px solid #232323;
    display: inline-block;
    padding: 0 40px;
}

.block_contact_info > p {
    color: #7D7D7D;
    font-size: 16px;
}

.block_contact_info ul li {
    float: left;
    width: 100%;
}

.block_contact_info ul {
    float: left;
    list-style: none outside none;
    margin-bottom: 35px;
    margin-top: 30px;
    width: 100%;
}

.block_contact_info ul li > p {
    border: 1px solid #c1c1c1;
    color: #232323;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    margin-right: 20px;
    text-align: center;
    width: 30px;
}

.block_contact_info ul li > span {
    color: #232323;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 30px;
    text-transform: uppercase;
}

.contact-open-time {
    float: left;
    width: 100%;
}

.contact-open-time p.open {
    border-right: 1px solid #d2d2d2;
    float: left;
    font-size: 20px;
    font-style: italic;
    line-height: 50px;
    margin-right: 20px;
    padding-right: 20px;
    color: #000;
}

.contact-open-time p {
    color: #7D7D7D;
    font-size: 16px;
}

.block_contact_form input, .block_contact_form textarea {
    border: 1px solid #DDDDDD;
    color: #acacac;
    float: left;
    font-size: 15px;
    font-style: italic;
    margin-bottom: 15px;
    padding: 10px 20px;
    width: 100%;
}

.block_contact_form textarea {
    max-height: 150px;
}

#block_contact .contact > div.block_contact_form {
    padding-left: 26px;
    padding-right: 0;
}

.block_contact_form .button.button_submit {
    margin-right: 15px;
}

#banner_home li {
    float: left;
    list-style: none outside none;
    margin-bottom: 30px;
    width: 300px
}

#banner_home {
    float: left;
    margin-bottom: 70px;
    margin-top: 30px;
    width: 100%;
}

.block_manufacture > ul {
    float: left;
    list-style: none outside none;
    width: 100%;
}

.block_manufacture_list > li {
    display: inline-block;
    list-style: none outside none;
}

.oct-blog.grid .block_what_news .post-item {
    padding: 0 0 15px 30px;
    border-left: 1px solid #ebebeb;
}

.oct-blog.grid .block_what_news .post-item .readmore {
    font-weight: 300;
    font-size: 14px;
}

@media (max-width: 991px) {
    .oct-blog.grid .block_what_news .post-item {
        padding: 0 0 30px 30px;
    }

    .oct-blog.grid .block_what_news .post-item .title {
        margin-bottom: 10px;
    }
}

.block_what_news .time-post {
    display: flex;
    align-items: center;
    color: #e09300;
    margin: 0;
    font-size: 60px;
}

.block_what_news .time-post > span {
    font-size: 16px;
    position: relative;
    padding-left: 55px;
    margin-left: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
}

.block_what_news .time-post > span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 1px;
    background-color: #e09300;
}

.block_what_news .time-post .sub-date {
    display: inline-block;
    text-transform: uppercase;
    padding-left: 15px;
    border-left: 1px solid #ebebeb;
}

.block_what_news .time-post .sub-date > span {
    display: block;
    font-weight: 500;
    letter-spacing: 1px;
}

.block_what_news .post-item .title a {
    font-size: 26px;
    color: #232323;
    transition: all .3s;
}

.block_what_news .post-item:hover .title a {
    color: #e09300;
}

@media (min-width: 991px) and (max-width: 1200px ) {
    .block_what_news .post-item .title a {
        font-size: 18px;
    }
}

@media ( max-width: 991px) {
    .block_what_news .post-item .title a {
        font-size: 20px;
    }
}

.block_title.align-left::before {
    background-color: #ebebeb;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 30px;
}

.block_manufacture .block_title,
.about_information .block_title {
    float: left;
    line-height: 20px;
    margin: 60px 0;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
    color: #000;
    text-transform: uppercase;
}

h4.block_title {
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about_information .block_title {
    color: #000;
}

.block_manufacture {
    float: left;
    margin-bottom: 40px;
    margin-top: 0px;
    width: 100%;
}

.block_manufacture_list .owl-item {
    text-align: center;
}

.quote_content > blockquote {
    margin-bottom: 0;
    padding: 0;
}

.block_quote blockquote .quote_content {
    margin-bottom: 0;
}

#main_container .block_contact_info ul li {
    list-style: outside none none;
}

footer#footer {
    float: left;
    padding-bottom: 20px;
    padding-top: 140px;
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.title_block_footer {
    font-size: 18px !important;
    padding-bottom: 20px;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    font-weight: 500;
}

.title_block_footer:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 2px;
    background-color: #e09300 !important;
}

#block_newletter_footer #sendmailchip {
    position: relative;
    margin-top: 30px;
}

#block_newletter_footer input {
    border: 1px solid #ebebeb;
    color: #7D7D7D;
    float: left;
    margin-bottom: 15px;
    padding: 0 80px 0 20px;
    height: 60px;
    line-height: 60px;
    width: 100%;
    transition: all .3s;
}

#block_newletter_footer .button_newletter {
    position: absolute !important;
    top: 0;
    right: 0;
    height: 40px;
    margin: 10px 0;
    border: none;
    padding: 0;
    border-left: 1px solid #ebebeb;
    width: 70px;
    transition: all .3s;
    background: transparent;
}

#block_newletter_footer .button_newletter img {
    margin: 0 auto;
    opacity: 0.7;
    transition: all .3s;
}

#block_newletter_footer .button_newletter:hover img {
    opacity: 1;
}

#block_newletter_footer .oct-message {
    position: absolute;
    left: 0;
    bottom: -100px;
}

@media (max-width: 991px) {
    .contact-form .form .wpcf7-email,
    #block_newletter_footer input {
        height: 50px;
        line-height: 50px;
        padding: 0 95px 0 15px;
    }

    #block_newletter_footer .button_newletter {
        top: -6px;
    }
}

.button, button {
    background-color: transparent;
    border: 2px solid #232323;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 25px;
    text-transform: uppercase;
}

.footer p {
    color: #7d7d7d;
    font-size: 16px;
    margin-bottom: -1px;
}

.social-footer {
    padding-left: 0;
}

.social-footer li {
    display: inline-block;
    margin-right: 40px;
}

.social-footer li a .fa {
    color: #232323;
    font-size: 22px;
    transition: all .2s;
    transform: translateY(0%);

}

@media (max-width: 991px) {
    .social-footer li {
        margin-right: 15px;
    }

    .social-footer li a .fa {
        font-size: 18px;
    }
}

.social-footer li a:hover .fa {
    transform: translateY(-50%);
    color: #e09300;
}

.instagram-footer {
    float: left;
    padding: 0;
    width: 100%;
}

.instagram-footer > li {
    background-color: #eeeeee;
    float: left;
    height: 70px;
    list-style: outside none none;
    margin-right: 10px;
    margin-top: 10px;
    width: 77px;
}

.block_manufacture_list li {
    text-align: center;
}

.block_manufacture_list .owl-buttons .owl-next {
    background-color: transparent;
    font-size: 18px;
    height: 21px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 38px;
    width: 21px;
    z-index: 9;
}

.block_manufacture_list .owl-buttons .owl-next:before {
    content: "\f054";
    float: left;
    font-family: FontAwesome;
    height: 22px;
    margin-right: 10px;
    text-align: center;
    width: 22px;
    color: #777;
}

.block_manufacture_list .owl-buttons .owl-prev {
    background-color: transparent;
    font-size: 18px;
    height: 21px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    left: 0;
    top: 38px;
    width: 21px;
    z-index: 9;
}

.block_manufacture_list .owl-buttons .owl-prev:before {
    content: "\f053";
    float: left;
    font-family: FontAwesome;
    height: 22px;
    margin-right: 10px;
    text-align: center;
    width: 22px;
    color: #777;
}

.oct_newsletter-2 .toggle-footer p {
    text-align: center;
    margin-top: 20px;
}

.oct_newsletter-2 .sendmailchip {
    position: relative;
}

/* -------------------- */
/*        ABOUT 3       */
/* -------------------- */
#block_introduce {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.about_information {
    padding-bottom: 100px;
    padding-top: 100px;
}

.about_information li div {
    padding: 0;
}

.about_information li {
    float: left;
    width: 100%;
}

.about_information li {
    background-color: #F8F8F8;
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

#block_introduce > ul {
    list-style: none outside none;
}

#block_introduce ul li h5:before {
    background-color: #E6E6E6;
    content: "";
    float: left;
    height: 1px;
    left: 43%;
    position: absolute;
    top: 0;
    width: 35px;
}

#block_introduce ul li h5 {
    color: #232323;
    float: left;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 14px;
    padding: 15px 0 5px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

#block_introduce ul li img {
    margin-top: 19px;
}

#block_introduce ul li p {
    color: #7D7D7D;
    font-size: 16px;
}

.about_information p {
    color: #7D7D7D;
    font-size: 16px;
}

.about_information li div.about_informationcontent {
    padding: 40px 48px;
}

.about_information .block_title {
    margin-top: 23px;
    padding-bottom: 13px;
    padding-left: 0;
}

.block_title {
    letter-spacing: 1px;
    font-size: 12px;
}

/* -------------------- */
/*        ABOUT 1       */
/* -------------------- */
#tabs.tab_block_services .tabs {
    float: none;
    margin: 0 auto;
    text-align: center;
}

#tabs.tab_block_services ul.tabs li a.active {
    background: none repeat scroll 0 0 transparent;
    border-color: #232323;
    color: #232323;
}

#tabs.tab_block_services ul.tabs li a {
    border-bottom: 1px solid transparent;
    border-left: none;
    border-right: none;
    border-top: 1px solid transparent;
    color: #858585;
    font-size: 12px;
    font-weight: normal;
    margin: 0 30px;
    padding: 10px 0;
    line-height: 40px;
}

#tabs.tab_block_services .tab-content {
    border: medium none;
    box-shadow: none;
    float: left;
    margin-bottom: 0;
    margin-top: 30px;
    padding: 15px 0 0;
    width: 100%;
}

#tabs_block_services {
    background-color: white;
    float: left;
    padding: 85px 0 120px;
    position: relative;
    width: 100%;
}

.tab_block_services {
    float: left;
    width: 100%;
}

#idtabs.tab_block_introduce .tabs {
    margin-top: 0;
    padding-left: 0;
}

.tab_block_introduce .tabs {
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
}

.tab_block_introduce ul.tabs li a.active {
    background: none repeat scroll 0 0 transparent;
    border-bottom: medium none;
    border-color: transparent transparent -moz-use-text-color;
    color: #232323;
}

.tab_block_introduce ul.tabs li {
    display: inline-block;
    line-height: 48px;
}

ul.tabs li a {
    border: medium none;
    font-size: 12px;
}

.tab_block_introduce ul.tabs li a.active:before {
    background-color: #232323;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}

.tab_block_introduce ul.tabs li a:after {
    bottom: -23px;
    content: "\f0de";
    font-family: FontAwesome;
    left: 50%;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 14px;
}

.tab_block_introduce ul.tabs li a.active:after {
    opacity: 1;
    filter: alpha(opacity=100);
}

#about_slider_list > li {
    float: left;
    list-style: none outside none;
    position: relative;
    width: 100%;
}

#about_slider ul li {
    position: relative;
}

.about_content_slider {
    float: left;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 9999;
}

#about_slider_list .about_content_slider {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#about_slider_list .about_content_slider .table {
    display: table;
    height: 100%;
    margin-bottom: 0;
}

#about_slider_list .about_content_slider .table .table-cell {
    display: table-cell;
    height: 100%;
    margin-bottom: 0;
    vertical-align: middle;
    text-align: center;
}

.about_content_slider .about_title_slider:before {
    background-color: white;
    content: "";
    height: 3px;
    left: 49%;
    position: absolute;
    top: 100%;
    width: 30px;
}

.about_content_slider .about_title_slider {
    color: white;
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase;
}

.about_content_slider .about_content_table > p {
    color: white;
    font-size: 20px;
    font-style: italic;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 20px;
    width: 80%;
}

.about_content_slider label.about_author_slider {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about_content_slider .about_slide_link {
    clear: left;
    color: #7d7d7d;
    float: left;
    font-size: 14px;
    line-height: 10px;
    text-align: center;
    width: 100%;
}

#about_slider .owl-theme .owl-controls .owl-page span {
    background: white none repeat scroll 0 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    height: 8px;
    margin: 0 8px;
    opacity: 0.43;
    filter: alpha(opacity=43);
    -webkit-transform: rotate(228deg);
    -ms-transform: rotate(228deg);
    transform: rotate(228deg);
    width: 8px;
}

#about_slider_list .owl-controls {
    bottom: 65px;
    position: absolute;
    width: 100%;
    z-index: 21;
}

#about_slider_list .owl-buttons {
    display: none;
}

.about_our_team_content {
    background-color: #F9F9F9;
    position: relative;
}

.about_our_team_item_social > li a {
    color: #222222;
    cursor: pointer;
    float: left;
    text-align: center;
    width: 100%;
}

.about_our_team_item_social > li a:hover {
    background-color: #f9f9f9;
}

.about_our_team_item_social > li {
    background-color: white;
    color: #333333;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 15px;
    text-align: center;
    width: 35px;
}

.about_our_team_item_social {
    bottom: 15px;
    display: inline-block;
    left: 15px;
    position: absolute;
}

.about_our_team_item_name {
    background-color: #F9F9F9;
    float: left;
    font-family: 'Poppins', sans-serif;
    line-height: 15px;
    padding: 15px;
    text-transform: uppercase;
    width: 100%;
}

.about_our_team_item_name .name {
    color: #252525;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    font-weight: 600;
}

.about_our_team_item_name .jobs {
    color: #7D7D7D;
    font-size: 12px;
    text-transform: none;
}

.our_team_carousel_content-style2 .jobs {
    display: table;
    line-height: 20px;
}

#about_slider, #about_our_team {
    margin-bottom: 70px;
}

#about_our_team > ul {
    float: left;
    margin-top: 50px;
    padding: 0;
    width: 100%;
}

.block_manufacture.about_clients > ul {
    border-bottom: 0 none;
    float: left;
    list-style: none outside none;
    padding-bottom: 0;
    width: 100%;
}

.block_manufacture.about_clients figure img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    transition: all .3s;
}

.block_manufacture.about_clients .owl-item > div:hover figure img {
    opacity: 1;
    filter: alpha(opacity=1);
}

#about_slider .owl-theme .owl-controls .owl-page.active span {
    opacity: 1;
    filter: alpha(opacity=100);
}

#about_our_team {
    padding-top: 80px;
}

.tab_block_introduce .tab-content img {
    margin-bottom: 30px;
}

.tab_block_services .tab-content .about_informationcontent h5 {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: uppercase;
}

.about_informationcontent > p {
    font-size: 16px;
    margin-bottom: 27px;
}

.tab_block_introduce {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.feature-slide.block_recognition {
    float: left;
    padding: 0;
    width: 100%;
}

.feature-slide.block_recognition h3 {
    text-decoration: none;
}

.cbp-l-filters-alignCenter .cbp-filter-item {
    border: 1px solid #D1D1D1;
    color: #7E7D7D;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;
    margin: 0px 4px;
    padding: 0 13px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.work3 .cbp-l-grid-team {
    float: left;
    margin-top: 70px;
    width: 100%;
}

.feature-slide.block_recognition .blog_position:last-child {
    border-bottom: medium none;
}

.feature-slide .button_block {
    margin-top: 0;
}

.feature-slide.block_recognition .load_more_button {
    margin: 6px 0 80px;
    text-align: center;
}

#block_twitter_review .button-option span, #block_twitter_review .owl-buttons > div {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    width: 10px;
}

#block_twitter_review .owl-controls {
    bottom: -25px;
    height: 20px;
    line-height: 20px;
    margin-top: 0;
    position: absolute;
    right: 0;
    width: 30px;
}

.work3.block_awesome_work .cbp-l-grid-team .cbp-item {
    height: 485px;
}

/*sang- update 11-06*/
.work3.block_awesome_work .cbp-filter-item {
    background-color: transparent;
    border-left: 1px solid #000;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.section-title {
    color: #232323;
    font-size: 16px;
    margin: 0;
    margin-right: 0;
}

.section-title > span:after {
    background-color: #232323;
    content: "";
    height: 2px;
    left: 42%;
    position: absolute;
    top: 100%;
    width: 20%;
}

.section-title > span {
    letter-spacing: 2px;
    padding-bottom: 16px;
    position: relative;
}

.tab_block_introduce ul.tabs li a {
    border: medium none;
}

/*change margin top-bottom*/
.feature-slide.block_recognition h3.block-title {
    margin-bottom: 82px;
}

h3.block-title, .feature-slide.block_recognition h3.block-title {
    background-image: url("../../assets/images/img_title_bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 45px;
    margin-top: 0px;
    padding-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    color: #000;
    letter-spacing: 2px;
}

/* change font-family */

.block_contact_form .button.button_submit {
    color: #000;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 2px;
    margin-right: 15px;
    padding: 6px 24px;
}

/* UPDATE ABOUT 1 */
.tabs h5 {
    margin: 0;
}

ul.tabs li a {
    border: medium none;
    font-size: 12px;
    margin: 0 35px;
    padding: 15px 0;
    letter-spacing: 1px;
}

.tab_block_has-title ul.tabs li a {
    padding: 7px 0;
}

.about_our_team_item_social > li a:hover {
    background: #e09300 none repeat scroll 0 0;
    color: #ffffff;
    transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.our_team_carousel_content-style2 .about_our_team_item_social > li a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #e09300;
}

.header-basic .oct-default-menu li > ul.dropdown-menu li a {
    font-size: 16px;
}

.header-basic .oct-default-menu li > ul.dropdown-menu li a:hover {
    color: #e09300;
}

.header-basic .oct-default-menu li > ul.dropdown-menu li.dropdown > a::after {
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    line-height: 27px;
    position: absolute;
    right: 0;
}

.tab_block_services .tab-content .about_informationcontent h5 {
    color: #232323;
}

.about_our_team_item_social {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    z-index: 1;
}

#about_our_team_list .about_our_team_item:hover .about_our_team_item_social {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    z-index: 0;
    transition: opacity 0.5s ease 0s, -moz-transform 0.5s ease 0s, visibility 0.5s linear 1s;
    -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s, visibility 0.5s linear 1s;
}

#about_slider, #about_our_team {
    float: left;
    margin-bottom: 90px;
}

.menu_footer li a {
    color: #FFFFFF;
    font-size: 10px;
    padding: 0 23px;
    text-decoration: none;
}

#tabs_block_introduce .tab-content p {
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
}

.logo > a {
    float: left;

}

#oct_vimeo, #oct_vimeo img {
    width: 100%;
}

#fullpage {
    width: 100%;
    height: 100%;
}

body #sidebar-wrapper.active {
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    overflow-y: auto;
}

/* -------------------- */
/*  	RESPONSIVE      */

@media (max-width: 360px) {

    body #cssmenu {
        margin-top: 20px;
        overflow-y: auto;
    }

    body #menu-close {
        margin: 16px 0 0 22px;
    }

    body #cssmenu > ul > li > a {
        padding: 11px 31% 11px 20px;
    }

    #cssmenu .sidebar-social {
        width: 79%;
    }

    .oct-banner-caption {
        line-height: 30px;
    }

    nav #cssmenu .sidebar-social {
        width: 76%;
    }
}

@media (max-width: 479px) {
    #block_introduce li {
        width: 100%;
    }

    #block_twitter_review p {
        text-align: center;
    }

    #tabs.tab_block_services ul.tabs li a {
        font-size: 11px;
        padding: 10px 0;
        margin: 0 7px;
    }

    .title_tab-content {
        display: none;
    }

    .about_our_team_item {
        width: 100%;
    }

    .tab_block_introduce .tabs > li {
        float: left;
        margin-bottom: 10px;
        width: 100%;
    }

    .about_our_team_item img {
        width: 100%;
    }

    #tabs.tab_block_services .tabs {
        width: 100%;
    }

    .tab_block_introduce {
        margin-top: 0;
    }

    .footer .menu_footer {
        float: left;
        padding-bottom: 48px;
        width: 100%;
    }

    .footer .menu_footer > ul {
        float: left;
        margin: 0;
        width: 100%;
    }

    .footer .menu_footer li {
        margin: 2px 0;
        padding: 0;
        text-align: center;
        display: inline-block;
    }

    #tabs_block_services .tabs li {
        float: left;
        margin: 2px 0;
        text-align: center;
        width: 100%;
    }

    #block_twitter_review .icon_titter {
        float: left;
        padding: 0;
        text-align: center;
        width: 43px;
    }

    #block_twitter_review p {
        margin-bottom: 0;
        padding-left: 60px;
        text-align: left;
    }

    div#block_twitter_review {
        padding-left: 0;
    }

    #block_twitter_review .button-option {
        bottom: -5px;
        position: absolute;
        right: 47%;
    }

    .contact-open-time p.open {
        border-bottom: 1px solid;
        border-right: medium none;
        float: left;
    }

    .contact-open-time p {
        float: left;
        width: 100%;
    }

    .top_block > div > div {
        padding: 25px 20px;
    }

    #block_contact .contact > div {
        padding: 0 20px;
    }

    .block_contact_info ul {
        margin-bottom: 5px;
    }

    section#block_contact .contact ul li span {
        float: left;
        line-height: 17px;
        width: 76%;
    }

    #banner_home > ul {
        width: 100%;
    }

    #banner_home img {
        width: 100%;
    }
}

@media (max-width: 480px) {

    .tp-caption h2 {
        font-size: 12px !important;
        line-height: 14px !important;
        margin: 0;
    }

    .tp-caption p {
        font-size: 9px !important;
        line-height: 16px;
        margin-top: 20px;
    }

    div .woocommerce table.shop_table.cart td {
        padding: 15px 5px;
    }

    div .woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
        padding: 5px;
    }

    .oct-main-menu .oct-subscibe input[type="text"] {
        width: 100%;
    }

    .desc-slide-banner {
        font-size: 9px !important;
        margin-top: 10px;
    }

    div.comment-post ul.children {
        padding-left: 5px;
    }

    div.comment-post .avatar {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        height: 50px;
        width: 50px;
    }

    div .title-product {
        margin-top: 10px;
    }

    div .home-categories li {
        font-size: 12px;
        padding: 0 5px 0 20px;
    }

    div ul#menu-main-menu > li ul.dropdown-menu a, div #menu-main-menu li a {
        font-size: 12px;
    }

    html .header-basic .oct-default-menu ul li > ul.dropdown-menu li a {
        font-size: 14px;
        line-height: 16px;
    }

}

@media (max-width: 600px) {
    .section-item-img > img {
        width: 100%;
    }

    #grid-portfolio li {
        width: 100%;
    }

    .admin-bar .oct-navigation-no-transparent .header-small .logo {
        margin-top: 15px;
    }

    .admin-bar .oct-navigation-no-transparent .header-small .oct-navigation {
        margin-top: 15px;
        padding: 0;
    }
}

@media (max-width: 640px) {
    body .menu1 h1 span {
        font-size: 40px;
    }

    body .block_contact_info ul li > p {
        margin-right: 10px;
    }

    .blog2_position .post-audio iframe {
        height: auto;
    }

    .frame-soundcloud {
        height: auto;
    }

    .oct-banner-caption {
        font-size: 23px;
        padding: 26px;
    }
}

@media (max-width: 568px) {
    .logo-slide > img {
        width: 120px;
    }

    div.logo-slide {
        margin-bottom: 20px;
    }

    h1.fixed-text {
        margin: 5px 0 10px;
    }
}

@media (max-width: 991px) {
    header.header-basic.menu-onepage .oct-default-menu ul {
        margin-top: 80px;
    }

    .header-basic div .oct-default-menu li a {
        line-height: 20px;
    }

    div#block_twitter_review {
        padding-left: 0;
    }

    .feature-content {
        margin-top: 25px;
        margin-bottom: 30px;
    }

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

    .k_blog_readmore > a {
        border: 2px solid #333;
        float: right;
        font-family: fontawesome;
        font-size: 19px;
        margin-right: 15px;
        padding: 11px 16px;
        position: static;
        right: 37px;
        top: -15px;
        z-index: 99;
    }

    .blog-grallery img {
        width: 100%;
    }

    .blog3 .oct_readmore {
        right: 27px;
    }

    #block_introduce li {
        margin-bottom: 50px;
    }

    .about_information img {
        width: 100%;
    }

    .about_information {
        padding-top: 50px;
    }

    .block_footer {
        padding-bottom: 30px;
    }

    #block_newletter {
        border-bottom: 1px solid #7D7D7D;
        border-right: medium none;
    }

    #block_newletter > div {
        width: 100%;
    }

    #block_newletter input {
        width: 100%;
    }

    #block_newletter .title {
        float: left;
        text-align: center;
        width: 100%;
    }

    #block_newletter {
        padding-top: 0;
    }

    #block_contact .contact .block_contact_info {
        border-bottom: 1px solid #232323;
        border-right: medium none;
        float: left;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .block_contact_form > div {
        padding: 0;
    }

    .block_contact_form .button.button_submit {
        margin-right: 0;
    }

    section#block_contact {
        padding-bottom: 150px;
    }

    #block_twitter_review ul {
        padding: 0;
    }

    #block_newletter > div {
        padding: 0;
    }

    #block_twitter_review {
        border-left: medium none;
    }

    #slides, #slides-video, #slider-background, #slider, .slider-paralax {
        background-size: auto 100%;
    }

    #slider {
        width: 100% !important;
    }

    .player.mb_YTVPlayer {
        height: 100%;
        display: block !important;
    }

    .player img {
        max-width: none;
        height: 100%;
    }

    .mbYTP_wrapper {
        display: none !important;
    }

    div.hometexts li {
        font-size: 20px;
    }

    div .fixed-text {
        font-size: 15px;
    }

    header.header-basic .oct-default-menu {
        float: left;
        width: 100%;
    }

    div.social-top {
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        display: block;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    nav.oct-default-menu {
        filter: alpha(opacity=0);
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
    }

    .media-body div.comment-text {
        margin-left: 0;
    }

    .comment-post div.comment-item > .pull-left {
        padding-right: 10px;
    }

    div.products-search, table.cart td.actions .button.alt, #content table.cart td.actions .button.alt {
        margin-bottom: 10px;
    }

    div.parallax-section {
        background-size: auto auto;
    }

    div.banner-shop, div.banner-blog {
        background-size: auto auto;
    }

    div table.shop_table.cart .actions input, div .woocommerce-page table.cart td.actions .coupon .input-text, div .woocommerce-page #content table.cart td.actions .coupon .input-text, div .woocommerce-page table.cart td.actions .button.alt, div .woocommerce-page #content table.cart td.actions .button.alt {
        display: block;
        float: left;
        margin: 20px auto;
        width: 100%;
    }

    .actions div.coupon {
        float: none;
        width: 100%;
    }

    div table.cart td.actions .coupon .input-text, div #content table.cart td.actions .coupon .input-text {
        width: 100%;
        float: left;
    }

    header.header-basic .oct-default-menu {
        float: none;
    }

    header.header-basic .oct-default-menu ul {
        display: block;
        margin: 0;
        max-height: 80vh;
        overflow-y: auto;
        padding: 20px 0;
        width: 100%;
        position: absolute;
    }

    header.header-basic .oct-default-menu ul li {
        display: block;
        padding: 30px 20px;
    }

    header.header-basic .oct-default-menu ul.default-nav li {
        padding: 5px 40px;
    }

    header.header-basic .oct-default-menu ul.default-nav li li {
        padding: 5px 0;
    }

    header.header-basic .oct-default-menu ul li > ul.dropdown-menu {
        padding: 0;
    }

    .header-basic .oct-default-menu ul li > ul.dropdown-menu li a {
        color: #252525;
        font-size: 14px;
        line-height: 16px;
        padding: 3px 20px;
    }

    .single-portfolio-1 div.portfolio-left {
        padding-right: 15px;
    }

    div.tparrows.preview2, div.tparrows.preview2:hover {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        height: 60px !important;
        width: 60px !important;
    }

    div .tparrows.preview2::after {
        font-size: 24px;
    }

    ul#menu-main-menu {
        margin: 0;
        text-align: left;
    }

    ul#menu-main-menu li {
        display: block;
    }

    ul#menu-main-menu > li ul.dropdown-menu {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        box-shadow: none;
        left: 0;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        padding-bottom: 0;
        padding-top: 0;
        position: relative;
        top: auto;
        transform: translate(0px);
        -moz-transform: translate(0px);
        -webkit-transform: translate(0px);

        visibility: visible;
        width: 100%;
        z-index: 99;
    }

    ul#menu-main-menu > li ul.dropdown-menu a {
        padding-left: 55px !important;
    }

    ul#menu-main-menu > li ul.dropdown-menu a {
        font-size: 14px;
    }

    nav.oct-main-menu {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
        display: block;
        height: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        padding: 20px;
        position: relative;
        text-align: center;
        top: 70px;
        visibility: hidden;
        width: 100%;
        z-index: 990;
    }

    header.header-basic .oct-default-menu ul ul .menu-item-has-children > ul {
        transition: all 0s !important;
    }

    header.header-basic .oct-default-menu .menu-item-has-children.open > ul {
        display: block;
    }

    div.product-item {
        display: table;
        margin: 10px auto;
    }

    div.blog-item article {
        margin-left: 0;
    }

    .post-video.post-meta-type > iframe {
        height: 100%;
        width: 100%;
    }

    .title-slide-banner {
        font-size: 13px !important;
        line-height: 16px !important;
    }

    div.tp-caption p br {
        display: block;
    }

    .owl-theme .owl-controls .owl-buttons div {
        z-index: 11 !important;
    }

    div.oct-client-slide.owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 0;
        width: 100px;
        text-align: right;
        height: 100%;
        top: 0;
    }

    div.oct-client-slide.owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 0;
        width: 100px;
        text-align: left;
        height: 100%;
        top: 0;
    }

    div.comment-post {
        margin-left: 0;
    }

    div.cbp-popup-singlePage .cbp-popup-prev {
        left: 10%;
    }

    .banner-shop-cart {
        min-height: 261px;
    }

    div.banner-shop, div.banner-blog {
        background-position: 0 0;
    }

    .preview2 {
        display: none;
    }

    .header-basic nav.oct-default-menu {
        background: none repeat scroll 0 0 #f0f0f0;
        margin: 0;
        left: 0;
        padding-bottom: 0px;
        z-index: 999 !important;
        position: absolute;
        top: 100%;
        width: 100%;

    }

    body.home-menu-2 {
        padding: 0 !important;
    }

    div.leave-reply {
        margin-left: 0;
    }
}

@media (min-width: 601px) and (max-width: 991px) {
    #grid-portfolio li:nth-child(2n+1) {
        clear: left;
    }
}

@media (max-width: 991px) {
    .tab_block_services .about_information_img img {
        margin-bottom: 30px;
        width: 100%;
    }

    .about_content_slider .about_content_table > p {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 10px;
        padding-top: 15px;
        width: 95%;
    }

    #about_slider_list .owl-controls {
        bottom: 10px;
    }

    .about_content_slider .about_title_slider {
        font-size: 14px;
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 10px;
    }

    .about_our_team_item {
        margin-bottom: 30px;
    }

    .tab_block_introduce ul.tabs li a {
        font-size: 11px;
        padding: 15px 5px;
    }

    h3.block-title, .feature-slide.block_recognition h3.block-title {
        margin-top: 0px;
    }

    div.tp-banner {
        height: 100% !important;
        max-height: none !important;
        position: relative;
        width: 100%;
    }

    .sidebar_widget {
        margin-left: 0px;
    }

    .oct_readmore {
        padding: 0px 20px 30px 0px;
    }

}

@media (max-width: 991px) {
    .block_services .block_content span {
        clear: none;
        float: none;
        width: auto;
    }
}

@media (max-width: 1199px) {
    .work3.block_awesome_work .cbp-l-filters-alignLeft {
        top: 0;
    }

    .work3 .cbp-l-filters-alignLeft {
        float: left;
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);

        width: 100%;
    }

    body .menu2 div.main-header, body .header-basic.menu2 {
        min-height: 86px;
    }

    body header.menu-onepage .logo {
        margin-top: 30px;
    }

    body .header-basic.menu-onepage .oct-default-menu {
        margin-top: 35px;
    }

    #full-width-content.blog2.work4 {
        padding-top: 0px;
    }

    #blog2_content .firt-post {
        margin-top: 0;
        padding-top: 50px;
    }

    .block_awesome_work .section-title {
        margin-bottom: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #block_newletter input {
        width: 240px;
    }

    .container {
        margin: 0 auto;
        max-width: 970px;
    }

    #about_slider_list .owl-controls {
        bottom: 30px;
    }
}

@media (min-width: 991px) and (max-width: 1024px) {
    #client-2 .oct-client-slide {
        margin: 50px auto 0;
        position: relative;
        width: 96%;
    }

    div.tp-banner {
        height: 100% !important;
        max-height: none !important;
        position: relative;
        width: 100%;
    }

    div.home-details-tb {
        height: auto;
        margin: 0 auto;
        position: absolute;
        text-align: center;
        top: 20%;
        transform: translate(0px);
        -moz-transform: translate(0px);
        -webkit-transform: translate(0px);

        width: 100%;
        z-index: 10;
    }

    div.home-pattern, div .bg-parallax {
        background-size: auto auto;
    }

    .media-body div.comment-text {
        margin-left: 0;
    }

    .comment-post div.comment-item > .pull-left {
        padding-right: 10px;
    }

    #testimonial.parallax-section {
        background-position: center top !important;
        background-size: 100% auto !important;
        background-attachment: scroll;
    }

    #client .container {
        width: 95%;
    }

    div.oct-lastest-from-blog div.item-post {
        background-attachment: scroll !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: auto !important;
    }

    .tp-banner {
        height: 550px !important;
    }

    .oct-feature-slide h2 {
        font-size: 30px;
    }

    .oct-pricing-table .icon {
        padding: 25px;
    }

    .oct-pricing-table .feature-list li {
        line-height: 30px;
    }

    div.tparrows.preview2, div.tparrows.preview2:hover {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        height: 60px !important;
        width: 60px !important;
    }

    .tp-caption h2 {
        font-size: 16px;
        margin: 0;
    }

    .tp-caption p {
        font-size: 12px;
        line-height: 16px;
    }

    div.tp-caption p br {
        display: block;
    }

    div.comment-post {
        margin-left: 0;
    }

    div.cbp-popup-singlePage .cbp-popup-prev {
        left: 10%;
    }

    .tp-caption h2 {
        font-size: 25px !important;
        line-height: 25px !important;
        margin: 0;
    }

    .oct-default-menu ul {
        display: block !important;
    }

    div.banner-content {
        top: 70px;
    }

    div.cbp-popup-singlePage .cbp-popup-close {
        background: url("../images/singlepage-close.png") no-repeat scroll center center transparent !important;
        color: #010101;
        font-size: 30px;
        height: 50px;
        left: auto;
        right: 20%;
        top: 20px;
        width: 50px;
    }

    .single-portfolio-3 .item-portfolio .row > div {
        width: 100%;
    }

    .preview2 {
        display: none;
    }

    div.parallax-section {
        background-size: auto auto;
    }

    a.oct-add-cart {
        height: 30px;
        width: 35px;
    }

    a.oct-product-detail {
        height: 30px;
        left: 40px;
        width: 35px;
    }

    div.comment-post .avatar {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        height: 50px;
        width: 50px;
    }

    div.comment-post ul.children {
        padding-left: 50px;
    }

    .player.mb_YTVPlayer {
        height: 100%;
        display: block !important;
    }

    .player img {
        max-width: none;
        height: 100%;
    }

    .mbYTP_wrapper {
        display: none !important;
    }

}

@media (min-width: 1025px) and (max-width: 1366px) {
    .tp-banner {
        height: 550px !important;
    }

    .title-slide-banner {
        color: #252525;
        font-size: 30px !important;
        text-transform: uppercase;
        line-height: 30px !important;
    }

    .tp-caption p {
        font-size: 13px !important;
        margin-top: 35px;
    }

    .tp-simpleresponsive img {
        height: 2px !important;
        max-width: none;
    }

    .desc-slide-banner {
        line-height: 60px;
    }
}

@media (min-width: 1367px) and (max-width: 1900px) {
    .tp-banner {
        height: 800px !important;
    }
}

@media (min-width: 991px) and (max-width: 991px) {
    .container {
        margin: 0 auto;
        max-width: 750px !important;
    }

    .container {
        max-width: 100%;
    }

    .title-center {
        font-size: 18px;
    }

    #grid-portfolio li:nth-child(2n+1) {
        clear: left;
    }

    #block_newletter .title {
        float: left;
        margin: 0;
        text-align: center;
        width: 100%;
    }

    #block_newletter input {
        width: 255px;
    }

    #block_twitter_review .icon_titter {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 43px;
    }

    #block_twitter_review p {
        float: left;
        margin-bottom: 0;
        width: 100%;
    }

    #block_twitter_review .button-option {
        bottom: -5px;
        position: absolute;
        right: 47%;
    }

    .contact-open-time p.open {
        font-size: 16px;
        margin-right: 10px;
        padding-right: 10px;
    }

    .instagram-footer > li {
        height: 60px;
        width: 67px;
    }

    #block_introduce li {
        margin-bottom: 50px;
    }

    .about_information {
        padding-top: 50px;
    }

    .about_information img {
        width: 100%;
    }

    #block_twitter_review p {
        text-align: center;
    }

    .tab_block_services .about_information_img img {
        margin-bottom: 30px;
        width: 100%;
    }

    .about_content_slider .about_title_slider {
        margin-bottom: 0;
    }

    .about_content_slider .about_content_table > p {
        font-size: 16px;
        margin: 0 auto;
        padding-bottom: 20px;
        padding-top: 20px;
        width: 90%;
    }

    #about_slider_list .owl-controls {
        bottom: 10px;
    }
}

@media (min-width: 481px) and (max-width: 991px) {
    .tp-caption h2 {
        font-size: 16px !important;
        margin: 0;
    }

    .tp-caption p {
        font-size: 12px;
        line-height: 16px;
    }
}

@media (min-width: 320px) and (max-width: 991px) {
    .container {
        margin: 0 auto;
        max-width: 750px;
    }
}

@media (max-width: 1900px) {
    .banner-shop, .banner-blog {
        background-size: auto auto;
    }
}

@media (max-width: 1200px) {
    .logo > a {
        float: left;
        padding-top: 0px;
    }
}

.oct-banner-caption > span {
    color: #fff;
}

.oct-banner-caption > span {
    background: url("../images/underline.png") repeat-x scroll 100% 100% rgba(0, 0, 0, 0);
    width: 100%;
    cursor: pointer;
}

.mo3.menu2 .main-header {
    background: none;
}

.header-basic.menu-onepage .menubar {
    border: 2px solid #ffffff;
    z-index: 99;
}

.menu-onepage .menubar .oct-line {
    background-color: #ffffff;
}

/*edit on 22/06 */
.oct-service p {
    color: #7d7d7d;
    font-size: 16px;
}

.oct-service h5::before {
    background-color: #e6e6e6;
    content: "";
    float: left;
    height: 1px;
    left: 43%;
    position: absolute;
    top: 0;
    width: 35px;
}

.oct-service h5 {
    color: #232323;
    float: left;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 14px;
    padding: 15px 0 5px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

.oct-service > span {
    color: #232323;
    float: left;
    font-size: 40px;
    padding-top: 19px;
    width: 100%;
}

.tab_block_introduce .tab-content > span {
    color: #232323;
    float: left;
    font-size: 50px;
    letter-spacing: 2px;
    padding-bottom: 30px;
    width: 100%;
}

.work3.cbp-l-filters-alignLeft {
    float: left;
    left: -388px;
    position: relative;
    top: 355px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);

}

.work3.cbp-l-filters-alignLeft {
    margin-bottom: 36px;
    margin-top: 46px;
}

.work3.cbp-l-filters-alignLeft .cbp-filter-item:first-child::before {
    background: rgba(0, 0, 0, 0) url("../images/bg-home1.png") no-repeat scroll 0 0;
    content: "";
    float: left;
    height: 49px;
    position: relative;
    right: 18px;
    top: -16px;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

    width: 36px;
}

.work3.cbp-l-filters-alignLeft .cbp-filter-item:first-child {
    border: medium none;
}

.work3.cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active {
    color: #7fd0e4;
    cursor: default;
}

.work3.cbp-l-filters-alignLeft .cbp-filter-item {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: 1px solid #333333;
    color: #232323;
    cursor: pointer;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 17px;
    overflow: visible;
    padding: 0 17px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.block_awesome_work .cbp-filter-item {
    background-color: rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #232323;
    border-style: none none none solid;
    border-width: medium medium medium 1px;
}

.block_awesome_work {
    background-color: #f9f9f9;
    clear: both;
    position: relative;
    width: 100%;
}

.work3 .cbp-l-grid-team .cbp-item {
    height: 485px;
}

#cssmenu > ul > li.active > a span::before {
    background-color: #929292;
    content: "";
    height: 1px;
    left: -7%;
    top: 55%;
}

#cssmenu ul li ul li.active a {
    color: #e09300;
}

.header-profile .oct-home-arrow {
    display: inline-block;
}

.work3 {
    display: inline-block;
    margin-bottom: 27px;
    position: relative;
    width: 100%;
}

.block_awesome_work .section-title {
    padding-top: 100px;
}

h2.title-block {
    display: inline-block;
    float: left;
    margin-bottom: 0;
    margin-top: 0;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

footer#footer.footer_style2 {
    padding-top: 0;
    padding-bottom: 0;
}

.blog1 .blog_position {
    padding-bottom: 100px;
}

.blog1.block_recognition .blog_position {
    padding-bottom: 100px;
}

.blog3 a.blog1_read_more {
    left: 8px;
    position: relative;
    top: 24px;
}

.oct-blog .sidebar_widget {
    padding-left: 30px;
}

.blog3 .oct_day {
    color: #333333;
    float: left;
    font-size: 12px;
    line-height: 9px;
    padding-left: 20px;
    width: 100%;
}

.blog3 .oct_comment,
.blog3 .oct_comment a {
    width: 100%;
    color: #b3b3b3 !important;
    font-size: 12px;
}

.blog3 .oct_comment .author-line {
    padding-right: 10px;
    margin-right: 5px;
    position: relative;
}

.blog3 .oct_comment .author-line:after {
    content: "/";
    position: absolute;
    right: 0;
    top: 0;
}

.blog3 .oct_blog_title {
    margin-top: 45px;
}

.blog3 .list_object {
    list-style-type: none;
    padding-left: 0;
}

.blog3 .list_object .post-item {
    display: flex;
    align-items: center;
    padding: 50px 0 55px 0;
    border-bottom: 1px solid #ebebeb;
}
.blog3 .list_object .post-item:first-child{
    padding-top: 0;
}
@media (max-width: 991px) {
    .blog3 .list_object .post-item {
        flex-direction: column;
        align-items: left;
        padding: 20px 0;
    }
}

.blog3 .list_object .post-item .info {
    flex: 1;
}

.blog3 .block_what_news .title {
    display: block;
    font-size: 20px;
    color: #000000;
    margin-top: 15px;
    font-weight: 500;
    transition: all .3s;
}

.blog3 .block_what_news .title:hover {
    color: #e09300;
}

.blog3 .load_more_button {
    margin-top: 110px;
    margin-bottom: 40px;
}

.blog3 .pagination {
    margin-top: 110px;
    margin-bottom: 145px;
}

.showcase2 .sidebar-right {
    background: transparent;
}

.showcase2 .sidebar-right .showcase-content {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    position: relative;
    overflow: hidden;
}

.blog1_read_more {
    display: inline-block;
    border: 1px solid #232323;
    height: 45px;
    line-height: 45px;
    color: #ffffff !important;
    background: #232323;
    transition: all .3s;
    padding: 0 35px;
}

.blog1_read_more:hover {
    background-color: #fff;
    color: #232323 !important;
    border-color: #232323;
}

.owl-theme.blog-grallery .owl-controls .owl-buttons div {
    color: #232323;
    display: inline-block;
    font-size: 18px;
    width: 29px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    margin: 0 2px;
    padding: 0;
}

.owl-theme.blog-grallery .owl-controls .owl-buttons div:hover {
    color: #ffffff;
}

.owl-theme.blog-grallery .owl-controls .owl-buttons div .fa {
    font-weight: 600;
    color: transparent;
    font-size: 0;
}
.owl-theme.blog-grallery .owl-controls .owl-buttons div .fa:hover{
    color: transparent;
}

.blog-grallery .owl-controls .owl-buttons div.owl-prev:after {
    top: -10px;
    left: 80px !important;
}

.blog-grallery .owl-controls .owl-buttons div.owl-next:after {
    right: -60px !important;
    top: -10px;
}

.blog-grallery .owl-controls .owl-buttons div.owl-next:after {
    margin-left: 65px;
}

.blog-item .main-content-sigle .blog-grallery .owl-controls .owl-buttons div.owl-prev:after {
    left: 110px;
}

/*edit on 25/06*/
#block_twitter_review .owl-buttons .oct-prev-tt {
    background: rgba(0, 0, 0, 0) url("../images/prev-tt.png") no-repeat scroll center center;
    display: inline-block;
    height: 20px;
    width: 10px;
}

#block_twitter_review .owl-buttons .oct-next-tt {
    background: rgba(0, 0, 0, 0) url("../images/next-tt.png") no-repeat scroll center center;
    display: inline-block;
    height: 20px;
    width: 10px;
}

/*shortcode*/

/* easy tab*/
ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 13px 15px;
    list-style: none;
    cursor: pointer;
    float: left;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: none;
    float: left;
    width: 68%;
    min-height: 250px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB !important;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 991px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

/*easy tab*/
/*circliful*/
.circliful {
    position: relative;
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}

.circle-info, .circle-info-half {
    color: #999;
}

.circliful .fa {
    margin: -10px 3px 0 3px;
    position: relative;
    bottom: 4px;
}

/*footer*/
footer {
    background-color: #242424;
    float: left;
    padding: 78px 0;
    width: 100%;
}

.menu_footer > ul {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}

.menu_footer li {
    color: white;
    display: inline-block;
    font-size: 10px;
    list-style: none outside none;
    padding: 0;
    text-transform: uppercase;
    margin: 0 15px;
}

.menu_footer li a {
    color: #FFFFFF;
    font-size: 16px;
    padding: 0 8px;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
}

.footer-home-inner {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    align-content: space-between;
    justify-content: space-between;
    border-left: 50px solid #ffffff;
    border-right: 50px solid #ffffff;
    padding-top: 25px;
}

.footer-home-inner .item_footer_bottom {
    color: #acacac;
    margin-bottom: 20px;
}

.footer-home-inner .item_footer_bottom a {
    color: #232323;
    font-weight: 600;
}

.footer-home-inner .item_menu_footer {
    padding: 0;
    margin-bottom: 20px;
}

.footer-home-inner .item_menu_footer ul li {
    display: inline-block;
    font-size: 10px;
    list-style: none outside none;
    padding: 0;
    text-transform: uppercase;
    margin: 0 15px;
}

.footer-home-inner .item_menu_footer li a {
    color: #acacac;
    font-size: 16px;
    padding: 0 8px;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    transition: all .3s;
}

.footer-home-inner .item_menu_footer {
    margin-bottom: 20px;
}

.footer-home-inner .item_menu_footer li a:hover {
    color: #e09300;
}

.footer-home-inner .item_social_footer {
    margin-bottom: 20px;
}

.footer-home-inner .item_social_footer li {
    display: inline-block;
}

.footer-home-inner .item_social_footer li a {
    border-right: medium none;
    color: #acacac;
}

.footer-home-inner .item_social_footer li:not(:last-child) {
    padding-right: 20px;
}

.footer-home-inner .item_social_footer li a .fa {
    color: #232323;
    transition: all .3s;
    font-size: 20px;
}

.footer-home-inner .item_social_footer li a:hover .fa {
    color: #e09300;
}

@media (max-width: 1200px) {
    .footer-home-inner .item_social_footer,
    .footer-home-inner .item_footer_bottom {
        text-align: center;
        width: 100%;

    }
}

@media (max-width: 1400px) {

    .menu_footer li {
        margin: 0;
    }
}

.social_footer {
    color: #5F5F5F;
    list-style: none outside none;
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 50px;
    text-align: center;
    width: 100%;
}

.social_footer li {
    display: inline-block;
}

.social_footer li a {
    border-right: medium none;
    color: #acacac;
}

.social_footer .fa {
    color: #acacac;
    font-size: 20px;
}

.footer_bottom {
    float: left;
    text-align: center;
    width: 100%;
    padding: 15px;
    display: block;
}

.footer .footer_bottom p {
    color: #484848;
    float: left;
    margin: 2px;
    text-align: center;
    width: 100%;
    font-weight: 300;
}

.footer .footer_bottom a {
    color: #232323;
    font-weight: 600;
    transition: all .3s;
}

.footer .footer_bottom.footer-homebox a {
    color: #484848;
}

.footer.footer-default .footer_bottom a {
    color: #fafafa;
}

.footer .footer_bottom a:hover {
    color: #E09300;
}

footer.footer_style2 {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none;
    padding-top: 0;
}

footer.footer_style2 .footer_bottom {
    border-top: none;
    padding: 50px 15px;
}

@media (max-width: 991px) {
    footer.footer_style2 .footer_bottom {
        padding: 20px 15px;
    }

    .footer_bottom span {
        display: block;
    }

    .home-photography .footer_bottom span {
        display: inline-block;
    }

}

.tab_block_introduce .tab-content {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 50px 15px 40px;
    position: relative;
    text-align: center;
    width: 600px;
}

/**/
.blog_position.last-blog {
    border: medium none;
}

.title_tab-content {
    left: 0;
    position: absolute;
    top: -130px;
    width: 100%;
}

.section-title .hr {
    background: none repeat scroll 0 0 #EAE9EB;
    border: medium none;
    height: 2px;
    width: 30px;
    margin: 15px auto 0 auto;
}

.section-title h3 {
    letter-spacing: 1px;
    font-size: 25px;
    margin: 0;
    line-height: normal;
}

.section-title {
    color: #232323;
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 9;
}

.oct-overlay {
    bottom: 0;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
}

.section-title.margin-small {
    margin-bottom: 20px;
}

.margin-small {
    margin-bottom: 20px;
}

.sc_tab-content {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 0px 15px 0;
    position: relative;
    text-align: center;
    width: 650px;
}

.tab_block_process_steps .icon-basic {
    color: #232323;
    float: left;
    font-size: 50px;
    margin-bottom: 50px;
    width: 100%;
}

section.oct-parallax.sc_counters {
    padding-bottom: 100px;
    padding-top: 0;
}

.block_tabs_style-2 .tab-content .block_title {
    font-size: 12px;
    line-height: 26px;
    margin-bottom: 18px;
    margin-top: -5px;
    text-transform: uppercase;
}

#tabs_slider ul.tabs li a.active {
    border-bottom: 1px solid #e09300;
    border-top: 1px solid #e09300;
    color: #e09300;
}

#tabs_slider .tabs {
    float: left;
    padding: 20px 0 10px;
    text-align: center;
    width: 100%;
}

#tabs_slider ul.tabs li a {
    border: medium none;
}

#tabs_slider {
    background-color: #f9f9f9;
}

.block_tabs_style-2 .tab-content p {
    margin-bottom: 27px;
}

.sc_tab-content img {
    margin-bottom: 50px;
}

.tab_block_process_steps ul.tabs li a.active {
    background: none repeat scroll 0 0 transparent;
    color: #e09300;
}

.tab_block_process_steps ul.tabs li a {
    border: medium none;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    padding: 5px 0;
}

.tab_block_process_steps .tabs {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

.sc_tabs-list {
    float: left;
    width: 100%;
}

.sc_title_tabs {
    border-bottom: 1px solid #F2F2F2;
    float: left;
    width: 100%;
    z-index: 19999999;
}

.tab_block_process_steps ul.tabs li {
    display: inline-block;
    float: left;
    line-height: 48px;
}

section#progressbar-horizontal {
    padding-top: 0;
}

.tab_block_has-title {
    float: left;
    width: 100%;
}

.title_sc {
    color: #232323;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    margin-top: 80px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 50px;
}

.title_sc > span {
    padding-bottom: 15px;
    position: relative;
}

.title_sc > span:after {
    background-color: #EBEBEB;
    bottom: 0;
    content: "";
    height: 2px;
    left: 40%;
    position: absolute;
    width: 30px;
}

.vc_column_container.margin {
    margin-bottom: 20px;
}

.skill-bar-bg {
    display: block;
    float: left;
    height: 6px;
    width: 100%;
}

.skillbar {
    margin-bottom: 25px !important;
}

.skillbar {
    background-color: transparent;
    display: block;
    height: auto;
    position: relative;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: width, background-color;
    transition-timing-function: linear;
    width: 100%;
}

.skillbar-bar {
    position: relative;
    background: #e09300;
    height: 6px;
    width: 0;
}

.skill-bar-percent {
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    line-height: 30px;
    text-transform: uppercase;
}

.oct-progressbar-style1 .skill-bar-percent,
.oct-progressbar-style3 .skill-bar-percent,
.oct-progressbar-style5 .skill-bar-percent {
    position: absolute;
    right: 0;
    top: -30px;
}

.sc_process_bar_wapper {
    float: left;
    width: 100%;
}

.skillbar-title {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 6px;
    line-height: 37px;
    width: 100%;
    display: inline-block;
}

.oct-progressbar-style1 .funfact-icon {
    color: #e09300;
    display: inline-block;
    font-size: 25px;
    letter-spacing: 2px;
    margin-right: 10px;
    vertical-align: middle;
    line-height: 25px;
}

.skillbar-title > h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    width: auto;
    display: inline-block;
    letter-spacing: 1px;
    line-height: 26px;
    margin-bottom: 0;
    text-transform: uppercase;
    vertical-align: middle;
}

/*pie chart*/
.item-circles {
    margin-bottom: 80px;
    position: relative;
    text-align: center;
}

.item-circles .skill-title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 26px;
    margin: 25px 0;
    font-family: 'Playfair Display', Sans-serif;
}

.item-circles .percent {
    color: #252525;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 300;
    left: 0;
    line-height: 170px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.item-circles.circles-icon .percent {
    font-size: 30px;
}

/*couter*/
.oct-funfact .funfact-number {
    color: #e09300;
    font-size: 48px;
    font-weight: 300;
    letter-spacing: 0;
    padding-bottom: 5px;
    position: relative;
}

.oct-funfact .icon-basic {
    font-size: 50px;
    letter-spacing: 2px;
}

.oct-funfact.oct-funfact-style3 h5 {
    color: #232323;
    float: left;
    letter-spacing: 1px;
    margin-top: 10px;
    width: 100%;
}

.oct-funfact h5 {
    font-size: 14px;
    font-family: 'Playfair Display', Sans-serif;
    letter-spacing: 0;
}

.footer-widget {
    background: none repeat scroll 0 0 #242424;
    color: #777777;
    margin-top: 200px;
    padding: 65px 0 70px;
    position: relative;
    z-index: 1;
}

/* ------ACORDION------ */
.oct-acordion .ui-accordion-header {
    background: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #2c2b2b;
    line-height: 26px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    outline: none;
    margin: 0;
    padding: 20px 0;
    border-top: 1px solid #eeeeee;
    position: relative;
}

.oct-acordion .ui-accordion-header:first-child {
    border: medium none;
}

.oct-acordion .ui-accordion-content {
    border: medium none;
    margin-top: -10px;
    padding: 0 0px 0 50px;
}

.oct-acordion.ui-accordion .ui-accordion-content {
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
    color: #858585;
    font-weight: 300;
    height: auto !important;
    padding-bottom: 10px;
}

.oct-acordion .ui-accordion-header:first-child {
    border: none;
}

.oct-acordion .icon-basic {
    color: #e09300;
    float: left;
    font-size: 25px;
    margin-right: 7px;
    min-width: 30px;
}

.oct-acordion .oct-plus {
    background: rgba(0, 0, 0, 0) url("../images/plus-1.png") no-repeat scroll center center;
}

.oct-acordion.accordion-style2 .ui-accordion-header .ui-accordion-header-icon.oct-minus {
    border-color: #232323;
}

.oct-acordion .oct-minus {
    background: rgba(0, 0, 0, 0) url("../images/minus-1.png") no-repeat scroll center center;
}

.action-style-3 .call-to-action-content > p, .action-style-2 .call-to-action-content > p {
    color: #5d5d5d;
    line-height: 24px;
}

.oct-acordion .ui-accordion-header .ui-accordion-header-icon {
    color: #CFCFCF;
    font-size: 10px;
    font-weight: normal;
    height: 34px;
    line-height: 33px;
    text-align: center;
    width: 34px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.oct-acordion.accordion-style2 .ui-accordion-header {
    padding-left: 55px;
}

div.oct-acordion .ui-accordion-header {
    cursor: pointer;
}

.oct-acordion.accordion-style2 .ui-accordion-header .ui-accordion-header-icon {
    border: 1px solid;
    margin-right: 12px;
    left: 0;
}

.oct-acordion.accordion-style3 .ui-accordion-header .ui-accordion-header-icon {
    right: 0;
}

.accordion-style3 .acordion-content.ui-accordion-content {
    padding-left: 39px;
}

.accordion-style3 .ui-accordion-header.ui-state-default {
    padding-left: 0;
}

/* ---------CALL TO ACTION--------- */
/* style1  */
.sc_call-to-action {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 30px;
    width: 100%;
}

.sc_call-to-action p {
    margin-bottom: 0;
}

.call-to-action-content h5 {
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 20px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.button-action .sc_button {
    float: right;
}

.sc_button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #232323;
    color: #232323;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    letter-spacing: 3px;
    padding: 9px 24px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.call-to-action-content > p {
    margin-bottom: 0;
}

.sc_call-to-action.action-style-4 .sc_button {
    border-color: white;
    color: white;
}

.button_block a.dleh-style-button {
    margin: 0;
    min-width: 140px;
    padding: 0 20px;
    display: inline-block;
}

.oct-button-style .button_block {
    margin-top: 0;
    margin-bottom: 0;
}

.oct-button-style.text-left .button_block {
    text-align: left;
}

.oct-button-style.text-right .button_block {
    text-align: right;
}

/* style 2 */
.sc_call-to-action.style2 {
    text-align: center;
}

.sc_call-to-action.style2 .call-to-action-content,
.sc_call-to-action.style2 .button-action {
    float: none;
    width: 100%;
}

.sc_call-to-action.style2 .button-action .sc_button {
    float: none;
    line-height: 38px;
    padding: 0 25px;
}

.sc_call-to-action.style2 .call-to-action-content h5 {
    font-size: 18px;
    letter-spacing: 5px;
    margin-bottom: 15px;
}

.sc_call-to-action.style2 .call-to-action-content p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    font-family: 'Playfair Display', Sans-serif;
}

/* ---------------------------- */
.resp-tabs-list .resp-tab-item.resp-tab-active, .oct-verticalTab .resp-tabs-list .resp-tab-item.resp-tab-active, .oct-horizontalTab .resp-tabs-list .resp-tab-item.resp-tab-active {
    background-color: #e09300;
    color: white;
    border: none;
}

.button-action .button_block {
    margin: 0;
}

.oct-verticalTab .resp-tab-item.resp-tab-active {
    margin-bottom: 5px !important;
}

.oct-horizontalTab .resp-tabs-list .resp-tab-item.resp-tab-active {
    line-height: 40px;
    padding: 4px 20px 5px !important;
}

.resp-tabs-list li span {
    font-size: 25px;
    line-height: 70px;
}

.resp-vtabs ul.resp-tabs-list {
    width: 13%;
}

div.oct-horizontalTab.oct-tab .resp-tabs-list::after {
    background: #ebebeb none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 2px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}

.resp-tab-content {
    float: left;
    padding: 5px 0;
    width: 100%;
}

.oct-message .oct-message-content p {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0;
}

.oct-horizontalTab.oct-tab .resp-tabs-list {
    float: left;
    margin-top: 4px !important;
    width: 100%;
    position: relative;
}

.resp-vtabs .resp-tabs-container {
    width: 85%
}

.oct-verticalTab .resp-tabs-list .resp-tab-item:last-child {
    margin: 0;
}

.resp-tabs-container {
    border-top: 1px solid #DDDDDD;
    float: left;
    width: 100%;
}

.resp-tabs-container {
    border-top: 1px solid #DDDDDD;
    float: left;
    width: 100%;
}

.resp-vtabs .resp-tabs-container, .oct-tab .resp-tabs-container {
    padding: 15px 0;
}

.oct-message.info {
    background: none repeat scroll 0 0 #F3E9AC;
    color: #bf9b0c;
}

.oct-message.notice {
    background: none repeat scroll 0 0 #bce2f3;
    color: #597079;
}

.oct-message.success {
    background: none repeat scroll 0 0 #e0edb0;
    color: #838c62;
}

.oct-message.error {
    background: none repeat scroll 0 0 #fbc8ca;
    color: #a55e5e;
}

div .oct-message {
    color: #f00000;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    margin-bottom: 0;
    padding: 20px 30px;
    width: 100%;
    margin-top: 30px;
}

#sendmailchip .oct-message {
    padding: 0;
}

.oct-message .oct-message-content {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 1px;
}

.oct-pricing-table.active .oct-pricing-table-info {
    background: #e09300;
}

.oct-pricing-table .price-unit .currency {
    font-size: 16px;
    left: -10px;
    position: absolute;
    top: 0;
    font-family: 'Poppins', sans-serif;
}

.oct-pricing-table .oct-pricing-table-info {
    background: #242424 none repeat scroll 0 0;
    line-height: 20px;
    padding: 13px 0;
}

.oct-horizontalTab .resp-tabs-list .resp-tab-item {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    letter-spacing: 1px;
    line-height: 40px;
    margin-right: 4px;
    padding: 4px 20px 5px !important;
}

.oct-pricing-table h3 {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 26px !important;
    margin: 0;
    text-transform: uppercase;
}

.oct-pricing-table.active h3 {
    line-height: 12px !important;
}

.oct-pricing-table .oct-pricing-table-info span {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 16px;
}

.oct-pricing-table .price-unit {
    border-bottom: 1px solid #ECECEC;
    color: #232323;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    margin: 0 5%;
    padding: 22px 0;
    width: 90%;
}

.oct-pricing-table.active .price-unit {
    padding: 20px 0;
}

.oct-pricing-table .price-unit .price {
    font-size: 50px;
    letter-spacing: -5px;
    line-height: normal;
}

.oct-pricing-table ul li {
    letter-spacing: 0;
    line-height: 30px;
    list-style: outside none none;
    padding: 2px 0;
}

.oct-pricing-table .oct-button {
    padding: 0 35px;
}

.oct-pricing-table .oct-button {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #232323;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    color: #2c2b2b;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    line-height: 33px;
    margin-bottom: 25px;
    margin-top: 19px;
}

.oct-pricing-table .oct-button:hover {
    border: 2px solid #232323;
    color: white;
}

.dleh-style-button.radius {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    z-index: 9;
}

.dleh-style-button {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 26px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.oct-button-inline > div {
    padding: 0 15px;
}

.section-title h4 {
    line-height: 12px;
}

.about_our_team_item_name {
    background-color: #F9F9F9;
    float: left;
    font-family: 'Poppins', sans-serif;
    line-height: 25px;
    padding: 10px 15px;
    text-transform: uppercase;
    width: 100%;
}

.about_our_team_item_name .jobs {
    color: #7D7D7D;
    font-size: 14px;
    text-transform: none;
}

.about_our_team_item_social {
    transform: translateY(50px);
    -moz-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    z-index: 1;
    bottom: 15px;
    display: inline-block;
    left: 15px;
    position: absolute;
    padding: 0;
    list-style: none outside none;
}

.our_team_carousel_content {
    float: left;
    list-style: none outside none;
    width: 100%;
}

.about_our_team_item_social > li {
    background-color: white;
    color: #333333;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 7px;
    text-align: center;
    width: 30px;
}

.about_our_team_item_social > li a {
    color: #222222;
    cursor: pointer;
    float: left;
    text-align: center;
    width: 100%;
}

.about_our_team_content {
    background-color: #F9F9F9;
    position: relative;
}

.our_team_carousel_content-style2 .about_our_team_item_name {
    background-color: rgba(0, 0, 0, 0);
    bottom: 0;
    min-width: 140px;
    padding: 20px;
    position: absolute;
    text-align: left;
    z-index: 1;
}

.our_team_carousel_content-style2 .about_our_team_item_name {
    transform: translateY(35px);
    -moz-transform: translateY(35px);
    -webkit-transform: translateY(35px);
    z-index: -1;
    opacity: 0;
}

.our_team_carousel_content-style2.our_team_carousel_content .about_our_team_item:hover .about_our_team_item_name {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: opacity 0.5s ease 0s, -moz-transform 0.5s ease 0s, visibility 0.5s linear 1s;
    -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s, visibility 0.5s linear 1s;
    -o-transition: opacity 0.5s ease 0s, -o-transform 0.5s ease 0s, visibility 0.5s linear 1s;
    z-index: 99;
    opacity: 1;
}

.our_team_carousel_content-style2 .about_our_team_item_name .name {
    color: white;
}

.our_team_carousel_content-style2 .about_our_team_item_social > li {
    background-color: transparent;
    margin-right: 0;
}

.our_team_carousel_content-style2 .about_our_team_item_social > li a {
    color: white;
}

.our_team_carousel_content .about_our_team_item_social {
    bottom: 80px !important;
}

.our_team_carousel_content-style2 .about_our_team_item_social {
    bottom: 45px;
    display: inline-block;
    list-style: none outside none;
    padding: 0;
    left: auto;
    position: absolute;
    right: 0px;
    transform: translateY(50px);
    -moz-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    z-index: -1;
}

.our_team_carousel_content-style2 .about_our_team_content:hover:before {
    background-color: rgba(0, 0, 0, 0.78);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 1;
}

.our_team_carousel_content-style2 .about_our_team_content:before {
    background-color: transparent;
    content: "";
}

.our_team_carousel_content-style2 .about_our_team_item {
    padding: 1px;
}

.block_manufacture_list li {
    text-align: center;
}

.block_manufacture.about_clients > ul {
    border-bottom: 0 none;
    float: left;
    list-style: none outside none;
    padding-bottom: 0;
    width: 100%;
}

section.oct-parallax .owl-buttons .owl-prev {
    background-color: transparent;
    font-size: 18px;
    height: 21px;
    left: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 38px;
    width: 21px;
    z-index: 9;
}

section.oct-parallax .owl-buttons .owl-next {
    background-color: transparent;
    font-size: 18px;
    height: 21px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 38px;
    width: 21px;
    z-index: 9;
}

section.oct-parallax .owl-buttons .owl-prev:before {
    color: #777777;
    content: "\f104";
    float: left;
    font-family: FontAwesome;
    height: 22px;
    margin-right: 10px;
    text-align: center;
    width: 22px;
}

section.oct-parallax li {
    list-style: none;
}

section.oct-parallax .owl-buttons .owl-next:before {
    color: #777777;
    content: "\f105";
    float: left;
    font-family: FontAwesome;
    height: 22px;
    margin-right: 10px;
    text-align: center;
    width: 22px;
}

section#twiter_feed {
    background-color: #F9F9F9;
    padding: 80px 0;
}

.twiter_feed_avatar {
    margin-bottom: 40px;
    text-align: center;
}

.twiter_feed_avatar {
    text-align: center;
}

#twiter_feed_content .section-title {
    margin-bottom: 15px;
}

.block_manufacture_list .owl-controls {
    margin: 0;
}

.twiter_feed_avatar .social_twitter {
    border-bottom: 2px solid #232323;
    color: #252525;
    font-size: 30px;
    padding-bottom: 18px;
}

.twiter_feed_comment {
    text-align: center;
}

.twiter_feed_comment > p {
    color: #232323;
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
}

.twiter_feed_comment .date-post {
    color: #ADADAD;
    float: left;
    font-size: 14px;
    font-style: normal;
    margin-top: 0px;
    width: 100%;
    line-height: normal;
    margin-bottom: 0
}

.owl-theme .owl-controls .owl-page span {
    width: 7px;
    height: 7px;
    opacity: 0.13;
    filter: alpha(opacity=13);
    margin: 0 3px;
    border: 2px solid #222;
    background-color: transparent;
}

.owl-page.active span {
    background-color: #222;
}

#about_slider {
    float: left;
    margin-bottom: 0;
    padding: 0;
}

.owl-theme .owl-controls .owl-page.active span {
    background-color: #222;
}

#about_slider .owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 white;
    border-radius: 0 0 0 0;
    height: 7px;
    margin: 0 0;
    opacity: 0.43;
    filter: alpha(opacity=43);
    transform: rotate(228deg);
    -moz-transform: rotate(228deg);
    -webkit-transform: rotate(228deg);
    width: 7px;
}

#about_slider .owl-theme .owl-controls .owl-page.active span {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #222;
}

.testimonial_slider_list .about_content_slider {
    float: left;
    width: 100%;
}

.about_content_slider .table .table-cell {
    display: table-cell;
    height: 100%;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
}

.about_content_slider .table {
    display: table;
    height: 100%;
    margin-bottom: 0;
}

.about_content_slider .about_slide_link {
    clear: left;
    color: #7D7D7D;
    float: left;
    font-size: 14px;
    line-height: 10px;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.about_content_slider .about_content_table p {
    color: white;
    font-size: 20px;
    font-style: italic;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 15px;
    width: 77%;
}

.testimonial_slider_list li img {
    height: auto;
    max-width: none;
    width: auto;
}

.oct-pricing-table ul {
    padding: 21px 0;
}

@media (min-width: 992px) {
    .twiter_feed_comment span {
        clear: left;
        float: left;
        width: 100%;
    }
}

@media (min-width: 991px) and (max-width: 991px) {
    .pricing-tables .wpb_column:nth-child(2n+1) {
        clear: left;
    }

    .pricing-tables .wpb_column {
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .tab_block_process_steps ul.tabs li {
        display: inline-block;
        float: none;
        line-height: 40px;
        margin-bottom: 20px;
        width: 100%;
    }

    .about_our_team_item {
        margin-bottom: 30px;
    }

    .about_information_img img {
        margin-bottom: 30px;
    }

    .title_tab-content {
        top: -170px;
    }

    .resp-vtabs .resp-tabs-container {
        float: left;
        width: 100%;
    }

    .tab_block_process_steps .tabs {
        float: left;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .tab_block_process_steps ul.tabs li a {
        padding: 0px 0 10px;
        float: none;
    }

    .resp-tabs-container .resp-accordion.resp-tab-active {
        background: none repeat scroll 0 0 #e09300 !important;
        border: medium none;
        color: #FFFFFF;
        position: relative;
    }

    .resp-tab-content {
        padding: 5px 15px;
    }

    .button-action .sc_button {
        float: left;
        margin-top: 20px;
    }

    .footer .menu_footer {
        float: left;
        padding-bottom: 48px;
        width: 100%;
    }

    .footer .menu_footer > ul {
        float: left;
        margin: 0;
        width: 100%;
    }

    .footer .menu_footer li {
        margin: 2px 0;
        padding: 0;
        text-align: center;
        display: inline-block;
    }
}

/* Pralax */
.oct-row-video-parallax {
    height: auto !important;
}

.oct-row-video-parallax .oct-parallax-video {
    z-index: -1 !important;
    width: 100%;
    height: auto;
    background: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
}

/* Pralax */
.oct-horizontalTab .resp-tabs-list .resp-tab-item {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    position: relative;
    text-transform: uppercase;
    width: auto !important;
    z-index: 9;
    color: #232323;
}

.oct-horizontalTab li h5 {
    line-height: 40px;
    margin: 0;
}

.oct-horizontalTab div.resp-tabs-container {
    border-top: none;
    float: left;
    padding: 25px 0;
    width: 100%;
    z-index: 0;
}

.oct-horizontalTab .resp-tab-content {
    border: medium none;
    padding: 0;
}

.oct-verticalTab .resp-tabs-list li span {
    font-size: 25px;
    line-height: 36px;
}

div.oct-verticalTab ul.resp-tabs-list {
    float: left;
    width: auto;
    position: relative;
}

.oct-verticalTab .resp-tabs-list .resp-tab-item {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    height: 65px;
    line-height: 53px;
    margin-bottom: 5px;
    padding: 0 10px;
    text-align: center;
    width: 66px;
    color: #232323;
}

.oct-verticalTab.resp-vtabs .resp-tabs-container {
    border: medium none;
    width: 82%;
}

div.oct-verticalTab ul.resp-tabs-list::after {
    background: #ebebeb none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
}

.oct-verticalTab .resp-tab-content {
    padding: 0 0 0 30px;
}

section.oct-parallax {
    background: #ffffff none repeat scroll 0 0;
    padding: 80px 0 0;
    position: relative;
}

.price-unit .oct-price-currency {
    display: inline-block;
    position: relative;
}

.dleh-style-button-style-1 {
    background: #e09300;
    border: 2px solid #e09300;
    color: #ffffff;
}

.dleh-style-button-style-1:hover {
    background: #000 none repeat scroll 0 0;
    border: 2px solid #000;
    color: #ffffff;
}

.dleh-style-button-style-2 {
    border: 2px solid #232323;
    color: #232323;
}

.dleh-style-button-style-2:hover {
    background: #000 none repeat scroll 0 0;
    color: #ffffff;
}

.dleh-style-button-style-3 {
    background: #edc475 none repeat scroll 0 0;
    border: 2px solid #edc475;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
}

.dleh-style-button-style-3:hover {
    background: #232323 none repeat scroll 0 0;
    border: 2px solid #232323;
    color: #ffffff;
}

.dleh-style-button-style-4 {
    background: #232323 none repeat scroll 0 0;
    border: 2px solid #232323;
    color: #ffffff;
}

.dleh-style-button-style-4:hover {
    background: #edc475 none repeat scroll 0 0;
    border: 2px solid #edc475;
    color: #ffffff;
}

.dleh-style-button-style-5 {
    border: 2px solid #232323;
    color: #232323;
}

.dleh-style-button-style-5:hover {
    background-color: #232323;
    color: #ffffff;
}

.dleh-style-button-style-6 {
    background: #ef6464 none repeat scroll 0 0;
    border: 2px solid #ef6464;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
}

.dleh-style-button-style-6:hover {
    background: #232323 none repeat scroll 0 0;
    border: 2px solid #232323;
    color: #ffffff;
}

.dleh-style-button {
    text-align: center;
}

.dleh-style-button .oct-button-icon {
    float: right;
    font-size: 16px;
    margin-left: 8px;
    margin-top: 4px;
}

.oct-button.button_newletter {
    margin: 0;
    position: relative !important;
}

.dleh-style-button.oct-button span {
    display: inline-block;
}

.oct-button-style {
    text-align: center;
}

.our_team_carousel_content-style2 .owl-item .about_our_team_item {
    padding: 0;
}

.testimonial_content_slider {
    margin: 0 auto;
    text-align: center;
}

#testimonial_slider {
    background-attachment: fixed;
    background-image: url("../images/testeminal.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 20px;
    padding: 80px 0;
}

.testimonial_content_slider .desc {
    color: #ffffff;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
}

.testimonial_content_slider .about_thumbnail_slider img {
    max-width: 200px;
    border-radius: 50%;
}

.testimonial_content_slider label {
    clear: both;
    color: #000000;
    display: table;
    font-size: 25px;
    font-weight: normal;
    font-family: 'Playfair Display', Sans-serif;
    letter-spacing: 1px;
    margin: 0 auto;
}

.testimonial_slider_list.style1 .testimonial_content_slider .about_author_slider {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.testimonial_slider_list.style1 .testimonial_content_slider .about_author_slider:after {
    content: "";
    height: 15px;
    width: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    background-color: #232323;
}

.testimonial_slider_list.style1 .desc {
    margin-top: 30px;
    font-size: 16px;
    color: #232323;
    padding: 0 20px 45px 20px;
    max-width: 830px;
    margin-right: auto;
    margin-left: auto;
    font-weight: 300;
}

.testimonial_content_slider .about_slide_link {
    color: #9a9a9a;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
}

.testimonial_slider_list.owl-theme .owl-controls .owl-page span {
    background: rgba(255, 255, 255, 0.36) none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 7px;
    margin: 0 3px;
    width: 7px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.testimonial_slider_list.owl-theme .owl-controls .owl-page.active span {
    background: #232323;
}

.header-basic .container {
    position: relative;
}

.text-vertical-center h1 {
    display: table-cell;
    vertical-align: middle;
}

.text-vertical-center {
    display: table;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

/* Testimonial style 2 */
.testimonial_slider_list.style2 .testimonial_content_slider {
    text-align: left;
}

.testimonial_slider_list.style2 .testimonial_content_slider .desc {
    background-color: #f8f8f8;
    color: #7d7d7d;
    text-align: left;
    font-size: 22px;
    position: relative;
    padding: 45px 20px 55px 20px;
    margin-bottom: 20px;
}

.testimonial_slider_list.style2 .testimonial_content_slider .desc:before {
    content: "";
    border-top: 12px solid #f8f8f8;
    border-bottom: 12px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 35px;
    bottom: -23px;
}

.testimonial_slider_list.style2 .testimonial_content_slider .desc:after {
    content: url(../images/testimonial-icon.png);
    position: absolute;
    bottom: 24px;
    right: 25px;
}

.testimonial_slider_list.style2 .testimonial_content_slider label {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #232323;
    display: block;
}

.testimonial_slider_list.style2 .owl-pagination {
    position: absolute;
    right: 0;
    bottom: 25px;
}

.testimonial_slider_list.style2.owl-theme .owl-controls .owl-page {
    padding: 0;
}

.testimonial_slider_list.style2 .owl-controls .owl-page span {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.testimonial_slider_list.style2 .owl-controls .owl-page.active span {
    background-color: #232323;
}

/*oct-3*/
.header-basic.menu-onepage .oct-default-menu li a {
    color: #232323;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 12px;
    position: relative;
    text-transform: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.header-basic.menu-onepage .oct-default-menu a::before {
    background: #232323 none repeat scroll 0 0;
}

.menu-onepage .oct-default-menu {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    margin-right: -15px;
}

.menu-onepage .menu2 .main-header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: fixed;
}

.section {
    position: relative;
}

.intro {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.intro img {
    min-height: 100%;
}

.title-mo, .description-mo {
    color: #ffffff;
}

.description-mo {
}

.intro figure {
    height: 100%;
    overflow: hidden;
}

.intro img {
    max-width: none;
    min-height: 100%;
    width: auto !important;
}

#testimonial_slider.about_slider {
    background-image: url("../images/about-bg-slide.jpg");
}

.about_slider .oct-overlay {
    background: rgba(0, 0, 0, 0.47) none repeat scroll 0 0;
}

.blog_position .container {
    padding: 0;
}

@media (max-width: 1024px) {
    body footer, footer.footer-fixed {
        margin-top: -10px;
        position: relative;
    }

    header.header-basic h2 span {
        margin: 0 10px;
        padding: 10px 20px;
    }

    div#block_contact {
        background-attachment: scroll;
        background-position: center center;
        background-size: auto 100%;
        overflow: hidden;
    }
}

@media (max-width: 991px) {
    .oct-banner img {
        height: auto !important;
        width: auto !important;
    }

    .oct-banner .oct-banner-caption {
        max-width: 100%;
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .menu-onepage a.menubar {
        display: block;
        margin-right: 10px;
        margin-top: 32px;
    }

    .header-basic.menu-onepage nav.oct-default-menu {
        background: #232323 none repeat scroll 0 0;
        height: 100%;
        margin-top: 0;
        max-width: 250px;
        position: fixed;
        right: -100%;
        top: 0;
        z-index: 9 !important;
    }

    .header-basic.menu-onepage nav.oct-default-menu.menu-onepage-active {
        right: 0;
    }

    header.header-basic .oct-default-menu ul.default-nav li {
        padding: 10px 40px;
        text-align: right;
        width: 100%;
    }

    .full-page-slider div.fullpage-wrapper .fp-tableCell {
        border: 5px solid #ffffff;
        position: relative;
    }

    .admin-bar div.fullpage-wrapper div.fp-tableCell {
        border-top: 37px solid #ffffff;
    }

    .menu-onepage .menubar.oct-line-active {
        background-color: #ffffff;
    }

    #tabs.tab_block_services div.tab-content {
        margin: 40px 0 60px;
    }

    .header-small .menu2 {
        margin: 16px 0 !important;
    }

    header.menu2 div.main-header {
        height: 70px;
        min-height: 70px;
        padding-bottom: 0;
    }

    h2.resp-accordion {
        float: left;
        width: 100%;
        display: block;
        text-transform: uppercase;
    }

    .oct-horizontalTab .resp-tab-content {
        border: 1px solid #c1c1c1;
        padding: 20px;
    }

    div.oct-verticalTab .resp-tab-content {
        padding: 20px;
    }

    div.main-header {
        background-size: cover;
        display: inline-block;
    }

    header h2.title-block {
        margin-top: 30px;
    }

    h2 .title-center {
        font-size: 20px;
        letter-spacing: 5px;
        min-width: 100px;
        padding: 10px 20px 10px 35px;
    }

    .header-basic nav.oct-default-menu ul li > ul.dropdown-menu li a {
        color: #ffffff;
    }

    header.header-basic nav.oct-default-menu ul li ul.dropdown-menu {
        left: 20px;
        margin: 0;
        padding-top: 0;
        top: 0;
    }

    header.header-basic nav.oct-default-menu ul.main-menu li li {
        padding: 0 20px;
    }

    .header-basic nav.oct-default-menu li > ul.dropdown-menu li.dropdown > a::after {
        display: none;
    }
}

@media (max-width: 480px) {
    .oct-banner div.oct-banner-caption {
        font-size: 24px;
        line-height: 28px;
        padding: 20px;
    }
}

.menubar .oct-line {
    background-color: #232323;
    height: 2px;
    margin-bottom: 3px;
    opacity: 1;
    filter: alpha(opacity=100);
    position: relative;
    top: 0;
    transition: all 0.25s ease-in-out 0s;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    width: 20px;
}

.menubar.oct-line-hover .oct-line:nth-child(3) {
    left: -2px;
    opacity: 1;
    filter: alpha(opacity=100);
    top: -8px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 9px;
}

.menubar.oct-line-hover .oct-line:nth-child(1) {
    left: -2px;
    top: 8px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 9px;
}

.menubar.oct-line-hover .oct-line:nth-child(2) {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0;
}

.header-basic .menubar {
    border: 2px solid #232323;
    display: inline-block;
    float: right;
    height: 39px;
    padding: 12px 8px;
    position: relative;
    width: 39px;
    z-index: 999 !important;
    transition: margin 0.3s ease 0s;
    -webkit-transition: margin 0.3s ease 0s;
    -o-transition: margin 0.3s ease 0s;
}

footer {
    bottom: 0;
    width: 100%;
    z-index: 0;
}

.footer-fixed {
    position: fixed;
}

#main_container {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 9;
}

.page-template-oct-inner-page-template #main_container {
    overflow: hidden;
}

.main_contaniner-2 {
    margin: 0 !important;
}

footer.footer_style2 {
    position: relative;
}

footer.footer_style3,
footer.footer_style4 {
    display: flex !important;
    align-items: center;
    flex: 1;
}

footer.footer_style3 .footer_bottom {
    text-align: left;
    margin-left: 60px;
    color: #8d8d8d;
    flex: 1;
    font-weight: 300;
    padding: 0;
}

footer.footer_style3 .footer_bottom a {
    color: #484848;
    font-weight: 400;
}

footer.footer_style3 .social_footer {
    padding: 0;
    text-align: right;
    margin-right: 60px;
    flex: 1;
}

footer.footer_style3 .social_footer .fa {
    color: #232323;
    font-size: 16px;
}

footer.footer_style3 .social_footer .fa,
footer.footer_style3 .social_footer a {
    transition: all .3s;
}

footer.footer_style3 a:hover .fa,
footer.footer_style3 a:hover {
    color: #e09300 !important;
}

footer.footer_style4 {
    height: auto !important;
    padding: 0 !important;
    background-color: #ffffff;
}

footer.footer_style4 .footer_bottom {
    color: #acacac;
    text-align: center;
}

footer.footer_style4 .footer_bottom a {
    color: #232323;
    transition: all .3s;
}

footer.footer_style4 .footer_bottom a:hover {
    color: #dd9933;
}

footer.footer_style3 {
    margin-top: 15px;
}

@media (max-width: 1200px) {
    footer.footer_style3 .footer_bottom {
        text-align: left;
        flex: 2;
    }

    footer.footer_style3 .social_footer {
        text-align: right;
        flex: 1;
    }
}

@media (max-width: 991px) {
    footer.footer_style3 .social_footer {
        text-align: right;
        margin: 0;
    }
}

@media ( max-width: 991px) {
    footer#footer.footer_style3 {
        flex-direction: column;
    }

    footer.footer_style3 .footer_bottom {
        text-align: center;
        margin: 0;
        padding: 0;
    }

    footer.footer_style3 .social_footer {
        text-align: center;
        margin: 0;
    }
}

@media (max-width: 600px) {
    footer.footer_style3 {
        margin-top: 5px;
    }

    footer.footer_style3 .footer_bottom {
        margin-bottom: 5px;
        line-height: 18px;
        padding: 0 30px;
    }

    footer.footer_style3 .footer_bottom span {
        font-size: 13px;
    }

}

@media (max-width: 991px) {
    .social_footer li a {
        padding: 0 8px;
    }
}

.menu2 div.main-header {
    min-height: 140px;
}

.showcase-page-nav a {
    position: relative;
}

.showcase-page-nav .prev a:hover::before {

}

.showcase-page-nav .next a:hover::before {

}

.header-basic.menu-onepage {
    min-height: 0;
}

.menu-onepage .main-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.filter-enable > span {
    color: #232323;
}

.button_block a.dleh-style-button.dleh-style-button-style-1, .button_block a.dleh-style-button.dleh-style-button-style-3, .button_block a.dleh-style-button.dleh-style-button-style-6, .button_block a.dleh-style-button.dleh-style-button-style-4 {
    border: medium none !important;
    padding: 7px;
}

.work5-full-width .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter {
    bottom: 30px;
    opacity: 1;
}

.work5-full-width .cbp-l-filters-alignRight .cbp-filter-counter {
    background: #e09300 none repeat scroll 0 0;
}

.work5-full-width .cbp-l-filters-alignRight .cbp-filter-counter::before {
    border-top-color: #e09300;
}

.menubar.oct-line-active {
    background: rgba(0, 0, 0, 0) url("../images/close_home2.png") no-repeat scroll 10px center;
}

.oct-line-active .oct-line {
    display: none;
}

.header-basic.shortcode-banner {
    background-image: url("../images/sc-bnaner.jpg");
}

.button-action .button_block {
    margin: 4px 1px;
}

.onepage-overlay {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fullpage-wrapper .container {
    position: relative;
    z-index: 9;
}

.menu-onepage .menubar {
    display: none;
}

.blog1 .img-feature {
    padding-right: 30px;
}

.blog1 .post-meta-type img {
    width: 100%;
}

.oct-single-classic {
    padding: 30px 0;
}

.oct-parallax {
    background-size: cover;
}

#section0 {
    background-image: url("../images/onepage-1.jpg");
}

#section1 {
    background-image: url("../images/onepage-2.jpg");
}

#section2 {
    background-image: url("../images/onepage-3.jpg");
}

#section3 {
    background-image: url("../images/onepage-4.jpg");
}

/*.oct-pricing-table.pricing-table-style-2 .oct-button:hover {
  border: medium none;
}*/
.oct-verticalTab .resp-tabs-list .resp-tab-item:last-child {
    margin-bottom: 0 !important;
}

.cbp-l-filters-alignRight .cbp-filter-item {
    margin: 20px 0;
    padding: 0 19px;
}

/**/
.quote_author {
    font-style: normal;
}

blockquote .quote_content, blockquote .quote_content p {
    margin-bottom: 10px;
}

.post-format-video .item-feature {
    position: relative;
}

.oct-overlay-video {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    border: 0 none;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.control-pause {
    height: 69px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.oct-button-pause {
    cursor: pointer;
    display: inline-block;
    height: 60px;
    width: 60px;
    opacity: 0.7;
    filter: alpha(opacity=0.7);
}

.oct-button-pause:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.post-format-video .oct-button-pause, .oct-video-popup .oct-button-pause {
    background: url(../images/start-video.png) no-repeat center;
}

.post-audio .oct-button-pause {
    background: url(../images/start-audio.png) no-repeat center;
}

.post-format-video.oct-player-dark .oct-button-pause {
    background: url(../images/start-videodark.png) no-repeat center;
}

.post-audio.oct-player-dark .oct-button-pause {
    background: url(../images/start-audiodark.png) no-repeat center;
}

#cssmenu .sidebar-social li a i {
    color: #ffffff;
}

#cssmenu .sidebar-social li a:hover i {
    color: #e09300;
}

.header-basic.menu-onepage .oct-default-menu ul li {
    display: inline-block;
    padding: 5px 20px;
}

/*   Custom WP    */
.block_contact_form input.wpcf7-submit {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #232323;
    color: #232323;
    float: right;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 20px;
    margin-right: 15px;
    padding: 6px 24px;
    width: auto;
}

.block_contact_form input.wpcf7-submit:hover {
    background: #232323 none repeat scroll 0 0;
    color: #ffffff;
    transition: all 0.25s ease-in-out 0s;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
}

/*Section Title */
.section-title.align-left .hr {
    float: left;
    margin-top: 0;
    margin-left: 5px;
}

.section-title.align-left {
    text-align: left;
}

.section-title.align-center {
    text-align: center;
}

.section-title.align-right .hr {
    float: right;
    margin-top: 0;
}

.section-title.align-right {
    text-align: right;
}

.section-title .title {
    margin-bottom: 10px;
    font-family: 'Playfair Display', Sans-serif;
}

.section-title h5.title {
    letter-spacing: 2px
}

.section-title.background .title {
    background-image: url("../images/img_title_bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #232323;
    font-family: 'Playfair Display', Sans-serif;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 30px;
    width: 100%;
    line-height: inherit;
}

.section-title.background .content-title {
    margin-top: 50px;
}

.title-iconbox {
    font-family: 'Playfair Display', Sans-serif;
}

.section-title.background.bg-light .title {
    background-image: url("../images/bg-title-light.png");
}

.section-title.background.align-left .title {
    background-position: left bottom;
}

.section-title.background.align-right .title {
    background-position: right bottom;
}

.section-title .content-title p {
    font-weight: 200;
    line-height: 1.9;
    color: #858585;
}

/*End Section Title */

.eg-oct-portfolio-3-wrapper .esg-entry-content.eg-oct-portfolio-3-content {
    background-color: #ffffff;
    clear: both;
    display: table !important;
    height: 50px;
    letter-spacing: 1px;
    line-height: 50px;
    position: absolute;
    width: 100%;
    z-index: 9;
}

.eg-oct-portfolio-3-wrapper .eg-oct-portfolio-3-element-25 {
    background-image: url("../images/view-portfolio3.png");
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    z-index: 0 !important;
}

.eg-oct-portfolio-3-wrapper .eg-oct-portfolio-3-element-25-a {
    bottom: 0;
    display: inline-block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

@media (max-height: 350px ) {
    .eg-oct-portfolio-3-wrapper .eg-oct-portfolio-3-element-25 {
        display: none;
    }
}

/*============== Custom Ess.Grid =================*/
.esg-filters .esg-filterbutton span {
    white-space: nowrap;
    color: #232323;
}

.eg-oct-portfolio-style1-wrapper .eg-oct-portfolio-style1-element-8 {
    background: rgba(0, 0, 0, 0) url("../images/next_1.png") no-repeat scroll center center;
    height: 47px;
    line-height: 47px;
    width: 47px;
}

.oct-portfolio2 .esg-bc::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    left: 20px;
    min-height: 45px;
    position: absolute;
    top: 0;
    width: 2px;
}

.oct-portfolio2 .esg-bc {
    z-index: 9;
}

.eg-oct-portfolio-2-element-5 {
    font-style: italic;
}

.oct-portfolio2 .eg-oct-portfolio-2-element-3 {
    letter-spacing: 1px;
    color: #fff;
}

.oct-portfolio2 .eg-oct-portfolio-2-element-9 {
    height: 100%;
    width: 100%;
}

.oct-portfolio2 .eg-oct-portfolio-2-element-9-a {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
}

.oct-portfolio2 .esg-cc {
    height: 100%;
    left: 0;
    top: 0 !important;
    vertical-align: middle;
    width: 100%;
}

.oct-portfolio2 .esg-filters {
    display: none;
    width: 100%;
    float: left;
}

.oct-portfolio4 .esg-layout-even .esg-entry-content {
    bottom: 0;
    display: block !important;
    position: absolute;
    width: 100%;
}

.eg-oct-portfolio4-element-24-a {
    z-index: 9;
    transition: all .3s;
}

.eg-oct-portfolio4-element-24-a:hover {
    background-color: #e09300;

    border-color: #e09300 !important;
}

.eg-oct-portfolio4-element-24-a:hover span {
    color: #fff;
}

.oct-portfolio4 .esg-layout-even .esg-entry-content::after {
    background: #232323 none repeat scroll 0 0;
    content: "";
    min-height: 50px;
    position: absolute;
    top: 23px;
    width: 2px;
}

.oct-portfolio4 .eg-oct-portfolio4-element-0 {
    letter-spacing: 1px;
}

.eg-oct-portfolio4-element-2-a {
    font-style: italic;
    display: inline-block !important;
}

.oct-portfolio4 .eg-oct-portfolio4-element-24::after {
    content: "";
    display: inline-block;
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0px);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0px);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0px);
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    width: 100%;
    background-color: #232323;
}

.oct-portfolio4 .eg-oct-portfolio4-element-24 {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #252525;
    color: #252525;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 35px;
    margin: 0 7px;
    min-width: 105px;
    padding: 0 35px;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
}

.oct-portfolio4 .eg-oct-portfolio4-element-24:hover::after {
    height: 550%;
    opacity: 1;
    filter: alpha(opacity=100);
}

.oct-portfolio4 .eg-oct-portfolio4-element-24:hover span {
    color: #ffffff;
    position: relative;
    z-index: 9;
}

.oct-portfolio4 .esg-container {
    text-align: center;
}

.eg-oct-portfolio4-content .eg-oct-portfolio4-element-24-a .eg-oct-portfolio4-element-24 {
    border: 1px solid #232323;
}

.oct-portfolio5 .esg-entry-cover:hover .esg-bc, .oct-portfolio5-oct-portfolio5-home2 .esg-entry-cover:hover .esg-bc {
    height: auto;
    bottom: 0;
    height: auto;
    opacity: 1;
    filter: alpha(opacity=100);
}

.eg-oct-portfolio5-element-0:hover, .eg-oct-portfolio5-element-0:hover {
    color: #ffffff;
}

.oct-portfolio5 .esg-bc, .oct-portfolio5-oct-portfolio5-home2 .esg-bc {
    bottom: -100%;
    height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
}

.oct-portfolio5 .eg-oct-portfolio5-element-4-a::before, .oct-portfolio5-oct-portfolio5-home2 .eg-oct-portfolio5-element-4-a::before {
    background-color: #ffffff;
    content: "";
    float: left;
    height: 1px;
    margin-right: 10px;
    margin-top: 12px;
    width: 15px;
}

.oct-portfolio5 .eg-oct-portfolio5-element-4, .oct-portfolio5-oct-portfolio5-home2 .eg-oct-portfolio5-element-4 {
    font-style: italic;
}

.filter-enable .icon-basic-mixer2::before {
    font-family: "linea-basic-10" !important;
}

.oct-portfolio5 .esg-container, .oct-portfolio5-oct-portfolio5-home2 .esg-container {
    text-align: center;
}

.menu1 h2 span {
    border: 3px solid #232323;
    color: #232323;
    display: inline-block;
    font-size: 35px;
    letter-spacing: 5px;
    max-width: 970px;
    padding: 10px 60px;
    text-align: center;
    text-shadow: 0 0 0;
}

.header-profile.menu1 h2 span {
    font-size: 100px;
}

.text-vertical-center h2 {
    display: inline-block;
    float: left;
    left: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 100%;
}

#footer h2.sidebar_title {
    border: medium none;
    color: #232323;
    font-size: 16px;
    margin-bottom: 30px;
    text-transform: uppercase;

}

#footer .widget {
    margin-top: 60px;
}

#footer .widget.text-3 {
    margin-top: 45px;
}

#footer .widget.Oct_Social {
    margin-top: 35px;
}

#footer .widget #block_newletter_footer .toggle-footer p {
    text-align: center;
    color: #232323;
    font-weight: 300;
    padding: 20px 20px 0 20px;
}

@media (max-width: 991px) {
    #footer .widget #block_newletter_footer .toggle-footer p {
        padding: 0;
    }
}

.oct-no-margin {
    margin-bottom: 0 !important;
}

.navigation .alignleft a, .navigation .alignright a {
    color: #232323;
    font-size: 12px;
    letter-spacing: 1px;
    position: relative;
    text-transform: uppercase;
}

.navigation .alignright {
    float: right;
}

.navigation .alignleft {
    float: left;
}

.navigation {
    display: inline-block;
    margin-bottom: 50px;
    width: 100%;
}

.navigation .alignright a {
    background: rgba(0, 0, 0, 0) url("../images/pa-next.png") no-repeat scroll right center;
    padding-right: 40px;
    background-position-x: 100px;
}

.navigation .alignleft a {
    background: rgba(0, 0, 0, 0) url("../images/pa-prev.png") no-repeat scroll 0 center;
    padding-left: 40px;
    background-position-x: 5px;
}

.navigation .alignright a:hover {
    background-position-x: 103px;
}

.navigation .alignleft a:hover {
    background-position-x: 2px;
}

.sidebar .title_block_footer {
    border-bottom: 1px solid #232323;
    color: #232323;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 31px;
    margin-bottom: 25px;
    margin-top: 0;
    text-transform: uppercase;
}

/*Menu cssmenu*/

#cssmenu ul.main-menu li a {
    padding: 10px 0;
}

#cssmenu ul.main-menu li li a {
    padding: 5px 0;
}

#cssmenu ul ul li a {
    color: #7d7d7d;
}

#cssmenu ul.main-menu > li {
    padding: 0px 35% 0px 0;
}

#cssmenu ul.main-menu li {
    display: inline-block;
    width: 100%;
}

#cssmenu .dropdown-menu {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 0;
    float: right;
    left: 0;
    width: 100%;
    padding: 0;
    clear: both;
    margin: 0;
}

#cssmenu > ul.main-menu > li > a::before {
    background-color: #929292;
    content: "";
    display: inline-block;
    height: 0px;
    position: absolute;
    right: -7%;
    bottom: 5px;
    width: 114%;
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
}

#cssmenu > ul.main-menu > li.active > a::before, #cssmenu > ul.main-menu > li > a:hover::before {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

#cssmenu ul.main-menu > li > a {
    display: flex;
    float: right;
    padding: 15px 0;
}

#cssmenu .dropdown-menu ul {
    padding-right: 20px;
}

.oct-default-menu li.current-menu-parent a::before {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
}

.oct-default-menu.oct-menu-top-4 li.current-menu-parent a::before {
    opacity: 0;
}

.oct-default-menu.oct-menu-top-4 li.current-menu-parent a:hover::before {
    opacity: 1;
}

.header-basic .oct-default-menu ul ul > li.menu-item-has-children::before {
    background: none;
}

.header-basic .oct-default-menu .dropdown-menu ul {
    left: 100%;
    margin-left: 21px;
    top: -20px;
}

.header-basic .oct-default-menu ul li:nth-last-child(2):hover > ul.dropdown-menu ul, .header-basic .oct-default-menu ul li:nth-last-child(1):hover > ul.dropdown-menu ul {
    left: auto;
    margin-left: 0;
    margin-right: 21px;
    right: 100%;
}

@media (max-width: 991px) {
    .header-basic .oct-default-menu ul li:nth-last-child(2):hover > ul.dropdown-menu ul, .header-basic .oct-default-menu ul li:nth-last-child(1):hover > ul.dropdown-menu ul {
        right: 0;
    }
}

.sidebar .oct-button.button_newletter {
    border: 2px solid #232323;
}

#reply-title a {
    border: 1px solid #232323;
    color: #252525;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 20px;
    margin-bottom: 30px;
    padding: 3px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: all 0.3s ease-in-out 0s;
    -moz-transform: all 0.3s ease-in-out 0s;
}

#reply-title a:hover {
    background: #232323 none repeat scroll 0 0;
    color: #ffffff;
}

.comment-list .children .children:last-child {
    border: medium none;
}

.logged-in-as {
    margin-bottom: 20px;
}

.comment-form {
    display: inline-block;
    width: 100%;
}
.leave-reply  .title-comment{
    margin-left: 15px;
}
.admin-bar .leave-reply  .title-comment{
    margin-left: 0;
}


.comment-item:last-child .media-body {
    border: medium none;
}

.group-tags {
    text-transform: uppercase;
    font-weight: 600;
}

.footer_bottom > a {
    color: #e09300;
}

.footer_bottom > a:hover {
    color: #acacac;
}

.group-tags a:hover {
    color: #e09300;
}

.container {
    position: relative;
}

.header-basic h2 span {
    text-transform: uppercase;
}

.section-title .content p a {
    color: #7d7d7d;
    text-decoration: underline;
}

.section-title .content p a:hover {
    color: #e09300;
}

.block-title.block-title-contact {
    background-color: #f9f9f9;
    background-image: url("../images/img_title_bg.png");
    background-position: center 45px;
    background-repeat: no-repeat;
    color: #232323;
    float: left;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 410px;
    padding-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.block_contact_content {
    margin-top: -305px;
}

.oct_overlay_contact {
    background: rgba(244, 168, 168, 0.85) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.oct-portfolio3 {
    text-align: center;
}

.block_contact_form {
    padding: 0;
}

.block_contact_form span.wpcf7-not-valid-tip {
    color: #ff0000;
    float: left;
    font-size: 10px;
    margin-top: -15px;
}

.block_contact_content .oct-message {
    position: absolute;
    margin: 0;
}

.block_contact_form .ajax-loader {
    float: right;
    position: relative;
    bottom: 0;
    margin: 15px 10px;
}

div div.wpcf7-response-output {
    border: medium none;
    color: #f00000;
    font-size: 14px;
    font-style: italic;
    margin: 0;
    padding: 0;
    text-indent: 15px;
}

.tab_block_introduce .tab-content {
    border: medium none;
}

div.about_our_team_content {
    background-color: rgba(0, 0, 0, 0);
}

.our_team_carousel-2 div.about_our_team_content {
    margin: 0;
}

div.about_our_team_content img {
    width: 100%;
}

#our_team_carousel-2 div.about_our_team_content {
    background-color: rgba(0, 0, 0, 0);
    margin: 0;
}

.section-title.align-left .content {
    font-size: 16px;
}

#main_container .blog1 .post-item:nth-last-child(2) {
    border: medium none;
}

.portfolio-slider .owl-controls {
    margin: 0;
}

.owl-theme.portfolio-slider .owl-controls .owl-buttons div,
.showcase .owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    color: #232323;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    width: 28px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}

.owl-theme.portfolio-slider .owl-controls .owl-buttons .icons {
    color: #fff;
    font-size: 40px;
    transition: all .3s;
}

.owl-theme.portfolio-slider .owl-controls .owl-buttons .icons:hover {
    color: #E9B34B;
}

.owl-theme.portfolio-slider .owl-controls .owl-buttons div.owl-prev,
.showcase .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 30px;
}

.owl-theme.portfolio-slider .owl-controls .owl-buttons div.owl-next,
.showcase .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 30px;
}

.owl-theme.portfolio-slider .owl-pagination {
    position: absolute;
    bottom: 25px;
    display: block;
    text-align: center;
    width: 100%;
    z-index: 9;
}

.owl-theme.portfolio-slider .owl-pagination .owl-page {
    padding: 0;
}

.owl-theme.portfolio-slider .owl-pagination .owl-page span {
    width: 7px;
    height: 7px;
}

.showcase_meta_des > a {
    transition: all .3s;
}

.showcase_meta_des > a:hover {
    color: #e09300;
}

.showcase2 .content-social-share > ul {
    float: left;
    margin-top: 0;
    width: auto;
    padding-left: 0;
}

.content-social-share ul {
    padding-left: 0;
}

div.content-social-share li {
    display: inline-block;
    float: none;
    margin-right: 30px;
}

@media (max-width: 991px) {
    div.content-social-share li {
        margin-right: 20px;
    }
}

.menu2.head-portfolio div.main-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    min-height: 140px;
}

.oct-banner.oct-portfolio-banner {
    margin: 0;
    max-height: 470px;
    overflow: hidden;
}

.showcase, .showcase2, .showcase3 {
    clear: both;
    padding-top: 50px;
}

.showcase2 {
    clear: both;
    margin-bottom: 60px;
    border-top: 1px solid #ebebeb;
}

.head-portfolio-menuright {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    min-height: 140px;
}

.oct-portfolio-banner .oct-banner-caption {
    display: inline-block;
    float: left;
    left: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.oct-no-banner.menu2 {
    position: relative;
}

.resp-tab-item.resp-tab-active a {
    color: #ffffff;
}

.resp-tab-item a {
    color: #232323;
}

#our_team.margin, #our_team .margin {
    margin: 0 !important;
}

.text-vertical-positon.text-right {
    float: right;
    text-align: right;
}

.text-vertical-positon.text-center {
    display: table;
    float: none;
    margin: 0 auto;
    text-align: center;
}

.text-vertical-positon.text-left {
    float: left;
    text-align: left;
}

.oct-onepage-admin {
    margin: 0 !important;
}

.showcase-top-content h2 {
    font-size: 12px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.showcase-page-nav .pull-left a.oct-prev {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}

.showcase-page-nav .pull-left a.oct-prev::before {
    left: -8px;
    width: 70px;
}

.oct-overlay-video-popup {
    background: rgba(0, 0, 0, 0.37) none repeat scroll 0 0;
    border: 0 none;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.oct-video-popup {
    position: relative;
}

.showcase-page-nav .pull-right a.oct-next {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}

.portfolio-post-video iframe {
    width: 100%;
}

.blog1 .oct_blog_title {
    width: 100%;
}

#block_contact .container {
    max-width: 1140px;
}

header.header-basic.menu-onepage .oct-default-menu li a {
    line-height: 34px;
}

.page_nav {
    clear: both;
}

.img-feature.oct-images-show {
    display: block;
}

.blog-item a:hover {
    color: #7d7d7d;
}

.blog-content a {
    font-size: 16px;
}

.blog-content blockquote {
    background: rgba(0, 0, 0, 0) url("../images/quote-icon.png") no-repeat scroll 0 0;
    padding-top: 30px;
}

.blog-content blockquote cite a {
    color: #232323;
    float: left;
    font-size: 12px;
    font-style: normal;
    letter-spacing: 1px;
    margin-bottom: 40px;
    margin-top: 20px;
    padding-left: 0;
    text-transform: uppercase;
}

.blog-single .post-meta-type {
    margin-bottom: 0;
}

.eg-oct-portfolio5-element-0 {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
}

.contact-mail a {
    color: #232323;
}

.contact-mail a:hover {
    color: #e09300;
}

.fp-tableCell a.read-more::before {
    background: #ffffff none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: width 0.3s ease 0s;
    -webkit-transition: width 0.3s ease 0s;
    -moz-transition: width 0.3s ease 0s;
    width: 0;
}

.fp-tableCell a.read-more:hover::before {
    width: 100%;
}

.fp-tableCell a.read-more {
    position: relative;
}

.list_object .author-line {
    float: left;
}

.block_what_news .list_object .author {

}

.block_what_news .list_object li label a {

}

.block_what_news .list_object .author:hover {

}

.block_what_news .list_object li label > a:hover {

}

.author-line .author a {
    color: #e09300;
}

.author-line .author a:hover {
    color: #232323;
}

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

@media (max-width: 991px) {
    .oct-navigation.menu1 .menubar {
        display: block;
    }

    .oct-navigation-transparent .oct-navigation {
        margin-top: 20px;
        align-items: center;
    }

    .admin-bar .oct-navigation-transparent .oct-navigation {
        margin-top: 0;
    }

    .admin-bar.home-photography .oct-navigation-transparent .oct-navigation {
        margin-top: 10px;
    }

    .oct-navigation-transparent .header-small .oct-navigation {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .oct-navigation-transparent .header-small .oct-navigation.menu1 {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .header-basic .oct-navigation .oct-default-menu {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        bottom: 0;
        overflow: auto;
        max-width: 350px;
        transition: all .3s;
    }

    .header-basic .oct-navigation > .oct-default-menu {
        transform: translate(-100%, 0);
        height: calc(100vh - 0px);
    }

    .header-basic .oct-navigation > .oct-default-menu.menu-active {
        transform: translate(-1px, 0);
        overflow-y: scroll;
    }

    .header-basic.oct-menu-design-light nav.oct-default-menu {
        background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    }

    .oct-contact-block-style2 .oct-contact-info td {
        width: 100%;
        float: left;
        margin-top: -1px;
    }

    header.header-basic nav.oct-default-menu ul.main-menu li {
        padding: 0 20px;
        width: 100%;
        display: inline-block;
    }

    .header-basic .oct-default-menu .main-menu > li > a {
        float: left;
    }

    header.header-basic .oct-default-menu ul li ul.dropdown-menu {
        clear: both;
        float: left;
        padding-top: 10px;
    }

    .header-basic nav.oct-default-menu ul li > ul.dropdown-menu li a {
        padding: 5px 0;
        display: inline-block;
        float: left;
    }

    .header-basic.menu2 {
        z-index: 100;
    }

    div.tab-content h1, div.tab-content h2, div.tab-content h3, div.tab-content h5, div.tab-content h4, div.tab-content h6 {
        margin-top: 20px;
    }

    div#tabs.tab_block_services div.tab-content {
        margin-bottom: 0;
    }

    #idtabs div.tab-content h1, #idtabs div.tab-content h2, #idtabs div.tab-content h3, #idtabs div.tab-content h5, #idtabs div.tab-content h4, #idtabs div.tab-content h6 {
        margin-top: 0;
    }

    div.tab_block_introduce .tab-content {
        width: 100%;
    }

    div.oct-home-arrow {
        bottom: 20px;
    }

    #block_contact .row {
        margin: 0;
    }

    #block_contact {
        overflow: hidden;
    }

    div#block_contact .contact > div.block_contact_form {
        padding-left: 0;
    }

    #block_contact .container {
        padding: 0;
    }

    div#block_contact {
        background-position: center center;
    }

    div.oct-verticalTab.resp-vtabs .resp-tabs-container {
        border: medium none;
        width: 100%;
    }

    .oct-default-menu .mini-shoping-cart-wraper {
        margin: 0;
        padding: 0 20px 20px;
        width: 100%;
    }

    div.mini-shoping-cart-wraper.show-cart .mini-shoping-cart {
        opacity: 1;
        position: relative;
        transform: translateY(0px);
        visibility: visible;
        width: 100%;
    }
}

@media (min-width: 481px) and (max-width: 991px) {
    header.header-profile.menu1 h2 span {
        font-size: 50px;
        padding: 10px 30px;
    }
}

@media (max-width: 480px) {
    header.header-profile.menu1 h2 span {
        font-size: 35px;
        padding: 10px 30px;
    }

    ul.tabs li {
        text-align: center;
    }

    .oct-hero-section-title span {
        font-size: 30px;
    }
}

/*themcheck*/
img {
    height: auto;
}

.oct_categories {
    clear: both;
    line-height: 18px;
    padding-left: 18px;
}

.oct_categories > span {
    float: left;
    margin-right: 5px;
}

.oct_category_list > a {
    color: #7d7d7d;
}

.oct_category_list > a:hover {
    color: #e09300;
}

.oct_category_list {
    line-height: 18px;
}

.oct_category_list {
    line-height: 18px;
    word-wrap: break-word;
}

table {
    margin: 10px 0;
    width: 100%;
}

#main_container .sidebar ul li {
    list-style: none;
}

#main_container ul.tabs li {
    list-style: outside none none;
}

#main_container .content-social-share ul li {
    list-style: outside none none;
}

.sidebar .widget:first-child .title-widget {
    margin-top: -10px;
}

#main_container .about_our_team_item_social > li {
    list-style: outside none none;
}

.sidebar .title-widget h3 {
    border-bottom: 1px solid #232323;
    color: #232323;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 31px;
    margin-bottom: 25px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
}

.sidebar > .widget {
    margin-top: 35px;
}

.sidebar > .widget:first-child {
    margin-top: 0;
}

.sidebar .widget select {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    outline: none;
}

.widget .widget_search .blog-search .search-submit {
    padding: 0 15px;
    font-size: 15px;
}

.widget_calendar table {
    width: 100%;
}

.widget_calendar td#today {
    color: #e09300;
    text-decoration: underline;
}

.widget_calendar td, .widget_calendar th {
    padding: 2px;
    text-align: center;
}

.widget a {
    color: #7d7d7d;
}

.widget a:hover {
    color: #e09300;
}

.widget_nav_menu .dropdown-menu {
    position: relative;
    box-shadow: none;
    border: none;
    display: block;
}

.widget_nav_menu .dropdown-menu li {
    width: 100%;
    float: left;
}

.widget_nav_menu li a {
    color: #232323;
}

.widget_pages ul li a::before {
    color: #7d7d7d;
    content: "+";
    font-family: fontawesome;
    font-size: 15px;
    padding-right: 10px;
}

#calendar_wrap caption {
    color: #232323;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 0 0 20px;
    text-transform: uppercase;
}

.widget_calendar #prev {
    padding-top: 10px;
    text-align: left;
}

.widget_recent_comments .recentcomments > a {
    text-decoration: underline;
}

ul ul, ol ol {
    padding-left: 15px;
}

.oct-pagination-post {
    clear: both;
}

a {
    color: #e09300;
    transition: all .3s;
}

a:hover {
    color: #e09300;
}

.title a {
    color: #232323;
}

.blog-single embed {
    width: 100%;
}

.blog-single iframe {
    width: 100%;
}

.oct_blog_title {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.group-tags {
    word-wrap: break-word;
}

.blog-content > h3 {
    font-size: 24px;
    margin-bottom: 10px;
    text-transform: none;
}

.alignnone, .alignleft, .alignright {
    margin-bottom: 5px;
    max-width: 100%;
}

.aligncenter {
    margin: 0 auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

img.alignleft {
    margin: 5px 30px 0 0;
}

img.alignright {
    margin-left: 30px;
}

.blog-content table td, .blog-content table th {
    border: 1px solid #7d7d7d;
    padding: 5px;
    text-align: center;
}

.post-password-form label {
    margin-right: 10px;
}

.blog-content input[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #232323;
    color: #232323;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 30px;
    padding: 2px 20px;
    text-transform: uppercase;
}

.blog-content input[type="submit"]:hover {
    background: #232323 none repeat scroll 0 0;
    color: #ffffff;
}

.post-password-form input[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #232323;
    color: #232323;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 30px;
    padding: 2px 20px;
    text-transform: uppercase;
}

.quote_content cite a {
    color: #232323;
    float: left;
    font-family: "Montserrat";
    font-size: 12px;
    font-style: normal;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 0;
    text-transform: uppercase;
}

.tag-sticky-2 .k_blog_content {
    background: #f0f0f0 none repeat scroll 0 0;
    padding: 19px 15px;
}

/*End themcheck Mo*/
/*Slide home*/
.content-slide .content-text {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.content-slide {
    color: #ffffff;
    display: table;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.content-slide .sub-title {
    display: block;
    font-size: 20px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.content-slide h1 {
    color: #ffffff;
    font-size: 88px;
    letter-spacing: 10px;
    line-height: 80px;
    margin-bottom: 20px;
}

.content-slide p {
    font-size: 30px;
    line-height: normal;
}

.content-slide .oct-button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #ffffff;
    color: #ffffff;
}

.home-slide .homeslide-item.bg-overlay::after {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.content-slide .oct-button-slide {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 30px;
    padding: 4px 30px;
    text-transform: uppercase;
}

.content-slide .oct-button-slide:hover, .content-slide .oct-button-slide:focus {
    background: #e09300 none repeat scroll 0 0;
    border-color: #e09300;
    color: #ffffff;
    transition: all 0.25s ease-in-out 0s;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
}

.owl-theme .owl-controls .owl-buttons div {
    color: transparent;
    background-color: transparent;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 28px;
    z-index: 40;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-theme .owl-controls .owl-buttons div:after {
    color: #ffffff;
    height: 100%;
    top: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    font-family: 'simple-line-icons';
    font-size: 40px;
    left: -10px !important;
}

.owl-theme .owl-controls .owl-buttons div:after .fa {
    display: none;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev:after {
    content: "\e07a";
    left: 100px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next:after {
    content: "\e079";
    right: 100px;
}

@media ( max-width: 991px) {
    .owl-theme .owl-controls .owl-buttons div.owl-prev:after {
        left: 0;
    }

    .owl-theme .owl-controls .owl-buttons div.owl-next:after {
        right: 0;
    }
}

.owl-buttons > div.owl-prev {
    left: -75px;
}

owl-buttons > div.owl-next {
    right: -75px;
}

.owl-theme .owl-controls .owl-buttons > div:hover {
    color: transparent;
}

.hero-section-banner.img-slide {
    overflow: hidden;
}

.img-slide .oct-header-style-image-slide {
    position: initial;
}

.page-template-fullwidth-template .header-basic {
    min-height: 0;
}

.oct-menu-design-light.header-basic .menubar {
    border-color: #ffffff;
}

.oct-menu-design-light .menubar .oct-line {
    background: #ffffff;
}

.oct-menu-design-dark.header-basic .menubar {
    border-color: #232323;
}

.img-slide .oct-header-style-image-slide .owl-prev {
    left: 50px;
}

.img-slide .oct-header-style-image-slide .owl-next {
    right: 50px;
}

@media (max-width: 991px) {
    .oct-menu-design-dark .menubar .oct-line {
        background: #232323;
    }

    .oct-menu-design-dark.header-basic .menubar.menu-active {
        border-color: #fafafa;
    }

    .oct-menu-design-dark.header-basic .menubar.menu-active .oct-line {
        background-color: #fafafa;
    }

    .oct-menu-design-dark.header-basic .menubar.oct-line-active {
        background: rgba(0, 0, 0, 0) url("../images/close-light.png") no-repeat scroll center center;
    }

    .menu-5-active .menubar .oct-line {
        background-color: #ffffff !important;
    }
}

.oct-contact-info td {
    border: 1px solid #dddddd;
    color: #7d7d7d;
    padding: 50px 0 70px;
    width: 33%;
}

.oct-contact-block-style2 .oct-contact-info td {
    position: relative;
}

.oct-contact-block-style2 .oct-contact-info .icon {
    background: #fff none repeat scroll 0 0;
    color: #252525;
    font-size: 30px;
    left: 50%;
    padding: 0 15px;
    position: absolute;
    top: -17px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.page-template-oct-home-template2 .oct-contact-block-style2 .oct-contact-info .icon,
.page-template-oct-inner-page-template .oct-contact-block-style2 .oct-contact-info .icon {
    background-color: #F8F8F8;
}

.oct-contact-info .text-content > a {
    color: #e09300;
    text-decoration: underline;
}

.oct-contact-info label {
    color: #232323;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
}

/*custom home minimal*/
.header-basic.oct-menu-design-light .oct-default-menu li a {
    color: #fafafa;
}

.header-basic.oct-menu-design-dark .oct-default-menu li a {
    color: #232323;
}

.header-basic.oct-menu-design-light .oct-default-menu a::before {
    background: #ffffff none repeat scroll 0 0;

}

.header-basic.oct-menu-design-dark .oct-default-menu a::before {
    background: #232323 none repeat scroll 0 0;
}

.oct-menu-design-light .menubar.oct-line-active {
    background: rgba(0, 0, 0, 0) url("../images/close_home2_light.png") no-repeat scroll center center;
}

.header-profile .main-header {
    min-height: 100px;
}

.oct-navigation-style-2 .oct-header-style {
    height: auto !important;
}

.header-image-inner-page .oct-header-style-image {
    min-height: 470px;
}

/*End home minimal*/
/*Custom home fullpage*/
.header-basic.menu-onepage .oct-default-menu.oct-menu-design-light a::before {
    background: #ffffff none repeat scroll 0 0;
}

.header-basic.menu-onepage .oct-default-menu.oct-menu-design-light .main-menu > li > a {
    color: #ffffff;
}

.header-basic.menu-onepage .oct-default-menu.oct-menu-design-dark a::before {
    background: #232323 none repeat scroll 0 0;
}

.header-basic.menu-onepage .oct-default-menu.oct-menu-design-dark .main-menu > li > a {
    color: #232323;
}

/*End Custom home fullpage*/
.menu1 .menubar {
    display: none;
}

.header-basic .menu1 .oct-default-menu {
    display: block;
}

header.oct-navigation-transparent .main-header {
    background: transparent;
}

.oct-menu-design-light .main-header {
    background: #191919 none repeat scroll 0 0;
}

.oct-menu-design-dark .main-header {
    background: #ffffff none repeat scroll 0 0;
}

.mini-shoping-cart-wraper > a .cart-number-items {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    text-align: center;
    width: 6px;
    height: 6px;
    background-color: #e09300;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.mini-shoping-cart-wraper > a {
    color: #ffffff;
    font-size: 20px;
    line-height: 1;
}

.mini-shoping-cart-wraper {
    transition: margin 0.3s ease 0s;
    -webkit-transition: margin 0.3s ease 0s;
    -o-transition: margin 0.3s ease 0s;
    margin-left: 30px;
}

.mini-shoping-cart-wraper > a i {
    color: #fff;
    position: relative;
    font-size: 30px;
    transition: all .3s;
}

.header-small .mini-shoping-cart-wraper > a i {
    font-size: 25px;
}

.mini-shoping-cart-wraper > a {
    color: #ffffff;
    display: inline-block;
    font-size: 20px;
    position: relative;
}

@media (max-width: 991px) {
    .mini-shoping-cart-wraper > a {
        font-size: 20px;
    }
}

.oct-menu-design-dark .mini-shoping-cart-wraper > a i {
    color: #232323;
}

.oct-menu-design-dark .mini-shoping-cart-wraper > a {
    color: #232323;
}

.oct-menu-design-dark .mini-shoping-cart-wraper > a .cart-number-items {
    border-color: #232323;
    color: #232323;
}

div.mini-shoping-cart-wraper .mini-shoping-cart {
    background: #252525;
    border-radius: 0;
    display: block;
    left: auto;
    margin: 0;
    min-width: 300px;
    opacity: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transition: transform 0.3s ease-out 0s, opacity 0.5s ease-out 0s;
    -webkit-transition: transform 0.3s ease-out 0s, opacity 0.5s ease-out 0s;
    -o-transition: transform 0.3s ease-out 0s, opacity 0.5s ease-out 0s;
    -ms-transition: transform 0.3s ease-out 0s, opacity 0.5s ease-out 0s;
    visibility: hidden;
}

div.mini-shoping-cart-wraper.show-cart .mini-shoping-cart {
    opacity: 1;

    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    visibility: visible;
}

.mini-shoping-cart-wraper .empty {
    font-size: 16px;
    color: #7d7d7d;
}

.mini-shoping-cart-wraper.show-cart {
    position: relative;
}

.hidden-cart {
    display: none;
}

.header-image-style1 .oct-header-style-image {
    min-height: 470px;
}

.header-image-style2 .oct-header-style-image {
    min-height: 250px;
}

.hero-section-banner.container .oct-home-arrow {
    display: none;
}

.mini-shoping-cart-wraper .icon-ecommerce-bag::before {
    font-family: "linea-ecommerce-10" !important;
}

header.header-basic .oct-default-menu .mini-shoping-cart-wraper a::before {
    display: none;
}

.oct-hero-section #cssmenu .mini-shoping-cart-wraper > a {
    line-height: 60px;
    padding: 0 35% 0 0;
    text-align: right;
    width: 100%;
}

.oct-hero-section #cssmenu .mini-shoping-cart-wraper > a i, .oct-hero-section #cssmenu .mini-shoping-cart-wraper > a span {
    border-color: #ffffff;
    color: #ffffff;
}

#cssmenu .mini-shoping-cart-wraper {
    margin: 0;
    width: 100%;
}

#cssmenu .dropdown-menu.mini-shoping-cart {
    padding: 10px 35% 10px 0;
    text-align: right;
}

.innerpage.header-section-style-1 .oct-header-style-image {
    min-height: 470px;
}

.header-section-style-1.homepage .oct-hero-section-title span {
    font-size: 100px;
    padding: 10px 60px;
}

.hero-section-banner {
    position: relative;
}

.rev_slider iframe {
    border-width: 0 !important;
}

.header-section-style-2 .oct-header-style-image {
    min-height: 511px;
}

.header-section-style-2.innerpage .oct-header-style-image {
    min-height: 250px;
}

.header-section-style-2 .oct-hero-section-title {
    bottom: 60px;
    text-align: left;
    top: auto;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

.header-section-style-2 .oct-hero-section-title span {
    border-bottom: 1px solid #fff;
    border-top: medium none;
    border-right: medium none;
    border-left: medium none;
    color: #ffffff;
    display: inline;
    font-size: 40px;
    letter-spacing: 0;
    padding: 0;
    text-transform: none;
}

.header-section-style-2 .oct-hero-section-title h1 {
    padding-left: 70px;
}

.header-section-style-6.innerpage .oct-header-style-image {
    min-height: 296px;
}

.oct-menu-design-light .header-section-style-6 .oct-hero-section-title span {
    border-color: rgba(255, 255, 255, 0.3);
    border-left: 1px none rgba(255, 255, 255, 0.3);
    border-right: 1px none rgba(255, 255, 255, 0.3);
    border-width: 1px;
    color: #ffffff;
    font-size: 30px;
    letter-spacing: 0;
    padding: 15px 0;
    text-transform: none;
    min-width: 0;
}

.oct-menu-design-dark .header-section-style-6 .oct-hero-section-title span {
    border-color: rgba(0, 0, 0, 0.3);
    border-left: 1px none rgba(0, 0, 0, 0.3);
    border-right: 1px none rgba(0, 0, 0, 0.3);
    border-width: 1px;
    color: #000;
    font-size: 30px;
    letter-spacing: 0;
    padding: 15px 0;
    text-transform: none;
    min-width: 0;
}

.oct-menu-design-dark .header-section-style-6::before {
    background: rgba(255, 255, 255, 0.64) none repeat scroll 0 0;
}

.header-section-style-6::before {
    background: rgba(0, 0, 0, 0.64) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.header-section-style-6.innerpage .oct-hero-section-title {
    bottom: 78px;
    top: auto;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

.oct-header-style-image {
    background-position: center top;
    background-repeat: no-repeat;
}

.img-box .oct-header-style-image {
    background-position: center center;
    background-size: cover;
}

.oct-menu-design-light .oct-hero-section-title span {
    border-color: #ffffff;
    color: #ffffff;
}

.oct-header-style-video + .oct-hero-section-title {
    height: auto;
}

.innerpage.header-section-style-6 .oct-header-style-image {
    min-height: 296px;
}

.oct-menu-design-light.header-style-2 .main-header {
    background: #232323 none repeat scroll 0 0;
}

.oct-menu-design-dark.header-style-2 .main-header {
    background: #ffffff none repeat scroll 0 0;
}

.esg-navigationbutton.esg-right i, .esg-navigationbutton.esg-left i {
    color: #ffffff;
    line-height: 30px;
    padding: 0;
    text-align: center;
}

.esg-navigationbutton.esg-right, .esg-navigationbutton.esg-left {
    background: #232323 none repeat scroll 0 0 !important;
    border: medium none !important;
    color: #ffffff !important;
    height: 30px;
    padding: 0 !important;
    text-align: center;
    width: 30px;
}

.esg-pagination .esg-pagination-button {
    background: #232323 none repeat scroll 0 0 !important;
    border: medium none !important;
    color: #ffffff !important;
    font-size: 12px !important;
    height: 30px;
    line-height: 30px !important;
    margin: 0 2px;
    padding: 0 !important;
    text-align: center;
    width: 30px;
}

.esg-pagination .esg-pagination-button:hover {
    background: #e09300 none repeat scroll 0 0 !important;
}

.esg-navigationbutton.esg-right:hover, .esg-navigationbutton.esg-left:hover {
    background: #e09300 none repeat scroll 0 0 !important;
}

.esg-navigationbutton.esg-right:hover i, .esg-navigationbutton.esg-left:hover i {
    color: #ffffff;
}

.esg-navigationbutton.esg-right, .esg-navigationbutton.esg-left, .esg-pagination {
    line-height: 32px !important;
}

.header-section-style-1 .oct-header-style-image, .header-section-style-6 .oct-header-style-image {
    background-attachment: fixed;
    background-size: cover;
}

.single-portfolio .oct-header-style {
    min-height: 140px;
}

/* HEADER UPDATE */
.bg-parallax {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
}

@media (max-width: 1600px) {
    .bg-parallax {
        background-size: cover !important;
    }
}

/* --------------------------*/
/* 		HEROSECTION TITLE 	*/
/* --------------------------*/
.hero-section-banner .oct-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.3);
}

.oct-hero-section-title {
    position: absolute;
    text-align: center;
    top: 50%;
    z-index: 11;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.oct-hero-section-title h1 {
    margin: 0;
    font-size: 36px !important;
    letter-spacing: 16px;
    line-height: 55px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 2px solid;
}

.oct-menu-design-light .oct-hero-section-title h1 {
    color: #ffffff;
}

.oct-hero-section-title .title-content {
    display: inline-block;
    margin: 0 auto;
}

.oct-menu-design-light .oct-hero-section-title.style1 .title-content {
    border-color: #ffffff;
}

.oct-hero-section-title.style2 h1 {
    padding: 10px 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.oct-menu-design-light .oct-hero-section-title.style2 h1 {
    border-top-color: rgba(255, 255, 255, 0.3);
    border-bottom-color: rgba(255, 255, 255, 0.3);
}

.oct-hero-section-title.style3 .title-content {
    border: 2px solid #232323;
    padding: 12px;
}

.oct-menu-design-light .oct-hero-section-title.style3 .title-content {
    border-color: rgba(255, 255, 255, 0.3);
}

.oct-hero-section-title.style3 h1 {
    padding: 13px 40px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    border: none;
}

.oct-menu-design-light .oct-hero-section-title.style3 h1 {
    background-color: rgba(255, 255, 255, 0.3);
    border-bottom: 0;
    border: none;
}

.oct-hero-section-title.style4 h1 {
    border-bottom: 0;
}

.oct-hero-section-title.style4 .divider {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    line-height: 15px;
    padding-bottom: 6px;
}

.oct-hero-section-title.style4 .divider-content {
    display: inline-block;
    position: relative;
}

.oct-hero-section-title.style4 .divider-content span {
    display: block;
    width: 6px;
    height: 6px;
    background-color: #232323;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.oct-menu-design-light .oct-hero-section-title.style4 .divider-content span {
    background-color: #ffffff;
}

.oct-hero-section-title.style4 .divider-content:after,
.oct-hero-section-title.style4 .divider-content:before {
    content: "";
    height: 1px;
    width: 9999%;
    top: 49%;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    position: absolute;
}

.oct-menu-design-light .oct-hero-section-title.style4 .divider-content:after,
.oct-menu-design-light .oct-hero-section-title.style4 .divider-content:before {
    border-bottom-color: rgba(255, 255, 255, 0.3);
}

.oct-hero-section-title.style4 .divider-content:after {
    right: 100%;
    margin-right: 10px;
}

.oct-hero-section-title.style4 .divider-content:before {
    left: 100%;
    margin-left: 10px;
}

.oct-hero-section-title .container {
    max-width: 100%;
}

.oct-hero-section-title.style5 {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    top: auto !important;
    bottom: 75px;
    text-align: left;
}

.oct-hero-section-title.style5 h1 {
    font-size: 36px;
    letter-spacing: 0;
    border-bottom: 1px solid #232323;
    display: inline;
    line-height: 55px;
    color: #232323;
    text-transform: capitalize;
    font-weight: 500;
}

.oct-menu-design-light .oct-hero-section-title.style5 h1 {
    color: #ffffff;
    border-color: #ffffff;
}

.hero-section-banner.img-box .oct-hero-section-title.style5 .title-content {
    padding-left: 60px;
}

/* ---------------------- */
/* Arrow next id section */
/* ---------------------- */
.oct-home-arrow {
    position: absolute;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 12;
    text-align: center;
}

.oct-home-arrow > a,
.oct-home-arrow > a:hover,
.oct-home-arrow > a:focus {
    color: #232323;
}

.oct-menu-design-light .oct-home-arrow > a,
.oct-menu-design-light .oct-home-arrow > a:hover,
.oct-menu-design-light .oct-home-arrow > a:focus,
.oct3-section[data-menu-design="oct-menu-design-light"] .oct-home-arrow > a,
.oct3-section[data-menu-design="oct-menu-design-light"] .oct-home-arrow > a:hover,
.oct3-section[data-menu-design="oct-menu-design-light"] .oct-home-arrow > a:focus {
    color: #ffffff;
}

.oct-home-arrow .next-section-text {
    text-transform: uppercase;
    font-size: 8px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 3px;
    margin-bottom: 10px;
    display: block;
    line-height: normal;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.oct-home-arrow:hover .next-section-text {
    letter-spacing: 5px;
}

.oct-home-arrow.style1 .arrow-next {
    display: inline-block;
    height: 30px;
    width: 18px;
    border: 1px solid #232323;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}

.oct-menu-design-light .oct-home-arrow.style1 .arrow-next,
.oct3-section[data-menu-design="oct-menu-design-light"] .oct-home-arrow.style1 .arrow-next {
    border-color: #ffffff;
}

.oct-home-arrow.style1 .arrow-next:after {
    content: "";
    height: 6px;
    width: 2px;
    display: inline-block;
    background-color: #232323;
    display: block;
    margin: 0 auto;
    -moz-animation: scroll 1s linear infinite;
    -webkit-animation: scroll 1s linear infinite;
    -ms-animation: scroll 1s linear infinite;
    animation: scroll 1s linear infinite;
}

.oct-menu-design-light .oct-home-arrow.style1 .arrow-next:after,
.oct3-section[data-menu-design="oct-menu-design-light"] .oct-home-arrow.style1 .arrow-next:after {
    background-color: #ffffff;
}

.oct-home-arrow.style2 .arrow-next {
    font-size: 30px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: todown;
    animation-name: todown;
    display: inline-block;
}

.oct-home-arrow:hover .arrow-next {
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
}

.oct-home-arrow.style3 .arrow-next,
.oct-home-arrow.style4 .arrow-next {
    font-size: 20px;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: todown;
    animation-name: todown;
    display: inline-block;
}

.oct-line-animate {
    width: 3px;
    height: 0px;
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    opacity: 0;
    z-index: 1;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: line_animate;
    animation-name: line_animate;
    display: inline-block;
    position: absolute;
    bottom: 30px;
    margin: 0 auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.oct-menu-design-light .oct-line-animate,
.oct3-section[data-menu-design="oct-menu-design-light"] .oct-line-animate {
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.oct-home-arrow.style5:hover .oct-line-animate {
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=1);
}

.oct-home-arrow.style6 .arrow-next {
    font-size: 20px;
    -webkit-animation: pulse 2s linear infinite;
    -o-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
    display: inline-block;
}

/* SCROLL */
@-webkit-keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

/* TO DOWN */
@-webkit-keyframes todown {
    0% {
        -webkit-transform: translateY(-15px);
        opacity: 0;
    }
    10% {
        -webkit-transform: translateY(-15px);
        opacity: 0;
    }
    50% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
    90% {
        -webkit-transform: translateY(15px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(15px);
        opacity: 0;
    }
}

@keyframes todown {
    0% {
        transform: translateY(-15px);
        opacity: 0;
    }
    10% {
        transform: translateY(-15px);
        opacity: 0;
    }
    50% {
        transform: translateY(0);
        opacity: 1;
    }
    90% {
        transform: translateY(15px);
        opacity: 0;
    }
    100% {
        transform: translateY(15px);
        opacity: 0;
    }
}

/* LINE ANIMATE */
@-webkit-keyframes line_animate {
    0% {

        bottom: 100px;
        opacity: 0;
        height: 110px;
    }
    10% {

        bottom: 90px;
        opacity: 0.4;
        height: 90;
    }
    50% {
        bottom: 50px;
        opacity: 0.7;
        height: 50px;
    }
    90% {
        bottom: 20px;
        opacity: 0.8;
        height: 20;
    }
    100% {
        bottom: 0;
        opacity: 1;
        height: 0;
    }
}

@keyframes line_animate {
    0% {

        bottom: 100px;
        opacity: 0;
        height: 110px;
    }
    10% {

        bottom: 90px;
        opacity: 0.4;
        height: 90px;
    }
    50% {
        bottom: 50px;
        opacity: 0.7;
        height: 50px;
    }
    90% {
        bottom: 20px;
        opacity: 0.8;
        height: 20px;
    }
    100% {
        bottom: 0;
        opacity: 1;
        height: 0;
    }
}

/* PULSE */
@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1.1)
    }
    50% {
        -moz-transform: scale(0.8)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(0.8)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-ms-keyframes pulse {
    0% {
        -ms-transform: scale(1.1)
    }
    50% {
        -ms-transform: scale(0.8)
    }
    100% {
        -ms-transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1.1)
    }
    50% {
        transform: scale(0.8)
    }
    100% {
        transform: scale(1)
    }
}

/* ------------------- */
#big-video-wrap {
    position: relative;
}

a.oct-pause-big-video {
    text-align: center;
    position: absolute;
    color: #232323;
    z-index: 12;
    border: 1px solid #232323;
    right: 30px;
    bottom: 25px;
    font-size: 12px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    line-height: 38px;
}

a.oct-pause-big-video:focus,
a.oct-pause-big-video:hover {
    color: #232323;
}

.oct-menu-design-light a.oct-pause-big-video {
    color: #ffffff;
    border-color: #ffffff;
}

.oct-menu-design-light a.oct-pause-big-video:focus,
.oct-menu-design-light a.oct-pause-big-video:hover {
    color: #ffffff;
}

#oct-hero-section-big-video .vjs-control-bar {
    display: none;
}

/* ----------------------- */
/* 		Dribble 			*/
/* ----------------------- */
.dribbbles-group-profile {
    margin: 0 -15px;
}

.dribbbles-group-profile .item-profile {
    list-style: none;
    float: left;
    position: relative;
    padding: 0 15px;
    margin-bottom: 30px;
}

.dribbbles-group-profile .item-profile .dribbble-shot {
    position: relative;
    width: 100%;
    height: 100%;
}

.dribbbles-group-profile[data-column="2"] .item-profile {
    width: 50%;
}

.dribbbles-group-profile[data-column="3"] .item-profile {
    width: 33.33%;
}

.dribbbles-group-profile[data-column="4"] .item-profile {
    width: 25%;
}

.dribbbles-group-profile[data-column="5"] .item-profile {
    width: 20%;
}

.dribbbles-group-profile .item-profile .dribbble-desc {
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    line-height: 20px;
    padding: 20px;
    position: absolute;
    width: 100%;
    color: #ffffff;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.dribbble-desc a {
    color: #ffffff;
}

.dribbble-desc a > strong {
    display: block;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
    font-weight: 400;
}

.dribbbles-group-profile .item-profile:hover .dribbble-desc {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.dribbble-desc .dribbble-over {
    display: block;
}

.dribbble-desc .tools {
    position: absolute;
    left: 0;
    bottom: 20px;
}

.dribbble-desc .tools li {
    display: inline-block;
    margin-right: 10px;
}

.dribbble-desc .tools li .fa {
    font-size: 12px;
    margin-right: 7px;
}

.dribbble-desc .comment {
    display: block;
    margin-bottom: 10px;
}

.dribbble-link > img {
    width: 100%;
}

/* ------------------------- */
/* 	BLog single v2 v3 v4	*/
/* ------------------------- */
.post-meta-type {
    position: relative;
}

.single-classic .post-meta-type {
    margin-bottom: 40px;
    position: relative;
    text-align: center;
}

.single-classic .block_quote {
    margin-bottom: 30px;
}

.single-classic .feature-content {
    margin-bottom: 20px;
}

.single-classic .oct_blog_title {
    letter-spacing: 0;
    margin-bottom: 28px;
}

/* single v3 */
.oct-single-post.blog-item .oct_blog_title {
    display: block;
    letter-spacing: 0px;
}

.single-v2.blog-item .oct_blog_title {
    margin-bottom: 15px;
}

.single-v3.blog-item .oct_blog_title,
.single-v4.blog-item .oct_blog_title {
    margin-bottom: 20px;
}

.single-v3 .main-content-sigle,
.single-v4 .main-content-sigle {
    padding-top: 85px;
}

.single-v3 .post-meta-type,
.single-v4 .post-meta-type {
    margin-bottom: 0;
}

.main-content-sigle {
    margin-bottom: 30px;
}

.main-content-sigle .content-post {
    padding: 55px 0 15px 0;
}

.single-v2 .main-content-sigle {
    margin-top: -35px;
}

.oct-avata-meta {
    background-color: #f8f8f8;
    padding: 20px;
    text-align: center;
    display: inline-block;
}

.single-v3 .oct-avata-meta,
.single-v4 .oct-avata-meta {
    display: block;
}

.avata-post {
    width: 200px;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    margin: 0 auto 25px;
}

.oct-single-post .date-post {
    color: #e09300;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.oct-single-post .date-post:after {
    content: "";
    height: 1px;
    width: 60px;
    background-color: #e09300;
    display: block;
    margin: 15px auto;
}

.oct-single-post .oct-author a {
    color: #e09300;
}

.oct-single-post .oct-author a:hover {
    color: #232323;
}

.oct-post-meta {
    font-size: 12px;
    color: #b3b3b3;
}

.oct-post-meta .oct-author {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}

.oct-post-meta .oct-author:after {
    content: '/';
    position: absolute;
    right: 0;
}

.oct-post-meta .oct-comment a {
    color: #b3b3b3;
}

.oct-post-meta a.comment-post {
    color: #232323;
}

.oct-post-meta a.comment-post:hover {
    text-decoration: underline;
}

.oct-single-post .post-meta-type img {
    width: 100%;
}

.single-v2 .oct-avata-meta {
    background-color: transparent;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 9;
}

.single-v2 .oct_blog_title {
    text-align: center;
    margin-bottom: 50px;
}

.single-v2 .oct-header-post-format {
    margin-bottom: -65px;
}

.single-v4 .oct-header-post-format, .single-v3 .oct-header-post-format, .single-v2 .oct-header-post-format {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.oct-single-post .oct-header-post-format {
    position: relative;
    margin-top: 0 !important;
}

.oct-single-post .oct-header-post-format .post-meta-type {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.oct-single-post .oct-header-post-format .post-meta-type {
    height: 100%;
}

.oct-single-post .oct-header-post-format .post-meta-type.post-audio iframe {
    height: 100%;
    width: 100%;
}

.post-meta-type.post-audio-html5 {
    position: relative;
}

.oct-header-post-format .post-meta-type.bg-audio-parallax {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/*----------------------*/
/* 	audio html5 		*/
/*----------------------*/
.togole-control-audio-video .jp-play {
    padding: 0;
    position: absolute;
    width: 60px;
    height: 60px;
    border: none;
    background: url(../images/start-audio.png) no-repeat center;
    border: none;
    color: transparent;
    line-height: 60px;
    text-align: center;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.oct-player-dark .togole-control-audio-video .jp-play {
    background: url(../images/start-audiodark.png) no-repeat center;
}

.togole-control-audio-video .jp-play:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.oct-header-post-format .post-meta-type.post-audio-html5 .audio-wraper .jp-type-single {
    position: absolute;
    left: 50%;
    bottom: 80px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 630px;
    max-width: 100%;
    display: none;
}

/* -----------Player audio------------ */
div.jp-interface {
    background-color: transparent;
    height: 30px;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    -webkit-transition: opacity 0.5s ease-in-out 0s, margin 0.5s ease-in-out 0s;
    -o-transition: opacity 0.5s ease-in-out 0s, margin 0.5s ease-in-out 0s;
    transition: opacity 0.5s ease-in-out 0s, margin 0.5s ease-in-out 0s;
    width: 100%;
}

.jp-interface .jp-controls {
    position: absolute;
    line-height: 30px;
    overflow: hidden;
    text-align: left;
    width: 20px;
    height: 30px;
    left: 20px;
}

.jp-time-holder {
    position: absolute;
    line-height: 30px;
    width: 50px;
    text-align: center;
    left: 40px;
}

div.jp-current-time {
    color: #ffffff;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.jp-interface .jp-controls button.jp-play, .jp-volume-controls .jp-mute {
    border: medium none;
    color: transparent;
    line-height: 30px;
    padding: 0;
    position: relative;
    width: 20px;
    vertical-align: top;
}

.jp-interface .jp-controls button.jp-play:before {
    content: "\f04b";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #ffffff;
}

.jp-state-playing .jp-interface .jp-controls button.jp-play:before {
    content: "\f04c";
}

.jp-volume-controls .jp-mute:before {
    content: "\f028";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #ffffff;
}

.jp-state-muted .jp-volume-controls .jp-mute:before {
    content: "\f026";
}

div.jp-progress {
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    height: 3px;
    margin-top: 14px;
    overflow: hidden;
    left: 95px;
    right: 125px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.jp-progress .jp-seek-bar {
    height: 100%;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

div.jp-play-bar {
    background-color: #ffffff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 0;
}

.jp-volume-controls {
    position: absolute;
    right: 20px;
    width: auto;
}

div.jp-volume-bar {
    background-color: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    height: 3px;
    overflow: hidden;
    width: 70px;
    position: relative;
    display: inline-block;
    z-index: 2;
    vertical-align: top;
    margin-top: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

div.jp-volume-bar-value {
    background-color: #ffffff;
    height: 100%;
    width: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

/* -------------------------- */
/* 		video html5 		 */
/* -------------------------- */
.video-js .fluid-width-video-wrapper {
    z-index: 1;
}

.oct-header-post-format.post-format-video {
    overflow: hidden;
    position: relative;
}

.oct-header-post-format .video-js .vjs-tech {
    height: 180%;
    top: -40%;
}

.oct-header-post-format .video-js.vjs-fullscreen .vjs-tech {
    height: 100%;
    top: 0%;
}

.video-container {
    height: 100%;
    width: 100%;
}

.oct-header-post-format.post-format-video .video-container > .video-js, .oct-header-post-format.post-format-video .video-container > .video-js {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}

.vjs-poster {
    background-size: cover;
    width: 100%;
    height: 100%;
}

.oct-header-post-format .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button {
    background: url(../images/start-video.png) no-repeat center;
    padding: 0;
    position: absolute;
    width: 60px;
    height: 60px;
    border: none;
    line-height: 60px;
    text-align: center;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 20px;
    color: transparent;
    opacity: 0.7;
    filter: alpha(opacity=70);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.oct-header-post-format.oct-player-dark .vjs-big-play-button {
    background: url(../images/start-videodark.png) no-repeat center;
}

.oct-header-post-format.oct-player-dark .vjs-big-play-button:hover,
.oct-player-dark .vjs-default-skin .vjs-big-play-button:hover, .oct-player-dark .vjs-default-skin:hover .vjs-big-play-button,
.oct-player-dark .vjs-default-skin .vjs-big-play-button:focus {
    background: url(../images/start-videodark.png) no-repeat center;
}

.oct-header-post-format .vjs-big-play-button:hover, .vjs-default-skin .vjs-big-play-button:hover,
.vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    background: url(../images/start-video.png) no-repeat center;
}

.oct-header-post-format .vjs-default-skin .vjs-big-play-button:before {
    display: none;
}

.vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {
    box-shadow: none;
}

/* slide v2 v3 v4 */
.oct-header-post-format.blog-grallery .item {
    background-position: center center;
    background-size: cover;
}

.oct-header-post-format.blog-grallery .owl-controls {
    position: static;
    margin: 0;
    height: auto;
}
.single-format-gallery .oct-header-post-format.blog-grallery .owl-controls{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
}
.single-format-gallery .oct-header-post-format.blog-grallery .owl-controls .owl-prev{
    left: -50px;
}
.single-format-gallery .oct-header-post-format.blog-grallery .owl-controls .owl-next{
    right: 100px;
}
.oct-header-post-format.owl-theme.blog-grallery .owl-controls .owl-buttons > div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #232323;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 28px;
    z-index: 9;
    margin: 0;
    font-size: 18px;
}

.oct-header-post-format.owl-theme.blog-grallery .owl-controls .owl-buttons > div .fa {
    font-weight: 400;
}


.oct-header-post-format.blog-grallery .owl-buttons > div.owl-prev {
    left: 0;
}

.oct-header-post-format.blog-grallery .owl-buttons > div.owl-next {
    right: 0;
}

/* ---------Player video----------- */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-default-skin.vjs-has-started .vjs-control-bar,
.video-js .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    display: block;
}

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
    display: block;
}

.vjs-default-skin .vjs-control-bar {
    bottom: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: transparent;
    height: 30px;
    overflow: hidden;
    padding: 0 15px;
    width: 640px;
    max-width: 100%;
}

.vjs-default-skin .vjs-control {
    line-height: 30px;
    max-height: 30px;
    height: auto;
}

.vjs-default-skin .vjs-play-control {
    width: 30px;
    height: 30px;
    position: absolute;
    text-align: left;
    left: 15px;
    color: #ffffff;
}

.vjs-default-skin .vjs-control:focus::before, .vjs-default-skin .vjs-control:hover::before {
    text-shadow: none;
}

.vjs-default-skin .vjs-control::before {
    line-height: 30px;
}

.vjs-default-skin .vjs-progress-control {
    height: 3px;
    left: 95px;
    margin-top: 14px;
    right: 130px;
    top: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.vjs-default-skin .vjs-progress-holder {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.vjs-default-skin .vjs-slider {
    background-color: rgba(255, 255, 255, 0.1);
}

.vjs-default-skin .vjs-play-progress {
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.vjs-default-skin .vjs-volume-control {
    background-color: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    display: inline-block;
    height: 3px;
    margin-top: 14px;
    overflow: hidden;
    position: relative;
    width: 42px;
    z-index: 2;
    position: absolute;
    right: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.vjs-default-skin .vjs-fullscreen-control {
    position: absolute;
    right: 15px;
    width: 30px;
    height: 30px;
}

.vjs-default-skin .vjs-fullscreen-control::before {
    content: "";
    width: 18px;
    height: 12px;
    border: 2px solid #ffffff;
    display: block;
    position: absolute;
    left: 6px;
    top: 9px;
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control::before {
    content: "";
    background: #ffffff;
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control::after {
    background: #232323;
    content: "";
    height: 5px;
    left: 9px;
    position: absolute;
    top: 14px;
    width: 5px;
}

.vjs-default-skin .vjs-volume-bar {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.vjs-default-skin .vjs-volume-level {
    height: 100%;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
    display: none;
}

.vjs-default-skin .vjs-mute-control {
    position: absolute;
    right: 92px;
    width: 32px;
    height: 30px;
}

.vjs-default-skin .vjs-control::before {
    text-shadow: none;
}

.vjs-default-skin .vjs-mute-control:before {
    content: "\f028";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0::before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0::before {
    content: "\f026";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2::before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2::before {
    content: "\f027";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1::before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1::before {
    content: "\f027";
}

.vjs-default-skin .vjs-duration,
.vjs-time-divider,
.vjs-default-skin .vjs-current-time {
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 14px;
}

.vjs-default-skin .vjs-duration {
    display: none;
}

.vjs-time-divider {
    display: none;
}

.vjs-default-skin .vjs-current-time {
    position: absolute;
    left: 45px;
    width: 45px;
}

.vjs-default-skin .vjs-seek-handle {
    display: none;
}

.single-classic .vjs-default-skin {
    width: 100% !important;
    min-height: 312px;
}

.single-classic .vjs-default-skin .vjs-control-bar {
    bottom: 10px;
}

.single-classic .audio-wraper {
    position: absolute;
    width: 100%;
    bottom: 5px;
}

/* Blog quote 2,3,4 */
.banner-blockquote {
    background-color: #f2f2f2;
    text-align: center;
    padding: 150px 0 100px;
}

.banner-blockquote .quote_icon {
    border: 2px solid #232323;
    width: 68px;
    height: 68px;
    display: block;
    margin: 0 auto 25px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: none;
    background-position: center;
}

.banner-blockquote .quote_content {
    font-size: 22px;
    line-height: 35px;
    padding: 0;
    font-style: italic;
    font-family: 'Playfair Display',Sans-serif;
    letter-spacing: 1px;
}

.banner-blockquote .quote_author {
    padding-left: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
}

/* ---------------------- */
/* 		Blog round 		*/
/* ---------------------- */
.blog-item .oct_blog_title {
    color: #232323;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 15px;
    display: inline-block;
    letter-spacing: 1px;
}

.blog-item .oct_blog_title > a {
    color: #000000;
    display: inline;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-weight: 500;
}

.blog-item .oct_blog_title > a:hover {
    color: #e09300;
}

.blog-round .blog-item {
    margin-bottom: 165px;
}

.blog-round .oct_blog_title {
    font-size: 20px;
    color: #000000;
    margin-bottom: 35px;
}

.blog-round .blog-item:first-child {
    padding-top: 0;
    border-top: 0;
}

.blog-round .blog-item .left-post-format {
    float: left;
    margin-right: 60px;
}

.blog-round .blog-item .img-post {
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
}

.blog-round .blog-item .img-post .icon {
    position: absolute;
    left: 50%;
    top: 52%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0);
    -o-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0);
    font-size: 30px;
    color: #ffffff;
    z-index: 3;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.blog-round .blog-item .img-post:hover .icon {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.blog-round .blog-item .img-post:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.blog-round .blog-item .img-post:hover:after {
    box-shadow: inset 0 0 0 125px rgba(0, 0, 0, 0.75);
}

.blog-round .blog-item .left-post-format img {
    width: 300px;
    height: 300px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.blog-round .blog-item .main-content-post {
    overflow: hidden;
}

.blog-round .blog-item {
    display: inline-block;
    width: 100%;
}

.blog-round .blog-item .blog-excerpt {
    margin-bottom: 50px;
    color: #7d7d7d;
}

.oct_meta_post {
    display: block;
    margin-bottom: 15px;
    line-height: normal;
}

.oct_meta_post .oct_day {
    color: #e09300;
    display: block;
    line-height: normal;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
}

.oct_meta_post .oct_comment {
    font-style: italic;
}

.oct_meta_post .oct_comment .author-line:after {
    content: "/";
    margin-left: 5px;
}

.oct_comment a:hover {
    color: #232323;
}

.blog-item .oct-readmore {
    font-size: 12px;
    color: #232323;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    line-height: 20px;
    position: relative;
    letter-spacing: 1px;
}

.blog-item .oct-readmore:hover {
    color: #232323;
}

.blog-item .oct-readmore:after {
    content: "";
    height: 1px;
    width: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: inline-block;
    background-color: #232323;
    position: absolute;
    left: 0;
    bottom: 0px;
}

.blog-item .oct-readmore:hover:after {
    width: 100%;
}

.oct-readmore .fa {
    display: inline-block;
    margin-left: 5px;
    margin-top: -1px;
    vertical-align: middle;
}

.oct-button-loadmore .oct-button:hover span {
    color: #ffffff;
    position: relative;
    z-index: 9;
}

.oct-button-loadmore {
    margin: 0;
}

.blog-round .oct-button-loadmore .oct-button {
    margin: 30px 0;
}

/* ---------------------- */
/*		BLOG MANSORY 	  */
/* ---------------------- */
.oct-masonry-blog {
    margin: 0 -15px;
}

.oct-masonry-blog .blog-item-masonry {
    padding: 0 15px;
    margin-bottom: 55px;
}

.oct-masonry-blog .blog-item .post-meta-type {
    margin-bottom: 0;
}

.oct-masonry-blog .blog-item .category-name {
    color: #e09300;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 11px;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #efefef;
    position: relative;
}

.oct-masonry-blog .blog-item .category-name > a {
    line-height: 18px;
    display: inline-block;
    letter-spacing: 3px;
}

.oct-masonry-blog .blog-item .category-name .comment {
    position: absolute;
    right: 0;
    height: 21px;
    padding: 0 8px 0 9px;
    background: #000;
    line-height: 22px;
    color: #fff;
    top: -5px;
}

.oct-masonry-blog .blog-item .category-name .comment:after {
    content: "";
    position: absolute;
    border-left: 15px solid #0c0b0b;
    border-bottom: 10px solid transparent;
    bottom: -5px;
    left: 5px;
}

.oct-masonry-blog .blog-item .oct_blog_title {
    display: block;
    font-size: 20px;
    margin: 10px 10px 10px 0;
    letter-spacing: 0;
    font-weight: 500;
}

.oct-masonry-blog .blog-item .oct_meta_post {
    font-size: 12px;
    line-height: 24px;
    color: #979797;
    margin: 0;
    padding: 0;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;
}

.oct-masonry-blog .blog-item .oct_meta_post .oct_day {
    font-size: 14px;
    display: inline-block;
    color: #979797;
}

.oct-masonry-blog .blog-item .oct_meta_post .oct_comment {
    font-style: normal;
}

.oct-masonry-blog .blog-item .oct_comment > a.oct-comment-link:hover, .oct-masonry-blog .blog-item .oct_comment > a.oct-comment-link:focus {
    color: #e09300;
}

.oct-masonry-blog .blog-item .bottom-blog-social {
    margin-top: 10px;
}

.oct-masonry-blog .blog-item .bottom-blog-social a {
    font-size: 15px;
    color: #232323;
    margin-right: 20px;
}

.oct-masonry-blog .blog-item .bottom-blog-social a:hover,
.oct-masonry-blog .blog-item .bottom-blog-social a:focus {
    color: #e09300;
}

.oct-masonry-blog .blog-item article {
    padding: 0;
}

.loadmore-mansory p.button_block {
    margin-bottom: 0;
}

.loadmore-mansory .button_block a {
    margin-bottom: 0;
}

.oct-button.oct-masonry-btn-loadmore:hover {
    color: #fff;
}

.loadmore-mansory .oct-button {
    position: relative;
    margin-bottom: 60px;
    margin-top: 25px !important;
}

.loadmore-mansory .oct-button::after {
    content: "\e098";
    font-family: 'simple-line-icons';
    position: absolute;
    z-index: -1;
    left: 58px;
    top: 10px;
}

/* --------------------- */
/* 		PAGE 404 		*/
/* --------------------- */
.page-404 {
    padding: 130px 0 80px;
}

.page-404 h4 {
    background: #232323;
    color: #ffffff;
    display: inline-block;
    padding: 0px 40px;
    text-transform: uppercase;
    line-height: 40px;
    margin: 65px 0 55px 0;
    letter-spacing: 7px;
    font-size: 25px;
}

.page-404 > p {
    color: #232323;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    line-height: normal;
    margin-bottom: 0;
}

.page-404 .blog-search {
    max-width: 420px;
    margin: 50px auto;
}

.page-404 span {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #9e9e9e;
}

.page-404 span a {
    color: #232323;
    text-decoration: underline;
}

/* -------------------------- */
/* 		FEATURE ICON 		 */
/* -------------------------- */
.oct-feature-icon .icon-feature {
    color: #232323;
}

.oct-feature-icon:hover .icon-feature,
.oct-feature-icon:hover h3 {
    color: #e09300;
}

.oct-feature-icon h3 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
    margin-bottom: 25px;
    transition: all .3s;
}

.feature-style1 {
    text-align: center;
    padding: 0 20px;
    font-weight: 300;
}

.feature-style1 .hr {
    height: 1px;
    width: 30px;
    background-color: #e6e6e6;
    display: block;
    margin: 0 auto 5px;
}

.feature-style1:hover .hr {
    background-color: #e09300;
}

.feature-style1 .icon-feature .icon {
    font-size: 70px;
    padding-bottom: 5px;
    display: block;
    transition: all .3s;
}

.feature-style1 .image-feature {
    margin-bottom: 35px;
}

.feature-style2 {
    margin-bottom: 40px;
}

.feature-style2:last-child {
    border-bottom: none;
}

.feature-style2 .icon-feature {
    font-size: 45px;
    float: left;
}

.feature-style2 .image-feature {
    display: inline-block;
    margin: 0;
    float: left;
}

.feature-style2 .icon-feature.image {
    line-height: 1;
}

.feature-style2 .oct-info-feature {
    display: block;
    padding-left: 65px;
    font-weight: 300;
    line-height: 22px;
}

.oct-feature-icon.feature-style2 h3 {
    margin-bottom: 15px !important;
}

.oct-feature-icon .content-feature p {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .feature-style1 {
        padding: 0;
    }
}

/* ---------------------- */
/*  	 ICON BOX 		*/
/* ---------------------- */
.oct-iconboxed {
    overflow: hidden;
}

.oct-iconboxed .img-iconbox {
    float: left;
    width: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.oct-iconboxed .img-iconbox figure {
    display: none;
}

.oct-iconboxed .content-iconbox {
    float: left;
    width: 50%;
    padding: 35px;
}

.oct-iconboxed .title-iconbox {
    font-size: 16px;
}

.oct-iconboxed .title-iconbox:after {
    content: "";
    width: 30px;
    height: 3px;
    background-color: #e09300;
    display: block;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .oct-iconboxed .title-iconbox {
        text-align: center;
    }

    .oct-iconboxed .title-iconbox:after {
        margin: 10px auto;
    }
}

.oct-iconboxed .listicon {
    overflow: hidden;
}

.oct-iconboxed .listicon .item-icon {
    width: 50%;
    line-height: 30px;
    padding: 35px 15px 35px 0;
    float: left;
}

.listicon .item-icon .icon {
    font-size: 35px;
}

.listicon .item-icon h3 {
    display: block;
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.oct-iconboxed.iconbox-style1 {
    background-color: #f8f8f8;
}

.iconbox-style1 .listicon .item-icon h3 {
    padding-left: 50px;
}

.iconbox-style1 .listicon .item-icon .icon {
    float: left;
}

.iconbox-style1.oct-iconboxed .listicon .item-icon {
    color: #232323;
}

.oct-iconboxed.iconbox-style2 {
    background-color: #252525;
}

.iconbox-style2.oct-iconboxed .listicon .item-icon {
    color: #ffffff;
    text-align: center;
}

.iconbox-style2 .listicon .item-icon h3 {
    color: #ffffff;
}

.iconbox-style2 .img-iconbox {
    float: right;
}

.iconbox-style2.oct-iconboxed .title-iconbox {
    color: #ffffff;
}

.iconbox-style2.oct-iconboxed .title-iconbox::after {
    background-color: #5e5e5e;
}

.iconbox-style2.oct-iconboxed .listicon .item-icon {
    padding: 23px 0;
}

.listicon .item-icon:hover h3,
.iconbox-style2 .listicon .item-icon:hover h3,
.iconbox-style1.oct-iconboxed .listicon .item-icon:hover,
.iconbox-style2.oct-iconboxed .listicon .item-icon:hover {
    color: #e09300
}

@media (max-width: 767px) {
    .iconbox-style1.oct-iconboxed .listicon .item-icon {
        text-align: center;
    }

    .iconbox-style1 .listicon .item-icon .icon {
        text-align: center;
        float: none;
    }

    .iconbox-style1.oct-iconboxed .listicon h3 {
        padding: 0;
    }
}

/* ----------Contact info style 4--------------- */
.contact-info-style4 > p {
    margin-bottom: 20px
}

.contact-info-style4 address .icon {
    float: left;
    color: #252525;
    font-size: 18px;
}

.contact-info-style4 address .address-text {
    display: block;
    padding-left: 30px
}

address p {
    margin-bottom: 15px;
}

address a, address a:hover, address a:focus {
    color: #e09300;
    text-decoration: underline;
}

/* ------LINEAR ICON SHORTCODE-------- */
.oct-linea-icon-single {
    color: #e09300;
    font-size: 70px;
    display: inline-block;
    line-height: normal;
    margin-bottom: 15px;
}

/*--------- REVOLUTION SLIDE ----------*/
.tparrows.preview2 {
    background: none repeat scroll 0 0 #f3f3f3;
}

div.tp-leftarrow.preview2::after {
    color: #252525;
    content: "\f104";
    font-family: FontAwesome;
    left: 18px;
}

div.tp-rightarrow.preview2::after {
    color: #252525;
    content: "\f105";
    font-family: FontAwesome;
    right: 18px;
}

div.tp-leftarrow.preview2.itishovered::after, div.tp-rightarrow.preview2.itishovered::after {
    color: #ffffff;
}

div.tparrows.preview2:hover {
    background: none repeat scroll 0 0 #e09300;
    color: #fff !important;
}

div.tparrows.preview2 {
    height: 48px !important;
    min-height: 48px;
    min-width: 48px;
    width: 48px !important;
    background: #f3f3f3;
}

.oct-caption-small {
    font-size: 30px;
    line-height: 40px;
    color: #ffffff
}

.oct-caption-small-2 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 4px
}

.oct-caption-big {
    letter-spacing: 2px !important;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Playfair Display', Sans-serif !important;
    text-transform: inherit !important;
}

.oct-caption-long {
    letter-spacing: 5px !important;
    color: #ffffff;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif !important;
}

.oct-caption-long-2 {
    font-size: 30px;
    color: #ffffff;
    line-height: 40px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.oct-button-1,
.oct-button-2 {
    height: 60px !important;
    line-height: 60px !important;
    padding: 0 40px !important;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all .3s !important;
}

.oct-button-1 {
    border: 2px solid #ffffff;
    background-color: #ffffff !important;
    color: #232323;
}

.oct-button-2 {
    border: 2px solid #ffffff;
    background-color: transparent;
!important;
    color: #ffffff;
}

.oct-button-small-dark {
    line-height: 45px !important;
    background-color: #232323;
    color: #ffff !important;
    border: 2px solid #232323;
    transition: all .3s;
    text-align: center;
    margin: 0;
}

.oct-button-small-dark span {
    height: 45px;
    line-height: 45px;
    display: block;
}

.oct-button-small-dark:after {
    background-color: transparent;
}

.oct-button-small-dark:hover {
    background-color: #ffffff;
    border-color: #232323;
}

.oct-button-small-dark:hover a,
.oct-button-small-dark:hover span {
    color: #232323 !important;
}

.oct-button-1:hover,
.oct-button-2:hover {
    background-color: #e09300 !important;
    border-color: #e09300 !important;
    color: #ffffff;
}

.oct-button-1 a,
.oct-button-2 a {
    display: block;
    letter-spacing: 2px;
    font-size: 16px !important;
    height: 60px !important;
    line-height: 60px !important;
    font-family: 'Poppins', sans-serif !important;
}

.oct-button-1 a {
    color: #232323;
}

.oct-button-2 a {
    color: #ffffff;
}

.oct-button-1 a:hover,
.oct-button-1:hover a,
.oct-button-1 a:focus,
.oct-button-2 a:hover,
.oct-button-2:hover a,
.oct-button-2 a:focus {
    color: #ffffff
}

.oct-button-sm a {
    color: #232323 !important;
}

.oct-button-sm:hover a {
    color: #fff !important;
}

@media (max-width: 1200px) {
    .oct-button-1,
    .oct-button-2 {
        height: 50px !important;
        line-height: 50px !important;
    }

    .oct-button-1 a,
    .oct-button-2 a {
        height: 50px !important;
        line-height: 50px !important;
    }
}

.rev_slider_wrapper .tp-bullets.custom .tp-bullet {
    width: 7px;
    height: 7px;
    background: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin: 0 4px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.rev_slider_wrapper .tp-bullets.custom .tp-bullet.selected {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tp-caption.oct-caption-h6, .oct-caption-h6 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #ffffff;
    display: inline;
    border-bottom: 1px solid #ffffff !important;
}

.tp-caption.oct-button-50, .oct-button-50 {
    text-align: center !important;
}

.tp-caption.oct-button-50, .oct-button-50 a {
    transition: all .3s;
}

/* FIX template */

.page-template-page_sidebar_right #main_container,
.page-template-page_sidebar_right #main_container {
    padding: 100px 0 0 0;
}

body.archive #main_container, body.search #main_container {
    padding: 60px 0;
}

/* ----------------------- style ------------------------------*/
.post-audio iframe {
    height: auto;
    max-width: 100%;
}

.block-title, #feature-slide.block_recognition .block-title {
    background-image: url("../../assets/images/img_title_bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #232323;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    margin-bottom: 45px;
    margin-top: 0;
    padding-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.oct-newsletter-tweets {
    background-color: #242424;
    color: #ffffff;
    float: left;
    padding: 10px;
    width: 100%;
}

.oct-tabs-type-2 .title_tab-content, .oct-tabs-type-3 .title_tab-content {
    display: none;
}

.oct-message {
    color: #7d7d7d;
}

#tabs .resp-tab-content, #idtabs .resp-tab-content {
    display: block
}

#slvj-window {
    z-index: 1000;
}

.oct-posts-style .post-audio {
    position: relative;
}

#footer p {
    margin: 0 0 10px;
}

#contact_footer p {
    margin: 0;
}

/* ---------------------------------------- */

/* -----CLIENT 2--------*/
.oct-client-shortcode.client-style-2 .client-item {
    width: 25%;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    min-height: 193px;
    padding: 40px 20px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.oct-client-shortcode.client-style-2 .client-item img {
    margin: 0 auto;
    opacity: 0.5;
    filter: alpha(opacity=0.5);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.oct-client-shortcode.client-style-2 .client-item:hover {
    background-color: #f8f8f8;
}

.oct-client-shortcode.client-style-2 .client-item:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* ---------Service-------- */
.oct-service-shortcode {
    overflow: hidden;
    display: table;
}

.oct-service-shortcode .icon-service {
    display: table-cell;
    vertical-align: middle;
    width: 35%;
    text-align: center;
    font-size: 80px;
    color: #252525;
    padding-right: 15px;
}

.oct-service-shortcode .content-service {
    width: 65%;
    padding-left: 15px;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.9;
}

.oct-service-shortcode .content-service h3 {
    font-size: 27px;
    letter-spacing: 0;
    margin: 0 0 25px 0;
    padding-right: 60px;
    font-weight: 500;
}

.oct-service-shortcode .content-service h3 a {
    color: #232323;
    font-family: 'Playfair Display', Sans-serif;
}

/* Googlemap */
.oct-map-shortcode .map-info {
    padding: 33px 24px;
    background-color: #252525;
}

.oct-map-shortcode .map-info h4 {
    color: #ffffff;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    letter-spacing: 1px;
    line-height: 30px;
    margin-bottom: 20px;
}

.oct-map-shortcode .map-info address {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
    color: #7b7b7b
}

.oct-map-shortcode .map-info address span {
    display: block;
}

.oct-map-shortcode .map-info address a {
    color: #e09300
}

.oct-map-shortcode .map-info address a:hover {
    color: #7b7b7b
}

.oct-map-shortcode .col-sm-9 {
    padding: 0;
}

.single-classic .feature-content {
    margin-top: 45px;
}

@media (min-width: 992px) {
    .oct-client-shortcode.client-style-2 .client-item:nth-child(1),
    .oct-client-shortcode.client-style-2 .client-item:nth-child(2),
    .oct-client-shortcode.client-style-2 .client-item:nth-child(3),
    .oct-client-shortcode.client-style-2 .client-item:nth-child(4) {
        border-top: 1px solid rgba(0, 0, 0, 0.08);
    }

    .oct-client-shortcode.client-style-2 .client-item:nth-child(4n+1) {
        border-left: 1px solid rgba(0, 0, 0, 0.08);
    }
}

@media (min-width: 991px) and (max-width: 991px) {
    .oct-client-shortcode.client-style-2 .client-item:nth-child(1),
    .oct-client-shortcode.client-style-2 .client-item:nth-child(2) {
        border-top: 1px solid rgba(0, 0, 0, 0.08);
    }

    .oct-client-shortcode.client-style-2 .client-item {
        width: 50%
    }

    .oct-client-shortcode.client-style-2 .client-item:nth-child(2n+1) {
        border-left: 1px solid rgba(0, 0, 0, 0.08);
    }

    .oct-service-shortcode .icon-service {
        font-size: 80px;
        float: left;
        width: 30%;
        margin-top: 55px;
    }

    .oct-service-shortcode {
        display: block;
    }

    .oct-service-shortcode .content-service {
        overflow: hidden;
        display: block;
        width: auto;
    }
}

@media (max-width: 991px) {
    .oct-client-shortcode.client-style-2 .client-item:nth-child(1),
    .oct-client-shortcode.client-style-2 .client-item:nth-child(2) {
        border-top: 1px solid rgba(0, 0, 0, 0.08);
    }

    .oct-client-shortcode.client-style-2 .client-item {
        width: 50%
    }

    .oct-client-shortcode.client-style-2 .client-item:nth-child(2n+1) {
        border-left: 1px solid rgba(0, 0, 0, 0.08);
    }

    .oct-service-shortcode {
        display: block;
        margin-top: 30px;
    }

    .oct-service-shortcode .icon-service {
        display: block;
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }

    .oct-service-shortcode .content-service {
        padding-left: 0;
        display: block;
        width: 100%
    }

    .oct-service-shortcode .content-service h3 {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .oct-service-shortcode .content-service {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .oct-client-shortcode.client-style-2 .client-item:nth-child(1) {
        border-top: 1px solid rgba(0, 0, 0, 0.08);
    }

    .oct-client-shortcode.client-style-2 .client-item {
        width: 100%
    }

    .oct-client-shortcode.client-style-2 .client-item {
        border-left: 1px solid rgba(0, 0, 0, 0.08);
    }
}

.esg-grid a {
    display: inline-block;
}

.eg-oct-grid2-wrapper .esg-entry-cover {
    letter-spacing: 1px;
}

.esg-layout-even .esg-entry-content.eg-oct-grid4-content {
    display: block !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    padding: 15px 10px;
}

.esg-layout-even .esg-entry-content.eg-oct-grid4-content .esg-content > a,
.esg-grid .tp-esg-item .esg-cc,
.eg-oct-flat2-wrapper .esg-cc .eg-oct-flat2-element-5 {
    letter-spacing: 1px;
}

.eg-oct-grid4-wrapper .esg-entry-cover .esg-cc {
    margin-top: -20px;
}

/******* Team3 Style social***********/
.our_team_carousel_content-style3 .about_our_team_item_img {
    position: relative;
}

.our_team_carousel_content-style3 .about_our_team_item_img figure {
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.our_team_carousel_content-style3 .about_our_team_item .about_our_team_item_img figure::before {
    background: rgba(0, 0, 0, 0.57) none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
}

.our_team_carousel_content-style3 .about_our_team_item:hover .about_our_team_item_img figure::before {
    opacity: 1;
    visibility: visible;
}

.our_team_carousel_content-style3 .about_our_team_item_name {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.our_team_carousel_content-style3 .about_our_team_content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    text-align: center;
}

.our_team_carousel_content-style3 .about_our_team_item_social > li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    float: none;
    margin: 0;
}

.our_team_carousel_content-style3 .about_our_team_item_name .name {
    color: #232323;
    font-size: 25px;
    letter-spacing: 0;
    text-transform: none;
    margin-top: 30px;
    display: block;
    font-family: 'Playfair Display', Sans-serif;
    line-height: 30px;
    font-weight: 400;
}

.our_team_carousel_content-style3 .about_our_team_item_name .jobs {
    color: #7d7d7d;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    padding-bottom: 15px;
    font-weight: 300;
}

.our_team_carousel_content-style3 .about_our_team_item_name .jobs:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #222;
}

@media (max-width: 991px) {
    .our_team_carousel_content-style3 .about_our_team_item_name .name {
        font-size: 18px;
    }

    .our_team_carousel_content-style3 .about_our_team_item_name .jobs {
        font-size: 10px;
    }
}

.our_team_carousel_content-style3 .about_our_team_item_social > li a:hover {
    background-color: transparent;
}

.our_team_carousel_content-style3 .about_our_team_item_social > li a:hover .fa {
    color: #e09300;
}

.our_team_carousel_content-style3 .about_our_team_item {
    padding: 0 30px;
    margin-bottom: 70px;
}

.our_team_carousel_content-style3 .about_our_team_item.style-2 .about_our_team_item_social {
    position: relative;
    left: 0;
}

.our_team_carousel_content-style3 .about_our_team_item.style-2 .about_our_team_item_social {
    bottom: 45px !important;
}

.our_team_carousel_content-style3 .about_our_team_item.style-2 .about_our_team_item_social a {
    color: #ACACAC;
    font-size: 16px;
}

.our_team_carousel_content-style3 .about_our_team_item.style-2 .about_our_team_item_social a .fa {
    transition: all .3s;
}

/******* end Team3 Style social***********/
/******* Sevices style 2 Style social***********/
.oct-service-shortcode.style2 .icon-service {
    color: #ffffff;
    display: inline-block;
    height: 100px;
    text-align: left;
    width: 100%;
}

.oct-service-shortcode.style2 .content-service > div {
    line-height: 35px;
}

.oct-service-shortcode.style2 .content-service {
    color: #acacac;
    display: inline-block;
    font-size: 16px;
    padding-left: 0;
    width: 100%;
}

.oct-service-shortcode.style2 .content-service h3 {
    color: #ffffff;
    font-size: 25px;
    margin-bottom: 25px;
    margin-top: 30px;
    font-family: 'Playfair Display', Sans-serif;
}

@media (max-width: 767px) {
    .oct-service-shortcode.style2 .icon-service {
        text-align: center;
    }
}

/******* End Sevices style 2 Style social***********/
/******* Recent news style 2 Style social***********/
.block_what_news.block_what_news_style2 .list_object > li:before {
    content: none;
    text-align: center;
}

.block_what_news.block_what_news_style2 .list_object > li:first-child {
    border-top: 1px solid #ebebeb;
}

.block_what_news.block_what_news_style2 .list_object > li:last-child {
    border-bottom: 1px solid #ebebeb;
}

.block_what_news.block_what_news_style2 p.time-post {
    border-bottom: 1px solid #232323;
    color: #232323;
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 17px;
    margin: 0 auto;
    text-align: center;
    display: table;
}

.block_what_news.block_what_news_style2 .time-post > span {
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 17px;
    margin: 0;
    padding: 0;
}

.block_what_news.block_what_news_style2 .time-post > span::before {
    content: none;
}

.block_what_news_style2 .align-center {
    text-align: center;
}

.block_what_news.block_what_news_style2 .list_object li a.oct-title-news {
    clear: both;
    color: #232323;
    float: none;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    text-transform: none;
}

.block_what_news.block_what_news_style2 .list_object li a.oct-title-news:hover {
    border-bottom: 1px solid #232323;
    color: #232323;
    transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

.block_what_news.block_what_news_style2 .list_object label {
    color: #7d7d7d;
    float: none;
    font-style: normal;
    text-align: center;
    width: 100%;
}

.block_what_news.block_what_news_style2 .list_object li label a {
    float: none;
    font-size: 14px;
}

.block_what_news_style2 .oct-title-link-news {
    text-align: center;
    margin: 15px 0 10px;
}

/******* Counter style 2***********/
.oct-funfact.oct-funfact-style2 h5 {
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none;
}

.oct-funfact.oct-funfact-style2 .funfact-number {
    border: medium none;
}

.oct-funfact.oct-funfact-style1 h5 {
    color: #232323;
    float: left;
    width: 100%;
}

.oct-funfact.oct-funfact-style1 .inner {
    display: inline-block;
    border: 1px solid #232323;
    padding: 20px 22px 28px 22px;
    min-width: 140px;
}

@media (max-width: 768px) {
    .oct-funfact.oct-funfact-style1 .inner {
        min-width: 90px;
        padding: 10px 15px;
    }

    .oct-funfact .funfact-number {
        font-size: 25px;
    }

    .oct-funfact h5 {
        font-size: 18px;
        line-height: 20px;
    }
}

@media (max-width: 600px) {
    .oct-funfact.oct-funfact-style1 .inner {
        min-width: 70px;
        padding: 5px;
    }

    .oct-funfact .funfact-number {
        font-size: 20px;
    }

    .oct-funfact h5 {
        font-size: 12px;
        line-height: 16px;
    }
}

/******* End Recent news style 2 Style social***********/
.eg-oct-home-demo3-element-2 {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
}

.eg-oct-home-demo3-element-7 {
    width: 38px;
}

.oct-contact-block-style3 label {
    clear: both;
    color: #ffffff;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 2px;
    width: 100%;
}

.block_contact_info.oct-contact-block-style3 ul li > span {
    color: #999999;
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none;
}

.block_contact_info.oct-contact-block-style3 ul li {
    margin-bottom: 10px;
}

.oct-contact-block-style3 .contact-mail a {
    color: #999999;
}

.block_contact_info.oct-contact-block-style3 {
    border-color: rgba(255, 255, 255, 0.2);
    padding: 0 95px;
    margin-right: -15px;
}

.wpcf7-form .oct-contact-3 .wpcf7-form-control {
    border-color: rgba(255, 255, 255, 0.2);
    background: transparent;
}

.wpcf7-form .oct-contact-3 .wpcf7-textarea {
    min-height: 158px;
}

.wpcf7-form .oct-contact-3 input[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #ffffff;
    color: #ffffff;
    float: right;
    margin: 0 0 20px;
}

.oct-contact-3 .ajax-loader {
    float: right;
    margin: 15px;
}

.oct-follow-us h4 {
    font-size: 18px;
    letter-spacing: 0;
    text-align: center;
}

.oct-follow-us h4 span {
    padding-bottom: 2px;
}

#main_container .oct-follow-us-social ul li {
    display: inline-block;
    list-style: outside none none;
    margin: 5px;
}

.oct-follow-us-social a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -sm-border-radius: 50%;
    border: 1px solid #bebebe;
    display: inline-block;
    height: 55px;
    line-height: 60px;
    text-align: center;
    width: 55px;
    transition: all .3s;
}

.oct-follow-us-social li .fa {
    transition: all .2s;
    font-size: 20px;
}

.oct-follow-us-social li:hover a {
    border-color: #787171;
}

.oct-follow-us-social {
    width: 100%;
}

@media (max-width: 991px) {
    .oct-follow-us-social {
        text-align: center;
    }

    .oct-follow-us-social a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    #main_container .oct-follow-us-social ul li {
        margin-right: 5px;
    }

    .oct-follow-us-social a .fa {
        font-size: 14px;
    }
}

div div div.wpcf7-response-output {
    clear: both;
    text-align: center;
}

.wpcf7-form .wpcf7-not-valid {
    border-color: rgba(255, 0, 0, 0.5) !important;
}

.wpcf7-form .wpcf7-not-valid-tip {
    display: none;
}

/*shortcode title*/
.section-title .sub-title {
    margin-top: 45px;
    text-transform: none;
}

.section-title {
    color: #232323;
}

/*shortcode horizontal*/
.oct-timeline-horizontal .item-timeline {
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
    width: 25%;
}

.oct-timeline-horizontal[data-column="5"] .item-timeline {
    width: 20%;
}

.oct-timeline-horizontal[data-column="4"] .item-timeline {
    width: 25%;
}

.oct-timeline-horizontal[data-column="3"] .item-timeline {
    width: 33.33%;
}

.oct-timeline-horizontal[data-column="2"] .item-timeline {
    width: 50%;
}

.oct-timeline-horizontal {
    display: inline-block;
    width: 100%;
}

.oct-timeline-horizontal .item-timeline .timeline-icon::before, .oct-timeline-horizontal .item-timeline .timeline-icon::after {
    border-bottom: 1px solid #e4e4e4;
    content: "";
    height: 1px;
    opacity: 0.47;
    position: absolute;
    top: 50%;
    width: 999%;
}

.oct-timeline-horizontal .item-timeline:first-child .timeline-icon::before, .oct-timeline-horizontal .item-timeline:last-child .timeline-icon::after {
    display: none;
}

.oct-timeline-horizontal .item-timeline .timeline-icon {
    display: inline-block;
    height: 100px;
    position: relative;
}

.oct-timeline-horizontal .item-timeline .timeline-icon .oct-elegant-icon {
    border-radius: 50%;
    color: #232323;
    display: inline-block;
    font-size: 40px;
    height: 100px;
    line-height: 120px;
    position: relative;
    text-align: center;
    width: 100px;
    background: #eeeeee;
    transition: all .3s;
}

.item-timeline .timeline-description {
    padding: 0 15px;
    line-height: 1.9;
}

.oct-timeline-horizontal .item-timeline:hover .timeline-icon .oct-elegant-icon {
    background: #e09300;
    color: #ffffff;
}

.oct-timeline-horizontal .item-timeline .timeline-icon::before {
    margin-right: 20px;
    right: 100%;
}

.oct-timeline-horizontal .item-timeline .timeline-icon::after {
    left: 100%;
    margin-left: 20px;
}

.oct-timeline-horizontal .timeline-title {
    color: #232323;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 20px 0;
    text-transform: uppercase;
    font-family: 'Playfair Display', Sans-serif;
}

.section-title .underline-width-percent {
    margin: 20px 0 30px;
}

.wpcf7-form .oct-contact-3 .wpcf7-form-control[type="submit"]:hover {
    background: #fff;
    color: #000;
}

@media only screen and(max-width: 991px) {
    .oct-text-block-content, .oct-text-block-content p {
        padding-right: 0;
    }
}

#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {
    background: #232323 none repeat scroll 0 0;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
    overflow: inherit;
    padding: 0 10px;
    top: -6px;
}

#fp-nav.fp-show-active a.active + .fp-tooltip::before, #fp-nav.fp-show-active a:hover + .fp-tooltip::before {
    background: rgba(0, 0, 0, 0) url("../images/arrow-nav-home3.png") no-repeat scroll center center;
    content: "";
    display: inline-block;
    float: right;
    height: 26px;
    position: absolute;
    right: -5px;
    width: 6px;
}

div#fp-nav ul li a, div.fp-slidesNav ul li a {
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 14px;
    position: relative;
    text-decoration: none;
    width: 14px;
    z-index: 1;
}

#fp-nav ul li div.fp-tooltip {
    display: none;
}

#fp-nav ul li:hover div.fp-tooltip {
    display: block;
}

div#fp-nav.right {
    right: 8px;
}

#fp-nav li .active span {
    background: #232323 none repeat scroll 0 0;
}

div#fp-nav ul li a.active span {
    border-radius: 100%;
    display: inline-block;
    height: 6px;
    left: 0;
    margin: 2px;
    top: 0;
    width: 6px;
}

div#fp-nav ul li a.active {
    border-color: #232323;
}

div#fp-nav ul li {
    height: 14px;
    margin: 10px 0;
    position: relative;
    width: 14px;
}

div#fp-nav ul li:hover a span, div#fp-nav ul li a span {
    background: #232323 none repeat scroll 0 0;
    left: 0;
    margin: 2px !important;
    top: 0;
}

div#fp-nav ul li a:hover {
    border-color: #232323;
}

div.oct-horizontalTab .resp-tabs-list .resp-tab-item:hover, div.oct-horizontalTab .resp-tabs-list .resp-tab-item.resp-tab-active {
    background: #000 none repeat scroll 0 0;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 1px 1px 0;
}

div.oct-horizontalTab .resp-tabs-list .resp-tab-item:hover a {
    color: #ffffff;
}

div.oct-verticalTab .resp-tabs-list .resp-tab-item.resp-tab-active span, div.oct-verticalTab .resp-tabs-list .resp-tab-item:hover span {
    color: #ffffff;
}

div.oct-verticalTab .resp-tabs-list .resp-tab-item.resp-tab-active, div.oct-verticalTab .resp-tabs-list .resp-tab-item:hover {
    background: #232323 none repeat scroll 0 0;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 1px 0 1px 1px;
    margin-right: 0 !important;
    position: relative;
    z-index: 1;
}

/******* header Style ***********/
header.oct-navigation-transparent .main-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.oct3-section .oct-home-arrow {
    bottom: 50px;
    position: absolute;
}

.page-template-oct-inner-page-template #sidebar-wrapper, .page-template-oct-home-template #sidebar-wrapper {
    bottom: 30px;
    height: auto;
    top: 30px;
}

/*.page-template-oct-home-template .oct-hero-section .main-header {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  left: 0;
  position: fixed;
}*/
.page-template-oct-home-template .oct-hero-section.oct-navigation-no-transparent.oct-menu-design-dark .main-header {
    background: #ffffff none repeat scroll 0 0;
}

.page-template-oct-home-template .oct-hero-section.oct-navigation-no-transparent.oct-menu-design-light .main-header {
    background: #232323 none repeat scroll 0 0;
}

.page-template-oct-home-template .oct-hero-section.oct-menu-no-ticky .main-header {
    position: absolute;
}

.page-template-oct-inner-page-template #sidebar-wrapper.active, .page-template-oct-home-template #sidebar-wrapper.active {
    right: 280px;
}

.menu4 {
    display: flex;
    align-items: center;
    float: right;
    margin: 55px 0;
    transition: all .3s ease;
}

.menu4 .oct-nav-4 {
    display: flex;
    align-items: center;
}

.menu4 .search-header .icon {
    margin-top: 0;
}

.header-small .menu4 {
    margin: 35px 0;
}

.oct-nav-4 .oct-line {
    width: 10px;
    height: 1px;
    background: #fafafa;
    margin-right: 10px;
}

@media (max-width: 991px) {
    .oct-nav-4 .oct-line {
        display: none;
    }
}

.header-basic .oct-nav-4 .menubar {
    border: medium none;
    height: auto;
    margin: 0;
    padding: 0 0 0 10px;
    width: auto;
    color: #232323;
    text-transform: uppercase;
    font-size: 16px
}

.header-basic .oct-nav-4 .menubar span {
    font-weight: 500;
}

@media (max-width: 991px) {
    .header-basic .oct-nav-4 .menubar {
        font-size: 14px;
    }

    .admin-bar .header-basic .oct-nav-4 .menubar {
        font-size: 14px;
        margin-top: 0;
    }

    .oct-navigation-transparent .header-basic .oct-nav-4 .menubar {
        margin-top: 20px !important;
    }
}

.oct-menu-design-light .oct-nav-4 .menubar {
    color: #ffffff;
}

.header-basic .oct-nav-4 .menubar.oct-line-active2 {
    padding: 0 0 0 5px;
}

.about_our_team_item_name p {
    margin: 10px 0 0;
}

.oct-nav-4 > span {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.oct-menu-top-4 .mini-shoping-cart-wraper {
    float: left;
}

.header-basic nav.oct-default-menu.oct-menu-top-4 {
    background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
    bottom: 0px;
    float: none;
    left: 0px;
    margin: 0;
    position: fixed;
    right: 0px;
    top: 0px;
    transition: all .3s ease;
    width: auto;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;

}

.header-basic nav.oct-default-menu.oct-menu-top-4 .menubar-default {
    border-color: #ffffff;
    margin-top: 50px;
}

.page-template-oct-inner-page-template .header-basic nav.oct-default-menu.oct-menu-top-4 .menubar-default {
    margin-top: 100px;
}

.header-basic .header-small nav.oct-default-menu.oct-menu-top-4 .menubar-default {
    margin-top: 30px;
}

.page-template-oct-inner-page-template .header-basic .header-small nav.oct-default-menu.oct-menu-top-4 .menubar-default {
    margin-top: 80px;
}

.header-small .menu4 .oct-default-menu {
    margin: 0 !important;
}

.admin-bar .header-basic nav.oct-default-menu.oct-menu-top-4 .menubar-default {
    margin-top: 85px;
}

.admin-bar .header-basic .header-small nav.oct-default-menu.oct-menu-top-4 .menubar-default {
    margin-top: 60px;
}

.admin-bar.page-template-oct-inner-page-template .header-basic nav.oct-default-menu.oct-menu-top-4 .menubar-default {
    margin-top: 135px;
}

@media (max-width: 991px) {
    .admin-bar .header-basic nav.oct-default-menu.oct-menu-top-4 .menubar-default {
        margin-top: 60px;
    }

    .page-template-oct-inner-page-template .header-basic nav.oct-default-menu.oct-menu-top-4 .menubar-default {
        margin-top: 50px;
    }

    .header-basic nav.oct-default-menu.oct-menu-top-4 .menubar-default {
        margin-top: 15px;
    }

    .header-basic .header-small nav.oct-default-menu.oct-menu-top-4 .menubar-default {
        margin-top: 20px;
    }

    .admin-bar.page-template-oct-inner-page-template .header-basic nav.oct-default-menu.oct-menu-top-4 .menubar-default {
        margin-top: 80px;
    }
}

@media (max-width: 768px) {
    .admin-bar .header-basic nav.oct-default-menu.oct-menu-top-4 .menubar-default {
        margin-top: 30px;
        margin-right: 15px;
    }

    .page-template-oct-inner-page-template .header-basic nav.oct-default-menu.oct-menu-top-4 .menubar-default {
        margin-right: 15px;
    }

    .admin-bar.page-template-oct-inner-page-template .header-basic nav.oct-default-menu.oct-menu-top-4 .menubar-default {
        margin-top: 95px;
    }
}

.header-basic nav.oct-default-menu.oct-menu-top-4 .menubar .oct-line {
    background-color: #ffffff;
}

.page-template-oct-inner-page-template .header-basic nav.oct-default-menu.oct-menu-top-4, .page-template-oct-home-template .header-basic nav.oct-default-menu.oct-menu-top-4 {
    bottom: 0;
    left: 0;
    margin: 0;
    right: 0;
    top: 0;
}

.page-template-oct-inner-page-template .header-basic nav.oct-default-menu.oct-menu-top-4, .page-template-oct-home-template .header-basic nav.oct-default-menu.oct-menu-top-4 span {
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.menu-active {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

.header-basic nav.oct-default-menu {
    opacity: 1;
}

.oct-menu-4 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.oct-menu-top-4 .oct-nav-4 {
    margin: 0;
}

.header-basic.oct-menu-design-light .oct-default-menu a.menubar::before {
    display: none;
}

.oct-menu-top-4 .oct-nav-4 {
    margin: 0;
    top: 62px;
}

.header-basic .oct-default-menu.oct-menu-top-4 li a {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-transform: none;
}

@media (max-width: 991px) {
    .header-basic .oct-default-menu.oct-menu-top-4 li a {
        font-size: 16px;
        padding: 5px 0;
    }

    .oct-menu-4 {
        top: 0;
        transform: none;
        left: 0;
        bottom: 0;
    }

    header.header-basic .oct-default-menu .oct-menu-4 ul {
        top: 10%;
        bottom: 30%;
    }
}

.header-basic.oct-menu-design-dark .oct-default-menu.oct-menu-top-4 a::before {
    background: #ffffff none repeat scroll 0 0;
}

.header-basic.oct-menu-design-dark .oct-default-menu.oct-menu-top-4 .current-menu-parent a, .header-basic .oct-default-menu.oct-menu-top-4 li a:focus {
    color: #ffffff;
}

.oct-menu-design-dark .oct-menu-4 .mini-shoping-cart-wraper > a i, .oct-menu-design-dark .oct-menu-4 .mini-shoping-cart-wraper > a span {
    border-color: #ffffff;
    color: #ffffff;
}

.oct-menu-design-dark .oct-menu-4 .mini-shoping-cart-wraper > a:hover i, .oct-menu-design-dark .oct-menu-4 .mini-shoping-cart-wraper > a:hover span {
    border-color: #ffffff;
    color: #ffffff;
}

.header-basic .oct-default-menu.oct-menu-top-4 li a.oct-menu4-hover {
    color: #626262;
}

.header-basic .oct-default-menu.oct-menu-top-4 a::before {
    bottom: 14px;
}

.header-basic .oct-default-menu.oct-menu-top-4 li a:hover {
    color: #ffffff;
}

.header-basic .oct-default-menu.oct-menu-top-4 li:hover > a {
    color: #ffffff;
}

.oct-menu-design-dark .oct-nav-4 > span {
    color: #232323;
}

.oct-menu-top-4 .oct-nav-4 > span {
    color: #ffffff;
}

.header-basic .oct-default-menu.oct-menu-top-4 a.menubar::before {
    display: none;
}

.oct-menu-design-dark .oct-menu-4 .oct-nav-4 a:hover .oct-line {
    background-color: #626262;
}

.oct-menu-design-light .oct-menu-4 .oct-nav-4 a:hover .oct-line {
    background-color: #626262;
}

.section .vc_row-o-full-height {
    min-height: 100% !important;
}

.oct-header-style-image-slide .item-slide {
    background-size: cover;
    background-position: center;
}

.page-template-oct-home-template .hero-section-banner .rev_slider_wrapper, .page-template-oct-inner-page-template .hero-section-banner .rev_slider_wrapper {
    height: 100% !important;
    width: 100% !important;
}

/*.page-template-oct-inner-page-template .main-header{
  position: absolute;
}*/
.page-template-oct-inner-page-template footer#footer, .page-template-oct-home-template footer#footer {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    right: 0px;
    left: 0;
    width: 100%;
    z-index: 31;
}

/*body.page-template-oct-home-template::before, body.page-template-oct-inner-page-template::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 50px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 17;
}*/

body.admin-bar.page-template-oct-home-template::before, body.admin-bar.page-template-oct-inner-page-template::before {
    top: 32px;
}

.page-template-oct-inner-page-template .footer_bottom, .page-template-oct-home-template .footer_bottom {
    color: #acacac;
    text-align: center;
    width: 100%;
}

.page-template-oct-inner-page-template .social_footer li:last-child a, .page-template-oct-home-template .social_footer li:last-child a {
    padding: 0;
}

.page-template-oct-inner-page-template .social_footer, .page-template-oct-home-template .social_footer {
    padding: 0;
    width: auto;
}

/*.page-template-oct-inner-page-template .oct-navigation-no-transparent .main-header{
  position: relative;
}*/

.page-template-oct-inner-page-template .social_footer li a::after, .page-template-oct-home-template .social_footer li a::after {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
}

.page-template-oct-inner-page-template .social_footer li .fa, .page-template-oct-home-template .social_footer li .fa {
    color: #232323;
    transition: all .3s;
}

.page-template-oct-inner-page-template .social_footer li a, .page-template-oct-home-template .social_footer li a {
    padding: 0 12px 0 0;
}

.page-template-oct-inner-page-template .social_footer li a::after, .page-template-oct-home-template .social_footer li a::after {
    margin-left: 15px;
}

.page-template-oct-inner-page-template .social_footer li a:hover .fa, .page-template-oct-home-template .social_footer li a:hover .fa {
    color: #e09300
}

.oct-menu-design-light + #main_container .oct-home-arrow > a {
    color: #ffffff;
}

#oct3-menu-right {
    position: fixed;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

#oct3-menu-right li a::before {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 13px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 13px;
}

#oct3-menu-right li a {
    background: #232323 none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 5px;
    margin: 2px;
    position: relative;
    width: 5px;
}

#oct3-menu-right li:hover a:before, #oct3-menu-right li a.active:before {
    border-color: #232323;
}

#oct3-menu-right > ul {
    width: 30px;

}

#oct3-menu-right li {
    float: left;
    margin: 7px 10px;
    position: relative;
    width: 10px;
    list-style: none;
}

@media (max-width: 991px) {
    #oct3-menu-right {
        display: none;
    }
}

.oct-tooltip {
    background: #232323 none repeat scroll 0 0;
    color: #ffffff;
    display: none;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    line-height: 20px;
    padding: 2px 10px;
    position: absolute;
    right: 30px;
    top: -7px;
    white-space: nowrap;
}

.oct-tooltip::before {
    background: rgba(0, 0, 0, 0) url("../images/arrow-nav-home3.png") no-repeat scroll center center;
    content: "";
    display: inline-block;
    height: 5px;
    position: absolute;
    right: -5px;
    top: 9px;
    width: 6px;
}

#oct3-menu-right li:hover .oct-tooltip {
    display: block;
}

.page-template-oct-inner-page-template .vc_row.vc_row-o-full-height, .page-template-oct-home-template .vc_row.vc_row-o-full-height {
    min-height: auto !important;
}

.header-basic .oct-nav-5 .menubar {
    border: medium none;
    float: left;
    margin: 0;
}

.oct-nav-5 .mini-shoping-cart-wraper {
    margin-top: 5px;
    padding: 5px 0;
}

.header-small .oct-nav-5 .mini-shoping-cart-wraper {
    margin-top: 15px;
}

.oct-nav-5 .mini-shoping-cart-wraper a {
    padding: 0;
}

.header-basic .oct-nav-5 .menubar {
    border: medium none;
    float: left;
    height: 14px;
    margin: 0 10px 0 0;
    padding: 0;
    width: 20px;
}

.oct-nav-5 > span {
    color: #232323;
    float: left;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 18px;
}

.oct-nav-5 .menubar .oct-line {
    background: #232323 none repeat scroll 0 0;
}

.oct-menu-design-light .oct-nav-5 .mini-shoping-cart-wraper > a i {
    color: #ffffff;
}

.oct-nav-5 .mini-shoping-cart-wraper > a .cart-number-items {
    border-color: #232323;
    color: #232323;
}

.oct-menu-design-light .oct-nav-5 .mini-shoping-cart-wraper > a .cart-number-items {
    border-color: #ffffff;
    color: #ffffff;
}

.oct-menu-design-light .oct-nav-5 > span {
    color: #ffffff;
}

.oct-menu-design-light .oct-nav-5 .menubar .oct-line {
    background: #ffffff;
}

.oct-menu-design-light .social_header a {
    color: #ffffff;
}

.oct-menu-design-light .social_header a:hover {
    color: #e09300;
}

.oct-nav-4 {
    float: right;
    line-height: 24px;
    position: relative;
}

.menu4 .mini-shoping-cart-wraper {
    margin-right: 15px;
    float: right;
    margin-top: 0 !important;
    margin-left: 30px;
}

.menu5 .search-header {
    margin-top: 18px;
}

.header-small .menu5 {
    transition: all .3s;
}

.header-small .menu5 .search-header {
    margin-top: 5px;
}

.oct-nav-5 {
    padding: 30px 60px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.header-small .oct-nav-5 {
    padding: 15px 60px;
}

.home-photography .oct-nav-5 {
    background-color: #ffffff;
}

.home-photography .oct-navigation-transparent {
    padding-top: 50px;
}

@media (max-width: 991px) {
    .home-photography .oct-navigation-transparent {
        padding-top: 30px;
    }
}

.oct-nav5-left {
    float: left;
    flex: 1;
}

.oct-nav-5 .info-mini {
    flex: 1;
}

header.header-basic .oct-menu-top-5.oct-default-menu a {
    color: #232323;
}

header.header-basic .oct-menu-top-5.oct-default-menu a:before {
    background-color: #ffffff;
}

.oct-menu-top-4.oct-default-menu ul,
.oct-menu-top-5.oct-default-menu ul {
    float: none;
}

.header-basic .oct-menu-top-5.oct-default-menu li a {
    font-size: 22px;
    text-transform: none;
}

@media (max-width: 991px) {
    .header-basic .oct-menu-top-5.oct-default-menu li a {
        font-size: 16px;
    }
}

.header-basic .oct-menu-top-5.oct-default-menu a::before {
    bottom: 0;
    left: 0;
    transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    width: 0;
}

.oct-nav-5 div.mini-shoping-cart-wraper.show-cart .mini-shoping-cart {
    right: 0;
}

.header-basic .oct-menu-top-5.oct-default-menu li:hover a::before {
    width: 100%;
}

body.page-template-oct-home-template2 {
    border-left: 50px solid #ffffff;
    border-right: 50px solid #ffffff;
    border-top: none;
}

body.page-template-oct-home-template {
    border-left: 50px solid #ffffff;
    border-right: 50px solid #ffffff;
}

@media (max-width: 1400px) {
    body.page-template-oct-inner-page-template .main-header .container {
        width: 100%;
    }
}

@media (max-width: 991px) {
    body.page-template-oct-inner-page-template, body.page-template-oct-home-template {
        border-left-width: 20px;
        border-right-width: 20px;
    }

    .page-template-oct-inner-page-template .oct-navigation-transparent {
        border-top-width: 0;
    }
}

body.page-template-oct-home-template #main_container,
body.page-template-oct-home-template2 #main_container {
    overflow: hidden;
}

.page-template-oct-home-template2 footer#footer {
    background: #ffffff none repeat scroll 0 0;
    padding: 0;
    z-index: 9;
}

.page-template-oct-home-template2 footer#footer .left {
    padding-left: 60px;
}

.page-template-oct-home-template2 footer#footer .right {
    padding-right: 60px;
}

.page-template-oct-home-template2 footer#footer .right .social_header li:after {
    background-color: transparent;
}

.page-template-oct-home-template2 footer#footer .right .social_header li .fa {
    color: #232323;
}

@media (max-width: 991px) {
    .page-template-oct-home-template2 footer#footer {
        position: relative !important;
    }

    .page-template-oct-home-template2 footer#footer .left,
    .page-template-oct-home-template2 footer#footer .right {
        padding: 0;
        text-align: center;
        display: block;
        width: 100%;
    }

    .page-template-oct-home-template2 footer#footer .right .social_header {
        float: none;
    }

    .page-template-oct-home-template2.home-photography footer#footer {
        position: fixed !important;
        left: 0;
        right: 0;
    }
}

.page-template-oct-home-template2 .footer_bottom, .page-template-oct-home-template2 .footer_bottom p {
    color: #232323;
}

.social_header {
    float: right;
}

.social_header li {
    display: inline-block;
    padding: 0 14px 0 0;
}

.social_header li:last-child {
    padding: 0;
}

.social_header li::after {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: 14px;
    width: 1px;
}

.social_header li:last-child::after {
    display: none;
}

.social_header a {
    color: #232323;
    font-size: 14px;
}

.social_header a:hover {
    color: #e09300;
}

.menubar.oct-line-active2 .oct-line:nth-child(1) {
    left: 0;
    top: 6px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
}

.menubar.oct-line-active2 .oct-line:nth-child(3) {
    left: 0;
    top: 1px;
    transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
}

.menubar.oct-line-active2 .oct-line:nth-child(2) {
    display: none;
}

.page-template-oct-home-template2 .oct-menu-top-4 .oct-nav-4 a.menubar.oct-line-active2 .oct-line {
    width: 15px;
}

.oct-menu-top-4 .oct-nav-4 a.menubar.oct-line-active2 .oct-line {
    background: #ffffff none repeat scroll 0 0;
}

.page-template-oct-home-template2 .menu2 .mini-shoping-cart-wraper > a {
    padding: 7px 0 3px;
}

/*.page-template-oct-home-template2 .menu2 .mini-shoping-cart-wraper {
  margin-top: 0px;
}*/
header .logo {
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

header .logo img {
    max-width: 120px;
    transition: all .3s;
}

@media (max-width: 1200px) {

    .header-basic .oct-default-menu {
        margin: 45px 0;
    }

}

@media ( max-width: 991px) {
    header .logo img {
        max-width: 100px;
    }
}

.page-template-oct-home-template2 .oct-hero-section .fullscreen-container, .page-template-oct-home-template2 .oct-hero-section .forcefullwidth_wrapper_tp_banner {
    height: 100% !important;
    left: 0 !important;
    width: 100% !important;
}

.main-header {
    display: inline-block;
    float: left;
}

.hero-section-banner {
    clear: both;
}

.page-template-oct-home-template.oct-body-menu5 .oct-navigation-no-transparent .main-header {
    width: 100%;
}

.page-template-oct-home-template2 .tp-fullwidth-forcer, .page-template-oct-inner-page-template .tp-fullwidth-forcer {
    height: 100% !important;
}

.page-template-oct-home-template2 .vc_row[data-vc-stretch-content="true"] {
    padding: 0 45px;
}

.page-template-oct-inner-page-template .vc_row[data-vc-stretch-content="true"], .page-template-oct-home-template .vc_row[data-vc-stretch-content="true"] {
    padding: 0 30px;
}

.vc_row.vc_row-o-full-height {
    overflow: hidden;
}

@media (max-width: 991px) {
    div.block_contact_info.oct-contact-block-style3 {
        border: medium none;
        padding: 0;
    }
}

@media (max-width: 991px) {
    .oct-timeline-horizontal .item-timeline {
        width: 100% !important;
    }

    div.oct-timeline-horizontal .item-timeline:first-child .timeline-icon::before, div.oct-timeline-horizontal .item-timeline:last-child .timeline-icon::after {
        display: block;
    }

    header.oct-navigation-transparent .main-header div.oct-navigation {
        right: 10px;
    }

    header.header-basic.oct-hero-section {
        min-height: 85px;
    }

    .oct-no-herosection header.header-basic.oct-hero-section {
        min-height: 0;
    }

    .page-template-oct-home-template .main-header div.logo, .page-template-oct-inner-page-template .main-header div.logo {
        margin-top: 60px;
    }

    .admin-bar .page-template-oct-inner-page-template .oct-navigation > .oct-nav-4, .page-template-oct-home-template .oct-navigation > .oct-nav-4 {
        margin-top: 30px;
    }

    .page-template-oct-inner-page-template .oct-navigation > .oct-nav-4, .page-template-oct-home-template .oct-navigation > .oct-nav-4 {
        margin-top: 0;
    }

    .page-template-oct-inner-page-template.admin-bar .oct-navigation.menu4 .mini-shoping-cart-wraper, .page-template-oct-home-template .oct-navigation.menu4 .mini-shoping-cart-wraper {
        margin-top: 0 !important;
    }

    .admin-bar .header-small .oct-navigation.menu4 .mini-shoping-cart-wraper {
        margin-top: 0 !important;
    }

    .oct-nav-5 {
        padding: 15px 60px 15px 60px;
    }

    .home-photography .oct-nav-5 {
        padding: 35px 15px 0 15px;
    }

    .menu5 .info-mini {
        flex: 1;
    }

    .menu5 .search-header .icon {
        margin-top: 15px;
        margin-left: 10px;
    }

    .oct-navigation-no-transparent .menu5 .search-header .icon {

        margin-top: 0 !important;
    }

    .menu5 .search-header {
        margin-top: 10px;
    }

    .admin-bar.menu5 .search-header .icon {
        margin-top: 30px;
        margin-left: 0;
    }

    .header-small .menu5 .search-header .icon {
        margin-top: 10px;
        margin-left: 10px;
    }

    .header-small .oct-nav-5 {
        padding: 5px 60px 10px 60px;
    }

    .admin-bar .header-small .oct-nav-5 {
        padding: 50px 60px 10px 60px;
    }

    body.admin-bar.page-template-oct-home-template::before, body.admin-bar.page-template-oct-inner-page-template::before {
        top: 0;
    }

    body.page-template-oct-home-template .oct-navigation-transparent .main-header {
        left: 30px;
        right: 30px;
        width: auto;
    }

    .page-template-oct-inner-page-template .oct-navigation-transparent div.main-header {
        left: 0;
        padding-top: 30px;
        right: 0;
        width: auto;
    }

    .header-basic nav.oct-default-menu.oct-menu-top-4 a::before {
        bottom: 7px;
    }

    div.mini-shoping-cart-wraper.show-cart div.mini-shoping-cart {
        position: absolute;
    }

    .header-basic.oct-menu-design-dark nav.oct-default-menu ul li > ul.dropdown-menu li a {
        color: #232323;
    }
}

@media (max-width: 480px) {
    .menu4 div.mini-shoping-cart-wraper {
        margin-right: 5px;
        margin-left: 20px;
    }

    div.mini-shoping-cart-wraper div.mini-shoping-cart {
        min-width: 200px;
    }
}

div.tparrows.gyges {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    position: absolute;
    color: #232323;
    transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    width: 30px;
    height: 35px;
}

.tp-rightarrow.tparrows.gyges {
    left: auto !important;
    right: 0px;
}

div.tparrows.gyges:hover {
    color: #bbbbbb;
}

div.tparrows.gyges::before {
    color: inherit;
    line-height: 34px;
    font-size: 12px;
}

.tp-leftarrow.gyges {
    left: auto !important;
    margin-top: 34px;
    border-top: 1px solid #232323;
    right: 0px;
}

.page-template-oct-inner-page-template .tp-rightarrow.tparrows.gyges {
    right: -31px;
}

.page-template-oct-inner-page-template .tp-leftarrow.tparrows.gyges {
    right: -31px;
}

.page-template-oct-home-template2 .tp-rightarrow.tparrows.gyges {
    right: -35px;
}

.page-template-oct-home-template2 .tp-leftarrow.tparrows.gyges {
    right: -35px;
}

/* ----------------------------------------------- */
/* ----------------------------------------------- */
.oct-menu-ticky .main-header {
    /*position: fixed;*/
}

.main-header.menu-fixed {
    position: fixed;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 99;
    right: 0;
    left: 0;
}

header.oct-navigation-transparent .main-header.menu-fixed {
    background: rgba(255, 255, 255, 0.8);
}

header.oct-navigation-transparent.oct-menu-design-light .main-header.menu-fixed {
    background: rgba(0, 0, 0, 0.8);
}

header .header-small .logo {
    margin: 30px 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    transition: all .3s;
}

@media (max-width: 991px) {
    header .header-small .logo {
        margin: 20px 0;
    }
}

body.page-template-oct-home-template header .header-small .logo {
    margin: 30px 0;
}

body.page-template-oct-inner-page-template header .header-small .logo {
    margin: 25px 0;
}

header .header-small .logo img {
    max-width: 100px;
}

header .header-small .oct-nav-5 .logo {
    margin: 0;
}

@media (max-width: 991px) {
    header .header-small .logo img {
        max-width: 90px;
    }
}

.header-basic .header-small .oct-default-menu {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.header-basic .header-small .menubar {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.admin-bar.header-basic .header-small .oct-nav-4 .menubar {
    margin-top: 15px;
}

.oct-navigation .oct-menu-top-3 {
    opacity: 0;
    visibility: hidden;
}

.oct-navigation .oct-menu-top-5 {
    background-color: #FFFFFF;
    border-bottom: 1px solid #ebebeb;
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
    padding: 25px 0;
    display: none;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.header-basic .oct-nav-5 .menubar.oct-line-active2 {
    margin-top: 0;
}

.oct-nav-5 {
    flex: 1;
}

.mini-info {
    flex: 1;
}

.menu5 .mini-shoping-cart-wraper {
    float: right;
}

.menu5 .logo {
    margin: 0;
    line-height: 3;
}

.oct-nav-5 .oct-nav span {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    color: #232323;
}

.oct-menu-design-light .oct-nav-5 .oct-nav span {
    color: #ffffff;
}

.oct-nav-5 .oct-nav {
    padding-top: 20px;
    display: flex;
    align-items: center;
}

.page-template-oct-inner-page-template .oct-navigation-transparent .main-header {
    left: 10px;
    right: 10px;
    width: auto;
}

.page-template-oct-inner-page-template .oct-navigation-transparent .main-header.menu-fixed {
    left: 0;
    right: 0;
}

.header-basic .header-small .oct-default-menu.oct-menu-top-5 {
    margin: 0;
}

.page-template-oct-home-template2 .oct-navigation-no-transparent {
    z-index: 33;
}

.oct-menu-design-dark.oct-navigation-no-transparent .main-header {
    z-index: 22;
}

.oct-navigation-no-transparent.position-header .main-header.menu-fixed {
    position: fixed;

}

.oct-navigation-transparent .main-header {
    position: absolute;
}

.oct-navigation-transparent .main-header.menu-fixed {
    position: fixed;
    left: 0;
    right: 0;
}

body.page-template-oct-inner-page-template .main-header.menu-fixed,
body.page-template-oct-home-template2 .main-header.menu-fixed {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

body.oct-adminbar .oct-navigation-transparent .main-header {
    top: 0px;
}

@media (max-width: 991px) {
    body.oct-adminbar .oct-navigation-transparent .main-header {
        top: 32px;
    }
}

body.oct-adminbar .oct-navigation-no-transparent.position-header .main-header {
    top: 0;
}

body.oct-adminbar .oct-navigation-no-transparent.position-header .main-header.menu-fixed,
body.oct-adminbar .main-header.menu-fixed {
    top: 32px;
}

body.page-template-oct-inner-page-template .oct-navigation-transparent .main-header {
    top: 0;
}

body.page-template-oct-inner-page-template.oct-no-herosection .oct-navigation-transparent .main-header {
    top: 0;
}

body.admin-bar.page-template-oct-inner-page-template.oct-no-herosection .oct-navigation-transparent .main-header {
    top: 30px;
}

body.page-template-oct-inner-page-template .oct-navigation-no-transparent.position-header .main-header,
body.page-template-oct-inner-page-template .oct-navigation-no-transparent .main-header {
    top: 30px;
}

body.page-template-oct-inner-page-template .oct-navigation-no-transparent.position-header .main-header.menu-fixed,
body.page-template-oct-inner-page-template .main-header.menu-fixed {
    top: 30px;
}

body.page-template-oct-inner-page-template.oct-adminbar .oct-navigation-no-transparent.position-header .main-header.menu-fixed,
body.page-template-oct-inner-page-template.oct-adminbar .main-header.menu-fixed {
    top: 80px;
}

body.page-template-oct-inner-page-template .oct-menu-design-dark.oct-navigation-no-transparent.position-header .main-header,
body.page-template-oct-inner-page-template .oct-menu-design-dark.oct-navigation-no-transparent .main-header {
    top: 0;
}

body.oct-adminbar.page-template-oct-inner-page-template .oct-menu-design-dark.oct-navigation-no-transparent.position-header .main-header.menu-fixed,
body.oct-adminbar.page-template-oct-inner-page-template .oct-menu-design-dark.oct-navigation-no-transparent .main-header.menu-fixed {
    top: 32px;
}

body.page-template-oct-home-template2 .oct-navigation-transparent .main-header {
    top: 50px;
}

body.page-template-oct-home-template2.oct-no-herosection .oct-navigation-transparent .main-header {
    top: 45px;
}

body.page-template-oct-home-template2 .oct-navigation-no-transparent.position-header .main-header,
body.page-template-oct-home-template2 .oct-navigation-no-transparent .main-header {
    top: 45px;
}

body.page-template-oct-home-template2 .oct-navigation-no-transparent.position-header .main-header.menu-fixed,
body.page-template-oct-home-template2 .main-header.menu-fixed {
    top: 45px;
}

body.page-template-oct-home-template2.oct-adminbar .oct-navigation-no-transparent.position-header .main-header.menu-fixed,
body.page-template-oct-home-template2.oct-adminbar .main-header.menu-fixed {
    top: 77px;
}

body.page-template-oct-home-template2 .oct-menu-design-dark.oct-navigation-no-transparent.position-header .main-header,
body.page-template-oct-home-template2 .oct-menu-design-dark.oct-navigation-no-transparent .main-header {
    top: 0;
}

@media (max-width: 991px) {
    body.page-template-oct-home-template2 .oct-menu-design-dark.oct-navigation-no-transparent.position-header .main-header,
    body.page-template-oct-home-template2 .oct-menu-design-dark.oct-navigation-no-transparent .main-header {
        top: -20px;
    }
}

body.oct-adminbar.page-template-oct-home-template2 .oct-menu-design-dark.oct-navigation-no-transparent.position-header .main-header.menu-fixed,
body.oct-adminbar.page-template-oct-home-template2 .oct-menu-design-dark.oct-navigation-no-transparent .main-header.menu-fixed {
    top: 32px;
}

.page-template-oct-inner-page-template {
    border-left: 30px solid #ffffff;
    border-right: 30px solid #ffffff;
}

.page-template-oct-inner-page-template .oct-navigation-transparent {
    border-top: 30px solid #ffffff;
}

body.page-template-oct-inner-page-template .main-header.menu-fixed {
    left: 30px;
    right: 30px;
    width: auto;
}

.page-template-oct-home-template2 .main-header.menu-fixed {
    left: 45px;
    right: 45px;
    width: auto;
}

@media (min-width: 991px) and (max-width: 782px) {
    body.oct-adminbar .oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body.oct-adminbar .main-header.menu-fixed {
        top: 46px;
    }

    body.page-template-oct-inner-page-template.oct-adminbar .oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body.page-template-oct-inner-page-template.oct-adminbar .main-header.menu-fixed {
        top: 76px;
    }

    body.oct-adminbar.page-template-oct-inner-page-template .oct-menu-design-dark.oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body.oct-adminbar.page-template-oct-inner-page-template .oct-menu-design-dark.oct-navigation-no-transparent .main-header.menu-fixed {
        top: 46px;
    }

    body.page-template-oct-home-template2.oct-adminbar .oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body.page-template-oct-home-template2.oct-adminbar .main-header.menu-fixed {
        top: 91px;
    }

    body.oct-adminbar.page-template-oct-home-template2 .oct-menu-design-dark.oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body.oct-adminbar.page-template-oct-home-template2 .oct-menu-design-dark.oct-navigation-no-transparent .main-header.menu-fixed {
        top: 46px;
    }
}

@media (max-width: 991px) {
    header.header-basic nav.oct-default-menu ul.main-menu > li > ul {
        padding-top: 10px;
    }

    body.oct-adminbar .oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body.oct-adminbar .main-header.menu-fixed,
    body .oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body .main-header.menu-fixed {
        top: 0px;
    }

    body.page-template-oct-inner-page-template.oct-adminbar .oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body.page-template-oct-inner-page-template.oct-adminbar .main-header.menu-fixed,
    body.page-template-oct-inner-page-template .oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body.page-template-oct-inner-page-template .main-header.menu-fixed {
        top: 15px;
    }

    body.oct-adminbar.page-template-oct-inner-page-template .oct-menu-design-dark.oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body.oct-adminbar.page-template-oct-inner-page-template .oct-menu-design-dark.oct-navigation-no-transparent .main-header.menu-fixed,
    body.page-template-oct-inner-page-template .oct-menu-design-dark.oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body.page-template-oct-inner-page-template .oct-menu-design-dark.oct-navigation-no-transparent .main-header.menu-fixed {
        top: 0px;
    }

    body.page-template-oct-home-template2.oct-adminbar .oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body.page-template-oct-home-template2.oct-adminbar .main-header.menu-fixed,
    body.page-template-oct-home-template2 .oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body.page-template-oct-home-template2 .main-header.menu-fixed {
        top: 30px;
    }

    body.oct-adminbar.page-template-oct-home-template2 .oct-menu-design-dark.oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body.oct-adminbar.page-template-oct-home-template2 .oct-menu-design-dark.oct-navigation-no-transparent .main-header.menu-fixed,
    body.page-template-oct-home-template2 .oct-menu-design-dark.oct-navigation-no-transparent.position-header .main-header.menu-fixed,
    body.page-template-oct-home-template2 .oct-menu-design-dark.oct-navigation-no-transparent .main-header.menu-fixed {
        top: 0px;
    }

    body.admin-bar.page-template-oct-home-template2::before {
        top: 0;
    }

    html body.page-template-oct-home-template::before, html body.page-template-oct-inner-page-template::before {
        height: 0;
    }

    html body.page-template-oct-home-template2::before {
        height: 30px;
        top: 0;
    }

    html body.page-template-oct-home-template2.home-photography::before {
        visibility: hidden;
    }

    html body.admin-bar.page-template-oct-home-template2::before {
        top: 0;
    }

    html body.page-template-oct-inner-page-template.oct-no-herosection .oct-navigation-transparent .main-header {
        top: 15px;
        padding-top: 0 !important;
    }

    html body.page-template-oct-home-template2.oct-no-herosection .oct-navigation-transparent .main-header {
        top: 30px;
        padding-top: 0 !important;
    }

    .oct-no-herosection header.header-basic.oct-hero-section.oct-navigation-transparent {
        min-height: 0;
    }

    div.bg-parallax {
        background-attachment: scroll;
        background-position: center center !important;
        background-size: cover;
    }

    .page-template-oct-home-template2.oct-no-herosection #main_container {
        margin-top: 30px;
    }

    .page-template-oct-inner-page-template.oct-no-herosection #main_container {
        margin-top: 15px;
    }

    .oct-no-herosection .oct-single-post .oct-header-post-format {
        margin-top: 0 !important;
    }

    .page-template-oct-inner-page-template.oct-no-herosection .header-basic.oct-navigation-no-transparent .main-header, .page-template-oct-home-template.oct-no-herosection .oct-navigation-no-transparent.header-basic .main-header {
        padding-top: 0px !important;
    }

    .page-template-oct-home-template2.oct-no-herosection .header-basic.oct-navigation-no-transparent .main-header {
        padding-top: 30px !important;
    }
}

.oct-header-style.oct-header-style-kenburn {
    background-size: cover;
}

.home-photography {
    padding-right: 0 !important;
}

.home-photography .oct-navigation-no-transparent.position-header {
    z-index: 1;
}

body.admin-bar.page-template-oct-home-template2.home-photography::before {
    height: 0;
}

@media (max-width: 991px) {
    .oct-navigation-no-transparent.position-header {
        overflow-y: inherit;
    }
}

.single-showcase5 .oct-navigation-no-transparent.position-header {
    overflow: visible;
}

/* ---------SLIDE DEVICE------------------ */
.oct-devicedslide {
    margin: 0;
    position: relative;
}

.oct-laptop-image {
    left: 0;
    position: absolute;
    top: 0;
    /*z-index: 50;*/
}

.slide-container {
    display: inline-block;
    max-width: 100%;
    position: relative;
}

.oct-devicedslide ul.oct-deviced-slide {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.oct-devicedslide .flex-direction-nav > li > a {
    cursor: pointer;
    display: block;
    height: 40px;
    width: 28px;
    opacity: 0;
    position: absolute;
    text-align: center;
    color: transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 60;
    background: rgba(255, 255, 255, 0.5);
    margin: 0;

}

.oct-devicedslide:hover .flex-direction-nav > li > a {
    opacity: 1;
    filter: alpha(opacity=100);
}

.oct-devicedslide .flex-direction-nav > li > a.flex-prev {
    left: 200px;
}

.oct-devicedslide .flex-direction-nav > li > a.flex-next {
    right: 200px;
}

.oct-devicedslide .flex-direction-nav > li > a:hover {
    background-color: #ffffff;
}

.oct-devicedslide .flex-direction-nav > li > a:before {
    color: #232323;
    font-family: "linea-arrows-10";
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}

.oct-devicedslide .flex-direction-nav > li > a.flex-prev:before {
    content: "\e03f";
}

.oct-devicedslide .flex-direction-nav > li > a.flex-next:before {
    content: "\e04b";
}

.oct-deviced-slide .img-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.82);
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.oct-deviced-slide:hover .flex-active-slide .img-hover {
    opacity: 1;
    filter: alpha(opacity=1);
}

.oct-deviced-slide .img-hover .oct-table {
    display: table;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.oct-deviced-slide .img-hover .oct-table .oct-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.oct-deviced-slide .img-hover h3 {
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    padding: 0 30px;
}

.oct-deviced-slide .img-hover .oct-button {
    border: 2px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    letter-spacing: 2px;
    font-size: 10px;
    margin-top: 18px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.oct-deviced-slide .img-hover .oct-button:hover {
    color: #232323;
    background-color: #ffffff;
}

.oct-button::after {
    /*background-color: #ffffff;*/
    /*z-index: -1;*/
}

/* -------Client style3---------- */
.block_manufacture.about_clients.style3 figure img {
    opacity: 1;
    filter: alpha(opacity=1);
}

/* POST SLIDE  */
.oct-featured-slider .item-slide {
    position: relative;
}

.oct-featured-slider .item-slide .item-slide-text {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
}

.oct-featured-slider .item-slide img {
    width: 100%;
}

.oct-featured-slider .cat {
    color: #ffffff;
    line-height: 30px;
    letter-spacing: 4px;
    font-family: 'Poppins', sans-serif;
}

.oct-featured-slider .cat a {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 13px;
    line-height: 20px;
    border-bottom: 1px solid;
    font-weight: 400;
}

.oct-featured-slider h3 {
    font-size: 40px;
    letter-spacing: 0;
    color: #ffffff;
    margin-top: 15px;
}

.oct-featured-slider h3 > a {
    color: #000000;
    font-size: 48px;
}

@media (max-width: 768px) {
    .oct-featured-slider h3 > a {
        font-size: 25px;
    }
}

.oct-featured-slider .info {
    margin-top: 30px;
}

.oct-featured-slider .info span,
.oct-featured-slider .info span a {
    padding: 0 15px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #ffffff;
}

@media (max-width: 767px) {
    .oct-featured-slider .info {
        margin-top: 15px;
    }

    .oct-featured-slider .info span,
    .oct-featured-slider .info span a {
        padding: 0 7px;
        letter-spacing: 1px;
    }
}

.oct-featured-slider .info span:not(:last-child) {
    border-right: 1px solid #eee;
}

.owl-slider.owl-theme .owl-controls .owl-buttons {
    position: absolute;
    top: 50%;
    z-index: 9;
}

.owl-slider.owl-theme .owl-controls .owl-buttons div {
    background: transparent !important;
    padding: 0 !important;
    height: 40px;
    width: 40px;
    line-height: 40px;
}

.owl-slider.owl-theme .owl-controls .owl-buttons div.owl-prev {
    margin-right: 10px !important;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover .fa {
    color: #E09300;
}

.oct-featured-slider .post-img {
    position: relative;
}

.oct-featured-slider .post-img:after {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
}

.oct-featured-slider .item-slide .item-slide-text .read-more {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 2px solid #ffffff;
    color: #ffffff;
    line-height: 34px;
    padding: 0 20px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    margin-top: 30px;
}

.oct-featured-slider .item-slide .item-slide-text .read-more:hover {
    background-color: #ffffff;
    color: #000;
}

.oct-featured-slider .item-slide-text .text-content {
    max-width: 70%;
}

.oct-featured-slider .item-slide {
    background-position: center center;
    background-size: cover;
    float: none;
    min-height: 660px;
}

.oct-featured-slider .item-slide.align-center .item-slide-text .text-content {
    margin: 0 auto;
    text-align: center;
}

.oct-featured-slider .item-slide.align-right .item-slide-text .text-content {
    float: right;
    text-align: right;
}

/*.hero-section-banner.img-box{
	margin-bottom: 30px;
}*/
/* INSTAGRAM */
.block-instagram {
    position: relative;
}

.block-instagram .image-instagram ul li {
    float: left;
    height: 100%;
    list-style: outside none none;
    overflow: hidden;
}

.block-instagram .image-instagram ul li a {
    display: inline-block;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.block-instagram .image-instagram ul li a img {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.block-instagram .image-instagram ul li:hover a img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.block-instagram .oct-follow-instagram {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: #ffffff;
    display: inline-block;
    padding: 25px 50px;
    z-index: 10;
    text-align: center;
}

.block-instagram.style-1 .oct-follow-instagram {
    padding: 0;
    top: 0;
    transform: translate(-50%, 0);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.block-instagram.style-1 .instagram-user-name {
    text-transform: uppercase;
    position: relative;
    font-weight: 500;
    padding: 5px 30px 5px 50px;
}

.block-instagram.style-1 .instagram-user-name:before {
    content: "\f16d";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 30px;
    top: 8px;
    font-size: 16px;
}

.oct-follow-instagram .follow {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    color: #232323;
    display: block;
    white-space: nowrap;
}

/* loading */
.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0.88;
    background: url(../images/Preloader_21.gif) center no-repeat #fff;
}

/* fix other */
.sidebar {
    position: relative;
    z-index: 1;
}

body.blog #main_container {
    padding: 60px 0;
}

.oct-map-info {
    line-height: 20px;
}

/** End **/
.oct-hero-section .container {
    clear: both;
}

.oct-menu-design-light .hero-section-banner.img-box {
    margin-top: 30px;
}

/*title light img-box */
.hero-section-banner.img-box .light h1 {
    color: #ffffff;
}

.img-box .oct-hero-section-title.style1.light .title-content {
    border-color: #ffffff;
}

.hero-section-banner.img-box .style2.light h1 {
    border-color: rgba(255, 255, 255, 0.3);
}

.img-box .oct-hero-section-title.style3.light h1 {
    background-color: rgba(0, 0, 0, 0.8);
}

.img-box .oct-hero-section-title.style3.light .title-content {
    border-color: #232323;
}

.img-box .oct-hero-section-title.style4.light .divider-content::after, .img-box .oct-hero-section-title.style4.light .divider-content::before {
    border-color: rgba(255, 255, 255, 0.3);
}

.img-box .oct-hero-section-title.style4.light .divider-content span {
    background-color: #ffffff;
}

.img-box .oct-hero-section-title.style5.light h1 {
    border-color: #ffffff;
}

/*title dark img-box */
.hero-section-banner.img-box .dark h1 {
    color: #232323;
}

.img-box .oct-hero-section-title.style1.dark .title-content {
    border-color: #232323;
}

.hero-section-banner.img-box .style2.dark h1 {
    border-color: rgba(0, 0, 0, 0.3);
}

.img-box .oct-hero-section-title.style3.dark h1 {
    background-color: rgba(255, 255, 255, 0.8);
}

.img-box .oct-hero-section-title.style3.dark .title-content {
    border-color: #ffffff;
}

.img-box .oct-hero-section-title.style4.dark .divider-content::after, .img-box .oct-hero-section-title.style4.dark .divider-content::before {
    border-color: rgba(0, 0, 0, 0.3);
}

.img-box .oct-hero-section-title.style4.dark .divider-content span {
    background-color: #232323;
}

.img-box .oct-hero-section-title.style5.dark h1 {
    border-color: #232323;
}

/*end title dark img-box */

/*       button      */
.dleh-style-button {
    padding: 0 20px;
    line-height: 40px;
}

.oct-button.oct-masonry-btn-loadmore {
    padding: 0 30px 0 56px !important;
    height: 60px;
    line-height: 60px;
}

.oct-button-style .button_block a.dleh-style-button span {
    font-size: 14px;
}

.oct-button-shortcode {
    background: #e09300 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    margin-right: 10px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.oct-button-shortcode .oct-icon-button {
    float: left;
    margin-left: 15px;
    position: relative;
    z-index: 3;
    font-size: 20px;
    margin-top: 3px;
}

.oct-button-shortcode .oct-button-text {
    position: relative;
    z-index: 3;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
}

.oct-button-shortcode:hover .oct-icon-button,
.oct-button-shortcode:hover .oct-button-text {
    color: #ffffff;
}

.oct-button-hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 2;
}

.oct-button-shortcode:hover, .oct-button-shortcode:focus {
    color: #ffffff;
}

.button-hover-1:hover {
    -webkit-animation: 1s ease 0s normal none 1 running horizontal;
    -o-animation: 1s ease 0s normal none 1 running horizontal;
    animation: 1s ease 0s normal none 1 running horizontal;
}

.oct-button-shortcode:hover .oct-button-hover {
    background: #232323 none repeat scroll 0 0;
}

.button-hover-2 .oct-button-hover {
    background: #232323 none repeat scroll 0 0;
    top: -100%;
}

.button-hover-2:hover .oct-button-hover {
    top: 0;
}

.button-hover-3 .oct-button-hover {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
}

.button-hover-3:hover .oct-button-hover {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

.button-hover-4 .oct-button-hover {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
}

.button-hover-4:hover .oct-button-hover {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

@-webkit-keyframes horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-o-keyframes horizontal {
    16.65% {
        -o-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -o-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -o-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -o-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -o-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes horizontal {
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.error404 .main-header-basic.main-header {
    width: 100%;
}

.sticky .oct_blog_title a {
    color: #e09300;
}

.sticky .oct_blog_title a:hover {
    color: #232323;
}

.sticky {
    margin-bottom: 30px;
}

.oct-default-posts-style ul {
    padding-left: 20px;
}

.oct-default-posts-style h3.oct_blog_title {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 15px;
}

.oct-default-posts-style h3.oct_blog_title a {
    border-bottom: 1px solid #232323;
    color: #232323;
}

.sticky.oct-default-posts-style h3.oct_blog_title a {
    border-bottom: 1px solid #e09300;
    color: #e09300;
}

.oct-default-posts-style h3.oct_blog_title a:hover {
    border-color: #e09300;
    color: #e09300;
}

.oct-default-posts-style {
    margin-bottom: 30px;
}

td, th {
    border: 1px solid #d6d6d6;
    padding: 5px;
}

.woocommerce ul {
    list-style: outside none none;
}

.woocommerce-MyAccount-navigation ul {
    padding: 10px;
    border: 1px solid #ebebeb;
}

.woocommerce-MyAccount-navigation li {
    padding: 5px 0;
}

.woocommerce-page div.product div.summary {
    width: 100%;
}

/*layout template*/
.page-template-oct-inner-page-template #footer p, .page-template-oct-home-template #footer p {
    color: #232323;
    margin: 5px 0;
}

html body.oct-body-menu5::before {
    z-index: 21;
}

body.admin-bar.page-template-oct-home-template2::before {
    top: 32px;
}

body.page-template-oct-home-template2::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 45px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 32;
}

body.page-template-oct-home-template2.home-photography::before {
    background: transparent;
}

.oct-box-fullwidth #footer {
    left: 30px;
    padding: 15px 0 0;
    position: fixed;
    right: 30px;
    width: auto;
    z-index: 20;
}

.page-template-oct-inner-page-template .oct-hero-section .fullscreen-container, .page-template-oct-inner-page-template .oct-hero-section .forcefullwidth_wrapper_tp_banner {
    height: 100% !important;
    left: 0 !important;
    width: 100% !important;
}

div.oct-acordion .ui-accordion-header {
    background: transparent;
}

div.resp-vtabs .resp-tabs-container {
    background-color: rgba(0, 0, 0, 0);
}

div.resp-tabs-container {
    background-color: rgba(0, 0, 0, 0);
}

.page-template-oct-home-template2 .header-basic nav.oct-default-menu.oct-menu-top-4 {
    top: 45px;
    left: 45px;
    right: 45px;
    bottom: 45px;
}

.page-template-oct-home-template2.oct-adminbar .header-basic nav.oct-default-menu.oct-menu-top-4 {
    top: 77px;
}

.page-template-oct-inner-page-template .header-basic nav.oct-default-menu.oct-menu-top-4, .page-template-oct-home-template .header-basic nav.oct-default-menu.oct-menu-top-4 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 !important;
}

body.page-template-oct-home-template2, body.page-template-oct-inner-page-template, body.page-template-oct-home-template {
    height: auto;
}

/*selector color*/
.dleh-style-selector {
    background: #252525 none repeat scroll 0 0;
    left: -250px;
    position: fixed;
    top: 130px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 250px;
    z-index: 100;
}

.dleh-style-selector.selector-active {
    left: 0px;
}

.dleh-style-selector-container {
    padding: 30px 23px 0px;
    height: 100%;
    overflow: auto;
}

.dleh-style-selector-container .dleh-style-template {
    margin-top: 20px;
}

.dleh-style-selector-wrapper .dleh-style-title {
    font-size: 10px;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #373737;
    padding-bottom: 10px;
    margin-top: 0;
}

.dleh-style-selector-wrapper {
    display: inline-block;
    margin-bottom: 17px;
    width: 100%;
}

.dleh-style-selector-wrapper .dleh-style-layout-title {
    font-size: 9px;
    color: #7d7d7d;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    position: relative;
    padding-left: 15px;
    line-height: 14px;
}

select#dleh-style-layout {
    width: 100%;
    margin-top: 3px;
}

.dleh-style-selector-wrapper .dleh-style-layout-title:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 1px;
    background: #7d7d7d;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 7px;
}

.dleh-style-template > li {
    float: left;
    height: 90px;
    list-style: outside none none;
    margin-bottom: 5px;
    margin-right: 4px;
    position: relative;
    width: 100px;
    border: 3px solid #595959;
}

.dleh-style-template > li:nth-child(2n) {
    float: right;
    margin-right: 0;
}

.dleh-style-template > li a:hover {
    opacity: 0.2;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.dleh-style-template li a img {
    height: 84px;
    width: 100px;
}

.dleh-style-selector-wrapper .colorpicker-element .input-group-addon i {
    width: 80px;
    height: 20px;
}

.dleh-style-selector-wrapper .input-group-addon {
    border: medium none;
    padding: 0;
    width: auto;
}

.oct-recent-color-settings {
    width: auto;
    float: right;
    margin-top: 7px;
    position: relative;
}

.oct-recent-color.form-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #232323;
    display: inline-block;
    height: auto;
    right: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: -3px;
    width: 70px;
    border-radius: 0;
    font-size: 14px;
    cursor: pointer;
}

.dleh-style-toogle {
    background: #e09300 none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    position: absolute;
    right: -37px;
    text-align: center;
    top: 0;
    width: 37px;
}

.dleh-style-toogle:hover {
    background-color: #232323;
}

.dleh-style-toogle.selector-show:hover {
    background-color: #232323;
}

.dleh-style-toogle.selector-show i {
    display: none;
}

.dleh-style-toogle.selector-show {
    background: #e09300 url("../images/Swicht.png") no-repeat scroll center center;
}

.dleh-style-toogle:hover::before {
    background-color: #232323;
}

.dleh-style-content .chosen-container-single .chosen-single {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #252525;
    border-radius: 0;
    box-shadow: 0 0 0;
    color: #232323;
    font-size: 16px;
    height: 30px;
    line-height: 28px;
    padding: 0;
}

.dleh-style-content .chosen-container-single .chosen-single div {
    width: 9px;
}

.dleh-style-content .chosen-single > span {
    color: #fff;
    font-size: 16px;
}

.dleh-style-content .chosen-container-single .chosen-drop {
    border: medium none;
    border-radius: 0;
    margin-top: 0;
}

.dleh-style-content .chosen-container-single .chosen-single div b {
    background: rgba(0, 0, 0, 0) url("../images/arr-white.png") no-repeat scroll 0 0;
    height: 5px;
    margin-top: 13px;
    width: 9px;
}

.dleh-style-content .chosen-container-active.chosen-with-drop .chosen-single div b {
    background: rgba(0, 0, 0, 0) url("../images/arr-white-top.png") no-repeat scroll 0 0;
}

.dleh-style-content .chosen-container .chosen-results li {
    font-size: 16px;
}

.dleh-style-content .chosen-container {
    font-size: 16px;
    width: 100% !important;
    display: block;
}

.dleh-style-content .chosen-container .chosen-results {
    margin: 0;
    padding: 0;
}

.oct-sticky-header .oct-sticky-header-checkbox {
    float: right;
    margin-top: 8px;
}

.dleh-style-content > a {
    border: 2px solid #ffffff;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    letter-spacing: 5px;
    line-height: 10px;
    padding: 4px 10px;
    text-transform: uppercase;
}

.dleh-style-content > a:hover {
    background: #232323 none repeat scroll 0 0;
    border-color: #232323;
    color: #ffffff;
}

/*selector color*/

/********************************
  - Portfolio 1 -
*********************************/
.oct-portfolio1 .navigationbuttons,
.oct-portfolio1 .esg-pagination,
.oct-portfolio1 .esg-filters {
    text-align: center;
}

.oct-portfolio1 .esg-navigationbutton {
    padding: 2px 12px;
}

.oct-portfolio1 .esg-navigationbutton * {
    color: #000;
}

.oct-portfolio1 .esg-pagination-button:last-child {
    margin-right: 0;
}

.oct-portfolio1 .esg-sortbutton-wrapper,
.oct-portfolio1 .esg-cartbutton-wrapper {
    display: inline-block;
}

.oct-portfolio1 .esg-sortbutton-order,
.oct-portfolio1 .esg-cartbutton-order {
    display: inline-block;
    vertical-align: top;
    border: none;
    width: 40px;
    line-height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #999;
    cursor: pointer;
    background: #eee;
    background: #fff;
    margin-left: 5px;
}

.oct-portfolio1 .esg-cartbutton {
    color: #fff;
    cursor: default !important;
}

.oct-portfolio1 .esg-cartbutton .esgicon-basket {
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    margin-right: 10px;
}

.oct-portfolio1 .esg-cartbutton-wrapper {
    cursor: default !important;
}

.oct-portfolio1 .esg-sortbutton,
.oct-portfolio1 .esg-cartbutton {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.oct-portfolio1 .esg-navigationbutton:hover, .oct-portfolio1 .esg-filterbutton:hover, .oct-portfolio1 .esg-sortbutton:hover, .oct-portfolio1 .esg-sortbutton-order:hover, .oct-portfolio1 .esg-cartbutton-order:hover, .oct-portfolio1 .esg-filterbutton.selected {
    background: transparent;
    color: #e09300;
}

.oct-portfolio1 .esg-navigationbutton:hover * {
    color: #333;
}

.oct-portfolio1 .esg-sortbutton-order.tp-desc:hover {
    color: #333;
}

.oct-portfolio1 .esg-filter-checked {
    padding: 1px 3px;
    color: #cbcbcb;
    background: #cbcbcb;
    margin-left: 7px;
    font-size: 9px;
    font-weight: 300;
    line-height: 9px;
    vertical-align: middle;
}

.oct-portfolio1 .esg-filterbutton.selected .esg-filter-checked,
.oct-portfolio1 .esg-filterbutton:hover .esg-filter-checked {
    padding: 1px 3px 1px 3px;
    color: #fff;
    background: #000;
    margin-left: 7px;
    font-size: 9px;
    font-weight: 300;
    line-height: 9px;
    vertical-align: middle;
}

/********************************
  - Portfolio 2 -
*********************************/

.oct-portfolio2 .navigationbuttons,
.oct-portfolio2 .esg-pagination,
.oct-portfolio2 .esg-filters {
    text-transform: uppercase;
    text-align: center;
    margin: 0px auto 50px;
}

.oct-portfolio2 .esg-filterbutton, .oct-portfolio2 .esg-navigationbutton, .oct-portfolio2 .esg-sortbutton, .oct-portfolio2 .esg-cartbutton {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: 1px solid #232323;
    color: #232323;
    cursor: pointer;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 14px;
    margin-bottom: 5px;
    padding: 0 17px;
    position: relative;
    z-index: 2;
}

.oct-portfolio2 .esg-navigationbutton {
    padding: 2px 12px;
}

.oct-portfolio2 .esg-navigationbutton * {
    color: #000;
}

.oct-portfolio2 .esg-pagination-button:last-child {
    margin-right: 0;
}

.oct-portfolio2 .esg-sortbutton-wrapper,
.oct-portfolio2 .esg-cartbutton-wrapper {
    display: inline-block;
}

.oct-portfolio2 .esg-sortbutton-order,
.oct-portfolio2 .esg-cartbutton-order {
    display: inline-block;
    vertical-align: top;
    border: none;
    width: 40px;
    line-height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #999;
    cursor: pointer;
    background: #eee;
    background: #fff;
    margin-left: 5px;
}

.oct-portfolio2 .esg-cartbutton {
    color: #fff;
    cursor: default !important;
}

.oct-portfolio2 .esg-cartbutton .esgicon-basket {
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    margin-right: 10px;
}

.oct-portfolio2 .esg-cartbutton-wrapper {
    cursor: default !important;
}

.oct-portfolio2 .esg-sortbutton,
.oct-portfolio2 .esg-cartbutton {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.oct-portfolio2 .esg-navigationbutton:hover, .oct-portfolio2 .esg-filterbutton:hover, .oct-portfolio2 .esg-sortbutton:hover, .oct-portfolio2 .esg-sortbutton-order:hover, .oct-portfolio2 .esg-cartbutton-order:hover, .oct-portfolio2 .esg-filterbutton.selected {
    background: transparent;
    color: #e09300;
}

.oct-portfolio2 .esg-navigationbutton:hover * {
    color: #333;
}

.oct-portfolio2 .esg-sortbutton-order.tp-desc:hover {
    color: #333;
}

.oct-portfolio2 .esg-filter-checked {
    padding: 1px 3px;
    color: #cbcbcb;
    background: #cbcbcb;
    margin-left: 7px;
    font-size: 9px;
    font-weight: 300;
    line-height: 9px;
    vertical-align: middle;
}

.oct-portfolio2 .esg-filterbutton.selected .esg-filter-checked,
.oct-portfolio2 .esg-filterbutton:hover .esg-filter-checked {
    padding: 1px 3px 1px 3px;
    color: #fff;
    background: #000;
    margin-left: 7px;
    font-size: 9px;
    font-weight: 300;
    line-height: 9px;
    vertical-align: middle;
}

.oct-portfolio2 .esg-filterbutton:first-child {
    border: medium none;
}

.flat-light .esg-filterbutton {
    transition: all .3s;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
}

.flat-light .esg-filterbutton.selected {
    border: 1px solid #e09300 !important;
    border-radius: 0;
}

.flat-light .esg-filterbutton span {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
}

@media (max-width: 991px) {
    .flat-light .esg-filterbutton {
        padding: 0 !important;
        border: none !important;
        margin-right: 20px !important;
    }

    .flat-light .esg-filterbutton.selected {
        border: none !important;
    }

    .flat-light .esg-filterbutton.selected span {
        color: #e09300;
    }

    .flat-light .esg-filterbutton span {
        line-height: 30px;
    }
}

/********************************
  - Portfolio 3 -
*********************************/

.oct-portfolio3 .navigationbuttons,
.oct-portfolio3 .esg-pagination,
.oct-portfolio3 .esg-filters {
    text-align: center;
}

.esg-filterbutton, .oct-portfolio3 .esg-navigationbutton, .oct-portfolio3 .esg-sortbutton, .oct-portfolio3 .esg-cartbutton {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #232323;
    cursor: pointer;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 14px;
    padding: 10px 20px;
    margin: 0 2px;
    position: relative;
    z-index: 2;
    border: 1px solid transparent;
    transition: all .1s;
    position: relative;
}

.oct-portfolio3 .esg-navigationbutton {
    padding: 2px 12px;
}

.oct-portfolio3 .esg-navigationbutton * {
    color: #232323;
}

.oct-portfolio3 .esg-sortbutton-wrapper,
.oct-portfolio3 .esg-cartbutton-wrapper {
    display: inline-block;
}

.oct-portfolio3 .esg-sortbutton-order,
.oct-portfolio3 .esg-cartbutton-order {
    display: inline-block;
    vertical-align: top;
    border: none;
    width: 40px;
    line-height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #999;
    cursor: pointer;
    background: #eee;
    margin-left: 5px;
}

.oct-portfolio3 .esg-cartbutton {
    color: #fff;
    cursor: default !important;
}

.oct-portfolio3 .esg-cartbutton .esgicon-basket {
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    margin-right: 10px;
}

.oct-portfolio3 .esg-cartbutton-wrapper {
    cursor: default !important;
}

.oct-portfolio3 .esg-sortbutton,
.oct-portfolio3 .esg-cartbutton {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.oct-portfolio3 .esg-navigationbutton:hover, .oct-portfolio3 .esg-sortbutton:hover, .oct-portfolio3 .esg-sortbutton-order:hover, .oct-portfolio3 .esg-cartbutton-order:hover {
    border-color: #232323 !important;
}

.esg-filterbutton.selected, .oct-portfolio3 .esg-filterbutton:hover {
    border-color: #e09300 !important;
}

.oct-portfolio3 .esg-navigationbutton:hover * {
    color: #333;
}

.oct-portfolio3 .esg-navigationbutton:hover {
    color: #FFFFFF;
}

.oct-portfolio3 .esg-sortbutton-order.tp-desc:hover {
    color: #333;
}

.oct-portfolio3 .esg-filter-checked {
    padding: 1px 3px;
    color: #cbcbcb;
    background: #cbcbcb;
    margin-left: 7px;
    font-size: 9px;
    font-weight: 300;
    line-height: 9px;
    vertical-align: middle;
}

.oct-portfolio3 .esg-filterbutton.selected .esg-filter-checked,
.oct-portfolio3 .esg-filterbutton:hover .esg-filter-checked {
    padding: 1px 3px 1px 3px;
    color: #fff;
    background: #000;
    margin-left: 7px;
    font-size: 9px;
    font-weight: 300;
    line-height: 9px;
    vertical-align: middle;
    border-color: #e09300;
}

/********************************
  - Portfolio 4 -
*********************************/

.oct-portfolio4 .navigationbuttons,
.oct-portfolio4 .esg-pagination,
.oct-portfolio4 .esg-filters {
    text-transform: uppercase;
    text-align: center;
}

.oct-portfolio4 .esg-filterbutton, .oct-portfolio4 .esg-navigationbutton, .oct-portfolio4 .esg-sortbutton, .oct-portfolio4 .esg-cartbutton {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: 1px solid #232323;
    color: #232323;
    cursor: pointer;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 14px;
    margin-bottom: 5px;
    padding: 0 17px;
    position: relative;
    z-index: 2;
}

.oct-portfolio4 .esg-navigationbutton {
    padding: 2px 12px;
}

.oct-portfolio4 .esg-navigationbutton * {
    color: #000;
}

.oct-portfolio4 .esg-pagination-button:last-child {
    margin-right: 0;
}

.oct-portfolio4 .esg-sortbutton-wrapper,
.oct-portfolio4 .esg-cartbutton-wrapper {
    display: inline-block;
}

.oct-portfolio4 .esg-sortbutton-order,
.oct-portfolio4 .esg-cartbutton-order {
    display: inline-block;
    vertical-align: top;
    border: none;
    width: 40px;
    line-height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #999;
    cursor: pointer;
    background: #eee;
    background: #fff;
    margin-left: 5px;
}

.oct-portfolio4 .esg-cartbutton {
    color: #fff;
    cursor: default !important;
}

.oct-portfolio4 .esg-cartbutton .esgicon-basket {
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    margin-right: 10px;
}

.oct-portfolio4 .esg-cartbutton-wrapper {
    cursor: default !important;
}

.oct-portfolio4 .esg-sortbutton,
.oct-portfolio4 .esg-cartbutton {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.oct-portfolio4 .esg-navigationbutton:hover, .oct-portfolio4 .esg-filterbutton:hover, .oct-portfolio4 .esg-sortbutton:hover, .oct-portfolio4 .esg-sortbutton-order:hover, .oct-portfolio4 .esg-cartbutton-order:hover, .oct-portfolio4 .esg-filterbutton.selected {
    background: transparent;
    color: #e09300;
}

.oct-portfolio4 .esg-navigationbutton:hover * {
    color: #333;
}

.oct-portfolio4 .esg-sortbutton-order.tp-desc:hover {
    color: #333;
}

.oct-portfolio4 .esg-filter-checked {
    padding: 1px 3px;
    color: #cbcbcb;
    background: #cbcbcb;
    margin-left: 7px;
    font-size: 9px;
    font-weight: 300;
    line-height: 9px;
    vertical-align: middle;
}

.oct-portfolio4 .esg-filterbutton.selected .esg-filter-checked,
.oct-portfolio4 .esg-filterbutton:hover .esg-filter-checked {
    padding: 1px 3px 1px 3px;
    color: #fff;
    background: #000;
    margin-left: 7px;
    font-size: 9px;
    font-weight: 300;
    line-height: 9px;
    vertical-align: middle;
}

.oct-portfolio4 .esg-filterbutton:first-child {
    border: medium none;
}

/********************************
  - Portfolio 5 -
*********************************/

.oct-portfolio5 .navigationbuttons,
.oct-portfolio5 .esg-pagination,
.oct-portfolio5 .esg-filters {
    text-transform: uppercase;
    text-align: center;
}

.oct-portfolio5 .esg-filterbutton, .oct-portfolio5 .esg-sortbutton, .oct-portfolio5 .esg-cartbutton {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #cccccc;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #cccccc;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 14px;
    margin-bottom: 5px;
    padding: 6px 17px;
    position: relative;
    margin: 0 3px;
    z-index: 2;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.oct-portfolio5 .esg-navigationbutton {
    padding: 2px 12px;
}

.oct-portfolio5 .esg-navigationbutton * {
    color: #000;
}

.oct-portfolio5 .esg-pagination-button:last-child {
    margin-right: 0;
}

.oct-portfolio5 .esg-sortbutton-wrapper,
.oct-portfolio5 .esg-cartbutton-wrapper {
    display: inline-block;
}

.oct-portfolio5 .esg-sortbutton-order,
.oct-portfolio5 .esg-cartbutton-order {
    display: inline-block;
    vertical-align: top;
    border: none;
    width: 40px;
    line-height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #999;
    cursor: pointer;
    background: #eee;
    background: #fff;
    margin-left: 5px;
}

.oct-portfolio5 .esg-cartbutton {
    color: #fff;
    cursor: default !important;
}

.oct-portfolio5 .esg-cartbutton .esgicon-basket {
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    margin-right: 10px;
}

.oct-portfolio5 .esg-cartbutton-wrapper {
    cursor: default !important;
}

.oct-portfolio5 .esg-sortbutton,
.oct-portfolio5 .esg-cartbutton {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.oct-portfolio5 .esg-navigationbutton:hover, .oct-portfolio5 .esg-filterbutton:hover, .oct-portfolio5 .esg-sortbutton:hover, .oct-portfolio5 .esg-sortbutton-order:hover, .oct-portfolio5 .esg-cartbutton-order:hover, .oct-portfolio5 .esg-filterbutton.selected {
    background: transparent;
    color: #232323;
    border-color: #232323;
}

.oct-portfolio5 .esg-navigationbutton:hover * {
    color: #333;
}

.oct-portfolio5 .esg-sortbutton-order.tp-desc:hover {
    color: #333;
}

.oct-portfolio5 .esg-filter-checked {
    padding: 1px 3px;
    color: #cbcbcb;
    background: #cbcbcb;
    margin-left: 7px;
    font-size: 9px;
    font-weight: 300;
    line-height: 9px;
    vertical-align: middle;
}

.oct-portfolio5 .esg-filterbutton.selected .esg-filter-checked,
.oct-portfolio5 .esg-filterbutton:hover .esg-filter-checked {
    padding: 1px 3px 1px 3px;
    color: #fff;
    background: #000;
    margin-left: 7px;
    font-size: 9px;
    font-weight: 300;
    line-height: 9px;
    vertical-align: middle;
}

.oct-portfolio5 .esg-navigationbutton.esg-loadmore {
    color: #232323;
    display: inline-block;
    position: relative;
    margin: 0 3px;
    z-index: 2;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

/********************************
  - Portfolio 5-5 -
*********************************/
.oct-portfolio5-oct-portfolio5-home2 .navigationbuttons,
.oct-portfolio5-oct-portfolio5-home2 .esg-pagination,
.oct-portfolio5-oct-portfolio5-home2 .esg-filters {
    text-transform: uppercase;
    text-align: center;
    margin: 50px auto;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-filterbutton, .oct-portfolio5-oct-portfolio5-home2 .esg-navigationbutton, .oct-portfolio5-oct-portfolio5-home2 .esg-sortbutton, .oct-portfolio5-oct-portfolio5-home2 .esg-cartbutton {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: 1px solid #232323;
    color: #232323;
    cursor: pointer;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 14px;
    margin-bottom: 5px;
    padding: 0 17px;
    position: relative;
    z-index: 2;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-navigationbutton {
    padding: 2px 12px;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-navigationbutton * {
    color: #000;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-pagination-button:last-child {
    margin-right: 0;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-sortbutton-wrapper,
.oct-portfolio5-oct-portfolio5-home2 .esg-cartbutton-wrapper {
    display: inline-block;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-sortbutton-order,
.oct-portfolio5-oct-portfolio5-home2 .esg-cartbutton-order {
    display: inline-block;
    vertical-align: top;
    border: none;
    width: 40px;
    line-height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #999;
    cursor: pointer;
    background: #eee;
    background: #fff;
    margin-left: 5px;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-cartbutton {
    color: #fff;
    cursor: default !important;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-cartbutton .esgicon-basket {
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    margin-right: 10px;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-cartbutton-wrapper {
    cursor: default !important;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-sortbutton,
.oct-portfolio5-oct-portfolio5-home2 .esg-cartbutton {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-navigationbutton:hover, .oct-portfolio5-oct-portfolio5-home2 .esg-filterbutton:hover, .oct-portfolio5-oct-portfolio5-home2 .esg-sortbutton:hover, .oct-portfolio5-oct-portfolio5-home2 .esg-sortbutton-order:hover, .oct-portfolio5-oct-portfolio5-home2 .esg-cartbutton-order:hover, .oct-portfolio5-oct-portfolio5-home2 .esg-filterbutton.selected {
    background: transparent;
    color: #e09300;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-navigationbutton:hover * {
    color: #333;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-sortbutton-order.tp-desc:hover {
    color: #333;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-filter-checked {
    padding: 1px 3px;
    color: #cbcbcb;
    background: #cbcbcb;
    margin-left: 7px;
    font-size: 9px;
    font-weight: 300;
    line-height: 9px;
    vertical-align: middle;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-filterbutton.selected .esg-filter-checked,
.oct-portfolio5-oct-portfolio5-home2 .esg-filterbutton:hover .esg-filter-checked {
    padding: 1px 3px 1px 3px;
    color: #fff;
    background: #000;
    margin-left: 7px;
    font-size: 9px;
    font-weight: 300;
    line-height: 9px;
    vertical-align: middle;
}

.oct-portfolio5-oct-portfolio5-home2 .esg-filterbutton:first-child {
    border: medium none;
}

div.esg-loadmore {
    border: 1px solid #232323 !important;
    overflow: hidden;
    font-size: 16px !important;
    line-height: 14px !important;
    margin: 55px 0 0px !important;
    padding: 20px 40px !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: normal !important;
    letter-spacing: 1px !important;
    position: relative;
    display: inline-block;
}

div.esg-loadmore::after {
    background: #232323 none repeat scroll 0 0;
    border: 3px solid #232323;
    color: #232323;
    content: "";
    height: 0;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    width: 100%;
    z-index: -1;
}

div.esg-loadmore:hover::after {
    height: 900%;
    opacity: 1;
}

div.esg-loadmore:hover {
    color: #ffffff !important;
    background-color: #232323 !important;
}

@media ( max-width: 991px) {
    .esg-filterbutton {
        padding: 5px 10px !important;
        margin-bottom: 5px;
        font-size: 11px;
    }

    .flat-light .esg-filterbutton {
        line-height: 10px !important;
    }
}

.page-template-oct-dual-sidebar #main_container {
    padding: 60px 0;
}

.load_more_button {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
}

.load_more_button .button_block a {
    margin-bottom: 0;
}

.load_more_button a .icon {
    margin-right: 10px;
    margin-top: 3px;
    font-size: 18px;
    transform: rotate(100deg);
}

div.load_more_button {
    margin-top: 0;
}

.main-header {
    z-index: 23;
}

.blog2 .oct_day {
    white-space: nowrap;
}

ul li.cat-item, .widget ul li {
    list-style: outside none none;
}

button.button_newletter.oct-button {
    border: 2px solid #232323;
}

/* Feature Slide*/
.oct-featured-slider {
    line-height: 26px;
}

.oct-featured-slider2 h3 {
    border-bottom: 1px solid #ffffff;
    display: inline-block;
    font-size: 20px;
}

/* Fix update */
.oct-deviced-slide .img-hover .oct-button:after {
    display: none;
}

.oct-button-style.bt-link .button_block a.dleh-style-button {
    padding: 0;
    font-size: 10px;
}

.oct-button-style.bt-link .button_block .oct-button::after {
    background-color: transparent;
}

.oct-button-style.bt-link .button_block .oct-button:hover,
.oct-button-style.bt-link .button_block .oct-button:focus {
    color: #e09300;
    background-color: transparent;
}

.oct-button-style.bt-link .button_block a:hover span {
    color: #e09300;
}

/* fix hover portfolio */
.eg-oct-portfolio-style1-wrapper .esg-entry-media-wrapper > .esg-entry-media.esg-zoomtodefault {
    -webkit-transform: translate3d(0px, 0px, 0px) scale(1, 1) !important;
    -ms-transform: translate3d(0px, 0px, 0px) scale(1, 1) !important;
    -o-transform: translate3d(0px, 0px, 0px) scale(1, 1) !important;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) !important;
}

/* update responsive */
@media (max-height: 800px) {
    .dleh-style-selector.selector-active {
        bottom: 0;
    }

    ul.dleh-style-template > li {
        margin-right: 1%;
        width: 49%;
    }
}

@media (max-width: 1199px) and (min-width: 991px) {
    .container {
        width: 100%;
    }

    .menu-fixed .container {
        width: auto;
    }

    .dleh-style-selector {
        top: 100px;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
    }

    .header-basic .oct-default-menu ul li:last-child > ul.dropdown-menu, .header-basic .oct-default-menu ul li:nth-last-child(2) > ul.dropdown-menu {
        left: auto;
        right: 0;
    }

    .header-basic .oct-default-menu ul li:last-child > ul.dropdown-menu ul, .header-basic .oct-default-menu ul li:nth-last-child(2) > ul.dropdown-menu ul {
        margin-right: 21px;
        right: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .oct-header-post-format.post-format-video {
        max-height: 545px;
    }

    .header-basic .oct-default-menu ul li {
        padding: 13px 17px;
    }

    header .header-small .logo {
        margin-top: 30px;
    }
}

@media (min-width: 991px) and (max-width: 991px) {

    .showcase6 .showcase-content .showcase-info {
        max-width: 90%;
    }

    .showcase4 .showcase-header .portfolio-meta {
        margin-top: 20px
    }

    .oct-masonry-14 .item-masonry.grid-item.grid-item-height2 {
        height: 370px;
    }

    .oct-masonry-14 .item-masonry.grid-item {
        height: 170px;
    }

    .showcase-top-content {
        padding: 0 20px;
    }

    .oct-masonry-23 .grid-item.grid-item-height2 {
        height: 360px;
    }

    .oct-masonry-23 .grid-item {
        height: 165px
    }

    .oct-header-post-format.post-format-video {
        max-height: 430px;
    }

    .oct-iconboxed .img-iconbox, .oct-iconboxed .content-iconbox {
        width: 100%;
    }

    .oct-iconboxed .img-iconbox {
        background: none !important;
    }

    .oct-iconboxed .img-iconbox figure {
        display: block;
    }

    .oct-hero-section-title h1 {
        font-size: 30px !important;
        letter-spacing: 12px;
    }

    .header-basic .oct-default-menu.oct-menu-top-5 {
        margin: 0;
    }

    .header-small .menu4 .mini-shoping-cart-wraper {
        margin-top: 15px;
    }

    .header-basic .oct-menu-top-5.oct-default-menu li a {
        font-size: 18px;
    }

    .main-header .logo {
        width: 11%;
    }

    .logo > a {
        width: 100%;
    }

    .header-basic .header-small .oct-default-menu {
        margin: 14px 0;
    }

    header.header-basic .oct-default-menu ul li {
        padding: 12px 8px;
    }

    .oct-navigation .oct-menu-top-5 {
        padding: 45px 0;
    }

    .header-basic .oct-default-menu.oct-menu-top-4 li a {
        font-size: 20px;
    }

    .block-instagram .image-instagram ul li {
        height: 230px;
    }
}

@media (max-width: 991px) {
    .oct-gallery-grid .col-sm-4 {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .oct-gallery-grid .image-item .oct-img-hover::before,
    .oct-gallery-grid .image-item .oct-img-hover::after {
        left: 10px;
        bottom: 10px;
        right: 10px;
        top: 10px;
    }

    .oct-gallery-grid .col-sm-4:nth-last-child(1),
    .oct-gallery-grid .col-sm-4:nth-last-child(2),
    .oct-gallery-grid .col-sm-4:nth-last-child(3) {
        margin-bottom: 20px;
    }

    .oct-gallery-flat .image-item {
        width: 50%;
    }

    .showcase6 .showcase-content .showcase-info {
        max-width: 90%;
    }

    .showcase6 .info-porfolio .content-info {
        margin-bottom: 130px;
    }

    .showcase6 .showcase-nav .togole-info,
    .showcase6 .showcase-page-nav a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .oct-masonry-14 .grid-sizer, .oct-masonry-14 .grid-item,
    .oct-masonry-14 .grid-item-width2 {
        width: 100%;
    }

    .oct-masonry-14 .item-masonry.grid-item.grid-item-height2,
    .oct-masonry-14 .item-masonry.grid-item {
        height: auto;
    }

    .oct-masonry-23 .grid-item-width2,
    .oct-masonry-23 .grid-sizer, .oct-masonry-23 .grid-item {
        width: 100%;
    }

    .oct-masonry-23 .grid-item.grid-item-height2,
    .oct-masonry-23 .grid-item {
        height: auto;
    }

    .oct-masonry-grid {
        margin: 0 auto;
        width: 80%;
    }

    .showcase-content-header > div {
        width: 100%;
        margin-bottom: 20px
    }

    .showcase.showcase7 .page-title {
        margin-bottom: 20px;
    }

    .single-v4 .main-content-sigle .col-sm-3 {
        text-align: center;
        margin-bottom: 30px;
    }

    .blog-round .blog-item .left-post-format {
        text-align: center;
        width: 100%;
    }

    .blog-round .blog-item .main-content-post {
        float: left;
        margin-top: 30px;
        width: 100%;
    }

    .oct-header-post-format.post-format-video {
        max-height: 270px;
    }

    .oct-iconboxed .img-iconbox, .oct-iconboxed .content-iconbox {
        width: 100%;
    }

    .oct-iconboxed .img-iconbox {
        background: none !important;
    }

    .oct-iconboxed .img-iconbox figure {
        display: block;
    }

    .oct-hero-section-title.style1 .title-content {
        padding: 10px 30px;
    }

    .oct-hero-section-title h1 {
        font-size: 25px !important;
        line-height: 40px;
        letter-spacing: 9px;
    }

    .oct-navigation-transparent .logo {
        margin-top: 20px;
    }

    .admin-bar header .logo {
        margin: 0;
    }

    .admin-bar .oct-navigation-no-transparent .logo {
        margin-top: 25px;
    }

    .menu1 {
        margin: 15px 0;
    }

    .oct-navigation-no-transparent .menu1 {
        margin: 25px 0;
    }

    .header-small .menu1 {
        margin: 10px 0;
    }

    .admin-bar .header-small .menu1 {
        padding: 40px 0 0 0;
    }

    .oct-navigation-no-transparent .header-small .menu1 {
        margin: 18px 0;
    }

    .page-template-oct-inner-page-template .header-small .menu1 {
        margin: 20px 0;
    }

    .admin-bar .header-small .logo {
        margin: 15px 0;
    }

    .admin-bar .header-small .logo {
        margin-top: 60px;
    }

    .admin-bar .oct-navigation-transparent .menu1 div.mini-shoping-cart-wraper {
        padding-right: 0;
    }

    .header-basic nav.oct-default-menu a::before {
        bottom: 6px;
    }

    .header-basic .header-small .oct-default-menu {
        margin: 0;
    }

    .header-basic .menu1 .oct-default-menu li a {
        padding: 5px 0;
    }

    header .logo {
        margin: 25px 0;
    }

    #cssmenu .dropdown-menu.mini-shoping-cart {
        display: none;
    }

    #sidebar-wrapper.active {
        width: 385px;
    }

    #cssmenu ul.main-menu > li {
        padding-right: 25%;
    }

    .oct-hero-section #cssmenu .mini-shoping-cart-wraper > a {
        padding-right: 25%;
    }

    #cssmenu .sidebar-social-top {
        position: relative;
        margin-top: 70px;
    }

    #cssmenu .sidebar-social {
        overflow: hidden;
    }

    #cssmenu .sidebar-social li {
        padding: 0 20px
    }

    .admin-bar .menu2 .mini-shoping-cart-wraper {
        padding-right: 0;
    }

    .header-small .menu4 {
        margin: 25px 0 !important;
    }

    .menu4 .mini-shoping-cart-wraper {
        margin-top: 18px;
        margin-right: 10px;
    }

    .header-small .menu4 .mini-shoping-cart-wraper {
        margin-top: 12px
    }

    .oct-nav-5 .social_header {
        display: none;
    }

    .oct-nav-5 .logo {
        float: left;
    }

    /*  .oct-nav-5 {
          padding: 30px 0 5px 0;
      }*/
    .oct-nav-5 .logo {
        margin-top: 0 !important;
    }

    .header-basic .oct-navigation .oct-menu-top-5 {
        background-color: #232323;
    }

    .oct-deviced-slide .img-hover h3 {
        font-size: 16px;
    }

    .oct-deviced-slide .img-hover .oct-button {
        padding: 0 20px;
        line-height: 30px;
        margin-top: 10px;
    }

    .header-small .oct-nav-5 .mini-shoping-cart-wraper {
        padding: 0;
        margin-top: 6px !important;
    }

    .header-small .oct-nav-5 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .header-small .menu5 .search-header {
        margin-top: 15px;
    }

    .header-small .oct-nav-5 {
        margin-top: 5px;
    }

    div.mini-shoping-cart-wraper div.mini-shoping-cart {
        display: none;
    }

    div.oct-nav-5 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-template-oct-home-template .main-header div.logo, .page-template-oct-inner-page-template .main-header div.logo {
        margin-top: 26px;
    }
    html body.page-template-oct-home-template::before, html body.page-template-oct-inner-page-template::before {
        z-index: 32;
    }

    .mini-shoping-cart-wraper {
        position: relative;
    }

    .oct-nav5-left .oct-nav span {
        display: none;
    }

    header.header-basic.oct-menu-design-dark nav.oct-default-menu ul li > ul.dropdown-menu li a {
        color: #ffffff;
    }

    header.header-basic nav.oct-default-menu {
        background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;

    }

    header.header-basic.oct-menu-design-dark .oct-default-menu a::before {
        background: #ffffff none repeat scroll 0 0;
    }

    header.header-basic.oct-menu-design-dark .oct-default-menu li a {
        color: #ffffff;
        padding: 5px 0;
    }

    header {
        z-index: 31;
    }

    body.oct-adminbar.page-template-oct-home-template2 #sidebar-wrapper {
        top: 0;
    }

    body #sidebar-wrapper {
        top: 0 !important;
    }

    body.page-template-oct-home-template2 .header-basic nav.oct-default-menu.oct-menu-top-4, body.page-template-oct-inner-page-template .header-basic nav.oct-default-menu.oct-menu-top-4, body.page-template-oct-home-template .header-basic nav.oct-default-menu.oct-menu-top-4 {
        top: 0px !important;
        left: 0px !important;
        right: 0px !important;
        bottom: 0px !important;
    }

    @media (max-width: 991px) {
        .oct-navigation-transparent .menu1 div.mini-shoping-cart-wraper, .search-header {
            margin-left: 15px;
            margin-top: 5px;
        }

        .menubar {
            margin-left: 26px;
        }

        .menu3 .menubar {
            margin-left: 20px;
        }

        .menu3 {
            align-items: end;
            margin-top: 20px !important;
            margin-bottom: 20px !important;
        }

        .oct-navigation-transparent .menu3 {
            margin-top: 70px !important;
            margin-bottom: 20px !important;
        }

        .admin-bar .oct-navigation-transparent .menu3 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .header-small .menu3 {
            margin-top: 20px !important;
        }

        .admin-bar .header-small .menu3 {
            margin-top: 50px !important;
        }
    }

    body.page-template-oct-inner-page-template {
        margin-top: 10px;
    }

    .oct-navigation.menu4 .mini-shoping-cart-wraper {
        margin-top: 30px;
    }

    .header-basic div.menu2 .oct-default-menu li a {
        font-size: 16px;
        padding: 5px 0;
    }

    .header-basic nav.oct-menu-top-5.oct-default-menu a::before {
        bottom: -3px;
    }

    .page-template-oct-home-template .main-header.header-small .oct-nav-5 div.logo, .page-template-oct-inner-page-template .main-header.header-small .oct-nav-5 div.logo {
        margin-top: 0;
    }

    div#cssmenu .sidebar-social li {
        padding: 0 10px;
    }

    body.page-template-oct-inner-page-template .oct-navigation-transparent div.main-header {
        padding-top: 0;
    }

    .page-template-oct-home-template2 .menu2 .mini-shoping-cart-wraper {
        margin-top: 20px;
    }

    .admin-bar .menu2 {
        margin: 20px 0 !important;
    }

    .admin-bar .header-small .menu2 {
        margin-top: 60px !important;
        margin-bottom: 15px !important;
    }

    .admin-bar .header-small .oct-navigation.menu4 {
        margin-top: 65px !important;
    }

    .page-template-oct-inner-page-template .header-small .oct-navigation.menu4 {
        margin-top: 26px !important;
    }

    body.page-template-oct-home-template2 .oct-menu-design-dark.oct-navigation-no-transparent div.main-header {
        margin-top: 0;
    }

    .dleh-style-selector {
        bottom: 0;
        display: inline-block;
        top: 80px;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
    }

    .dleh-style-selector-container {
        height: 100%;
        overflow: auto;
    }

    div.mini-shoping-cart-wraper {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .hero-section-banner.video {
        overflow: hidden;
    }

    div.section-title h4 {
        line-height: 18px;
    }

    .page-template-oct-inner-page-template.oct-no-herosection .header-basic .main-header, .page-template-oct-home-template.oct-no-herosection .header-basic .main-header {
        padding-top: 30px !important;
    }

    html body.page-template-oct-home-template2 {
        border-width: medium 30px 30px !important;
    }

    body.page-template-oct-home-template2 .main-header.menu-fixed {
        left: 30px;
        right: 30px;
        width: auto;
    }

    body.page-template-oct-inner-page-template .main-header.menu-fixed.header-small {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.page-template-oct-inner-page-template .oct-navigation-transparent div.main-header.menu-fixed, body.page-template-oct-inner-page-template .oct-navigation-no-transparent div.main-header.menu-fixed, body.page-template-oct-home-template .oct-navigation-no-transparent div.main-header.menu-fixed {
        left: 0;
        right: 0;
        top: 15px;
    }

    .oct-feature-icon {
        padding-bottom: 30px;
    }

    div.oct-masonry-grid .grid-item.item-masonry img {
        height: auto;
    }

    .showcase-top-content h2 {
        margin-top: 20px;
    }

    .oct-featured-slider .item-slide-text div.text-content {
        max-width: 90%;
    }

    .oct-featured-slider .item-slide-text h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .oct-featured-slider div.item-slide .item-slide-text .read-more {
        margin-top: 0;
    }

    .oct-featured-slider span.cat a {
        font-size: 10px;
        word-wrap: break-word;
    }

    .block_contact_content .top_block > div > div {
        padding: 25px 0;
    }

    body.page-template-oct-inner-page-template footer#footer, body.page-template-oct-home-template footer#footer {
        position: relative;
    }

    #block_twitter_review_list {
        padding: 0;
        width: 100%;
    }

    div#oct3-menu-right {
        right: -7px;
    }

    .oct-single-post .banner-blockquote {
        padding: 90px 0 100px;
    }

    div .oct-portfolio5 .esg-filterbutton, div .oct-portfolio5 .esg-sortbutton, div .oct-portfolio5 .esg-cartbutton {
        margin-bottom: 5px;
    }

    div.oct-fullpage-slide {
        margin-top: 0;
    }

    .resp-accordion.resp-tab-active a {
        color: #ffffff;
    }

    .oct-navigation-no-transparent.position-header.menu-fixed-mobile {
        overflow: visible;
    }

    body.page-template-oct-inner-page-template .vc_row[data-vc-stretch-content="true"], body.page-template-oct-home-template .vc_row[data-vc-stretch-content="true"] {
        padding: 0 15px;
    }

    .page-template-oct-inner-page-template .oct-navigation.menu4 {
        margin-top: 28px;
    }
}

/*=============== AK Responsive Menu =============*/
@media (max-width: 767px) {
    .oct-navigation-transparent .logo,
    .oct-navigation-transparent .oct-navigation {
        margin-top: 70px;
    }

    .home-photography .oct-navigation-transparent .logo {
        margin-top: 0 !important;
    }

    .home-photography .oct-navigation-transparent .oct-navigation {
        margin-top: 10px !important;
    }

    .admin-bar .oct-navigation-transparent .logo {
        margin-top: 35px;
    }

    .admin-bar .oct-navigation-transparent .header-small .logo {
        margin-top: 58px;
    }

    .admin-bar .oct-navigation-transparent .oct-navigation {
        margin-top: 35px;
    }

    .admin-bar.page-template-oct-inner-page-template .oct-navigation {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .admin-bar .oct-navigation-transparent .menu3 {
        margin-top: 35px !important;
        margin-bottom: 0 !important;
    }

    .header-small .menu3 {
        margin-top: 20px !important;
    }

    .admin-bar .menu2 {
        margin-top: 20px !important;
    }

    .admin-bar .header-small .menu3 {
        margin-top: 55px !important;
        margin-bottom: 0 !important;
    }

    .admin-bar .header-small .oct-navigation.menu4 {
        margin-top: 60px !important;
        margin-bottom: 15px !important;
    }
}

@media (max-width: 480px) {
    .oct-masonry-grid {
        width: 100%;
    }

    .oct-header-post-format.post-format-video {
        max-height: 175px;
        margin-bottom: 30px;
    }

    .vjs-default-skin .vjs-control-bar {
        bottom: 10px;
    }

    .oct-iconboxed .listicon .item-icon {
        width: 100%;
        padding-right: 0;
    }

    .oct-hero-section-title h1 {
        font-size: 22px !important;
        line-height: 30px;
        letter-spacing: 7px;
    }

    .oct-hero-section-title.style1 .title-content {
        padding: 10px 30px;
    }

    #sidebar-wrapper.active {
        width: 280px;
    }

    #cssmenu ul.main-menu > li {
        padding-right: 40px;
    }

    #cssmenu > ul > li > a {
        font-size: 25px;
    }

    .oct-hero-section #cssmenu .mini-shoping-cart-wraper > a {
        padding-right: 40px;
    }

    .sidebar-social-top {
        margin-top: 80px;
    }

    #cssmenu .sidebar-social li {
        padding: 0 17px;
    }

    .sidebar-social-top {
        position: relative;
    }

    .oct-deviced-slide .img-hover h3 {
        font-size: 12px;
    }

    .oct-deviced-slide .img-hover .oct-button {
        display: none;
    }

    .oct-follow-instagram .follow {
        white-space: normal;
    }

    div.oct-hero-section-title h1 {
        font-size: 12px !important;
        letter-spacing: 3px;
    }

    div.showcase-top-content {
        padding: 0 10px;
    }

    .our_team_carousel_content-style2 div.about_our_team_item_name {
        bottom: 20px;
    }

    div.tab_block_has-title {
        margin-top: 0;
    }

    div#portfolio-gallery-flat.oct-gallery-flat .image-item {
        width: 50%;
    }

    #block_newletter .button.button_newletter {
        padding: 0 10px;
    }

    .blog1.block_recognition div.blog_position {
        padding-bottom: 40px;
    }

    div.blog_position {
        margin: 30px 0 0;
    }

    div.oct-portfolio4 div .eg-oct-portfolio4-element-24 {
        padding: 0 10px;
    }

    div.eg-oct-portfolio4-content {
        padding: 5px 10px 5px 0;
    }

    div.oct-featured-slider .item-slide {
        min-height: 400px;
    }

    div.oct-featured-slider .item-slide .expert {
        display: none;
    }

    div.blog1 .blog_position {
        padding-bottom: 60px;
    }

    div.blog_position {
        margin: 40px 0 0;
    }

}

@media (max-width: 320px) {
    .page-template-oct-home-template2 .header-basic .menubar {
        margin-left: 5px;
    }

    div#portfolio-gallery-flat.oct-gallery-flat div.image-item {
        width: 100%;
    }

}

/* ===================== Pass ==================*/
.single-classic .post-meta-type {
    text-align: center;
}

.default-blog-content-no-option {
    margin-top: 30px;
}

code, kbd, pre, samp {
    font-family: monospace;
}

.media-body, .media-left, .media-right {
    display: block;
}

.page-template-default #main_container {
    margin: 10px 0;
}

.page.page-template-default .oct-hero-section {
    margin-bottom: 50px;
}

ul {
    list-style-type: square;
    padding-left: 30px;
}

.group-tags {
    margin-top: 15px;
}

.oct-blog.blog2 .img-feature img {
    width: auto;
}

.post-password-form input[type="password"] {
    margin-top: 10px;
    display: block;
    height: 37px;
    line-height: 37px;
    padding: 0 10px;
    outline: none;
}

.tag-sticky-2 .oct_blog_title a {
    padding-left: 25px;
    position: relative;
}

.tag-sticky-2 .oct_blog_title a:before {
    content: "\f249";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.page-template-page_sidebar_left #main_container {
    padding: 60px 0;
}

.page-link {
    clear: both;
    padding-top: 15px;

}

.back-to-top {
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #212121;
    right: 40px;
    bottom: 50px;
    text-align: center;
    cursor: pointer;
    z-index: 900;
    opacity: 0.9;
    transition: all 0.3s ease-in-out;
}

.back-to-top:hover {
    background-color: #e09300;
    opacity: 1;
}

.back-to-top:hover .fa {
    transition: all .3s;
}

.back-to-top:hover .fa {
    color: #fff;
    transform: translateY(-5px);
}