@charset "utf-8";
/*
  ************************************************************************
  * STYLE
  ************************************************************************
*/
:root {
    --color-01: #223e78; /* + */
    --color-02: #00a0e3; /* + */
    --color-03: #f6f7f8; /* + */
    --color-04: #151d2d; /* + */
    --color-05: #4a4c4e; /* + */
    --color-06: #8f9091; /* + */
    --color-07: #fbfbfb; /* + */
    --color-08: #1d1d1b; /* + */
	--color-09: #e3b41c; /* + */
    --text-color: #4d5053; /* + */
    --black-color: #000000; /* + */
    --white-color: #ffffff; /* + */
    --border-color: #ecf1f4; /* + */
}
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:var(--text-color); font-size:16px; font-family: 'Montserrat', sans-serif; }
.compensate-for-scrollbar { margin-right:0 !important; } /* fancybox active */

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

.whatsapp-btn { display:inline-block; position:fixed; right:30px; bottom:30px; z-index:1; }

.float-buttons { display:flex; flex-direction:column; justify-content:center; position:fixed; right:16%; top:40%; z-index:1; }
.float-buttons a { width:51px; height:51px; display:block; overflow:hidden; margin-bottom:5px; padding:10px 13px; color:var(--white-color); font-size:16px; font-weight:700; line-height:31px; position:relative; border-radius:51px; background-color:var(--color-01); box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3); transition:.5s; transition-property:width; }
.float-buttons a > strong { display:inline-block; position:absolute; left:51px; }
.float-buttons a:nth-child(2) { background-color:#00ba6d; }
.float-buttons a:nth-child(3) { margin-bottom:0; background-color:#266ff4; }
.float-buttons:hover a { width:170px; }

.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.3%; display:inline-block; vertical-align:top; background-color:#00c7ca; }
.mobile-contact > li.whatsapp { background-color:#27bc80; }
.mobile-contact > li.instagram { background-color:#f85f89; }
.mobile-contact > li.map { background-color:#4285F4; }
.mobile-contact > li > a { display:block; color:var(--white-color); font-size:13px; font-weight:600; line-height:40px; cursor:pointer; }

.social-media { margin:0; padding:0; list-style:none; text-align:center; }
.social-media > li { display:inline-block; margin-left:2px; margin-right:2px; vertical-align:top; }
.social-media > li > a { width:33px; height:33px; display:inline-block; overflow:hidden; color:var(--white-color); font-size:15px; line-height:31px; border:2px solid var(--white-color); border-radius:50%; }

.link-btn { display:inline-block; padding:15px 30px; color:var(--white-color); font-size:18px; background-color:var(--color-01); }
.link-btn i { margin-left:10px; color:var(--white-color); }

.header { height:115px; position:relative; z-index:7; }
.header:before, .header:after { width:40.5%; height:100%; position:absolute; right:0; top:0; z-index:0; background-color:var(--color-02); content:""; }
.header:before { width:100%; border-bottom:1px solid var(--border-color); background-color:var(--color-03); }
body.index .header { width:100%; position:absolute; left:0; top:0; }
body.index .header:before, body.index .header:after { display:none; }
.header .wrapper { padding-top:33px; z-index:2; }
.header .brand { display:inline-block; overflow:hidden; float:left; margin-top:5px; margin-right:35px; }
.header .sidenav-trigger { height:inherit; display:inline-block; overflow:hidden; float:left; margin-top:15px; color:var(--color-01); font-size:16px; line-height:normal; position:relative; z-index:2; /*background-color:var(--color-01);*/ }
.header .sidenav-trigger > strong { display:none; margin-left:10px; vertical-align:top; font-weight:400; }
.header .sidenav-trigger > span { width:27px; height:18px; display:inline-block; overflow:hidden; position:relative; }
.header .sidenav-trigger > span span { width:100%; height:2px; display:block; overflow:hidden; background-color:var(--color-01); position:absolute; left:0; top:0; }
.header .sidenav-trigger .middle { top:8px; }
.header .sidenav-trigger .bottom { top:16px; }
.header .language-btn { display:inline-block; overflow:hidden; float:right; margin-top:14px; color:var(--text-color); font-size:14px; font-weight:300; }
.header .language-btn > i { margin-left:5px; color:var(--black-color); line-height:20px; }
.header .languages { width:120px !important; left:auto !important; right:28px !important; top:90px !important; background-color:transparent; box-shadow:none; }
.header .languages li { min-height:inherit; margin-bottom:10px; text-align:right; line-height:normal; }
.header .languages li > a { padding:0; color:var(--black-color); font-size:14px; line-height:normal; }
.header .languages li > a img { margin-left:10px; }
.header .languages li.active, .header .languages li:hover { background-color:transparent; }
.header .social-media { float:right; margin-top:7px; margin-right:20px; }
.header .phone { display:inline-block; overflow:hidden; float:right; margin-top:12px; margin-right:20px; color:var(--white-color); font-size:20px; font-weight:300; }
.header .phone > strong { font-weight:600; }
.header .contact-btn { display:inline-block; overflow:hidden; float:right; margin-right:25px; padding:13px 28px; color:var(--white-color); font-size:14px; border-radius:25px; border:1px solid var(--white-color); }
.header .contact-btn img { margin-right:15px; }
.header .contact-btn > strong { font-weight:400; }

.navigation { width:auto; height:auto; float:left; margin-top:12px; margin-left:25px; padding:0; line-height:normal; position:relative; z-index:2; background-color:transparent;; }
.navigation .menus { margin:0; padding:0; list-style:none; }
.navigation .menus > li { display:inline-block; float:none; margin-right:30px; }
.navigation .menus > li:last-child { margin-right:0; }
.navigation .menus > li.active { background-color:transparent; }
.navigation .menus > li > a { display:inline-block; padding:0px 0px; vertical-align:top; text-align:center; color:var(--color-01); font-size:18px; background-color:transparent; }
.navigation .menus > li > a > strong { display:block; font-weight:500; position:relative; z-index:1; }
.navigation .menus > li > a > i { height:auto; }
.navigation .menus > li:hover > a, .navigation .menus > li.active > a { color:var(--color-02); }
.navigation .menus-list { width:300px !important; display:none; margin:0px; padding:20px 0; list-style:none; position:absolute; left:-30px !important; top:60px !important; z-index:1; border-top:3px solid var(--color-02); background-color:var(--color-01); transition:.5s; transition-property:display; }
.navigation .products { width:930px !important; left:-59px !important; padding:50px 30px; padding-top:110px; }
.navigation .products:before { color:var(--white-color); font-size:26px; font-weight:600; position:absolute; left:60px; top:40px; z-index:0; content:attr(data-title); }
.navigation .menus-list li { min-height:inherit; float:none; padding:0px 30px; line-height:normal; position:relative; z-index:1; }
.navigation .products li { max-width:50%; display:inline-block; vertical-align:top; }
.navigation .menus-list li > a { display:block; overflow:hidden; padding:5px 0px; color:var(--white-color); font-size:15px; line-height:normal; background-color:transparent; }
.navigation .menus-list li > a > strong { font-weight:400; text-transform:uppercase; }
.navigation .menus-list li > a > i { width:auto; height:auto; float:none; margin:0; margin-right:10px; }
.navigation .menus-list li:hover > a { color:var(--color-02); }
.navigation .menus-list li:hover { background-color:transparent; }
.navigation .menus-list ol { width:290px; display:none; margin:0; padding:25px 0px; list-style:none; position:absolute; left:100%; top:0; transition:.5s; transition-property:display; }
.navigation .menus-list ol:before { width:100%; height:100%; position:absolute; left:5px; top:0; z-index:0; background-color:#765dff; box-shadow:0px 0px 10px 0px rgba(118,93,255,0.5); content:""; }
.navigation .menus-list li:hover > ol { display:block; }

.mobile-navigation {  }
.mobile-navigation .profile { padding:15px; color:var(--white-color); font-size:13px; background-color:var(--color-01); }
.mobile-navigation .profile strong { display:block; margin-top:10px; font-weight:700; }
.mobile-navigation .phone { padding:15px; border-bottom:1px solid #edf0f1; }
.mobile-navigation .phone a { display:inline-block; color:var(--color-02); font-size:14px; font-weight:700; }
.mobile-navigation .phone i { margin:0px 10px; }
.mobile-navigation .menu { padding:15px; }
.mobile-navigation .menu ul, .mobile-navigation .menu ol { overflow:hidden; margin:0px; padding:0; list-style:none; }
.mobile-navigation .menu ol { margin-left:15px; margin-top:5px; margin-bottom:10px; }
.mobile-navigation .menu li { margin-bottom:5px; line-height:normal; }
.mobile-navigation .menu a { height:auto; display:inline-block; padding:0; font-size:14px; font-weight:normal; line-height:normal; }
.mobile-navigation .menu i { width:auto; height:inherit; margin-right:5px; margin-bottom:2px; line-height:normal; }
.mobile-navigation .menu a:hover { color:var(--color-01); background-color:transparent; }
.mobile-navigation .menu ul > li > a { font-weight:700; }
.mobile-navigation .social-media { overflow:hidden; margin:0px; padding:15px; text-align:center; border-top:1px solid #edf0f1; }
.mobile-navigation .social-media > li { display:inline-block; overflow:hidden; margin-left:2px; margin-right:2px; }
.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; }

.slider-area { min-height:325px; overflow:hidden; margin-bottom:80px; position:relative; z-index:0; border-bottom:1px solid var(--border-color); }
.slider-area .slider { height:auto; overflow:hidden; clear:both; position:relative; z-index:0; }
.slider-area .slider .owl-nav { width:11px; height:200px; text-align:center; position:absolute; left:8%; top:50%; z-index:1; transform:translateY(-50%); }
.slider-area .slider .owl-nav .owl-prev, .slider-area .slider .owl-nav .owl-next { display:inline-block; color:var(--color-01); font-size:17px; position:absolute; left:50%; transform:translateX(-50%); }
.slider-area .slider .owl-nav .owl-prev { top:0; }
.slider-area .slider .owl-nav .owl-next { bottom:0; }
.slider-area .slider .owl-dots { height:inherit; position:absolute; left:8%; top:50%; z-index:1; transform:translateY(-50%); }
.slider-area .slider .owl-dots > .owl-dot { width:11px; height:11px; display:block; margin:15px auto; border-radius:50%; border:1px solid var(--color-01); background-color:transparent; }
.slider-area .slider .owl-dots > .owl-dot.active { border-color:var(--color-01); background-color:var(--color-01); }
.slider-area .slider .owl-slide { height:730px; text-align:left; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.slider-area .slider .owl-slide .mobile { width:100%; height:100%; display:none; position:absolute; left:0; top:0; z-index:0; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.slider-area .slider .owl-slide:before { width:100%; height:100%; display:none; position:absolute; left:0; top:0; z-index:1; background-color:rgba(255,255,255,0.4); content:""; }
.slider-area .slider .owl-slide .vertical-middle { max-width:1170px; margin-left:auto; margin-right:auto; padding:0px 15px; position:relative; top:50%; z-index:2; transform:translateY(-50%); }
.slider-area .slider .headline { margin:0; color:var(--color-02); font-size:30px; font-weight:500; }
.slider-area .slider .title { max-width:45%; margin:0; margin-bottom:25px; color:var(--color-01); font-size:26px; font-weight:800; }
.slider-area .slider .title > span { font-weight:400; }
.slider-area .slider .summary { max-width:45%; margin:0; margin-bottom:35px; color:var(--text-color); font-size:18px; font-weight:400; }
.slider-area .slider .summary p { margin:0; margin-bottom:25px; }
.slider-area .slider .summary ul { margin:0; padding:0; list-style:none; }
.slider-area .slider .summary ul > li { margin-bottom:5px; padding-left:30px; font-size:17px; font-weight:600; background-image:url(/images/icon-slide.png); background-repeat:no-repeat; background-position:left 4px; }
.slider-area .slider .summary ul > li:last-child { margin-bottom:0; }
.slider-area .slider .link-btn { font-size:15px; }
.slider-area .gatem { width:100%; position:absolute; left:0; bottom:45px; z-index:2; }
.slider-area .gatem .text { max-width:1170px; margin-left:auto; margin-right:auto; padding:0px 15px; color:var(--color-02); font-size:30px; font-family: 'Caveat', cursive; }

.index-container { padding-bottom:70px; position:relative; }
.index-corporate { overflow:hidden; margin-bottom:80px; }
.corporate-image { width:50%; float:left; position:relative; }
.corporate-image .title { width:100%; margin:0; padding-top:50px; text-align:center; color:var(--white-color); font-size:26px; font-weight:700; position:absolute; left:0; top:0; z-index:1; }
.corporate-image .title > span { display:block; font-weight:400; }
.corporate-info { width:50%; float:right; padding-left:50px; padding-top:70px; }
.corporate-info .title { margin:0; color:var(--color-02); font-size:35px; font-weight:500; }
.corporate-info .headline { margin:0; color:var(--color-01); font-size:20px; font-weight:700; }
.corporate-info .gold { color:var(--color-09); }
.corporate-info .summary { padding:15px 0px; text-align:justify; color:var(--text-color); font-size:15px; line-height:21px; }
.index-title { margin:0; margin-bottom:5px; text-align:center; color:var(--color-01); font-size:35px; font-weight:700; }
.index-title > span { font-weight:400; }
.index-summary { max-width:700px; margin:0 auto; margin-bottom:40px; text-align:center; color:var(--text-color); font-size:16px;  }

.contents-list { overflow:hidden; margin:0px; margin-bottom:30px; padding:0px; list-style:none; }
.contents-list > li { overflow:hidden; margin-bottom:40px; border:1px solid var(--border-color); background-color:var(--color-02); }
.contents-list > li .image { width:51%; float:left; position:relative; }
.contents-list > li .image img { position:relative; z-index:0; }
.contents-list > li .image:after { width:60px; height:2px; position:absolute; right:-30px; top:87px; z-index:1; background-color:var(--color-01); content:""; }
.contents-list > li .info { width:49%; overflow:hidden; float:right; padding:0px 50px; }
.contents-list > li .title { display:inline-block; margin-top:40px; margin-bottom:10px; color:var(--white-color); font-size:22px; font-weight:700; }
.contents-list > li .headline { margin-bottom:40px; color:var(--white-color); font-size:15px; }
.contents-list > li .summary { margin:0; color:var(--white-color); font-size:15px; line-height:21px; }
.contents-list > li .link-btn { display:none; border:1px solid var(--white-color); background-color:transparent; }
.contents-list > li:nth-child(2n+2) .image { float:right; text-align:right; }
.contents-list > li:nth-child(2n+2) .image:after { right:auto; left:-30px; }
.contents-list > li:nth-child(2n+2) .info { float:left; }

.references-area { overflow:hidden; padding-top:70px; padding-bottom:80px; text-align:center; background-color:var(--color-04); background-image:url(/images/references-bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; }
.references-area .references-headline { margin:0; margin-bottom:5px; color:var(--color-02); font-size:40px; font-weight:700; }
.references-area .references-summary { max-width:700px; margin:0 auto; margin-bottom:60px; color:var(--white-color); font-size:15px; }
.references-area .link-btn { background-color:var(--color-02); }
.references-list { margin:0; margin-bottom:30px; padding:0; list-style:none; text-align:center; }
.references-list > li { max-width:370px; display:inline-block; overflow:hidden; margin-bottom:30px; padding:40px; vertical-align:top; text-align:left; border:1px solid var(--white-color); background-color:var(--color-04); }
.references-area .references-list > li { background-color:transparent; }
.references-list > li .title { min-height:60px; display:inline-block; color:var(--white-color); font-size:16px; font-weight:700; }
.references-list > li .summary { min-height:140px; margin:0; color:var(--white-color); font-size:14px; line-height:21px; }
.references-list > li .summary a { color:var(--white-color); }
.references-list > li .person { display:inline-block; float:left; color:var(--white-color); font-size:16px; font-weight:700; }
.references-list > li .person > span { display:block; font-size:14px; font-weight:400; }
.references-list > li .link { display:inline-block; float:right; }

.offices-area { min-height:700px; overflow:hidden; text-align:center; color:var(--white-color); font-size:14px; position:relative; background-image:url(/images/offices-map.jpg); background-repeat:no-repeat; background-position:center center; }
.offices-area .container { position:relative; }
.offices-area .headline { width:100%; text-align:center; color:var(--color-01); font-size:35px; font-weight:700; position:absolute; left:0px; top:90px; z-index:1; }
.offices-area .headline > span { font-weight:300; }
.offices-area .offices { width:calc(100% - 30px); height:100vh; position:absolute; left:15px; top:0px; z-index:0; /*background-color:rgba(255,255,255,0.4);*/ }
.offices-area .icon { display:inline-block; position:absolute; left:0px; top:0px; transform:scale(0.7); }
.offices-area .icon:hover, .offices-area .icon.active { transform:scale(1); }
.offices-area .info { width:310px; padding:30px 35px; padding-bottom:15px; text-align:left; color:var(--white-color); font-size:14px; position:absolute; left:0px; top:230px; z-index:1; background-color:var(--color-04); opacity:0; transition:0.5s; transform:scale(0); }
.offices-area .info.active { opacity:1; transform:scale(1); transition-delay:0.2s; }
.offices-area .info .title { display:inline-block; font-size:19px; font-weight:700; }
.offices-area .info .contact { overflow:hidden; font-size:14px; }
.offices-area .info .contact p { margin:0px; margin-bottom:25px; }
.offices-area .info .contact strong { font-size:16px; font-weight:600; }
.offices-area .info .close-btn { width:45px; height:45px; display:inline-block; text-align:center; color:var(--white-color); font-size:17px; line-height:45px; position:absolute; right:0px; top:0px; background-color:var(--color-02); }
.offices-area .cities { width:100%; display:none; text-align:center; position:absolute; top:500px; }
.offices-area .cities > a { display:inline-block; margin-bottom:15px; margin-left:7px; margin-right:7px; padding:7px 10px; color:var(--white-color); font-size:12px; font-weight:bold; background-color:var(--color-04); }
.offices-area .cities > a.active { background-color:var(--color-02); }

.footer { overflow:hidden; padding-top:80px; color:var(--white-color); font-size:15px; line-height:21px; position:relative; background-color:var(--color-03); }
.footer .contact { width:320px; overflow:hidden; float:left; }
.footer .brand { display:inline-block; overflow:hidden; margin-bottom:30px; }
.footer .headline { margin-bottom:15px; color:var(--black-color); }
.footer .address { margin-bottom:40px; color:var(--color-06); }
.footer .social-media { margin-bottom:35px; text-align:left; }
.footer .social-media > li { width:50%; display:inline-block; margin:0; margin-bottom:15px; vertical-align:top; }
.footer .social-media > li > a { width:auto; height:inherit; color:var(--color-05); font-size:16px; line-height:normal; position:relative; border-radius:0; border:none; }
.footer .social-media > li > a:after { content:attr(class); }
.footer .social-media > li > a > i { width:40px; height:40px; margin-right:10px; text-align:center; color:var(--color-02); line-height:40px; border-radius:50%; border:1px solid var(--color-01); }
.footer .social-media > li > a:hover:after { color:var(--color-02); }
.footer .phone { display:inline-block; margin-bottom:50px; color:var(--color-01); font-size:22px; font-weight:700; }
.footer .phone img { margin-right:10px; }
.footer .languages { overflow:hidden; margin:0; margin-bottom:50px; padding:0; list-style:none; position:relative; z-index:2; }
.footer .languages > li { display:inline-block; vertical-align:top; color:var(--color-05); font-size:16px; position:relative; }
.footer .languages > li + li:before { margin:0 10px; content:"-"; }
.footer .languages > li > a { display:inline-block; color:var(--color-05); }
.footer .languages > li.active > a { color:var(--color-01); }
.footer .sitemaps { width:calc(100% - 320px); overflow:hidden; float:right; }
.footer .links, .footer .menu { overflow:hidden; margin:0; padding:0; list-style:none; }
.footer .links > li { display:inline-block; margin-bottom:40px; vertical-align:top; color:var(--color-01); font-size:17px; position:relative; }
.footer .links > li > a { display:inline-block; color:var(--color-01); font-weight:600; }
.footer .menu { margin-top:20px; }
.footer .menu > li { margin-bottom:5px; }
.footer .menu > li > a { display:inline-block; color:var(--color-05); font-size:15px; }
.footer .links > li a:hover { color:var(--color-02); }
.copyright { overflow:hidden; clear:both; padding-top:40px; padding-bottom:40px; color:var(--color-06); font-size:14px; border-top:1px solid #dadbdc; }
.copyright p { float:left; margin:0; }
.copyright p i { font-size:12px; }
.copyright p span {  }
.copyright p strong {  }
.copyright .seven { display:inline-block; float:right; }

/* Content Style */
.container-header { overflow:hidden; /*margin-top:144px;*/ margin-bottom:40px; padding-top:30px; padding-bottom:30px; position:relative; z-index:1; border-bottom:1px solid var(--border-color); }
.container-header > .container { overflow:hidden; position:relative; }
.content-title { margin:0; padding-right:200px; color:var(--color-01); font-size:32px; font-weight:700; line-height:42px; }
.share-list { overflow:hidden; margin:0px; padding:0px; list-style:none; text-align:center; position:relative; }
.share-list:before { margin-right:10px; color:var(--color-01); font-size:16px; line-height:42px; content:attr(data-title); }
.share-list > li { display:inline-block; margin-left:4px; vertical-align:top; }
.share-list > li:first-child { margin-left:0px; }
.share-list > li > a { width:42px; height:42px; display:inline-block; color:#ffffff; font-size:21px; line-height:42px; border-radius:50%; background-color:#4caf50; }
.share-list > li.facebook > a { background-color:#3b5997; }
.share-list > li.twitter > a { background-color:#00aced; }
.container-header .share-list { position:absolute; right:15px; top:0; }

.container-product { margin-bottom:0 !important; border-bottom:none; }
.container-product .content-title { padding-right:0; line-height:normal; }
.content-summary { margin:0; margin-top:5px; font-size:18px; line-height:24px; }

.container-area { overflow:hidden; position:relative; }
.content-area { overflow:hidden; padding-bottom:40px; }

.product-header { overflow:hidden; margin:0; margin-bottom:50px; padding:0; list-style:none; text-align:center; border:1px solid var(--border-color); }
.product-header li { display:inline-block; vertical-align:top; border-left:1px solid var(--border-color); }
.product-header li:first-child { border-left:none; }
.product-header li a { display:inline-block; padding:30px 30px; color:var(--color-01); font-size:16px; }
.product-header li a > strong { display:inline-block; margin-left:15px; vertical-align:top; font-weight:500; line-height:30px; }
.product-header .disabled { filter: opacity(10%); }
.product-header .disabled img { filter: opacity(10%); }
.product-slider-area { overflow:hidden; position:relative; border:1px solid var(--border-color); border-bottom:none; }
.product-slider .owl-nav { width:100%; position:absolute; left:0px; top:calc(50% - 25px); }
.product-slider .owl-nav .owl-prev, .product-slider .owl-nav .owl-next { width:49px; height:49px; display:inline-block; float:left; margin-left:30px; text-align:center; color:var(--color-01) !important; font-size:23px !important; line-height:49px !important; border-radius:50%; border:2px solid var(--color-01) !important; /*background-color:#0a214b !important;*/ }
.product-slider .owl-nav .owl-next { float:right; margin-left:0px; margin-right:30px; }
.product-slider .item > img { width:auto; display:inline-block; }
.product-series { color:var(--color-01); font-size:26px; font-weight:700; position:absolute; left:25px; top:25px; z-index:2; }
.product-text { text-align:center; }

.content-text {  }
.content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6 { margin-top:20px; margin-bottom:10px; color:var(--color-01); font-size:26px; font-weight:800; }
.content-text h3 { font-size:24px; }
.content-text h4 { font-size:23px; }
.content-text h5 { font-size:22px; }
.content-text h6 { font-size:21px; }
.content-text p { margin-bottom:30px; line-height:26px; }
.content-text p strong { color:var(--color-02); font-weight:700; }
.content-text ul:not(.browser-default), .content-text ol:not(.browser-default) { margin-bottom:25px; padding-left:40px; }
.content-text ul:not(.browser-default) li, .content-text ol:not(.browser-default) li { list-style:disc; text-align:left; }
.content-text a { color:var(--color-01); text-decoration:underline; }
.content-text a > i { color:#00b6a7; }
.content-text .prew-image, .content-text .float-left { float:left; margin-right:40px; margin-bottom:30px; text-align:center; }
.content-text .float-right { float:right; margin-left:40px; margin-bottom:30px; text-align:center; }
.content-text .prew-image img, .content-text .float-left img, .content-text .float-right img { border:1px solid var(--border-color); /*box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);*/ }
.content-text .float-left > strong, .content-text .float-right > strong { display:block; padding:10px 15px; text-align:center; border:1px solid var(--border-color); border-top:none; }
.content-text .float-left > a, .content-text .float-right > a { display:inline-block; }
.content-text .fancybox-clip { display:inline-block; overflow:hidden; position:relative; }
.content-text .fancybox-clip:before { width:73px; height:73px; position:absolute; left:calc(50% - 37px); top:calc(50% - 37px); z-index:0; background-image:url(/images/play.png); background-repeat:no-repeat; background-position:center center; content:""; }
.content-text .topics { overflow:hidden; padding:15px; background-color:#ddd; }
.content-text .topics li { list-style:disc; }
.content-text table { margin-bottom:50px; border:1px solid var(--border-color); }
.content-text table thead { border-color:var(--border-color); }
.content-text table thead th { border:1px solid var(--border-color); }
.content-text table tbody th, .content-text table tbody td { border:1px solid var(--border-color); }
.content-text iframe { border:1px solid var(--border-color); }
.content-text .info { margin-top:50px; margin-bottom:35px; padding:35px 45px; text-align:center; color:var(--white-color); position:relative; background-color:var(--color-01); }
.content-text .info h2, .content-text .info h3, .content-text .info h4, .content-text .info h5, .content-text .info h6 { display:inline-block; margin-top:0px; margin-bottom:10px; padding-bottom:10px; color:var(--white-color); font-size:22px; border-bottom:1px dashed var(--white-color); }
.content-text .info p { margin-bottom: 10px; color:var(--white-color); font-size:15px; }
.content-text .info a { display:inline-block; padding:0px 25px; text-align:left; color:var(--white-color); font-size:15px; font-weight:700; line-height:48px; border-radius:25px; border:1px solid var(--white-color); }
.content-text .info p strong { color:var(--white-color); font-weight:700; }

.content-text .list { margin:0 !important; padding:0px !important; list-style:none !important; }
.content-text .list > li { width:49%; display:inline-block; overflow:hidden; list-style:none !important; }
.content-text .list > li > strong { display:block; color:var(--color-01); font-size:20px; font-weight:600; }
.content-text .list > li ol { margin:15px 0px !important; padding:0px !important; }
.content-text .list > li ol > li { margin-bottom:5px; color:var(--black-color); font-size:15px; list-style: square inside url("/images/icon-list.jpg") !important; }
.content-text .icons { overflow:hidden; margin:0px 0px !important; padding:20px 25px !important; list-style:none !important; text-align:left; border:1px solid var(--border-color); }
.content-text .icons > li { width:24%; display:inline-block; padding:15px 25px; list-style:none !important; vertical-align:top; color:var(--color-02); }
.content-text .icons > li img { float:left; margin-right:15px; }
.content-text .icons > li strong { font-weight:400; }

.questions-list { margin:0px; margin-bottom:70px; color:#3a1f5d; box-shadow:none !important; text-shadow:none !important; border:1px solid #eef1f3; border-bottom:none; }
.questions-list .collapsible-header, .questions-list .collapsible-body { border-bottom-color:#eef1f3; }
.questions-list li.active .collapsible-header { background-color:#eef1f3; }
.questions-list .collapsible-header strong { font-weight:600; }

.question-answer-list { overflow:hidden; margin:0px; margin-bottom:50px; padding:0px; list-style:none; }
.question-answer-list > li { overflow:hidden; margin-bottom:20px; }
.question-answer-list > li > span { width:60px; height:60px; display:block; overflow:hidden; float:left; margin-right:20px; text-align:center; color:var(--white-color); font-size:26px; font-weight:700; line-height:60px; border-radius:50%; background-color:var(--color-01); }
.question-answer-list > li .question-answer { width: calc(100% - 80px); display:block; float:left; }
.question-answer-list > li .question-answer .question { color:var(--text-color); font-size:16px; }
.question-answer-list > li .question-answer .question strong { color:var(--color-02); font-weight:700; }
.question-answer-list > li .question-answer .question span { display:none; padding-left:5px; }
.question-answer-list > li .question-answer .question p { margin-top:5px; margin-bottom:25px; color:var(--text-color); font-size:14px; }
.question-answer-list > li .question-answer .answer { padding:25px 30px; border:1px solid var(--border-color); }
.question-answer-list > li .question-answer .answer strong { color:var(--color-01); font-size:16px; font-weight:700; }
.question-answer-list > li .question-answer .answer p { margin-top:10px; margin-bottom:0px; color:var(--text-color); font-size:14px; }
.question-answer-list > li.active .question-answer .answer { background-color:var(--border-color); }

.news-list { overflow:hidden; margin:0px; margin-bottom:35px; padding:0px; list-style:none; }
.news-list > li { overflow:hidden; margin-bottom:25px; position:relative; border:1px solid var(--border-color); }
.news-list > li .image { width:32%; display:inline-block; overflow:hidden; float:left; }
.news-list > li .image img { border-right:1px solid var(--border-color); }
.news-list > li .info { width:68%; overflow:hidden; float:left; padding:50px 40px; }
.news-list > li .title { display:inline-block; margin-bottom:20px; color:var(--color-01); font-size:26px; font-weight:800; }
.news-list > li .summary { margin:0; font-size:15px; line-height:21px; }
.news-list > li .link { display:inline-block; padding:12px 30px; color:var(--white-color); font-size:15px; position:absolute; right:0; bottom:0; z-index:1; background-color:var(--color-01); }

.workspaces-list { overflow:hidden; margin:0px; padding:0px; list-style:none; }
.workspaces-list > li { overflow:hidden; margin-bottom:40px; }
.workspaces-list > li .workspaces { overflow:hidden; margin-bottom:40px; border:1px solid var(--border-color); }
.workspaces-list > li .image { width:50%; display:inline-block; overflow:hidden; float:left; }
.workspaces-list > li .image img { border-right:1px solid var(--border-color); }
.workspaces-list > li .info { width:50%; overflow:hidden; float:left; padding:50px 40px; }
.workspaces-list > li .title { display:inline-block; margin-bottom:20px; color:var(--color-01); font-size:26px; font-weight:800; }
.workspaces-list > li .title > span { display:block; font-weight:400; }
.workspaces-list > li .summary { margin:0; font-size:15px; line-height:21px; }
.workspaces-list > li .text { font-size:15px; line-height:21px; }
.workspaces-list > li:nth-child(2n+2) .image { float:right; }
.workspaces-list > li:nth-child(2n+2) .image > img { border-left:1px solid var(--border-color); border-right:none; }

.references { margin:0; padding:0 !important; list-style:none; text-align:center; }
.references > li { max-width:240px; display:inline-block; margin-bottom:4px; padding:20px; vertical-align:top; border:1px solid var(--border-color); }
.references > li:nth-child(2n+1) { background-color:var(--border-color); }

.videos-list { overflow:hidden; margin:0px; margin-bottom:35px; padding:0px; text-align:center; }
.videos-list > li { max-width:365px; display:inline-block; overflow:hidden; margin-bottom:35px; vertical-align:top; }
.videos-list > li a { display:inline-block; color:var(--color-02); font-size:15px; }
.videos-list > li a > span { display:inline-block; overflow:hidden; position:relative; }
.videos-list > li a > span img { border:1px solid #f1f3f8; }
.videos-list > li a > span:before, .videos-list > li a > span:after { width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:0; content:""; }
.videos-list > li a > span:before { background-color:rgba(35,35,35,0.2); }
.videos-list > li a > span:after { width:61px; height:61px; left:50%; top:50%; transform:translate(-50%, -50%); background-image:url(/images/play.png); background-repeat:no-repeat; background-position:center center; }
.videos-list > li a > strong { display:inline-block; padding-top:5px; font-weight:400; }

.form-contact { max-width:940px; margin-left:auto; margin-right:auto; padding:40px 30px; text-align:left; color:var(--text-color); border:1px solid var(--border-color); border-top:2px solid var(--color-01); background-color:var(--white-color); /*box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);*/ }
.form-contact .form-headline { text-align:center; color:var(--color-02); font-size:18px; }
.form-contact .form-title { margin-bottom:20px; text-align:center; color:var(--color-01); font-size:28px; font-weight:700; }
.form-contact .input-field label, .form-contact label { color:var(--text-color); font-size:15px; }
.form-contact input[type="text"], .form-contact input[type="tel"], .form-contact input[type="email"], .form-contact textarea.materialize-textarea { color:var(--text-color); font-size:15px; margin-bottom:0px; border-bottom:1px solid var(--text-color); }
.form-contact .input-field input[type="text"]:focus + label, .form-contact .input-field input[type="tel"]:focus + label, .form-contact .input-field input[type="email"]:focus + label, .form-contact .input-field .materialize-textarea:focus + label { color:var(--color-02); }
.form-contact .input-field input[type=text]:focus, .form-contact .input-field input[type=tel]:focus, .form-contact .input-field input[type="email"]:focus, .form-contact .input-field .materialize-textarea:focus { color:var(--color-02); border-bottom-color:var(--color-02); box-shadow: 0 1px 0 0 var(--color-02); }
.form-contact .require-text { display:none; margin-top:10px; color:var(--text-color); font-size:14px; }
.form-contact .btn { height:auto; display:inline-block; overflow:hidden; padding:10px 25px; text-align:center; color:var(--white-color); font-size:16px; font-weight:500; line-height:normal; text-transform:none; letter-spacing:normal; border-radius:0px; background-color:var(--color-01); box-shadow:0px 0px 15px 0px rgba(235,75,147,0.5); }
.form-contact .character-counter { display:inline-block; padding-top:5px; color:var(--text-color); }
.form-contact .select-dropdown { padding:0 !important; }

.form-question { overflow:hidden; margin-bottom:60px; padding:30px 40px; border:1px solid #eeeeee; box-shadow: 0px 0px 10px 0px rgba(238,238,238,0.7); }
.form-question .input-field label, .form-question label { color:var(--text-color); font-size:14px; }
.form-question .input-field input[type="text"]:focus + label, .form-question .input-field input[type="tel"]:focus + label, .form-question .input-field input[type="email"]:focus + label, .form-question .input-field .materialize-textarea:focus + label { color:#000000; }
.form-question input[type="text"], .form-question input[type="tel"], .form-question input[type="email"], .form-question textarea.materialize-textarea { color:#83898e; margin-bottom:20px; border-bottom:1px solid #c73f82; }
.form-question .input-field input[type=text]:focus, .form-question .input-field input[type=tel]:focus, .form-question .input-field input[type="email"]:focus, .form-question .input-field .materialize-textarea:focus { color:#000000; border-bottom-color:#000000; box-shadow: 0 1px 0 0 #000000; }
.form-question .require-text { display:block; float:right; margin-top:10px; color:#83898e; font-size:14px; }
.form-question .btn { height:auto; display:inline-block; overflow:hidden; float:left; padding:14px 34px; text-align:center; color:var(--white-color); font-size:17px; font-weight:700; line-height:normal; text-transform:none; letter-spacing:normal; border-radius:0px; background-color:#ce4488; background-image: linear-gradient(90deg, #ce4488, #be387a); box-shadow: 0px 0px 10px 0px rgba(195,58,126,0.7); }

.list-image { overflow:hidden; margin:0px !important; padding:20px 0px !important; list-style:none; text-align:center; }
.list-image > li { display:inline-block; margin-left:7px; margin-right:7px; margin-bottom:20px; vertical-align:top; background-color:var(--white-color); }
.list-image > li img { border:1px solid #eceeef; }
.list-image > li strong { display:block; padding:10px 15px; text-align:center; color:#3db995; font-weight:700; border:1px solid #eceeef; border-top:none; }

.images-gallery { overflow:hidden; margin:0px; margin-bottom:25px; padding:0px; list-style:none; text-align:center; }
.images-gallery > li { display:inline-block; margin-left:3px; margin-right:3px; margin-bottom:15px; vertical-align:top; }
.images-gallery > li a { display:inline-block; overflow:hidden; }
.images-gallery > li img { display:block; margin-left:auto; margin-right:auto; border:1px solid #ebf0f2; }
.images-gallery > li strong { display:inline-block; text-align:center; color:#000000; font-size:16px; }

.documents-gallery { overflow:hidden; margin-top:0px; margin-bottom:30px; }
.documents-gallery > li { overflow:hidden; margin-bottom:10px; 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:var(--white-color); 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:var(--white-color); 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:0px; margin-bottom:60px; padding:0px; text-align:center; }
.list-prev-next > li { display:inline-block; margin-left:5px; margin-right:5px; }
.list-prev-next > li > a { display:inline-block; overflow:hidden; text-align:center; color:#232323; font-size:20px; }
.list-prev-next > li > a > span { display:inline-block; vertical-align:top; margin-top:10px; }
.list-prev-next > li > a > i { width:49px; height:49px; vertical-align:top; color:#51789d; font-size:23px; line-height:47px; border-radius:50%; border:1px solid #51789d; }
.list-prev-next > li.prev > a > i { margin-left:10px; }
.list-prev-next > li.next > a > i { margin-right:10px; }

.pagination { margin:20px 0px; margin-bottom:40px; padding:0px; text-align:center; }
.pagination li { height:auto; margin-left:3px; margin-right:3px; border-radius:0px; }
.pagination li.active { background-color:transparent; }
.pagination li a { width:44px; height:44px; display:inline-block; overflow:hidden; padding:0px; color:#141516; font-size:16px; font-weight:700; line-height:44px; border:1px solid #ebebeb; border-radius:50%; }
.pagination li.active a { color:#51789d; background-color:#ebebeb; }
.pagination li a i { color:#141516; font-size:26px; line-height:44px; }

.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 !important; }
.img-border { border:1px solid #edf1f3; }

@media (max-width: 1900px) {
    /*body { background-color:#F0F; }*/ /* Pembe */
}
@media (max-width: 1800px) {
    /*body { background-color:#0FF; }*/ /* Turkuaz */
}
@media (max-width: 1700px) {
    /*body { background-color:#FF0; }*/ /* Sarı */
}
@media (max-width: 1650px) {
    /*body { background-color:#00F; }*/ /* Mavi */
    .slider-area .slider .owl-nav, .slider-area .slider .owl-dots { left:20px; }
    .slider-area .slider .owl-slide { height:680px; }
}
@media (max-width: 1500px) {
    /*body { background-color:#0F0; }*/ /* Yeşil */
    .header .phone { display:none; }
}
@media (max-width: 1400px) {
    /*body { background-color:#000; }*/ /* Siyah */
    .navigation .menus > li { margin-right:25px; }
    .navigation .menus-list { left:-25px !important; }
	.navigation .products:before { left:50px; }
    .navigation .menus-list li { padding:0px 25px; }
    .slider-area .slider .owl-nav, .slider-area .slider .owl-dots { left:25px; }
	.slider-area .slider .owl-slide .vertical-middle, .slider-area .gatem .text { padding:0px 45px; }
    .slider-area .slider .owl-slide { height:650px; }
    .slider-area .slider .summary, .link-btn { font-size:16px; }
}
@media (max-width: 1300px) {
    /*body { background-color:#F0F; }*/ /* Pembe */
	.navigation .menus > li > a { font-size:17px; }
}
@media (max-width: 1200px) {
	.link-btn { padding:10px 20px; font-size:14px; }
    .header { height:89px; }
    .header:after { width:50%; }
    .header .wrapper { padding-top:20px; }
    .header .sidenav-trigger > strong { display:inline-block; }
    .navigation, .contents-list > li .image:after { display:none; }
    header .social-media > li > a { color:var(--black-color); border-color:var(--black-color); border-width:1px; }
    .slider-area, .references-list { margin-bottom:0px; }
	.slider-area .slider .owl-nav, .slider-area .slider .owl-dots { left:15px; }
    .slider-area .slider .owl-slide { height:520px; }
	.slider-area .slider .headline { font-size:24px; }
    .slider-area .slider .title { margin-bottom:15px; font-size:20px; }
    .slider-area .slider .summary { margin-bottom:20px; font-size:15px; }
	.slider-area .slider .summary ul > li { font-size:14px; }
	.slider-area .gatem { bottom:25px; }
    .index-corporate { margin-bottom:40px; }
    .index-container, .references-area { padding-top:40px; padding-bottom:40px; }
    .corporate-info { padding-left:40px; padding-top:10px; }
    .contents-list { margin-bottom:10px; text-align:center; }
    .contents-list > li { max-width:570px; display:inline-block; margin-left:15px; margin-right:15px; margin-bottom:30px; vertical-align:top; background-color:transparent; }
    .contents-list > li .image, .contents-list > li .info, .contents-list > li:nth-child(2n+2) .info { width:100%; display:block; float:none; }
    .contents-list > li .image { width:100%; border-left:none; border-right:none; border-bottom:1px solid var(--border-color); }
    .contents-list > li .info { background-color:var(--color-02); }
    .contents-list > li .title { margin-top:0px; margin-bottom:0px; }
    .contents-list > li .headline { margin-bottom:20px; }
    .contents-list > li .info, .references-list > li { padding:25px; }
    .offices-area { min-height:500px; background-size:cover; }
    .offices-area .headline { top:40px; }
    .offices-area .offices { height:auto; }
    .offices-area .icon { display:none !important; }
    .offices-area .info { left:calc(50% - 155px); top:120px; }
    .offices-area .cities { display:block; top:400px; }
    .footer .contact, .footer .sitemaps, .copyright p, .copyright .seven { float:none; }
    .footer, .footer .social-media { text-align:center; }
    .footer { padding-top:40px; }
    .footer .contact, .footer .sitemaps { width:inherit; }
    .footer .brand, .footer .address, .footer .social-media, .footer .phone, .footer .languages, .footer .links > li { margin-bottom:25px; }
    .footer .social-media > li { width:inherit; margin-left:7px; margin-right:7px; }
    .footer .links > li { width:inherit; display:block; }
    .footer .menu { margin-top:10px; }
    .copyright { padding-top:20px; }
    .copyright p { margin-bottom:10px; }
    
    .container-header { padding-top:30px; }
    .content-title { font-size:24px; }
    .content-summary { font-size:16px; }
    .product-header { margin-bottom:30px; }
    .content-text table { margin-bottom:30px; }
    .content-text .icons > li img { float:none; margin-left:auto; margin-right:auto; }
    .content-text .icons > li strong { display:block; }
    
    .news-list { margin-bottom:10px; text-align:center; }
    .news-list > li { max-width:570px; display:inline-block; margin-left:15px; margin-right:15px; margin-bottom:30px; padding-bottom:40px; vertical-align:top; }
    .news-list > li .image, .news-list > li .info { width:100%; display:block; float:none; }
    .news-list > li .info { padding:20px; }
    .news-list > li .image img { border-right:none; border-bottom:1px solid var(--border-color); }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /*.footer .colums { -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap:70px; -moz-column-gap:70px; column-gap:70px; -webkit-column-rule:1px solid rgba(255,255,255,0.1); -moz-column-rule:1px solid rgba(255,255,255,0.1); column-rule:1px solid rgba(255,255,255,0.1); }*/
    .references-list > li:nth-child(3n+2), .references-list > li:nth-child(3n+3) { margin-left:15px; }
	.footer .links > li { margin-left:70px; padding-left:70px; }
    .footer .links > li:before { width:1px; height:440px; position:absolute; left:0; top:0; z-index:0; background-color:#dadbdc; content:""; }
	
    .content-text table tbody th, .content-text table tbody td { padding:15px 35px; }
    .content-text table tbody th { color:var(--color-02); font-weight:500; background-color:var(--color-07); }
    .content-text table tbody td { color:var(--color-08); }
}
@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:nth-child(2n+2), .comments-list > li:nth-child(2n+2), .news-list > li:nth-child(2n+2), .videos-list > li:nth-child(2n+2) { margin-left:22px; }*/
}
@media (max-width:991.98px) {
    .whatsapp-btn { right:15px; bottom:15px; }
    .link-btn { padding:12px 22px; }
    .header .contact-btn img { display:none; }
	.slider-area .slider .headline { font-size:22px; }
    .slider-area .slider .title { font-size:18px; }
    .slider-area .slider .summary { font-size:14px; }
	.slider-area .slider .summary ul > li { font-size:13px; }
	.slider-area .gatem { bottom:15px; }
	.slider-area .gatem .text { font-size:24px; }
    .index-title, .offices-area .headline { font-size:30px; }
    .corporate-image, .corporate-info { max-width:570px; width:auto; float:none; margin-left:auto; margin-right:auto; padding:15px 0px; text-align:center; }
	.corporate-info .summary { text-align:center; }
    .references-area .references-headline { font-size:35px; }
    
    .workspaces-list > li { padding-bottom:30px; text-align:center; border-bottom:1px solid var(--border-color); }
    .workspaces-list > li .workspaces { margin-bottom:20px; border:none; }
    .workspaces-list > li .image, .workspaces-list > li .info, .workspaces-list > li:nth-child(2n+2) .image { width:inherit; float:none; }
    .workspaces-list > li .image { max-width:570px; display:block; margin-left:auto; margin-right:auto; }
    .workspaces-list > li .image img { border:1px solid var(--border-color); }
    .workspaces-list > li .info { padding:0px; padding-top:20px; }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /*body { background-color:green; }*/
}
@media (max-width: 767.98px) {
    .header { height:80px; }
    .header .brand { margin-top:0; }
    .header .social-media { display:none; }
    .header .contact-btn { margin-right:15px; padding:10px 20px; }
    .header .sidenav-trigger, .header .language-btn { margin-top:10px; }
	.references-area { background-image:none; }
    
    .container-header { margin-bottom:30px; padding-top:20px; padding-bottom:20px; }
    .content-title { padding-right:0; text-align:center; }
    .container-header .share-list { 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; }
    .link-btn { padding:10px 16px; font-size:13px; }
    .header { height:70px; border-bottom:1px solid var(--border-color); }
    body.index .header { position:relative; }
    .header:before, .header:after { display:none; }
    .header .wrapper { padding-top:15px; }
    .header .brand { max-width:170px; margin-right:0px; }
    .header .contact-btn { display:none; }
    .header .sidenav-trigger, .header .language-btn { margin-top:5px; }
    .header .sidenav-trigger { position:absolute; right:70px; }
    .header .languages { top:80px !important; }
    .slider-area .slider .owl-nav { height:170px; }
    .slider-area .slider .owl-dots > .owl-dot { margin:10px auto; }
    .slider-area .slider .owl-slide { height:380px; text-align:center; background-image:none !important; }
    .slider-area .slider .owl-slide .mobile { display:block; }
    .slider-area .slider .owl-slide .vertical-middle { width:100%; padding:0px 15px; position:absolute; top:auto; bottom:60px; transform:translateY(0); }
	.slider-area .slider .headline { color:var(--color-01); font-size:22px; }
    .slider-area .slider .title { max-width:inherit; margin-bottom:0px; font-size:18px; }
    .slider-area .slider .summary, .slider-area .slider .link-btn { display:none; }
    .slider-area .gatem .text { text-align:center; color:var(--color-01); font-size:20px; }

    .index-container, .references-area { padding-top:30px; }
    .corporate-image .title { font-size:22px; }
    .corporate-info .title, .references-area .references-headline { font-size:30px; }
    .corporate-info .headline { font-size:18px; }
    .index-title, .offices-area .headline { font-size:26px; }
	.contents-list > li { margin-left:auto; margin-right:auto; }
    .contents-list > li .info, .references-list > li { padding:20px; }
    .contents-list > li .title { font-size:20px; }
    .contents-list > li .headline { font-size:15px; }
    .contents-list > li .summary { font-size:14px; }
    .references-area .references-summary { margin-bottom:30px; }
    
    .content-summary { font-size:15px; line-height:24px; }
    
	.product-series { font-size:15px; left:5px; top:5px; }
    .product-slider .owl-nav .owl-prev, .product-slider .owl-nav .owl-next { width:30px; height:30px; margin-left:15px; font-size:15px !important; line-height:30px !important; }
    .product-slider .owl-nav .owl-next { margin-left:0; margin-right:15px; }
	.product-header li a { padding:10px; padding-top:20px; font-size:14px; }
	.product-header li a > strong { display:block; margin-left:auto; margin-right:auto; }
        
    .content-text { padding-bottom:10px; }
    .content-text h1, .content-text h2 { font-size:20px; }
    .content-text h3 { font-size:19px; }
    .content-text h4 { font-size:18px; }
    .content-text h5 { font-size:17px; }
    .content-text h6 { font-size:16px; }
    .content-text p { line-height:24px; }
    .content-text .prew-image, .content-text .float-left, .content-text .float-right { float:none; margin-left:auto; margin-right:auto; }
    .content-text iframe { width:100%; height:auto; }
    
    .content-text .list > li { width:inherit; display:block; }
    .content-text .icons { padding:0px !important; border:none; }
    .content-text .icons > li { margin-bottom:15px; padding:0px; text-align:center !important; }
    
}
@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-height: 700px) {

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