/* ======================
    Backgrounds
   ====================== */
body {
    background:;
}

    #header-inner-wrap,
    body.header-transparent #header #header-inner-wrap.no-transparent {
        background-color: rgb(255,255,255);
        background-color: rgba(255,255,255,1);
    }

    body.header-transparent #header #header-inner-wrap {
        -webkit-transition: background .25s ease, box-shadow .25s ease;
        -moz-transition: background .25s ease, box-shadow .25s ease;
        -o-transition: background .25s ease, box-shadow .25s ease;
        transition: background .25s ease, box-shadow .25s ease;
    }

#content {
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,1);
}

#footer, .back-to-top-triangle.arrow_box {
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,1);
}

.page-title-module-custom {
    background-color: rgb(232,232,232);
    background-color: rgba(232,232,232,1);
    padding: 32px 0px;
}

#sb-slidebar-content {
	background-color: #568cac;
	background: 77BC1F url(/images/Collage-2.jpg) repeat fixed right center;
}

/* ======================
    Typography
   ====================== */
body {
    font: normal normal 18px "Roboto Slab","Open Sans","Arial",sans-serif;
    color: #3f3f3f;
    line-height: 30px;
    letter-spacing: 0px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1 {
    font: normal 300 36px "Roboto Slab","Open Sans","Arial",sans-serif;
    color: #3f3f3f;
    line-height: 65px;
    letter-spacing: 2px;
    text-transform: none;
}

h2 {
    font: normal 100 35px "Roboto","Open Sans","Arial",sans-serif;
    color: #3f3f3f;
    line-height: 60px;
    letter-spacing: 2px;
    text-transform: none;
}

h3 {
    font: normal normal 30px "Montserrat","Open Sans","Arial",sans-serif;
    color: #3f3f3f;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: none;
}

h4 {
    font: normal normal 22px "Montserrat","Open Sans","Arial",sans-serif;
    color: #3f3f3f;
    line-height: 40px;
    letter-spacing: 3px;
    text-transform: none;
}

h5, #reply-title {
    font: normal normal 20px "Montserrat","Open Sans","Arial",sans-serif;
    color: #3f3f3f;
    line-height: 30px;
    letter-spacing: 0px;
    text-transform: none;
}

h6 {
    font: normal normal 22px "Roboto Slab","Open Sans","Arial",sans-serif;
    color: #3f3f3f;
    line-height: 50px;
    letter-spacing: 0px;
    text-transform: none;
}

#navigation {
    font: normal "","Open Sans","Arial",sans-serif;
    color:;
    line-height:;
    letter-spacing:;
    text-transform:;
    ;
}

.thumb-title,
.full-screen-portfolio-overlay-title {
    font: normal normal 14px "Montserrat","Open Sans","Arial",sans-serif;
    color: #000000;
    line-height: 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
    ;
}

#footer {
    font: normal normal 11px "Montserrat","Open Sans","Arial",sans-serif;
    color: #ffffff;
    line-height: 28px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.sidebar-widgets h6 {
    font: normal normal 15px "Montserrat","Open Sans","Arial",sans-serif;
    color: #000000;
    line-height: 26px;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.sidebar-widgets {
    font: normal normal 13px "Montserrat","Open Sans","Arial",sans-serif;
    color: #7e7e7e;
    line-height: 25px;
    letter-spacing: 0px;
    text-transform: none;
}

#slidebar-menu {
    font: normal normal 15px "Montserrat","Open Sans","Arial",sans-serif;
    color: #fff;
    line-height: 40px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

    #slidebar-menu .sub-menu {
        font: normal normal 14px "Droid Serif","Open Sans","Arial",sans-serif;
        color: #fff;
        line-height: 40px;
        letter-spacing: 1px;
        text-transform: none;
    }

        #slidebar-menu .sub-menu .sub-menu {
            font: normal normal 12px "Droid Serif","Open Sans","Arial",sans-serif;
            color: #fff;
            line-height: 30px;
            letter-spacing: 1px;
            text-transform: none;
        }

body.overlay_slidebar #slidebar-menu {
    font: normal normal 25px "Montserrat","Open Sans","Arial",sans-serif;
    color: #fff;
    line-height: 72px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

    body.overlay_slidebar #slidebar-menu .sub-menu {
        font: normal normal 18px "Droid Serif","Open Sans","Arial",sans-serif;
        color: #fff;
        line-height: 45px;
        letter-spacing: 0px;
        text-transform: none;
    }

        body.overlay_slidebar #slidebar-menu .sub-menu .sub-menu {
            font: normal normal 14px "Droid Serif","Open Sans","Arial",sans-serif;
            color: #fff;
            line-height: 28px;
            letter-spacing: 0px;
            text-transform: none;
        }

