@charset "utf-8";
/*
  ************************************************************************
  * STYLE font-family: 'Montserrat', 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:#1b1c1d; font-size:17px; font-family: 'Montserrat', sans-serif; }

.wrapper { max-width:1660px; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; 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:50%; display:inline-block; vertical-align:top; background-color:#e44676; }
.mobile-contact > li.arama { background-color:#28b8d6; }
.mobile-contact > li.whatsapp { background-color:#0dc143; }
.mobile-contact > li.online-store { background-color:#ed1c24; }
.mobile-contact > li > a { display:block; color:#ffffff; font-size:12px; font-weight:600; line-height:36px; cursor:pointer; }

.social-media { margin:0px; padding:0; list-style:none; text-align:center; }
.social-media > li > a { width:33px; height:33px; display:inline-block; overflow:hidden; color:#ed1c24; font-size:16px; line-height:31px; border:2px solid #ed1c24; border-radius:50%; }

.header { height:115px; overflow:hidden; margin-left:30px; margin-right:30px; line-height:normal; position:relative; z-index:2; }
.header .brand { min-width:285px; display:inline-block; margin-top:15px; color:#111112; font-size:14px; }
.header .brand img { float:left; margin-right:15px; }
.header .brand strong { display:block; padding-top:10px; color:#ed1c24; font-size:30px; font-weight:800; }
.header .sidenav-trigger { display:none; float:right; margin-top:38px; color:#111112; font-size:16px; font-weight:500; }
.header .sidenav-trigger > i { margin-left:7px; }
.header .online-store { display:inline-block; overflow:hidden; float:right; padding:27px 25px; text-align:center; color:#ffffff; font-size:18px; background-color:#ed1c24; }
.header .online-store img { margin-bottom:5px; }
.header .online-store strong { display:block; font-weight:700; }
.header .social-media { float:right; margin-top:40px; margin-left:45px; }
.header .social-media > li { display:inline-block; margin-left:5px; vertical-align:top; }

.navigation { width:auto; height:auto; float:right; line-height:normal; position:relative; z-index:2; background-color:transparent; }
.navigation .menus { margin:0; padding:0; list-style:none; text-align:center; position:relative; }
.navigation .menus > li { display:inline-block; float:none; vertical-align:top; border-right:1px solid #ececec; }
.navigation .menus > li:last-child { border-right:none; }
.navigation .menus > li > a { display:inline-block; padding:48px 20px; color:#111112; font-size:17px; font-weight:500; position:relative; background-color:transparent; }
.navigation .menus > li:first-child > a { padding-left:0px; }
.navigation .menus > li > a.active, .navigation .menus > li > a:hover { color:#ed1c24; }
/*.navigation .dropdown-content { width:100% !important; overflow:hidden; padding:40px 20px 35px 50px; top:50px !important; left:0px !important; border-top:2px solid #f9cb0e; background-color:#020919; }
.navigation .title { margin-bottom:20px; margin-right:25px; text-align:left; color:#ffffff; font-size:24px; font-weight:600; position:relative; }
.navigation .title:after { width:50px; height:2px; position:absolute; right:0; bottom:50%; z-index:0; background-color:#f9cb0e; content:""; }
.navigation .menus-list { overflow:hidden; margin:0; padding:0; list-style:none; }
.navigation .menus-list li { width:calc(33.33% - 25px); min-height:inherit; clear:none; margin-bottom:5px; margin-right:25px; line-height:normal; border-bottom:1px solid rgba(255,255,255,0.1); }
.navigation .menus-list li > a { padding:10px 0px; color:#6b7282; font-size:20px; line-height:normal; background-color:transparent; }
.navigation .menus-list li:hover { background-color:transparent; }
.navigation .menus-list li > a:hover { color:#ffffff; }*/

.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; }
.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:#ed1c24; background-color:transparent; }
.mobile-navigation a { cursor:pointer; }

