@charset "utf-8";
/*
  ************************************************************************
  *  STYLE
  ************************************************************************  
*/
html, body { height:100%; }

body { color:#595e62; font-size:14px; font-family: 'Open Sans', sans-serif; }

.wrapper { max-width:1640px; margin-left:15px; margin-right:15px; }

.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:#4285F4; }
.mobile-contact > li.whatsapp { background-color:#27bc80; }
.mobile-contact > li.menu { background-color:#252a31; }
.mobile-contact > li > a { display:block; color:#ffffff; font-size:13px; font-weight:600; line-height:40px; cursor:pointer; }

.header { min-height:120px; font-family: 'Ubuntu Condensed', sans-serif; position:relative; z-index:1; }
.header .brand { display:inline-block; float:left; margin-top:35px; color:#30c4d8; font-size:20px; line-height:51px;  }
.header .brand > span { display:inline-block; margin-left:20px; vertical-align:top; }
.header .phone { display:none; float:right; margin-top:40px; text-align:center; color:#14d2ec; font-size:20px; line-height:38px; }
.header .phone > i { width:34px; height:34px; margin-right:7px; font-size:18px; line-height:34px; border:1px solid #14d2ec; border-radius:50%; }
.header .language { display:inline-block; float:right; margin-top:40px; text-align:center; color:#667078; font-size:20px; line-height:38px; }
.header .social-media { margin:0px 35px; margin-top:40px; padding:0px; float:right; }
.header .social-media > li { display:inline-block; margin-left:2px; margin-right:2px; }
.header .social-media > li > a { width:38px; height:38px; display:block; overflow:hidden; padding:0px; text-align:center; color:#ffffff; font-size:16px; line-height:38px; border-radius:50%; background-color:#2aaff0; }
.header .social-media > li > a.facebook { background-color:#00539d; }
.header .social-media > li > a.youtube { background-color:#e72828; }
.header .social-media > li > a.google { background-color:#dd4b39; }
.header .button-collapse { display:none; float:right; margin:0px; margin-top:40px; padding:0px; color:#000000; font-size:20px; line-height:38px; position:relative; cursor:pointer; }
.header .button-collapse > i { height:auto; margin-left:10px; font-size:22px; }

.navigation { width:auto; height:auto; float:right; margin-top:40px; line-height:normal; background-color:transparent; }
.navigation .menus { margin:0px; padding:0px; }
.navigation .menus > li { display:inline-block; float:none; margin-right:35px; vertical-align:top; position:relative; }
.navigation .menus > li:last-child { margin-right:0px; }
.navigation .menus > li > a { display:block; padding:0px; color:#000000; font-size:20px; line-height:38px; background-color:transparent; }
.navigation .menus > li > a:hover, .navigation .menus > li > a.active { color:#30c4d8; }
.navigation .menus > li > a > span { display:inline-block; }
.navigation .menus > li > a > i { height:auto; margin-left:7px; }
.navigation .menus-list { min-width:277px !important; overflow:hidden; margin:0px; padding:20px 30px; font-family: 'Open Sans', sans-serif; top:50px !important; left:-30px !important; background-color:#e8ebef;  }
.navigation .menus-list li { min-height:inherit; line-height:normal; position:relative; border-bottom:1px solid #d9dbde; }
.navigation .menus-list li:last-child { margin-bottom:0px; border-bottom:none; }
.navigation .menus-list li > a { padding:10px 0px; color:#252a31; font-size:15px; background-color:transparent; }
.navigation .menus-list li > a:hover { color:#30c4d8; }
.navigation .menus-list li:hover { background-color:transparent; }

.mobile-navigation {  }
.mobile-navigation .profile { padding:15px; color:#000000; font-size:16px; border-bottom:1px solid #edf0f1; }
.mobile-navigation .profile a { display:inline-block; overflow:hidden; }
.mobile-navigation .profile img { border-radius:50%; }
.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:#000000; font-size:14px; font-weight:600; }
.mobile-navigation .phone i { margin-right: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 { display:inline-block; padding:0; font-size:14px; font-weight:normal; }
.mobile-navigation .menu a:hover { color:#000000; 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; }
.mobile-navigation a { height:auto; padding:0; line-height:normal; }

.slider-area { height:calc(100% - 135px); min-height:820px; overflow:hidden; clear:both; margin-left:15px; margin-right:15px; font-family: 'Ubuntu Condensed', sans-serif; position:relative; z-index:0; }
.slider-area .slider { width:100%; height:100%; position:relative; }
.slider-area .slider .swiper-pagination { width:100%; height:5px; text-align:center; position:absolute; left:0px; bottom:65px; }
.slider-area .slider .swiper-pagination span { width:150px; height:5px; margin:0px 7px !important; vertical-align:top; border-radius:0px; opacity:1; background-color:#ffffff; }
.slider-area .slider .swiper-pagination .swiper-pagination-bullet-active { background-color:#14d2ec; }
.slider-area .slider .swiper-slide { height:100%; text-align:left; background-image:url(/images/slide-1.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;  }
.slider-area .slider .slide-valign { max-width:1640px; margin-left:15px; margin-right:15px; position:relative; top:50%; transform:translateY(-50%); }
.slider-area .slider .brand { margin-bottom:60px; color:#14d2ec; font-size:25px; }
.slider-area .slider .head { margin:0px; color:#ffffff; font-size:60px; line-height:normal; position:relative; }
.slider-area .slider .summary { margin-top:50px; margin-bottom:40px; color:#ffffff; font-size:24px; }
.slider-area .slider .link { display:inline-block; padding:12px 32px; color:#ffffff; font-size:19px; border-radius:25px; background-color:#14d2ec; }

.slider-area .slider-projects { width:425px; position:absolute; right:15px; top:calc(50% - 260px); z-index:1; background-color:#ffffff; }
.slider-area .slider-projects .index-projects-head { display:block; padding:20px 35px; background-color:#44cadc; }
.slider-area .slider-projects .index-projects-head > strong, .slider-area .slider-projects .index-projects-head > a { display:inline-block; vertical-align:top; color:#ffffff; font-size:22px; }
.slider-area .slider-projects .index-projects-head > a { float:right; }
.slider-area .slider-projects .swiper-button-next, .slider-area .slider-projects .swiper-button-prev { width:16px; height:16px; margin-top:0px; text-align:center; color:#ffffff; font-size:16px; left:auto; right:100px; top:20px; background:none; }
.slider-area .slider-projects .swiper-button-next { top:36px; }
.slider-area .slider-projects .index-projects { max-height:420px; margin-top:10px; margin-bottom:20px; padding:0px 35px; }
.slider-area .slider-projects .index-projects .swiper-slide {  }
.slider-area .slider-projects .index-projects .swiper-slide > .project { padding:20px 0px; border-bottom:1px solid #eaf0f3; }
.slider-area .slider-projects .index-projects .swiper-slide > .project:last-child { border-bottom:none; }
.slider-area .slider-projects .index-projects .swiper-slide a, .slider-area .slider-projects .index-projects .swiper-slide span { display:inline-block; margin-right:7px; color:#30c4d8; font-size:18px; }
.slider-area .slider-projects .index-projects .swiper-slide a { color:#787c7f; }
.slider-area .slider-projects .index-projects .swiper-slide strong { display:block; color:#171819; font-size:16px; }

.index-contact-area { margin-top:40px; margin-bottom:50px; padding-bottom:20px; overflow:hidden; border-bottom:1px solid #ebf0f2; }
.index-contact-area .contact { float:left; margin-bottom:10px; text-align:left; vertical-align:top; }
.index-contact-area .contact > .image { display:inline-block; float:left; margin-right:16px; }
.index-contact-area .contact > p { max-width:280px; float:left; }
.index-contact-area .contact > p a { display:inline-block; color:#707377; font-size:16px; }
.index-contact-area .contact > p span { min-width:18px; display:inline-block; color:#252a31; }

.index-content-head { margin:0px; margin-bottom:20px; padding-bottom:30px; text-align:center; color:#252a31; font-size:34px; line-height:normal; font-family: 'Ubuntu Condensed', sans-serif; position:relative; }
.index-content-head:after { width:82px; height:3px; position:absolute; left:calc(50% - 41px); bottom:0px; z-index:0; background-color:#30c4d8; content:""; }
.index-content-summary { margin:0px; margin-bottom:45px; text-align:center; color:#252a31; font-size:16px; }

.index-products-area { overflow:hidden; }

.bottom-about-area { max-width:1600px; margin-left:auto; margin-right:auto; margin-bottom:30px; text-align:center; background-image:url(/images/about-bg.jpg); background-repeat:no-repeat; background-position:center bottom; }
.bottom-about-area .head { display:inline-block; overflow:hidden; margin-top:70px; margin-bottom:40px; padding-left:110px; color:#ffffff; font-size:40px; line-height:84px; font-family: 'Ubuntu Condensed', sans-serif; background-image:url(/images/about-icon.png); background-repeat:no-repeat; background-position:left center; }
.bottom-about-area .summary { overflow:hidden; margin-bottom:50px; color:#f6f6f6; font-size:14px; }
.bottom-about-area .counts { margin:0px; margin-bottom:20px; padding:0px; text-align:center; }
.bottom-about-area .counts > li { display:inline-block; margin-bottom:30px; text-align:left; vertical-align:top; color:#ffffff; font-size:25px; font-family: 'Open Sans Condensed', sans-serif; }
.bottom-about-area .counts > li > img { float:left; margin-right:17px; }
.bottom-about-area .counts > li > span, .bottom-about-area .counts > li > strong { display:inline-block; margin-right:5px; line-height:70px; }
.bottom-about-area .counts > li > span { color:#252a31; }
.bottom-about-area .promotion-film { display:inline-block; overflow:hidden; margin-bottom:-30px; padding:10px 36px; padding-bottom:4px; color:#ffffff; font-size:20px; line-height:34px; font-family: 'Ubuntu Condensed', sans-serif; background-color:#252a31; }
.bottom-about-area .promotion-film img { margin-right:20px; }
.bottom-about-area .promotion-film span { display:inline-block; vertical-align:top; }

.bottom-comments-area { margin-top:70px; margin-bottom:80px; text-align:center; }
.bottom-comments-area .index-comments-head { display:inline-block; margin:0px; margin-bottom:30px; padding:0px 90px; text-align:center; color:#252a31; font-size:34px; font-family: 'Ubuntu Condensed', sans-serif; position:relative; }
.bottom-comments-area .index-comments-head > strong { display:inline-block; vertical-align:top; }
.bottom-comments-area .swiper-button-next, .bottom-comments-area .swiper-button-prev { width:50px; height:50px; text-align:center; color:#000000; font-size:26px; line-height:50px; border:1px solid #30c4d8; border-radius:50px; background:none; }
.bottom-comments-area .comment { margin-top:50px; margin-bottom:15px; padding:50px 35px; padding-top:70px; text-align:left; position:relative; border:1px solid #eaeeef; }
.bottom-comments-area .comment .image { display:inline-block; overflow:hidden; position:absolute; left:calc(50% - 50px); top:-50px; z-index:1; }
.bottom-comments-area .comment .image > img { width:100px; height:100px; border-radius:50%; }
.bottom-comments-area .comment .title { display:inline-block; margin-bottom:15px; color:#2d3162; font-size:20px; font-family: 'Ubuntu Condensed', sans-serif; }
.bottom-comments-area .comment p { margin:0px; text-align:justify; color:#636669; font-size:15px; }
.bottom-comments-area .comment i { color:#2d3162; font-size:45px; position:absolute; right:35px; bottom:-20px; z-index:1; }

.bottom-news-area { overflow:hidden; padding:30px 0px; background-color:#30c4d8; }
.bottom-news-area .swiper-pagination { width:auto; position:absolute; left:auto; bottom:0px; right:0px; top:4px; background-color:#30c4d8; }
.bottom-news-area .swiper-pagination span { width:12px; height:12px; display:inline-block; margin:0px 3px !important; border:1px solid #2e353b; border-radius:50%; background-color:#30c4d8; }
.bottom-news-area .swiper-pagination .swiper-pagination-bullet-active { background-color:#2e353b; }
.bottom-news-area .swiper-slide a { display:inline-block; color:#ffffff; font-size:15px; }
.bottom-news-area .swiper-slide a > span { display:inline-block; margin-right:7px; vertical-align:top; color:#000000; }

.footer { padding-top:80px; padding-bottom:40px; color:#ffffff; font-size:15px; position:relative; background-color:#252a31; }
.footer .brand { display:inline-block; float:left; margin-bottom:40px; color:#f3f6f8; font-size:24px; line-height:51px; font-family: 'Open Sans Condensed', sans-serif; }
.footer .brand > span { display:inline-block; margin-left:20px; vertical-align:top; }
.footer .social-media { margin:4px 0px; margin-bottom:40px; padding:0px; float:right; }
.footer .social-media > li { display:inline-block; margin-left:8px; }
.footer .social-media > li > a { width:44px; height:44px; display:block; overflow:hidden; padding:0px; text-align:center; color:#ffffff; font-size:16px; line-height:44px; border-radius:50%; background-color:#2aaff0; }
.footer .social-media > li > a.facebook { background-color:#00539d; }
.footer .social-media > li > a.youtube { background-color:#e72828; }
.footer .social-media > li > a.google { background-color:#dd4b39; }
.footer .address { min-height:50px; margin-bottom:40px; padding-bottom:55px; position:relative; border-bottom:1px solid #30343b; }
.footer .address:before { width:50px; height:50px; position:absolute; left:-70px; top:0px; background-image:url(/images/phone-footer-icon.png); background-repeat:no-repeat; background-position:left top; content:""; }
.footer .links { float:left; margin:0px; padding:0px; }
.footer .links > li { display:inline-block; margin-right:25px; }
.footer .links > li >  a { display:block; color:#ffffff; font-size:19px; font-family: 'Ubuntu Condensed', sans-serif; }
.footer .links > li >  a:hover { color:#30c4d8; }
.footer .scroll-up { display:inline-block; float:right; color:#30c4d8; font-size:19px; font-family: 'Ubuntu Condensed', sans-serif; cursor:pointer; }

.copyright { overflow:hidden; clear:both; padding-top:35px; padding-bottom:40px; color:#8f9193; font-size:13px; }
.copyright p { float:left; margin-top:0px; }
.copyright p i { font-size:12px; }
.sevenadworks { display:inline-block; float:right; color:#8f9193; font-size:13px; line-height:17px; }
.sevenadworks > span { display:inline-block; margin-right:7px; vertical-align:top; }

/* Content Style */
.container-header { margin-left:15px; margin-right:15px; margin-bottom:50px; padding:30px 0px; background-color:#30c4d8; }
.container-header .head { margin:15px 0px; float:left; color:#151617; font-size:30px; font-family: 'Ubuntu Condensed', sans-serif; position:relative; }
/*.container-header .head:before { width:58px; height:2px; position:absolute; right:0px; top:50%; background-color:#050505; content:""; }*/
.container-header ul { margin:0px; padding:0px; float:right; color:#ffffff; font-size:14px; }
.container-header ul > li { display:inline-block; margin-left:50px; vertical-align:top; }
.container-header ul > li > .image { display:inline-block; float:left; margin-right:21px; }
.container-header ul > li > p { max-width:230px; float:left; }
.container-header ul > li > p a { display:inline-block; color:#ffffff; }

.container-area { position:relative; }
.container-area .content-headline { margin-top:20px; color:#30c4d8; font-size:18px; font-family: 'Open Sans Condensed', sans-serif; }
.container-area .content-title { margin-top:15px; margin-bottom:15px; color:#252a31; font-size:26px; font-family: 'Ubuntu Condensed', sans-serif; }

.content-menu { width:285px; float:left; margin-bottom:40px; position:relative; z-index:2; }
.content-menu .catalog { display:block; overflow:hidden; margin-bottom:18px; padding:15px 35px; color:#ffffff; font-size:20px; font-family: 'Ubuntu Condensed', sans-serif; background-color:#252a31; }
.content-menu .catalog span { display:inline-block; float:left; }
.content-menu .catalog i { float:right; font-size:19px; line-height:30px; }
.content-menu .menu-list { margin:0px; margin-bottom:18px; padding:25px 35px; background-color:#e8ebef; }
.content-menu .menu-list > li { margin-bottom:10px; border-bottom:1px solid #d9dbde; }
.content-menu .menu-list > li:last-child { margin-bottom:0px; border-bottom:none; }
.content-menu .menu-list > li > a { display:inline-block; padding:10px 0px; color:#252a31; font-size:16px; }
.content-menu .menu-list > li ol { margin:0px; margin-left:15px; padding:0px; padding-bottom:5px; list-style:none; }
.content-menu .menu-list > li ol > li {  }
.content-menu .menu-list > li ol > li > a { display:inline-block; margin-bottom:8px; padding:2px 0px; color:#252a31; font-size:14px; }
.content-menu .menu-list > li a.active, .content-menu .menu-list > li a:hover { color:#30c4d8; }

.content-area { width:calc(100% - 285px); overflow:hidden; float:right; margin-bottom:40px; padding-left:65px; }
.content-area .all-list { display:inline-block; padding:10px 20px; color:#ffffff; font-size:14px; font-weight:500; background-color:#30c4d8; }

.content-text { }
.content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6 { margin-top:25px; margin-bottom:10px; color:#252a31; font-size:26px; font-family: 'Ubuntu Condensed', sans-serif; }
.content-text h2 { font-size:24px; }
.content-text h3 { font-size:22px; }
.content-text h4 { font-size:20px; }
.content-text h5, .content-text h6 { font-size:18px; }
.content-text .reference-title { margin-top:0px; margin-bottom:0px; padding-top:25px; }
.content-text .reference-section { margin-top:0px; margin-bottom:30px; color:#30c4d8; }
.content-text .prew-image { float:left; margin-right:30px; margin-bottom:10px; position:relative; border:1px solid #ebf0f2; }
.content-text .prew-image:before { width:16px; height:8px; position:absolute; right:-5px; top:35px; transform: rotate(-90deg); background-image:url(/images/ok.png); background-repeat:no-repeat; content:""; }
.content-text .prew-image > img { margin-bottom:-6px; }
.content-text p { margin-bottom:20px; text-align:justify; line-height:22px; }
.content-text p strong { color:#171819; }
.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:#000000; }
.content-text table { margin-bottom:36px; border:1px solid #edf0f3; }
.content-text table thead { border:none; background-color:#e8ebef; }
.content-text table thead th { padding:10px 20px; color:#000000; font-size:14px; font-weight:700; border-radius:0px; }
.content-text table tbody th {font-weight:700; }
.content-text table tbody th, .content-text table tbody td { padding:10px 20px; color:#000000; border-radius:0px; border:1px solid #edf0f3; }
.content-text iframe { border:1px solid #edf0f3; }
#gmap_canvas { max-width:940px; height:450px; margin:0px auto; margin-top:10px; padding: 0px; border:1px solid #edf0f3; }

.contents-all-head { margin-bottom:15px; padding-right:90px; color:#30c4d8; font-size:20px; font-family: 'Ubuntu Condensed', sans-serif; position:relative; }
.contents-all-head:after { width:82px; height:3px; position:absolute; right:0px; top:15px; z-index:0; background-color:#30c4d8; content:""; }

.products-list { margin:0px; margin-bottom:45px; padding:0px; text-align:center; }
.products-list > li { max-width:370px; display:inline-block; margin-bottom:32px; vertical-align:top; border:1px solid #ebf0f2; cursor:pointer; }
.products-list > li > .image { display:block; overflow:hidden; border-bottom:1px solid #ebf0f2; position:relative; }
.products-list > li > .image > img { margin-bottom:-7px; }
.products-list > li > .image:before { width:16px; height:8px; position:absolute; left:50px; bottom:0px; background-image:url(/images/ok.png); background-repeat:no-repeat; background-position:left top; content:""; }
.products-list > li > .info { padding:25px 35px; text-align:left; color:#595e62; font-size:14px; }
.products-list > li > .info > span { color:#30c4d8; font-size:18px; font-family: 'Open Sans Condensed', sans-serif; }
.products-list > li > .info > strong { display:block; margin-top:10px; color:#252a31; font-size:25px; font-family: 'Ubuntu Condensed', sans-serif; }

.references-list-head { margin-top:10px; margin-bottom:25px; color:#252a31; font-size:25px; font-family: 'Ubuntu Condensed', sans-serif; }
.references-slider { margin-bottom:30px; }
.references-slider .swiper-button-next, .references-slider .swiper-button-prev { width:20px; height:auto; margin-top:0px; text-align:center; color:#252a31; font-size:25px; font-family: 'Ubuntu Condensed', sans-serif; position:absolute; left:auto; right:0px; top:10px; background:none; }
.references-slider .swiper-button-prev { right:25px; }
.references-slider .item { overflow:hidden; border:1px solid #ebf0f2; }
.references-slider .image { width:275px; display:inline-block; float:left; position:relative; border-right:1px solid #ebf0f2; }
.references-slider .image:before { width:16px; height:8px; position:absolute; right:-5px; top:35px; transform: rotate(-90deg); background-image:url(/images/ok.png); background-repeat:no-repeat; content:""; }
.references-slider .image > img { margin-bottom:-6px; }
.references-slider .info { width:calc(100% - 356px); float:left; padding:25px 40px; padding-bottom:0px; }
.references-slider .info span { display:inline-block; color:#30c4d8; font-size:18px; font-family: 'Open Sans Condensed', sans-serif; }
.references-slider .info strong { display:block; margin-top:15px; color:#252a31; font-size:22px; font-family: 'Ubuntu Condensed', sans-serif; }
.references-slider .info p { overflow:hidden; clear:both; margin-top:0px; color:#595e62; font-size:14px; }
.references-slider .info .link { display:inline-block; float:right; padding:10px 20px; color:#141516; font-size:17px; font-family: 'Open Sans Condensed', sans-serif; position:absolute; right:40px; bottom:0px; background-color:#30c4d8; }

.references-list { overflow:hidden; clear:both; margin:0px; margin-bottom:30px; padding:0px; text-align:center; }
.references-list > li { max-width:calc(25% - 14px); display:inline-block; margin:0 7px; margin-bottom:45px; text-align:left; vertical-align:top; }
.references-list > li .image { display:inline-block; position:relative; }
.references-list > li .image > img { margin-bottom:-6px; border:1px solid #ebf0f2; }
.references-list > li > .image:before { width:16px; height:8px; position:absolute; left:50px; bottom:-1px; background-image:url(/images/ok.png); background-repeat:no-repeat; background-position:left top; content:""; }
.references-list > li .info { overflow:hidden; padding-top:15px; }
.references-list > li .info > strong { display:inline-block; color:#252a31; font-size:16px; font-family: 'Ubuntu Condensed', sans-serif; }
.references-list > li .info > i { display:none; float:right; color:#4fcdde; font-size:26px; }

.comments-content-list { overflow:hidden; clear:both; margin:0px; padding:0px; list-style:none; }
.comments-content-list > li { margin-top:25px; margin-bottom:20px; padding:25px 35px; padding-top:40px; text-align:left; position:relative; border:1px solid #eaeeef; }
.comments-content-list > li i { color:#2d3162; font-size:45px; position:absolute; left:calc(50% - 21px); top:-25px; z-index:1; }
.comments-content-list > li .title { display:inline-block; margin-bottom:10px; color:#2d3162; font-size:20px; font-family: 'Ubuntu Condensed', sans-serif; }
.comments-content-list > li p { margin:0px; text-align:justify; color:#636669; font-size:15px; }
.comments-content-list > li p > a { color:#30c4d8; }

.news-list { margin:0px; padding:0px; }
.news-list > li { overflow:hidden; margin-bottom:30px; position:relative; border:1px solid #ebf0f2; }
.news-list > li .image { display:inline-block; float:left; position:relative; border-right:1px solid #ebf0f2; }
.news-list > li .image:before { width:16px; height:8px; position:absolute; right:-5px; top:35px; transform: rotate(-90deg); background-image:url(/images/ok.png); background-repeat:no-repeat; content:""; }
.news-list > li .image > img { margin-bottom:-5px; }
.news-list > li .info { width:calc(100% - 259px); float:left; padding:25px 40px; padding-bottom:0px; }
.news-list > li .info span { display:inline-block; color:#30c4d8; font-size:18px; font-family: 'Open Sans Condensed', sans-serif; }
.news-list > li .info strong { display:block; margin-top:5px; margin-bottom:25px; color:#252a31; font-size:20px; font-family: 'Ubuntu Condensed', sans-serif; }
.news-list > li .info p { overflow:hidden; clear:both; margin-top:0px; color:#595e62; font-size:14px; }
.news-list > li .info .link { display:inline-block; float:right; clear:both; padding:10px 20px; color:#141516; font-size:17px; font-family: 'Open Sans Condensed', sans-serif; position:absolute; right:40px; bottom:0px; background-color:#30c4d8; }

.comments-list { margin:0px; padding:0px; list-style:none; text-align:center; }
.comments-list > li { max-width:366px; display:inline-block; overflow:hidden; margin-bottom:30px; vertical-align:top; }
.comments-list > li .comment { margin-top:50px; margin-bottom:15px; padding:50px 35px; padding-top:70px; text-align:left; position:relative; border:1px solid #eaeeef; }
.comments-list > li .comment .image { display:inline-block; overflow:hidden; position:absolute; left:calc(50% - 50px); top:-50px; z-index:1; }
.comments-list > li .comment .image > img { width:100px; height:100px; border-radius:50%; }
.comments-list > li .comment .title { display:inline-block; margin-bottom:15px; color:#2d3162; font-size:20px; font-family: 'Ubuntu Condensed', sans-serif; }
.comments-list > li .comment p { margin:0px; text-align:justify; color:#636669; font-size:15px; }
.comments-list > li .comment i { color:#2d3162; font-size:45px; position:absolute; right:35px; bottom:-20px; z-index:1; }

.list-prev-next { overflow:hidden; clear:both; list-style:none; margin:20px 0px; padding:0px; text-align:center; }
.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 { width:60px; height:60px; display:block; padding:0px; text-align:center; color:#ffffff; font-size:20px; font-weight:600; line-height:60px; border-radius:50%; background-color:#fd5535; }

.form-contact {  }
.form-contact .input-field label { color:#3a3e41; font-size:14px; }
.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:#3a3e41; }
.form-contact input[type="text"], .form-contact input[type="email"], .form-contact textarea.materialize-textarea { color:#3a3e41; margin-bottom:14px; border-bottom:1px solid #e8ebef; }
.form-contact .input-field input[type=text]:focus, .form-contact .input-field input[type="email"]:focus, .form-contact .input-field .materialize-textarea:focus { color:#3a3e41; border-bottom-color:#3a3e41; box-shadow: 0 1px 0 0 #3a3e41; }
.form-contact .require-text { float:right; margin:0px; padding-top:10px; color:#686e73; font-size:15px; font-weight:500; }
.form-contact .require-text > span { color:#141516; }
.form-contact .btn { height:auto; float:right; padding:10px 30px; text-align:center; color:#ffffff; font-size:16px; font-weight:700; line-height:normal; text-transform:none; letter-spacing:normal; border-radius:0px; background-color:#30c4d8; }
.form-contact .cv-btn { float:left; }

.images-gallery-head { margin-top:0px; margin-bottom:25px; color:#141516; font-size:24px; font-family: 'Ubuntu Condensed', sans-serif; }
.images-gallery { overflow:hidden; margin:0px; margin-bottom:40px; padding:0px; list-style:none; text-align:center; }
.images-gallery > li { display:inline-block; margin-left:7px; margin-right:7px; margin-bottom:16px; 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; }

.pagination { margin:30px 25px; margin-top:45px; }
.pagination li { width:30px; height:30px; margin:0px 4px; }
.pagination li.active { background-color:#26a69a; }
.pagination li a { display:block; padding:0px; color:#65676e; font-size:17px; font-weight:600; font-family: 'Lato', sans-serif; }
.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 14px 0px rgba(34,31,31,0.6); -moz-box-shadow: 0px 0px 14px 0px rgba(34,31,31,0.6); box-shadow: 0px 0px 14px 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; }
.middle { margin-left:auto; margin-right:auto; }
.text-indent-9999 { text-indent:-9999px; }
.img-border { border:1px solid #edf0f3; }
.font-light { font-weight:300; }
.font-medium { font-weight:500; }
.font-bold { font-weight:600; }
.height-0 {  height:0px;}
.fancybox-controls--canzoomIn .fancybox-placeholder, .fancybox-controls--canzoomOut .fancybox-placeholder { cursor:pointer; }

@media (max-width: 1900px) {
    /*body { background-color:#F0F; }*/ /* Pembe */
	
}
@media (min-width: 1850px) {
    .wrapper, .slider-area .slider .slide-valign { margin-left:auto; margin-right:auto; }
    .slider-area { height:calc(100% - 155px); overflow:hidden; margin-left:35px; margin-right:35px; position:relative; }
    .slider-area .slider-projects { right:5%; }
    .container-header { margin-left:35px; margin-right:35px; }
}
@media (max-width: 1800px) {
    /*body { background-color:#0FF; }*/ /* Turkuaz */
}
@media (max-width: 1700px) {
    /*body { background-color:#FF0; }*/ /* Sarı */
    
}
@media (max-width: 1600px) {
    /*body { background-color:#00F; }*/ /* Mavi */
    .slider-area .slider .slide-valign { margin-left:30px; margin-right:30px; }
    .slider-area .slider .swiper-pagination span { width:100px; }
    .slider-area .slider-projects { right:30px; }
}
@media (max-width: 1500px) {
    /*body { background-color:#0F0; }*/ /* Yeşil */
	
}
@media (max-width: 1400px) {
    /*body { background-color:#F00; }*/ /* Kırmızı */	
    .slider-area { min-height:640px; }
    .slider-area .slider .brand { margin-bottom:40px; }
    .slider-area .slider .head { font-size:45px; }
    .slider-area .slider .summary { margin-top:30px; margin-bottom:30px; font-size:20px; }
    .slider-area .slider .link { font-size:16px; }    
}
@media (max-width: 1300px) {
    /*body { background-color:#F0F; }*/ /* Pembe */
	.header .social-media { display:none; }
	.navigation { margin-right:30px; }
}
@media (max-width: 1199.98px) {
    /*body { background-color:#0FF; }*/ /* Turkuaz */
    .header .brand > span { margin-left:10px; }
    .navigation .menus > li { margin-right:15px; }
    /*.navigation .menus > li > a { font-size:17px; }*/
	.slider-area .slider .slide-valign { text-align:center; }
    .slider-area .slider .brand { margin-bottom:30px; }
    .slider-area .slider .head { font-size:35px; }
    .slider-area .slider .summary { margin-top:20px; margin-bottom:20px; font-size:18px; }
    .slider-area .slider .link { font-size:14px; }
	.slider-area .slider-projects { display:none; }
    .index-contact-area .contact > .image { margin-right:10px; }
    .index-content-head { font-size:30px; }

    .products-list > li > .info { padding:25px; text-align:left; }
    .products-list > li > .info > span { font-size:16px; }
    .products-list > li > .info > strong { font-size:20px; }

    .references-list > li { max-width:calc(33% - 14px); }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.slider-area .slider .summary { max-width:47%; text-align:justify; }
    .index-contact-area .phone { width:385px; }
    .index-contact-area .email { float:right; }
    .bottom-about-area .counts > li:nth-child(2) { margin-left:150px; margin-right:150px; }

    .products-list > li:nth-child(3n+2) { margin-left:15px; margin-right:15px; }
    .contents-images-gallery > li { margin-left:0px; margin-right:0px; }
    .contents-images-gallery > li:nth-child(3n+2) { margin-left:20px; margin-right:20px; }
    .references-content-list { margin-bottom:0px; }
    .references-content-list > li { max-width:380px; }
}
@media (max-width: 1100px) {
	
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /*body { background-color:red; }*/
    .index-contact-area .phone { width:300px; }
    .bottom-about-area .counts > li:nth-child(2) { margin-left:70px; margin-right:70px; }
    .products-list > li:nth-child(2n+2) { margin-left:15px; }
}
@media (max-width:991.98px) {
    .mobile-contact { display:inline-block; }
    .navigation, .header .language { display:none; }
    .header .social-media { margin-left:0px; margin-right:15px; }
    .header .phone, .header .button-collapse { display:inline-block; }
	.header .phone { margin-right:15px; }
    .copyright { padding-bottom:60px; }

    .slider-area { height:auto; min-height:400px; }
    .slider-area .slider { height:400px; }
    .slider-area .slider .swiper-slide { text-align:center; }
    .slider-area .slider .summary { max-width:inherit; text-align:center; }
    .slider-area .slider .swiper-pagination { bottom:15px; }
    .slider-area .slider .swiper-pagination span { width:85px; height:3px; }
    .slider-area .slider-projects { width:auto; position:relative; top:0px; right:auto; }

    .index-contact-area .phone, .index-contact-area .contact { overflow:hidden; float:none; text-align:center; }
    .index-contact-area .contact > .image { float:none; margin-right:auto; }
    .index-contact-area .contact > p { max-width:inherit; float:none; }

    .products-list > li, .bottom-about-area .counts > li, .bottom-logo-area ol > li { margin-left:15px; margin-right:15px; }

    .bottom-about-area { background-color:#3dbccd; }
    
    .bottom-comments-area .index-comments-head { padding:0px 70px; font-size:28px; }
    .bottom-comments-area .swiper-button-next, .bottom-comments-area .swiper-button-prev { width:42px; height:42px; font-size:20px; line-height:42px; }
    .footer { text-align:center; }
    .footer .links { float:none; margin-bottom:15px; }
    .footer .links > li { margin-left:7px; margin-right:7px; }
    .footer .scroll-up { float:none; }
    
    .container-header { margin-bottom:30px; }
    .container-header .head { padding-right:0px; }
    .container-header .head::before { display:none; }
    .container-header ul > li { margin-left:0px; }
    .container-header ul > li:last-child { display:none; }
    .content-area, .content-menu { width:auto; float:none; padding-left:0px; }

    .content-area, .content-text, .content-text p, .images-gallery-head { text-align:center; }
    .content-text .prew-image { display:inline-block; float:none; margin-right:0px; }
    .content-text .prew-image:before { display:none; }
    .content-text ul:not(.browser-default), .content-text ol:not(.browser-default) { text-align:left; }
    .contents-all-head { padding-right:0px; text-align:center; }
    .contents-all-head:after { display:none; }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /*body { background-color:green; }*/
	
}
@media (max-width: 767.98px) {
    .products-list > li { margin-left:auto; margin-right:auto; }
    .copyright { text-align:center; }
    .copyright p, .sevenadworks { float: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; }*/
    .header .social-media { display:none; }
    .slider-area .slider .brand { margin-bottom:10px; font-size:20px; }
    .slider-area .slider .head { font-size:25px; }
    .slider-area .slider .summary { margin-top:15px; margin-bottom:15px; font-size:15px; }
    .slider-area .slider .link { padding:8px 24px; }
    .bottom-about-area .head { font-size:30px; }

    .news-list > li .info { padding:25px; }
    .news-list > li .info strong { font-size:16px; }
    .news-list > li .info .link { right:25px; }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /*body { background-color:blue; }*/
	.header .phone > i { display:none; }
    .index-content-head { font-size:25px; }
    .bottom-comments-area .index-comments-head { padding:0px 60px; font-size:22px; }
    .bottom-comments-area .swiper-button-next, .bottom-comments-area .swiper-button-prev { width:38px; height:38px; font-size:20px; line-height:38px; }
    .footer .brand, .footer .social-media { float:none; margin-bottom:20px; }
    .footer .social-media { margin-bottom:40px; }

    .references-slider .image { width:auto; float:none; border-right:none; }
    .references-slider .image::before { left:25px; bottom:0px; top:auto; right:auto; transform:rotate(0deg); }
    .references-slider .image > img { border-bottom:1px solid #ebf0f2; }
    .references-slider .info { width:auto; float:none; padding:25px; padding-bottom:50px; }
    .references-slider .info .link { right:25px; }

    .container-header { padding:3px 0px; text-align:center; }
    .container-header .head { float:none; font-size:26px; }
    .container-header ul { display:none; }
    .container-area .content-headline, .container-area .content-title { margin-top:0px; text-align:center; }
    .container-area .content-title { font-size:24px; }
    .images-gallery > li { width:calc(50% - 5px); margin-bottom:12px; margin-right:0px; }
    .images-gallery > li:nth-child(2n+2){ margin-left:10px; }
    .references-content-list { margin-bottom:0px; }
    .references-list > li { max-width:calc(50% - 14px); }   
}
@media (max-width: 549.98px) {
    /*body { background-color:grey; }*/
    .header .brand > span { display:none; }
}
@media (max-width: 499.98px) {
    /*body { background-color:beige; }*/
    .news-list > li .image { float:none; border-right:none; }
    .news-list > li .image::before { left:25px; bottom:0px; top:auto; right:auto; transform:rotate(0deg); }
    .news-list > li .image > img { border-bottom:1px solid #ebf0f2; }
    .news-list > li .info { width:auto; float:none; padding-bottom:30px; }
}
@media (max-width: 449.98px) {
    /*body { background-color:coral; }*/
    .slider-area .slider-projects .index-projects { max-height:440px; }
}
@media (max-width: 399.98px) {
    /*body { background-color:hotpink; }*/
	
}
@media (max-width: 349.98px) {
    /*body { background-color:lavender; }*/
    .header .phone { display:none; }
    .mobile-navigation { height:100%; }
}

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