@charset "utf-8";
/*
  ************************************************************************
  * STYLE font-family: 'Fjalla One', sans-serif;
  ************************************************************************  
*/
html.index, body.index { height:100%; }
html { line-height: normal; }
.responsive-img { vertical-align:bottom; }
a { cursor:pointer; }
h1, h2, h3, h4, h5, h6 { line-height:normal; }
body { color:#1e4d5c; font-size:16px; font-family: 'Montserrat', sans-serif; }

.wrapper { max-width:1300px; margin-left:auto; margin-right:auto; position:relative; }

.mobile-contact { width:100%; display:none; margin:0px; padding:0px; list-style:none; text-align:center; position:fixed; left:0px; bottom:0px; z-index:2; }
.mobile-contact > li { width:33.33%; display:inline-block; vertical-align:top; background-color:#e44676; }
.mobile-contact > li.whatsapp { background-color:#0dc143; }
.mobile-contact > li.arama { background-color:#28b8d6; }
.mobile-contact > li.map { background-color:#2880b9; }
.mobile-contact > li > a { display:block; color:#ffffff; font-size:12px; font-weight:600; line-height:36px; cursor:pointer; }

.social-media { margin:0; padding:0; list-style:none; text-align:center; }
.social-media li a { width:44px; height:44px; display:block; color:#e3daa0; line-height:44px; border-radius:50%; border:1px solid #e3daa0; }

.header { min-height:120px; position:relative; z-index:2; background-color:#1e4d5c; }
.header .container { overflow:hidden; }
.header .brand { display:inline-block; float:left; margin-top:35px; }
.header .phone { display:inline-block; overflow:hidden; float:right; margin-top:45px; }
.header .sidenav-trigger { display:inline-block; float:right; margin-top:45px; margin-right:40px; }
.header .sidenav-trigger > strong { display:none; margin-top:5px; margin-right:10px; vertical-align:top; color:#e3daa0; font-size:16px; font-weight:700; }

.navigation { width:auto; height:auto; float:right; margin-top:50px; line-height:normal; position:relative; z-index:1; background-color:transparent; }
.navigation .menus { margin:0px; padding:0px; list-style:none; }
.navigation .menus > li { margin-right:25px; position:relative; }
.navigation .menus > li > a { display:inline-block; padding:0px; color:#e3daa0; font-size:16px; font-weight:700; line-height:normal; position:relative; background-color:transparent; }
.navigation .menus > li > a.active, .navigation .menus > li > a:hover { color:#f8cb31; }
/*.navigation .menus-list { width:260px !important; overflow:hidden; margin:0px; padding:30px 20px 30px 40px; list-style:none; top:40px !important; left:-40px !important; background-color:#4ed7f4;  }
.navigation .menus-list li { min-height:inherit; margin-bottom:10px; line-height:normal; position:relative; }
.navigation .menus-list li:last-child { margin-bottom:0px; border-bottom:none; }
.navigation .menus-list li > a { padding:0px; color:#18515d; font-size:17px; line-height:normal; background-color:transparent; }
.navigation .menus-list li:hover { background-color:transparent; }
.navigation .menus-list li > a:hover { color:#000000; }*/

.mobile-navigation .profile-mobile { min-height:170px; padding:0px 25px; padding-top:20px; color:#ffffff; font-size:13px; font-weight:300; background-image:url(/images/mobile-nav-bg.jpg); background-repeat:no-repeat; background-position:center top; }
.mobile-navigation .profile-mobile strong { display:block; margin-top:10px; font-size:15px; font-weight:700; }
.mobile-navigation .phone { padding:15px 25px; font-size:14px; font-weight:600; border-bottom:1px solid #edf0f1; }
.mobile-navigation .phone a { display:inline-block; padding:0px; font-size:14px !important; color:#141516; }
.mobile-navigation .phone i { margin:0px 10px; }
.mobile-navigation .social-media { margin:0px; padding:15px 25px; text-align:center; border-top:1px solid #edf0f1; }
.mobile-navigation .social-media > li { display:inline-block; overflow:hidden; margin-left:3px; margin-right:3px; }
.mobile-navigation .social-media > li > a { width:36px; height:36px; display:block; overflow:hidden; padding:0px; font-size:13px; line-height:34px; border:1px solid #edf0f1; border-radius:50%; background-color:transparent; box-shadow:none; }
.mobile-navigation .social-media > li > a > i { width:auto; height:auto; float:none; margin:0px; color:#141516; line-height:normal; }
.mobile-navigation .social-media > li > a:hover { background-color:#edf0f1; }
.mobile-navigation ul { overflow:hidden; margin:0px; padding:20px 25px; list-style:none; }
.mobile-navigation ul > li { margin-bottom:7px; line-height:normal; }
.mobile-navigation ul > li.clear-both { margin-bottom:15px; }
.mobile-navigation ul > li.submenu { padding-left:10px; }
.mobile-navigation ul > li:last-child { margin-bottom:0px; }
.mobile-navigation ul > li > a { height:auto; display:inline-block; padding:0px; color:#141516; font-size:15px; font-weight:600; line-height:normal; background-color:transparent; }
.mobile-navigation ul > li.submenu > a { color:#141516; font-size:13px; font-weight:400; }
.mobile-navigation ul > li.language > a { color:#ffa914; }
.mobile-navigation ul > li > a:hover { color:#ffa914; background-color:transparent; }
.mobile-navigation a { cursor:pointer; }

.slider-area { height:calc(100% - 120px); margin-bottom:80px; position:relative; z-index:1; }
.slider-area .slider { height:auto; position:relative; z-index:0; }
.slider-area .owl-dots { text-align:center; position:absolute; right:20%; bottom:30px; z-index:2; /*transform:translateX(-50%);*/ }
.slider-area .owl-dots .owl-dot { width:27px; height:27px; display:inline-block; margin:1px 3px; border:2px solid #ffffff; border-radius:50%; background-color:transparent; }
.slider-area .owl-dots .owl-dot.active { background-color:#ffffff; }
.slider-area .slider, .slider-area .owl-stage-outer, .slider-area .owl-stage, .slider-area .owl-item, .slider-area .slider .owl-slide { height:100%; }
.slider-area .slider .owl-slide { cursor:pointer; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.link-btn { display:inline-block; overflow:hidden; text-align:center; color:#ffffff; font-size:16px; position:relative; border:2px solid #ffffff; }
.link-btn span { display:inline-block; position:relative; z-index:1; }
.link-btn, .link-btn:before { transition:all 0.3s; }
.link-btn:before { width:100%; height:0; position:absolute; left:0; bottom:0; z-index:0; background-color:#ffa914; content:"";}
.link-btn:hover { color:#ffffff !important; border-color:#ffa914 !important; }
.link-btn:hover:before { height:100%; }

.index-container { margin-bottom:40px; text-align:center; }
.section-headline { margin:0; margin-bottom:30px; text-align:center; color:#1e4d5c; font-size:26px; font-weight:700; }

.contents-list { overflow:hidden; margin:0; margin-bottom:18px; padding:0; list-style:none; text-align:center; }
.contents-list > li { display:inline-block; overflow:hidden; margin-bottom:12px; vertical-align:top; }
.contents-list > li a { display:inline-block; overflow:hidden; }

.order-area { margin-bottom:20px; position:relative; background-image:url(/images/reklam-bg.jpg); background-repeat:repeat-x; background-position:left top; }
.order-area .container { position:relative; }
.order-area .reklam { display:block; overflow:hidden; }

.footer { overflow:hidden; text-align:center; position:relative; }
.footer .container { overflow:hidden; }
.footer .headline { overflow:hidden; clear:both; margin-bottom:35px; text-align:left; position:relative; }
.footer .headline:before { width:100%; height:3px; position:absolute; left:0; top:50%; z-index:0; transform:translateY(-50%); background-color:#e3daa0; content:""; }
.footer .headline a { display:inline-block; position:relative; z-index:1; }
.footer .map { width:63%; display:inline-block; overflow:hidden; float:left; }
.footer .contact { width:37%; overflow:hidden; float:right; padding-top:20px; text-align:center; }
.footer .contact a { display:inline-block; }
.footer .contact .address { margin-top:30px; margin-bottom:30px; }
.footer .contact .email { margin-bottom:10px; color:#1e4d5c; font-size:24px; font-weight:700; }
.footer .contact p { margin:0; color:#1e4d5c; font-size:20px; font-weight:500; }
.footer .bottom { overflow:hidden; margin-top:90px; padding-top:50px; padding-bottom:50px; background-color:#1e4d5c; }
.footer .brand { display:inline-block; float:left; }
.footer .phone { display:inline-block; overflow:hidden; float:right; margin-top:7px; }
.footer .social-media { float:right; margin-right:15px; }
.footer .social-media > li { display:inline-block; margin-left:4px; margin-right:4px; vertical-align:top; text-align:center; }
.copyright { overflow:hidden; padding-top:30px; padding-bottom:30px; color:#1e4d5c; font-size:14px; }
.copyright p { margin:0; }
.copyright p > span { color:#1e4d5c; }
.copyright p i { font-size:12px; }
.sevendigital { display:inline-block; float:right; }

/* Content Style */
.container-area { overflow:hidden; padding-top:70px; }

.product-area { overflow:hidden; margin-bottom:70px; }
.product-gallery { width:44%; overflow:hidden; float:left; text-align:center; border:1px solid #e8e8e8; }
.product-gallery a { display:inline-block; overflow:hidden; }
.product-content { width:calc(56% - 80px); overflow:hidden; float:left; padding-left:50px; padding-right:30px; position:relative; }
.product-order { position:absolute; top:0; right:0; }
.product-headline { margin:0; margin-top:30px; color:#1e4d5c; font-size:24px; font-weight:700; }
.product-summury { margin:0; margin-bottom:50px; color:#1e4d5c; font-size:18px; font-weight:600; }

.content-area { overflow:hidden; margin-bottom:70px; }
.content-headline { margin:0; margin-bottom:30px; color:#1e4d5c; font-size:26px; font-weight:700; }
.content-text { overflow:hidden; }
.content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6 { margin-top:15px; margin-bottom:15px; color:#1e4d5c; font-size:22px; font-weight:700; }
.content-text .prew-image, .content-text .float-left { float:left; margin-right:45px; margin-bottom:15px; text-align:center; }
.content-text .float-right { float:right; margin-left:45px; margin-bottom:15px; }
.content-text .prew-image img, .content-text .float-left img, .content-text .float-right img, .content-text p img { border:1px solid #dfe5e8; }
.content-text p { margin-top:0; margin-bottom:30px; font-weight:500; }
.content-text p strong { color:#02163e; font-weight:700; }
.content-text ul:not(.browser-default) { margin-bottom:26px; padding-left:40px; }
.content-text ul:not(.browser-default) li { list-style:disc; }
.content-text a { color:#4ed7f4; }
.content-text .topics { overflow:hidden; padding:15px; background-color:#ddd; }
.content-text .topics li { list-style:disc; }
.content-text table { margin-bottom:30px; border:1px solid #dfe5e8; }
.content-text table thead { border-color:#dfe5e8; }
.content-text table thead th { font-weight:700; border-radius:0px; border:1px solid #dfe5e8; }
.content-text table tbody th { font-weight:700; }
.content-text table tbody th, .content-text table tbody td { border-radius:0px; border:1px solid #dfe5e8; }
.content-text iframe { border:1px solid #dfe5e8; }

.form-contact { overflow:hidden; padding:25px; padding-bottom:0; /*margin-left:-0.75rem; margin-right:-0.75rem;*/ border:1px solid #dfe5e8; }
.form-title { text-align:center; color:#151515; font-size:28px; }
.form-summary { margin-bottom:30px; text-align:center; color:#707070; font-size:15px; }
.form-contact .input-field label { color:#151515; font-size:15px; }
.form-contact .input-field input[type="text"]:focus + label, .form-contact .input-field input[type="email"]:focus + label, .form-contact .input-field .materialize-textarea:focus + label { color:#151515; }
.form-contact input[type="text"], .form-contact input[type="email"], .form-contact textarea.materialize-textarea { color:#151515; margin-bottom:15px; border-bottom:1px solid #dfe5e8; }
.form-contact .input-field input[type=text]:focus, .form-contact .input-field input[type="email"]:focus, .form-contact .input-field .materialize-textarea:focus { color:#000000; border-bottom-color:#000000; box-shadow: 0 1px 0 0 #000000; }
.form-contact select { margin-top:3px; margin-bottom:15px; color:#a2a6ab; border-radius:0px; border:1px solid #dfe5e8; background-color:transparent; outline:none !important; }
.form-contact option { color:#4c5158 !important; }
.form-contact .require-text { display:block; float:right; margin-top:15px; color:#1d3d6a; font-size:15px; }
.form-contact .btn { height:auto; display:inline-block; padding:12px 32px; color:#e3daa0; font-size:16px; font-weight:700; line-height:normal; text-transform:none; letter-spacing:normal; border-radius:0px; background-color:#1e4d5c; }
/*.form-contact .cv-btn { float:left; font-size:14px; font-weight:600; }
.form-contact .select-dropdown { margin:0px !important; padding:0px !important; list-style:none !important; border:1px solid #dcdedf; box-shadow:none !important; }
.form-contact .select-dropdown li { min-height:inherit; list-style:none !important; line-height:normal; }
.form-contact .select-dropdown li > span { padding:8px 16px; color:#0b101c; font-size:15px; }*/

.list-image { overflow:hidden; margin:0px; margin-bottom:10px !important; padding:20px 0px; padding-left:0px !important; list-style:none; text-align:center; }
.list-image > li { display:inline-block; margin-left:10px; margin-right:10px; margin-bottom:15px; vertical-align:top; }
.list-image > li a { display:inline-block; position:relative; }
.list-image > li a:before, .list-image > li a:after { width:100%; height:100%; position:absolute; left:0px; top:0px; content:""; }
.list-image > li a:before { background-color:rgba(0,0,0,.1); }
.list-image > li a:after { background-image:url(/images/icon-eye.png); background-repeat:no-repeat; background-position:center center; }
.list-image > li img { margin-bottom:-7px; border:1px solid #ebf0f2; }

.images-gallery { overflow:hidden; margin:0px; padding:25px 0px; list-style:none; text-align:center; }
.images-gallery > li { display:inline-block; margin-left:7px; margin-right:7px; margin-bottom:14px; vertical-align:top; }
.images-gallery > li img { border:1px solid #ebf0f2; }
.images-gallery > li span { display:block; text-align:center; color:#000000; font-size:13px; font-weight:400; }

.documents-gallery { overflow:hidden; margin-top:20px; margin-bottom:0px; }
.documents-gallery > li { overflow:hidden; margin-bottom:8px; color:#1d2024; font-size:13px; position:relative; border:1px solid #edf0f3; }
.documents-gallery > li:before { width:0%; height:100%; position:absolute; left:0px; top:0px; z-index:-1; content:""; background-color:#00af35; transition: all 0.5s ease-in-out; }
.documents-gallery > li:hover:before { width:100%; }
.documents-gallery > li:after { height:100%; color:#000000; position:absolute; right:30px; top:16px; z-index:-1; content:"İndir - Görüntüle"; }
.documents-gallery > li a { display:block; overflow:hidden; color:#1d2024; }
.documents-gallery > li:hover > a { color:#ffffff; transition: all 0.3s ease-in-out; }
.documents-gallery > li i { width:66px; height:48px; float:left; margin-right:25px; text-align:center; font-size:20px; line-height:48px; color:#ffffff; background-color:#00af35; }
.documents-gallery > li span { display:block; float:left; margin-top:16px; padding-right:150px; }

.list-prev-next { overflow:hidden; clear:both; margin:30px 0px; padding:0px; }
.list-prev-next > li { display:inline-block; }
.list-prev-next > li.prev { float:left; }
.list-prev-next > li.next { float:right; }
.list-prev-next > li > a { display:inline-block; color:#02163e; font-size:16px; font-weight:500; }
.list-prev-next > li > a > span { display:inline-block; vertical-align:top; }
.list-prev-next > li > a > i {  vertical-align:top; font-size:22px; }
.list-prev-next > li.prev > a > i { margin-right:10px; }
.list-prev-next > li.next > a > i { margin-left:10px; }

.pagination { margin:30px 0px; padding:0px; text-align:center; }
.pagination li { height:auto; font-size:16px; font-weight:600; border-radius:0px; }
.pagination li.active { background-color:transparent; }
.pagination li + li:before { padding:0px 10px; vertical-align:top; color:#141516; content: "•"; }
.pagination li a { color:#141516; }
.pagination li.active a { color:#e44676; }
.pagination li a i { color:#26a69a; }

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

.margin-top-0 { margin-top:0px !important; }
.margin-right-0 { margin-right:0px !important; }
.margin-bottom-0 { margin-bottom:0px !important; }
.margin-left-0 {margin-left:0px !important;  }

.margin-top-10 { margin-top:10px; }
.margin-right-10 { margin-right:10px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-left-10 {margin-left:10px;  }

.margin-top-20 { margin-top:20px; }
.margin-right-20 { margin-right:20px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-left-20 {margin-left:20px;  }

.margin-top-30 { margin-top:30px; }
.margin-right-30 { margin-right:30px; }
.margin-bottom-30 { margin-bottom:30px; }
.margin-left-30 {margin-left:30px;  }

.margin-top-40 { margin-top:40px; }
.margin-right-40 { margin-right:40px; }
.margin-bottom-40 { margin-bottom:40px; }
.margin-left-40 {margin-left:40px;  }

.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-both { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none !important; }
.border-none { border:0px !important; }
.radius-none { border-radius:0px !important; }
.shadow-none { box-shadow:none !important; text-shadow:none !important; }
.outline-none, a { outline:none !important; }
.box-shadow { -webkit-box-shadow: 0px 0px 18px 0px rgba(34,31,31,0.6); -moz-box-shadow: 0px 0px 18px 0px rgba(34,31,31,0.6); box-shadow: 0px 0px 18px 0px rgba(34,31,31,0.6); }
.position-relative { position:relative; }
.position-absolute { position:absolute; }
.overflow-hidden { overflow:hidden; }
.display-none { display:none !important; }
.display-block { display:block; }
.display-inline-block { display:inline-block; }
.text-indent-9999 { text-indent:-9999px; }
.text-center { text-align:center; }
.img-border { border:1px solid #edf1f3; }

@media (max-width: 1750px) {
    
}
@media (max-width: 1400px) {
    
}
@media (max-width: 1300px) {
    
}
@media (max-width: 1200px) {
    .slider-area { height:520px; margin-bottom:50px; }
    .order-area { background-image:none; }
    .footer .map, .footer .contact { width:auto; float:none; }
    .footer .bottom { margin-top:50px; }
    
    .product-gallery, .product-content { width:auto; float:none; padding:0; }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .contents-list > li { margin-left:6px; margin-right:6px; }
    .contents-list > li:nth-child(4n+1) { margin-left:0; }
    .contents-list > li:nth-child(4n+4) { margin-right:0; }
    .content-text table tbody th, .content-text table tbody td { padding:15px 15px; }
}
@media (max-width: 1100px) {
    
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /*body { background-color:red; }*/
    .contents-list > li { margin-left:6px; margin-right:6px; }
    .contents-list > li:nth-child(3n+1) { margin-left:0; }
    .contents-list > li:nth-child(3n+3) { margin-right:0; }
    .contents-list > li:nth-child(4) { display:none; }
}
@media (max-width:991.98px) {
    .header { min-height:90px; }
    .header .brand { margin-top:20px; }
    .navigation { display:none; }
    .header .sidenav-trigger { margin-top:30px; margin-right:25px; }
    .header .sidenav-trigger > strong { display:inline-block; }
    .header .phone { margin-top:30px; }
    .slider-area { height:470px; }
    .contents-list > li { margin-left:6px; margin-right:6px; }
    
    .container-area { padding-top:50px; }
    .content-area, .product-area { margin-bottom:40px; }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /*body { background-color:green; }*/
    .contents-list > li:nth-child(2n+2) { margin-left:12px; }
}
@media (max-width: 767.98px) {
    .slider-area { height:420px; margin-bottom:40px; }
    .footer .bottom { padding-top:40px; padding-bottom:40px; }
    .footer .brand, .footer .social-media, .footer .phone { float:none; margin-left:auto; margin-right:auto; }
    .footer .phone { display:block; margin-top:20px; margin-bottom:20px; }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    /*body { background-color:yellow; }*/
}
@media (max-width: 675.98px) {
    /*body { background-color:brown; }*/
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /*body { background-color:blue; }*/
    .header { min-height:80px; }
    .header .brand { max-width:200px; }
    .header .phone { display:none; }
    .header .sidenav-trigger { margin-top:25px; margin-right:0px; }
    .header .sidenav-trigger > strong { font-size:14px; }
    .slider-area { height:320px; }
    .slider-area .owl-dots .owl-dot { width:17px; height:17px; }
    .section-headline, .content-headline { font-size:21px; }
    .contents-list > li { width:calc(50% - 6px); margin-left:auto; margin-right:auto; }
    .contents-list > li:nth-child(2n+2) { margin-left:12px; }
    .footer .headline a { max-width:250px; }
    
    .container-area { padding-top:40px; }
    .content-area, .product-area { margin-bottom:30px; }
    .form-contact { margin-left:-0.75rem; margin-right:-0.75rem; padding:0px; border:none; }
}
@media (max-width: 549.98px) {
    /*body { background-color:grey; }*/
}
@media (max-width: 499.98px) {
    /*body { background-color:beige; }*/
}
@media (max-width: 449.98px) {
    /*body { background-color:coral; }*/
    .slider-area { height:270px; }
}
@media (max-width: 399.98px) {
    /*body { background-color:hotpink; }*/
}
@media (max-width: 349.98px) {
    /*body { background-color:lavender; }*/
}

.container { width:auto; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 576px) { .container { /*max-width: 576px;*/ } }
/* Small devices (landscape phones, less than 768px) */
@media (min-width: 768px) { .container { max-width: 768px; } }
/* Medium devices (tablets, less than 992px) */
@media (min-width: 992px) { .container { max-width: 992px; } }
/* Large devices (desktops, less than 1200px) */
@media (min-width: 1200px) { .container { max-width: 1170px; } }
@-webkit-keyframes pulse {
    0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes pulse {
    0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 
}