.sb-slidebar .widget {
    font: normal normal 13px "Montserrat","Open Sans","Arial",sans-serif;
    color: #ffffff;
    line-height: 25px;
    letter-spacing: 0px;
    text-transform: none;
}

    .sb-slidebar .widget h6 {
        font: normal normal 14px "Montserrat","Open Sans","Arial",sans-serif;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: 0px;
        text-transform: uppercase;
    }

.page-title-module-custom .page-title-custom {
    font: normal normal 24px "Montserrat","Open Sans","Arial",sans-serif;
    color: #000000;
    line-height: 36px;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.page-title-module-custom .header-breadcrumb {
    line-height: 36px;
}

.layout-box-top, .layout-box-right, .layout-box-bottom, .layout-box-left {
    background: #fff url(/images/Bg-Texture-1.png) repeat scroll left top;
}

.be-button,
input[type="submit"],
.action-button {
    font-family: "Montserrat";
    letter-spacing: 2px;
    font-size: 11px;
}

a.more-link,
.post-nav,
.portfolio-item-cats,
.contact_form_module .contact_fieldset.submit-fieldset input[type="submit"],
.comment-meta time,
.post-author-details .author-bio,
.recent-blog-date {
    font-family: "Montserrat";
}

a .ui-tabs .ui-tabs-nav li a,
.ui-accordion .ui-accordion-header,
.skill_name,
.be-notification, .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ok {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* ======================
    Layout 
   ====================== */

.header-cart-controls .cart-contents {
    background: #568cac;
}

.header-cart-controls .cart-contents {
    color: #ffffff;
}

#sb-slidebar-content .header-cart-controls:before,
#sb-slidebar-content .menu-controls i.font-icon,
#sb-slidebar-content .site-share-wrap i.font-icon {
    color: #fff;
}

.left-sidebar-page,
.right-sidebar-page,
.no-sidebar-page .be-section-pad:first-child,
.page-template-page-940-php #content,
.blog .no-sidebar-page #content-wrap,
body.single-portfolio .no-sidebar-page,
.page-template-blog-php .style3-blog {
    padding-top: 80px;
}

    .left-sidebar-page .be-section:first-child, .right-sidebar-page .be-section:first-child, .dual-sidebar-page .be-section:first-child {
        padding-top: 0 !important;
    }

.hizmetlerimiz {
    height: 380px;
}

@media only screen and (max-width : 1200px ) {
    .hizmetlerimiz {
        height: 100%;
    }
}
/* ======================
    Colors 
   ====================== */
.filters .current_choice {
    color: #568cac !important;
    border-color: #568cac !important;
}

.sec-border,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input:not([type]),
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"] {
    background-color: #efefef !important;
    border: 1px solid #dedede !important;
    color: #555555;
}

.sec-bg,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce table.shop_table thead, .woocommerce-page table.shop_table thead {
    background-color: #efefef;
}

.chosen-container .chosen-drop,
.chosen-container .chosen-results li {
    background: #efefef !important;
    color: #555555 !important;
    border-color: #dedede !important;
}

.sec-color,
.post-meta a,
.pagination a, .pagination span, .pages_list a {
    color: #555555;
}

.sec-border,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
.woocommerce table.shop_table thead, .woocommerce-page table.shop_table,
.woocommerce form.login,
.woocommerce form.checkout_coupon,
.woocommerce form.register {
    border: 1px solid #dedede;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button,
.woocommerce-page .widget_shopping_cart_content .buttons a.button,
.woocommerce .quantity .plus,
.woocommerce .quantity .minus,
.chosen-container,
.woocommerce #payment ul.payment_methods,
.woocommerce #payment div.form-row,
input[type="submit"], .action-button .be-button {
    border-color: #dedede;
    color: #555555;
}

.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel {
    border: 1px solid #dedede;
    border-top: none;
}

.style1-blog .element,
.style2-blog .element,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce table.shop_table.cart thead tr th,
.pricing-table li,
article.comment,
.commentlist .comment-respond,
.chosen-container-single .chosen-search {
    border-bottom: 1px solid #dedede;
}

.woocommerce table.shop_table tr td.actions,
.cart_totals tr,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
    border-top: 1px solid #dedede;
}

.separator {
    border: 0;
    height: 1px;
    color: #dedede;
    background-color: #dedede;
}

.gallery_content_area_sidebar a.custom-share-button,
.gallery_content_area_sidebar a.custom-share-button:active,
.gallery_content_area_sidebar a.custom-share-button:hover,
.gallery_content_area_sidebar a.custom-share-button:visited {
    color: #000;
}