.slider-area { min-height:calc(100% - 145px); overflow:hidden; margin-left:30px; margin-right:30px; margin-bottom:70px; text-align:center; position:relative; z-index:1; border:1px solid #ececec; }
.slider-area .slider { height:auto; position:relative; z-index:0; }
.slider-area .owl-nav { width:120px; height:55px; position:absolute; right:6%; top:17%; z-index:1; }
.slider-area .owl-nav .owl-prev, .slider-area .owl-nav .owl-next { width:55px; height:55px; color:#ffffff !important; font-size:25px !important; border:2px solid #ffffff !important; }
.slider-area .owl-nav .owl-next { margin-left:10px; }
.slider-area .slider, .slider-area .owl-stage-outer, .slider-area .owl-stage, .slider-area .owl-item { height:100%; }
.slider-area .slider .owl-slide {  }
.slider-area .slider .owl-slide img { height:100%; display:inline-block; vertical-align:bottom; object-fit:contain/*scale-down*/; }
.slider-area .slider .owl-slide .slide-image-mobile { display:none; }
.slider-area .whatsapp { display:inline-block; color:#0dc143; font-size:28px; font-weight:500; position:absolute; right:6%; bottom:17%; z-index:1; }
.slider-area .whatsapp > i { margin-left:10px; font-size:32px; }
.slider-area .headline { margin:0; margin-top:70px; margin-bottom:40px; color:#ffffff; font-size:65px; position:relative; }
.slider-area .summary { max-width:840px; margin-bottom:60px; margin-left:auto; margin-right:auto; color:#ffffff; font-size:25px; line-height:40px; font-family: 'Montserrat', sans-serif; }
.slider-area .link-btn { padding:10px 35px; }

.index-container { overflow:hidden; margin-left:30px; margin-right:30px; margin-bottom:80px; }
.index-section { width:50%; overflow:hidden; }
.product-section { float:left; text-align:right; position:relative; }
.product-section:before { width:507px; height:255px; position:absolute; left:0; top:50%; z-index:0; transform:translateY(-50%); background-image:url(/images/point.png); background-repeat:repeat; background-position:left top; content:""; }
.about-section { background-color:#ed1c24; }
.construction-section { float:right; }
.image-section { float:left; text-align:center; }
.product-container, .about-container, .construction-container { max-width:645px; display:inline-block; padding:60px; }
.product-container { padding-left:15px; text-align:left; position:relative; z-index:1; }
.about-container, .construction-container { padding-left:80px; padding-right:15px; }
.section-headline { margin:0; margin-bottom:40px; color:#ed1c24; font-size:28px; font-weight:700; background-image:url(/images/icon-1.png); background-repeat:no-repeat; background-position:right bottom; }
.section-headline > span { display:block; margin-bottom:5px; color:#697580; font-size:20px; font-weight:400; }
.section-summary { margin:0; margin-bottom:50px; color:#1b1c1d; font-size:17px; line-height:25px; }
.section-all-btn {  display:inline-block; overflow:hidden; padding:10px 36px; color:#ffffff; font-size:15px; border-radius:25px; border:1px solid #ed1c24; background-color:#ed1c24; }
.about-section .section-headline { color:#ffffff; background-image:none; }
.about-section .section-headline > span, .about-section .section-summary { color:#ffffff; }
.about-section .section-all-btn { border-color:#ffffff; }
.construction-section .section-headline { padding-top:22px; background-image:url(/images/icon-2.png); }

.references-area { overflow:hidden; margin-bottom:100px; }
.references-list { overflow:hidden; margin:0; padding:0; list-style:none; text-align:center; }
.references-list > li { display:inline-block; padding-left:40px; padding-right:40px; vertical-align:top; position:relative; }
.references-list > li:first-child { padding-left:0; }
.references-list > li:last-child { padding-right:0; }
.references-list > li:before { width:1px; height:26px; position:absolute; left:0; top:calc(50% - 13px); z-index:0; background-color:#e5e6eb; content:""; }
.references-list > li:first-child:before { display:none; }

.footer { padding-top:70px; padding-bottom:70px; color:#f3f6f8; font-size:15px; position:relative; background-color:#121317; }
.footer .scroll-up { display:inline-block; position:absolute; left:50%; top:-38px; z-index:1; transform:translateX(-50%); }
.footer .brand { min-width:285px; display:inline-block; float:left; color:#ffffff; font-size:14px; }
.footer .brand img { float:left; margin-right:10px; }
.footer .brand strong { display:block; padding-top:7px; color:#ed1c24; font-size:30px; font-weight:800; }
.footer .social-media { float:right; }
.footer .social-media > li { display:inline-block; margin-left:5px; vertical-align:top; }
.footer .address { overflow:hidden; clear:both; margin-bottom:30px; padding-top:25px; padding-bottom:30px; line-height:25px; border-bottom:1px solid rgba(255,255,255,0.05); }
.footer .address > span { color:#ed1c24; }
.footer .address > a { color:#f3f6f8; }
.footer .links { overflow:hidden; float:left; margin:0; padding:0; list-style:none; }
.footer .links > li { display:inline-block; vertical-align:top; color:#ffffff; font-size:15px; font-weight:300; position:relative; }
.footer .links > li + li:before { margin:0px 15px; content:"-"; }
.footer .links > li > a { display:inline-block; color:#ffffff; }
.footer .links > li > a:hover { color:#ed1c24; }
.copyright { overflow:hidden; padding-top:30px; padding-bottom:30px; text-align:center; color:#5c5c5c; font-size:15.5px; }
.copyright p { margin:0; }
.copyright p > span { color:#ed1c24; }
.copyright p i { font-size:12px; }
.sevendigital { display:inline-block; float:right; }

/* Content Style */
.container-header { height:332px; margin-left:30px; margin-right:30px; text-align:center; position:relative; z-index:2; border:1px solid #ececec; background-image:url(/images/header-bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; }
.container-header .container { overflow:hidden; }
.content-headline { margin:0; padding-top:110px; padding-bottom:5px; color:#ffba00; font-size:50px; font-weight:700; }
.content-breadcrumb { overflow:hidden; margin:0; padding:0; list-style:none; }
.content-breadcrumb > li { display:inline-block; vertical-align:top; color:#ffffff; font-size:16px; position:relative; }
.content-breadcrumb > li + li:before { padding:0px 5px; vertical-align:top; content: "-"; }
.content-breadcrumb > li > a { display:inline-block; color:#ffffff; }
.content-title { margin:0; padding-top:50px; color:#ffffff; font-size:28px; }
.container-header .whatsapp { display:inline-block; color:#0dc143; font-size:28px; font-weight:500; position:absolute; right:6%; bottom:15%; z-index:1; }
.container-header .whatsapp > i { margin-left:10px; font-size:32px; }
.container-area { margin-left:30px; margin-right:30px; padding-top:70px; position:relative; }
.container-area:before { width:507px; height:255px; position:absolute; right:0; top:70px; z-index:0; background-image:url(/images/point.png); background-repeat:repeat; background-position:left top; content:""; }
.content-area { padding-bottom:50px; position:relative; z-index:1; }

.contents-list { max-width:1300px; overflow:hidden; margin:0 auto; padding:0; list-style:none; text-align:center; }
.contents-list > li { display:inline-block; overflow:hidden; margin-left:10px; margin-right:10px; margin-bottom:50px; vertical-align:top; }
.contents-list > li .image { display:block; overflow:hidden; }
.contents-list > li .image img { margin-bottom:10px; border:1px solid #ecf1f3; }
.contents-list > li .title { display:block; color:#020919; font-size:18px; font-weight:600; }

.content-text { padding-bottom:10px; }
.content-text h1, .content-text h2 { margin-top:20px; margin-bottom:0px; color:#ed1c24; font-size:28px; font-weight:700; }
.content-text h3, .content-text h4, .content-text h5, .content-text h6 { margin-top:5px; margin-bottom:30px; color:#161718; font-size:25px; font-weight:800; }
.content-text .prew-image, .content-text .float-left, .content-text .float-right { margin-bottom:20px; text-align:center; color:#020919; font-size:16px; }
.content-text .prew-image > strong { display:block; overflow:hidden; margin-top:10px; font-size:22px; font-weight:400; font-family: 'Playfair Display', serif; }
.content-text .float-left { float:left; margin-right:45px;  }
.content-text .float-right { float:right; margin-left:45px; }
.content-text .prew-image img, .content-text .float-left img, .content-text .float-right img {  }
.content-text p { margin-top:10px; margin-bottom:20px; line-height:25px; }
.content-text p strong { color:#efaf01; font-weight:700; }
.content-text .content-summary { margin:0; margin-bottom:30px; color:#020919; font-size:20px; font-weight:600; }
.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 { border:1px solid #edf1f3; }
.content-text table thead { border-color:#edf1f3; }
.content-text table thead th { font-weight:700; border-radius:0px; border:1px solid #edf1f3; }
.content-text table tbody th { font-weight:700; }
.content-text table tbody th, .content-text table tbody td { border-radius:0px; border:1px solid #edf1f3; }
.content-text iframe { border:1px solid #edf1f3; }

.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; }

.form-contact { max-width:940px; overflow:hidden; margin-left:auto; margin-right:auto; padding:30px; padding-top:50px; padding-bottom:10px; position:relative; z-index:1; border:1px solid #eeeeee; border-top:2px solid #a132a2; background-color:#ffffff; }
.form-title { margin-bottom:30px; text-align:center; color:#020919; font-size:35px; font-family: 'Playfair Display', serif; }
.form-summary { margin-bottom:30px; text-align:center; color:#707070; font-size:15px; }
.form-contact .input-field label { color:#575757; font-size:16px; }
.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:#020919; }
.form-contact input[type="text"], .form-contact input[type="email"], .form-contact textarea.materialize-textarea { color:#575757; margin-bottom:15px; border-bottom:1px solid #e6e7ea; }
.form-contact .input-field input[type=text]:focus, .form-contact .input-field input[type="email"]:focus, .form-contact .input-field .materialize-textarea:focus { color:#020919; border-bottom-color:#020919; box-shadow: 0 1px 0 0 #020919; }
.form-contact .require-text { display:block; float:right; margin-top:15px; color:#1d3d6a; font-size:15px; }
.form-contact .btn { height:auto; padding:12px 32px; color:#ffffff; font-size:16px; font-weight:600; line-height:normal; text-transform:none; letter-spacing:normal; border-radius:0px; background-color:#a132a2; }
/*.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-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) {
    .header, .slider-area, .index-container, .container-header, .container-area { margin-left:15px; margin-right:15px; }
    .header .social-media { display:none; }
    .navigation .menus > li > a { padding-left:15px; padding-right:15px; font-size:16px; }
    .slider-area { min-height:inherit; }
    .slider-area .owl-nav { width:100px; height:45px; right:3%; top:12%; }
    .slider-area .owl-nav .owl-prev, .slider-area .owl-nav .owl-next { width:45px; height:45px; font-size:20px !important; }
    .slider-area .whatsapp, .container-header .whatsapp { font-size:22px; right:3%; bottom:12%; }
    .slider-area .whatsapp > i, .container-header .whatsapp > i { font-size:26px; }
    .product-section:before { display:none; }
    .product-container, .about-container, .construction-container { max-width:inherit; display:block; padding:40px 40px; }
    .section-headline { margin-bottom:25px; }
    .section-summary { margin-bottom:30px; }
    .container-header { height:292px; }
    .container-header .whatsapp { bottom:17%; }
    .content-headline { padding-top:70px; }
}
@media (max-width: 1300px) {
    
}
@media (max-width: 1200px) {
    html.index, body.index { height:inherit; }
    .header { height:90px; margin-left:0; margin-right:0; }
    .header .brand { min-width: 240px; font-size:12px; }
    .header .brand img { width:61px; height:61px; margin-right:10px; }
    .header .brand strong { padding-top:7px; font-size:27px; }
    .header .online-store { padding:17px 15px; font-size:16px; }
    .navigation .menus > li > a { padding:38px 15px; }
    .slider-area { margin-bottom:40px; }
    .index-section { width:inherit; float:none; }
    .product-container, .about-container, .construction-container { padding:25px; }
    .section-headline { font-size:24px; }
    .section-headline > span { font-size:16px; }
    .section-summary { font-size:15px; }
    .section-all-btn { padding:8px 24px; font-size:14px; }
    .construction-section .section-headline { padding-top:32px; }
	.references-list > li { padding-left:25px; padding-right:25px; }
	.container-header { height:222px; }
	.content-headline { padding-top:50px; font-size:40px; }
	.content-title { padding-top:30px; font-size:20px; }
	.container-area { margin-left:auto; margin-right:auto; padding-top:30px; }
	.container-area:before { display:none; }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
}
@media (max-width: 1100px) {
    
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /*body { background-color:red; }*/
}
@media (max-width:991.98px) {
    .header .sidenav-trigger { display:inline-block; }
    .header .online-store { margin-left:15px; }
    .navigation { display:none; }
	.slider-area { margin-bottom:20px; }
	.index-container { margin-bottom:40px; }
	.references-area { margin-bottom:70px; }
	.references-list > li { max-width:20%; padding-left:5px; padding-right:5px; }
	.references-list > li:before { display:none; }
	.footer { padding-top:40px; padding-bottom:40px; text-align:center; }
	.footer .brand, .footer .links { margin-bottom:15px; }
    .footer .brand, .footer .social-media, .footer .links, .sevendigital { float:none; }
	.footer .links > li + li:before { margin:0px 7px; }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /*body { background-color:green; }*/
}
@media (max-width: 767.98px) {
    .slider-area .owl-nav { width:70px; height:30px; right:2%; top:auto; bottom:4%; }
    .slider-area .owl-nav .owl-prev, .slider-area .owl-nav .owl-next { width:30px; height:30px; font-size:17px !important; }
    .slider-area .whatsapp, .container-header .whatsapp { display:none; }
}
/* 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; }*/
	body { font-size:15px; }
	.mobile-contact { display:inline-block; }
    .header .online-store { display:none; }
    .slider-area .slider .owl-slide .slide-image { display:none; }
    .slider-area .slider .owl-slide .slide-image-mobile { display:inline-block; }
	.section-headline { background-size:64px; }
	.construction-section .section-headline { padding-top:12px; }
	.copyright { padding-top:20px; padding-bottom:50px; }
	.container-header { height:182px; }
	.content-headline { padding-top:40px; font-size:28px; }
	.content-title { padding-top:25px; font-size:16px; }
	.container-area { padding-top:20px; }
	.content-text h1, .content-text h2 { font-size:22px; }
	.content-text h3, .content-text h4, .content-text h5, .content-text h6 { font-size:18px; }
}
@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; }*/
    
}
@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); } 
}