@import url('https://fonts.googleapis.com/css?family=Barlow:500,700|Roboto:500&subset=latin-ext');

/*Wordpress editor styles start*/
.entry-content img { margin: 0 0 1.5em 0; }
.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }
.wp-smiley { margin: 0 !important; max-height: 1em; }
blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }
blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }
/*Wordpress editor styles end*/



/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {font-family:'Barlow', sans-serif; font-weight:500; line-height: 1; background-color:#ffffff; color:#383838;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-size: cover; background-position: center center; background-repeat: no-repeat;}
ol, ul { list-style: none; }
blockquote, q { quotes:none; font-weight:700; margin-bottom:20px; font-size:18px; padding-left:10px; font-style:italic;  }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none }
table { border-collapse: collapse; border-spacing: 0; }

p{font-size: 13px; font-weight:500; line-height: 18px; margin-bottom:20px;}
p strong, p b{font-weight:700}

h1,h2,h3,h4,h5,h6{margin-bottom:20px;}

a, a:hover{text-decoration:none !important; color:#000}
img{max-width:100%; height:auto;}

img.icon-x{display:block; float:none; clear:both; margin:30px auto 0; }


/* Scrollbar*/
::-webkit-scrollbar {
    width: 6px;
    height: 4px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px #383838;
}
::-webkit-scrollbar-thumb {
    background-color: #383838;
    outline: #383838 solid 1px;
}

/* Reset CSS end */

/* PRELOADER */
.preloader-icon {border: 4px solid #2e3092; border-top: 4px solid #ed1c24; border-radius: 50%;width: 30px;height: 30px;animation: spin .5s linear infinite;}
    
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
    
.page-preloader{position:fixed;min-width: 100%;min-height:100vh;top:0;left:0;z-index: 99999;background-color: rgba(21, 21, 28, .9);}


/* HEADER */
header{padding-top:20px; padding-bottom:20px; font-family:'Roboto', 'Barlow', sans-serif; font-size:12px; }
    header .language-chooser li{opacity:1 !important;}
        header .language-chooser li a{color:#2e3192; font-weight:700;}
        header .language-chooser li.active a{color:#ed1c24;}

    header #menu-main-menu{padding-top:10px}
    header #menu-main-menu li{margin-left:20px}
        header #menu-main-menu li a{font-size:12px; letter-spacing:1px; color:#2e3192;}

        header #menu-main-menu li.current-menu-item a,
        header #menu-main-menu li a:hover,
        header #menu-main-menu li a:focus{color:#ed1c24;}

    header button.navbar-toggler{background-color:#f6f6f6; margin:15px auto 0}
        header button.navbar-toggler span i{color: #2e3192; font-size:24px; margin:3px 0 0; padding:0; line-height:1; vertical-align:middle;}

    @media(max-width:768px){
        header #menu-main-menu{padding-top:30px; padding-bottom:30px; background-color:#f6f6f6; margin-top:10px; border-radius:20px;}
            header #menu-main-menu li{margin:0; text-align:center;}
                header #menu-main-menu li a{font-size:18px}
        header .language-chooser{margin-bottom:20px !important;}
    }

/* FOOTER */

footer{padding-top:80px; padding-bottom:80px;}
    footer p,
    footer .footer-content{font-size:13px; font-weight:500; color:#7b7b7b; line-height:25px}
    footer .footer-content a{color:#ed1c24;}
    footer h4{margin-bottom:0; min-height:25px}

    footer .fa{font-size:16px; color:#ed1c24; margin-left:5px;}

    footer .footer-sm img{display:inline-block; margin-top:10px;}

    footer .site-info{font-size:11px; text-align:center; width:100%; margin-top:20px;}

@media(max-width:768px){
    footer .logo_href img{margin-bottom:30px;}
}


/* HOME */
section#main_about{padding-top:100px; padding-bottom:10px;}
    section#main_about h2{font-size:18px; font-weight:500;}
    section#main_about img.icon-x{margin-top:60px}

section#ara_banner_01 .ara-banner-01-content{position:relative; background-size:cover; background-repeat:no-repeat; background-position:center;}
    section#ara_banner_01 .ara-banner-01-content h3{position:absolute; top:40%; right:15%; text-transform:uppercase; font-size:29px; color:#ed1c24; max-width:500px; text-align:right; transform:translateY(-50%);}
    section#ara_banner_01 .ara-banner-01-content img{visibility:hidden;}

section#ara_banner_02 .ara-banner-02-content{position:relative; background-size:cover; background-repeat:no-repeat; background-position:center;}
    section#ara_banner_02 .ara-banner-02-content h3{position:absolute; top:50%; left:15%; text-transform:uppercase; font-size:29px; color:#fff; max-width:500px; text-align:left; transform:translateY(-50%);}
    section#ara_banner_02 .ara-banner-02-content img{visibility:hidden;}

@media(max-width:992px){
    section#ara_banner_01 .ara-banner-01-content h3,
    section#ara_banner_01 .ara-banner-02-content h3{font-size:18px; max-width:250px}
}

section.urun-list-section{padding-top:100px;}
    section.urun-list-section h2{font-size:25px; font-weight:500; color:#383838; margin-bottom:30px;}
        section.urun-list-section h2 span{color:#ed1c24}

    section.urun-list-section .btn-urunlist{margin-bottom:20px; font-size:12px; font-weight:600;}
        section.urun-list-section .btn-urunlist span{color:#ed1c24}
    section.urun-list-section .btn-urunlist-close{font-size:12px; font-weight:600;}
        section.urun-list-section .btn-urunlist-close .fa{display:block; font-size:36px; margin:0 auto; color:#ed1c24 }

        section.urun-list-section .urun-posts{display:grid; grid-template-columns:repeat(3,1fr); grid-column-gap:15px; grid-row-gap:30px; background-color:#f8f8f8; padding:40px}
            section.urun-list-section .urun-posts .urun-item a{display:grid; grid-template-columns:1fr; grid-template-rows:300px auto; grid-row-gap:25px; text-align:center; cursor:pointer;}
            section.urun-list-section .urun-posts .urun-item *{ -webkit-transition: all 250ms ease-in-out;
                                                                -moz-transition: all 250ms ease-in-out;
                                                                -ms-transition: all 250ms ease-in-out;
                                                                -o-transition: all 250ms ease-in-out;
                                                                transition: all 250ms ease-in-out;}
                section.urun-list-section .urun-posts .urun-item .urun-item-img{display:flex; justify-content:center; align-items:center; padding:30px;}
                    section.urun-list-section .urun-posts .urun-item .urun-item-img img{max-width:100%; max-height:100%; width:auto; height:auto;}
                section.urun-list-section .urun-posts .urun-item .urun-item-content h2{font-size:18px; font-weight:500; color:#2a2d90; margin-bottom:20px;}
                section.urun-list-section .urun-posts .urun-item .urun-item-content p{padding:0 15px;}

            section.urun-list-section .urun-posts .urun-item:hover .urun-item-img{transform:scale(1.1) rotate(2deg); transform-origin:center}

/* PAGE - GENERAL */
section#page_header{margin-bottom:50px;}

section#page_content h1{font-size:25px; font-weight:500;}
section#page_content h2{font-size:18px; font-weight:500;}

/* PAGE - ÜRÜNLER */
section.product-contents .cat_title{display:inline-block; width:auto; text-align:center; margin-bottom:40px;}
    section.product-contents .cat_title h2{font-size:23px; font-weight:600; text-transform:uppercase;}
        section.product-contents .cat_title h2 span.color{color:#ed1c24}

section.product-contents{margin-bottom:50px}
    section.product-contents .nav{border:none;}
        section.product-contents .nav li{all:unset; display:block; float:none; clear:both; width:100%; margin-bottom:10px;}
            section.product-contents .nav li h4{font-size:15px; font-weight:500; text-transform:uppercase; margin-bottom:0; margin-top:10px;}
            section.product-contents .nav li a{all:unset; padding-left:20px; font-size:13px; cursor:pointer; color:#858383}
            section.product-contents .nav li a:hover,
            section.product-contents .nav li a:focus,
            section.product-contents .nav li a.active{color:#383838}

            section.product-contents .nav .active-cat{color:#ed1c24}

section#urunler_ara_banner{position:relative; margin-bottom:50px; background-size:cover; background-position:center; }
    section#urunler_ara_banner img{visibility:hidden;}
    section#urunler_ara_banner h4{position:absolute; top:50%; left:20px; text-transform:uppercase; font-size:29px; color:#ed1c24; max-width:500px; text-align:left; transform:translateY(-50%);}

@media(max-width:992px){
    section#urunler_ara_banner h4{font-size:18px;}
}

section.product-contents .tab-content{max-width:100%;}
section.product-contents .product-post-content{display:grid;max-width:100%; grid-template-columns:auto minmax(200px,300px);grid-column-gap:15px;grid-row-gap:10px;}
    section.product-contents .product-post-content .post-left-content h2{font-size:24px; font-weight:600}
    section.product-contents .product-post-content .post-content-gallery{}
    section.product-contents .product-post-content .post-content-alt{}

/* PAGE - İLETİŞİM */
#page_contact{padding-top:100px; padding-bottom:100px;}

    #page_contact .form-wrapper{/**/}
        #page_contact .form-wrapper::after{display:block; content:''; float:none; clear:both;}
        #page_contact .form-wrapper *{max-width:100%;}
        #page_contact .form-wrapper .form-yarim{width:49%; float:left; }
        #page_contact .form-wrapper .form-sag{float:right;}
        #page_contact .form-wrapper .form-tam{width:100%; float:none; clear:both;}
        #page_contact .form-wrapper label{display:block; width:100%; margin-bottom:5px; font-size:15px; font-weight:400; color:#2a2d90;}
        #page_contact .form-wrapper input{width:100%; border:solid 1px #c0b5a7; height:36px; line-height:36px; font-size:14px; margin-bottom:10px}
        #page_contact .form-wrapper textarea{width:100%; border:solid 1px #c0b5a7; height:120px; line-height:24px; font-size:14px; margin-bottom:10px; resize:none;}
        #page_contact .form-wrapper .wpcf7-submit{font-size:14px; text-transform:uppercase; font-weight:700; line-height:36px; font-size:13px; height:36px; margin:0; padding:0 cursor:pointer; color:#2a2d90;}

.iletisim-adresleri{margin-bottom:30px;}
    .iletisim-adresleri h4{font-size:24px; margin-bottom:20px; color:#2a2d90}
    .iletisim-adresleri p{margin-bottom:10px; font-size:15px;}

.page-header-map{}
.page-header-map .acf-map{min-height: 500px; width: 100%;}
.page-header-map .acf-map img { max-width: inherit !important;}