.alt-color,
li.ui-tabs-active h6 a,
#navigation a:hover,
#header-top-menu a:hover,
a,
a:visited,
.social_media_icons a:hover,
.post-title a:hover,
.fn a:hover,
a.team_icons:hover,
.recent-post-title a:hover,
.widget_nav_menu ul li.current-menu-item a,
.widget_nav_menu ul li.current-menu-item:before,
.woocommerce ul.cart_list li a:hover,
.woocommerce ul.product_list_widget li a:hover,
.woocommerce-page ul.cart_list li a:hover,
.woocommerce-page ul.product_list_widget li a:hover,
.woocommerce-page .product-categories li a:hover,
.woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover,
td.product-name a:hover,
.woocommerce-page #content .quantity .plus:hover,
.woocommerce-page #content .quantity .minus:hover,
.post-category a:hover,
.menu-controls i.font-icon,
.site-share-wrap i.font-icon,
.header-cart-controls:before,
.single_portfolio_info_close .font-icon,
.recent-blog-date a:hover {
    color: #568cac;
}

.style1-blog .post-title a:hover,
.style2-blog .post-title a:hover {
    color: #568cac !important;
}

.post-title a:hover,
.portfolio-item-cats,
.post-author-details .author-date {
    color: #568cac;
}

.bubblingG {
    border-top: 0.5em solid rgba(119,188,31,0.2);
    border-right: 0.5em solid rgba(119,188,31,0.2);
    border-bottom: 0.5em solid rgba(119,188,31,0.2);
    border-left: 0.5em solid #568cac;
}

.alt-bg,
.tagcloud a:hover,
.pagination a:hover,
.widget_tag_cloud a:hover,
#navigation .sub-menu a:hover,
.flex-direction-nav a:hover,
.pagination .current,
#navigation .sub-menu .current-menu-item > a,
.be-carousel-nav:hover {
    background-color: #568cac;
    transition: all 0.4s linear;
}

.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.woocommerce span.onsale,
.woocommerce-page span.onsale,
.woocommerce a.add_to_cart_button.button.product_type_simple.added,
.woocommerce-page .widget_shopping_cart_content .buttons a.button:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce .button.alt, .woocommerce-page #respond input#submit.alt,
.woocommerce .button.alt:hover, .woocommerce-page #respond input#submit.alt:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button.alt#place_order:hover,
.testimonial-flex-slider .flex-control-paging li a.flex-active,
a.more-link,
.component nav a,
.arrow_prev,
.arrow_next,
.ms-nav-next,
.ms-nav-prev {
    background: #568cac !important;
}

.tagcloud a:hover,
.testimonial-flex-slider .flex-control-paging li a.flex-active,
.testimonial-flex-slider .flex-control-paging li a {
    border-color: #568cac;
}

.thumb-bg {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.product-meta-data h3,
.product-meta-data span {
    font: normal normal 13px "Montserrat","Open Sans","Arial",sans-serif;
    color: #000000;
    line-height: 23px;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.photostream_overlay {
    background-color: #568cac;
}

.alt-bg-text-color,
.tagcloud a:hover,
.pagination a:hover,
.widget_tag_cloud a:hover,
#navigation .sub-menu a:hover,
#navigation .sub-menu .menu-item:hover:before,
.pagination .current,
#navigation .sub-menu .current-menu-item > a,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
a.more-link {
    color: #ffffff !important;
    transition: 0.2s linear all;
}

.portfolio-title a {
    color: inherit;
}

.woocommerce-page .price_slider_amount .button:hover,
.woocommerce-page .widget_shopping_cart_content .buttons a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce table.cart td.actions .button.alt,
.woocommerce #content table.cart td.actions .button.alt,
.woocommerce-page table.cart td.actions .button.alt,
.woocommerce-page #content table.cart td.actions .button.alt,
.header-cart-controls .widget_shopping_cart_wrap .widget p.buttons a.button.checkout,
.header-cart-controls .widget_shopping_cart_wrap .widget p.buttons a.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce .cart-collaterals .shipping_calculator .button:hover,
.woocommerce-page .cart-collaterals .shipping_calculator .button:hover,
.woocommerce .button.alt,
.woocommerce-page #content input.button.alt {
    background-color: #568cac;
    border-color: #568cac;
    color: #ffffff;
}

pre {
    background-image: -webkit-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px);
    background-image: -moz-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px);
    background-image: -ms-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px);
    background-image: -o-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px);
    background-image: repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px);
    display: block;
    line-height: 28px;
    margin-bottom: 50px;
    overflow: auto;
    padding: 0px 10px;
    border: 1px solid #dedede;
}

@media only screen and (max-width : 767px ) {
    #hero-section h1 {
        font-size: 30px;
        line-height: 40px;
    }

    #hero-section h2 {
        font-size: 25px;
        line-height: 35px;
    }

    #hero-section h4 {
        font-size: 15px;
        line-height: 30px;
    }
}

#navigation,
.header-controls,
.mobile-nav-controller-wrap,
.follow-btn-wrap {
    line-height: 95px;
}

body.header-transparent #header-inner-wrap #navigation,
body.header-transparent #header-inner-wrap .header-controls,
body.header-transparent #header-inner-wrap .mobile-nav-controller-wrap {
    line-height: 95px;
}
/*  Optiopn Panel Css */
.single-portfolio .no-sidebar-page {
    padding-top: 0px !important;
}