/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header,menu, nav, section, main {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


*, *::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {

}

body {

    font-family: "Open Sans", sans-serif;
    color: #2c343b;
    background-color: #f2f2f2;
}

a {
    color: #d44457;
    text-decoration: none;
}

img {
    max-width: inherit;
}



/**
 * Swiper 3.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: December 13, 2016
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}


#logo{
    z-index:9990;position: absolute; bottom:-15px;  left: calc(50vw - (/* width */53px / 2));
}

#slider-mask{
    z-index:999;position: absolute; bottom:-8px;
    width: 100%;
}
#slider-mask img{
    width: 100%
}



#horizonLogo img {
    display: block;
    width: 90%;
}




#horizonLogo {
    float: left;
    margin-left:0;

}


.cd-main-content {
    width: 90%;
    max-width: 768px;
    margin: 0 auto;
    padding: 2em 0;
}
.cd-main-content p {
    font-size: 1.4rem;
    line-height: 1.8;
    color: #999999;
    margin: 2em 0;
}

header{
    position: fixed;
    width: 100%;
    background: #ffffff;
    height: 126px;
    z-index: 9999;
}
.headin {
    position: fixed;
    max-width: 1170px;
    height: 126px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 9999;
}


.topmenu {
    float: right;

    width: 44px;
    height: 100%;


    cursor: pointer;
}

.topmenu a:hover {
    color:#36506c;
}
.topmenu ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.topmenu ul.is-visible {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    margin-top: 75px;
    z-index: -1;
    text-align: right;

    padding-right: 44px;
    background: #414047;
}
.topmenu a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 0;
    background: #414047;
    border-top: 1px solid #333c44;
    color: #10aeb5;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;

}
.topmenu li.act a {
    font-family: 'Source Sans Pro', sans-serif;
    color: #f8ad00;
    border-bottom: 1px solid #f8ad00;
    font-weight: bold;
    padding-bottom: 5px;
    display: inline-block;
}

@media only screen and (min-width: 1240px) {
    .topmenu {
        /* reset navigation values */
        width: auto;
        height: auto;
        background: none;
    }
    .topmenu ul {
        position: static;
        width: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        line-height: 126px;
    }
    .topmenu ul.is-visible {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .topmenu li {
        display: inline-block;

    }
    .topmenu a {
        display: inline-block;
        height: auto;

        line-height: normal;
        background: transparent;

        border-top: none;
        margin-left: 24px;
    }
    .topmenu li.act a {

        color: #36506c;
        border-bottom: 1px solid #36506c;
        font-size: 14px;
        padding-bottom: 5px;
        display: inline-block;
    }
    #horizonLogo {
        float: left;
        margin-left:0;
    }
    #horizonLogo {
        float: left;
        margin-left: -105px;

    }
    #horizonLogo img {
        display: block;
        width: 100%;
    }
}







/* SLIDER *************************/



.prev-slide{
    position: absolute;
    left: 3%;
    top:300px;
    z-index:9980;
    cursor: pointer;
}
.next-slide{
    position: absolute;
    top:300px;
    z-index:9980;
    right: 3%;
    cursor: pointer;
}

.prev-slide:hover {
    background: #b0b0b0;
}
.next-slide:hover {
    background: #b0b0b0;
}


.cd-hero {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: -2px;
}

.cd-hero-slider {
    position: relative;
    height: 360px;
    overflow: hidden;
}
.cd-hero-slider li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.cd-hero-slider li.selected {
    /* this is the visible slide */
    position: relative;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.cd-hero-slider li.move-left {
    /* slide hidden on the left */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
    /* the is-moving class is assigned to the slide which is moving outside the viewport */
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}

.cd-hero-slider li {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    /* this padding is used to align the text */
    padding-top: 100px;
    text-align: center;
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.cd-hero-slider .cd-img-container {
    /* hide image on mobile device */
    display: none;
}
.cd-hero-slider .cd-img-container img {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider .cd-bg-video-wrapper {
    /* hide video on mobile device */
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.cd-hero-slider .cd-bg-video-wrapper video {
    /* you won't see this element in the html, but it will be injected using js */
    display: block;
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    height: auto;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider h2, .cd-hero-slider p {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    line-height: 1.2;
    margin: 0 auto 14px;
    color: #ffffff;
    width: 90%;
    max-width: 400px;
}
.cd-hero-slider h2 {
    font-size: 2.4rem;
}
.cd-hero-slider p {
    font-size: 1.4rem;
    line-height: 1.4;
}
.cd-hero-slider .cd-btn {
    display: inline-block;
    padding: 1.2em 1.4em;
    margin-top: .8em;
    background-color: rgba(212, 68, 87, 0.9);
    font-size: 1.3rem;

    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.cd-hero-slider .cd-btn.secondary {
    background-color: rgba(22, 26, 30, 0.8);
}
.cd-hero-slider .cd-btn:nth-of-type(2) {
    margin-left: 1em;
}
.no-touch .cd-hero-slider .cd-btn:hover {
    background-color: #d44457;
}
.no-touch .cd-hero-slider .cd-btn.secondary:hover {
    background-color: #161a1e;
}
@media only screen and (min-width: 768px) {
    .cd-hero-slider li:nth-of-type(2) {
        background-image: none;
    }
    .cd-hero-slider li:nth-of-type(3) {
        background-image: none;
    }
    .cd-hero-slider li:nth-of-type(4) {
        background-image: none;
    }
    .cd-hero-slider .cd-full-width,
    .cd-hero-slider .cd-half-width {
        padding-top: 150px;
    }
    .cd-hero-slider .cd-bg-video-wrapper {
        display: block;
    }
    .cd-hero-slider .cd-half-width {
        width: 45%;
    }
    .cd-hero-slider .cd-half-width:first-of-type {
        left: 5%;
    }
    .cd-hero-slider .cd-half-width:nth-of-type(2) {
        right: 5%;
        left: auto;
    }
    .cd-hero-slider .cd-img-container {
        display: block;
    }
    .cd-hero-slider h2, .cd-hero-slider p {
        max-width: 520px;
    }
    .cd-hero-slider h2 {
        font-size: 2.4em;

    }
    .cd-hero-slider .cd-btn {
        font-size: 1.4rem;
    }
}
@media only screen and (min-width: 1170px) {
    .cd-hero-slider .cd-full-width,
    .cd-hero-slider .cd-half-width {
        padding-top: 220px;
    }
    .cd-hero-slider h2, .cd-hero-slider p {
        margin-bottom: 20px;
    }
    .cd-hero-slider h2 {
        font-size: 3.2em;
    }
    .cd-hero-slider p {
        font-size: 1.6rem;
    }
}

@media only screen and (min-width: 768px) {
    .cd-hero-slider .cd-half-width {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -o-transform: translateX(40px);
        transform: translateX(40px);
    }
    .cd-hero-slider .move-left .cd-half-width {
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        -o-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    .cd-hero-slider .selected .cd-half-width {
        /* this is the visible slide */
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .cd-hero-slider .is-moving .cd-half-width {
        /* this is the slide moving outside the viewport
        wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
        -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
        -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
        transition: opacity 0s 0.5s, transform 0s 0.5s;
    }
    .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
    .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
        /* this is the selected slide - different animation if it's entering from left or right */
        -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
        -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
        transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
    }
    .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
    .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
        /* this is the selected slide - different animation if it's entering from left or right */
        -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
        -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
        transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
    }
    .cd-hero-slider .cd-full-width h2,
    .cd-hero-slider .cd-full-width p,
    .cd-hero-slider .cd-full-width .cd-btn {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }
    .cd-hero-slider .move-left .cd-full-width h2,
    .cd-hero-slider .move-left .cd-full-width p,
    .cd-hero-slider .move-left .cd-full-width .cd-btn {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    .cd-hero-slider .selected .cd-full-width h2,
    .cd-hero-slider .selected .cd-full-width p,
    .cd-hero-slider .selected .cd-full-width .cd-btn {
        /* this is the visible slide */
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .cd-hero-slider li.is-moving .cd-full-width h2,
    .cd-hero-slider li.is-moving .cd-full-width p,
    .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
        /* this is the slide moving outside the viewport
        wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
        -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
        -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
        transition: opacity 0s 0.5s, transform 0s 0.5s;
    }
    .cd-hero-slider li.selected h2 {
        -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
        -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
        transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
    }
    .cd-hero-slider li.selected p {
        -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
        -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
        transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
    }
    .cd-hero-slider li.selected .cd-btn {
        -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
        -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
        transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
    }
}






/* ISTATISTIK *************************/


section#bottombg
{
    padding-bottom: 20px;
    background: #36506c;
}
article#stats {
    position: relative;
    max-width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 220px;
    background: #36506c;



}

article#stats .instats{
    width: 728px;

    background: #36506c;
    padding-bottom: 30px;
    border-bottom: 3px solid #f3f3f3 /*10aeb5*/;
}

article#stats .instats .title{

    background: #f3f3f3; /*10aeb5;*/
    color:#36506c;
    text-align: center;
}
article#stats .instats .title h2{
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 2px;
    font-size: 26px;
    line-height: 42px;
	font-weight: bold;
}



article#stats .instats .statnum
{
    margin-top: 35px;
    font-family: 'Source Sans Pro Semibold', sans-serif;
    float:left;
    font-size: 40px;
    color:#fff;
    text-align: center;
    line-height: 30px;
}

article#stats .instats .statnum.two
{
    padding-left: 50px;
    border-left: 1px solid #fff;
}
article#stats .instats .statnum .bignum
{
    min-width: 160px; display: block
}

article#stats .instats .statnum.three
{
    padding-left: 50px;
    border-left: 1px solid #fff;
}

article#stats .instats .statnum.four
{

    border-left: 1px solid #fff;
    padding-left: 40px;

}
article#stats .instats .statnum .desc
{
    font-family: 'Source Sans Pro Light', sans-serif;
    font-size: 18px;
    color:#fff;
    margin-top: 20px;
}

article#stats .instats ul
{
    display: flex;
    justify-content: space-between;

}












/*  HAKKIMIZDA  *********************************/



main section article#hakkimizda{
    background: #10aeb5;
    position: relative;
    overflow: hidden;
}
main section article#hakkimizda .inside {
    position: relative;
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;

}
main section article#hakkimizda .inside .leftside{
    padding-top: 40px;
    max-width:585px;
    float: left;
    margin-left: 20px;
    display: inline-block;
    background: #10aeb5;
    height: 594px;
}

main section article#hakkimizda .inside .leftside p{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: lighter;
    width: 88%;
    line-height: 1.4;

}


main section article#hakkimizda .inside .leftside h1{
    border-left:6px solid #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 34px;
    line-height: 34px;
    text-indent: 20px;
    color: #fff;

    margin-bottom: 30px;
}









main section article#hakkimizda .rightimg img {

    position: absolute;
    right: 0;

    max-height: 688px;
    width: auto;
}

main section article#hakkimizda .wrap {
    position: relative;
    float: left;

    margin: 0 40px 3em 0;
}
main section article#hakkimizda .wrap:nth-child(2n) { margin-right: 0; }


main section article#hakkimizda .frame {

    height: 600px;
    overflow: hidden;

}
main section article#hakkimizda .frame .slidee {


}
main section article#hakkimizda .frame ul.items {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 24px;
    line-height: 100px;
}
main section article#hakkimizda .frame ul.items li {
    float: left;
    width: 100%;
    height: 100px;
    margin: 0 0 1px;
    padding: 0;
    background: #333;
    color: #ddd;
    text-align: center;
    cursor: pointer;
}
main section article#hakkimizda .frame ul.items li.active {
    color: #fff;
    background: #a03232;
}


main section article#hakkimizda .scrollbar {
    position: absolute;
    right: 10px;
    width: 2px;
    height:  0px;
    display: none;
    background: #ccc;
    line-height: 0;
}
main section article#hakkimizda .scrollbar .handle {
    width: 100%;
    height: 100px;
    background: #292a33;
    cursor: pointer;
}
main section article#hakkimizda .scrollbar .handle .mousearea {
    position: absolute;
    top: 0;
    left: -10px;
    width: 22px;
    height: 100%;
}


main section article#hakkimizda .pages {
    list-style: none;
    margin: 20px 20px;
    padding: 0;
    text-align: center;
    position: absolute;
    right: 0;
    top: 22%;
    display: none;
}
main section article#hakkimizda .pages li {

    width: 2px;
    height: 42px;
    margin: 0 4px;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    background: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
    margin-top: 10px;
}
main section article#hakkimizda .pages li:hover {
    background: #595959;
}
main section article#hakkimizda .pages li.active {
    background: #666;
}


main section article#hakkimizda .controls { margin: 25px 0; text-align: center; }


main section article#hakkimizda .pages li.active {
    background: rgba(89, 89, 89, 0.38);
}



main section article#hakkimizda .frame {

    height: 440px;
    overflow: hidden;
    border: 0;
}



main section article#hakkimizda .frame .slidee {

    background: none;
}


main section article#hakkimizda .frame {

    height: 100%;
    overflow: hidden;

}

main section article#hakkimizda .abtitle{
    display:block; font-weight: normal;border-left:6px solid #10aeb5;margin-left: -6px
}








/* DEGERLERIMIZ  **********************************/


main section article#degerlerimiz .inside h1{

    margin: 0;
    text-align: center;
    padding-top: 40px;
    letter-spacing: 2px;
    font-size: 2em;
    font-weight: bold;
    padding-bottom: 10px;

}

main section article#degerlerimiz .inside .line{

    display: block;
    width:100px;
    height: 8px;
    border-bottom: 3px solid #10aeb5;
    margin: 0 auto;

}

main section article#degerlerimiz{

    background: #fff;
}

main section article#degerlerimiz .inside ul li img{
    display: block;
}
main section article#degerlerimiz .inside ul li{

    margin-top: 65px;
    cursor: pointer;
    display: inline-block;

}

main section article#degerlerimiz .inside ul li .title{
    margin-bottom: 88px;


    display:  block;


}



main section article#degerlerimiz .inside ul li.icon1:hover .title{
    animation:pulse 1s infinite alternate;

    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

main section article#degerlerimiz .inside ul li.icon2:hover .title{
    animation:pulse 1s infinite alternate;

    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

main section article#degerlerimiz .inside ul li.icon3:hover .title{
    animation:pulse 1s infinite alternate;

    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

main section article#degerlerimiz .inside ul li.icon4:hover .title{
    animation:pulse 1s infinite alternate;

    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

main section article#degerlerimiz .inside ul li.icon5:hover .title{
    animation:pulse 1s infinite alternate;

    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

main section article#degerlerimiz .inside ul li.icon6:hover .title{
    animation:pulse 1s infinite alternate;

    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
main section article#degerlerimiz .inside ul li.icon7:hover .title{
    animation:pulse 1s infinite alternate;


    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

/*

@keyframes pulse {
    from { text-shadow: 5px 5px 20px #fff,
    0 0 20px #fff,
    0 0 30px #d2214a,
    0 0 40px #df3344,
    0 0 70px #e54f35,
    0 0 80px #ea6c25,
    0 0 100px #f3990c,
    0 0 150px #f7ae00;}
    to { text-shadow: 5px 5px 20px #fff,
    0 0 20px #fff,
    0 0 30px #d2214a,
    0 0 40px #df3344,
    0 0 70px #e54f35,
    0 0 80px #ea6c25,
    0 0 100px #f3990c,
    0 0 150px #f7ae00;}
}
*/

main section article#degerlerimiz .inside ul li.icon1{

    margin-left: 29px;

}
main section article#degerlerimiz .inside ul li.icon2{
    border-radius: 50%;
    margin-left: 62px;

}


main section article#degerlerimiz .inside ul li.icon3{

    margin-left: 106px;

}

main section article#degerlerimiz .inside ul li.icon4{

    margin-left: 103px;

}

main section article#degerlerimiz .inside ul li.icon5{

    margin-left: 107px;

}

main section article#degerlerimiz .inside ul li.icon6{

    margin-left: 91px;

}

main section article#degerlerimiz .inside ul li.icon7{

    margin-left: 94px;

}

main section article#degerlerimiz .inside ul li.icon7 .img7 {

    position: absolute;
    background: url(../img/degerlerimiz/7.1.png) -9px 0 no-repeat;
    width: 85px;
    height: 85px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

main section article#degerlerimiz .inside ul li.icon7 .img7:hover {

    background-position: -9px -85px;
}


main section article#degerlerimiz .inside ul li.icon6 .img6 {

    position: absolute;
    background: url(../img/degerlerimiz/6.1.png) -9px 0 no-repeat;
    width: 85px;
    height: 85px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

main section article#degerlerimiz .inside ul li.icon6 .img6:hover {

    background-position: -9px -85px;
}


main section article#degerlerimiz .inside ul li.icon5 .img5 {

    position: absolute;
    background: url(../img/degerlerimiz/5.1.png) -9px 0 no-repeat;
    width: 85px;
    height: 85px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

main section article#degerlerimiz .inside ul li.icon5 .img5:hover {

    background-position: -9px -85px;
}


main section article#degerlerimiz .inside ul li.icon4 .img4 {

    position: absolute;
    background: url(../img/degerlerimiz/4.1.png) -9px 0 no-repeat;
    width: 85px;
    height: 85px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}



main section article#degerlerimiz .inside ul li.icon4 .img4:hover {

    background-position: -9px -85px;
}



main section article#degerlerimiz .inside ul li.icon3 .img3 {

    position: absolute;
    background: url(../img/degerlerimiz/3.1.png) -9px 0 no-repeat;
    width: 85px;
    height: 85px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

main section article#degerlerimiz .inside ul li.icon3 .img3:hover {

    background-position: -9px -85px;
}




main section article#degerlerimiz .inside ul li.icon2 .img2 {

    position: absolute;
    background: url(../img/degerlerimiz/2.1.png) -9px 0 no-repeat;
    width: 85px;
    height: 85px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

main section article#degerlerimiz .inside ul li.icon2 .img2:hover {

    background-position: -9px -85px;
}



main section article#degerlerimiz .inside ul li.icon1 .img1 {

    position: absolute;
    background: url(../img/degerlerimiz/1.1.png) -9px 0 no-repeat;
    width: 85px;
    height: 85px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

main section article#degerlerimiz .inside ul li.icon1 .img1:hover {

    background-position: -9px -85px;
}




main section article#degerlerimiz .inside ul li.icon7 .title{
    margin-left: 20px;
}



main section article#degerlerimiz .inside ul {

    background-image: url('../img/degerlerimiz/route.png');
    background-repeat: no-repeat;
    height: 100%;
    background-position: 24% 38%;

}





main section article#degerlerimiz .inside{

    max-width: 1170px;
    margin: 0 auto;
    height: 476px;
}
main section article#degerlerimiz .inside img{

    z-index: 9999;
}

#tabletmod{
    display: none;
}
#mobilmod{
    display: none;
}
#tabletmod2{
    display: none;
}


@media only screen and (max-width: 1238px) {
    section article#degerlerimiz .mobils {
        display: block;
    }
    #hidem{
        display: none;
    }
    #tabletmod{
        display: block;
    }
    #tabletmod2{
        display: block;
    }

    main section article#degerlerimiz .inside {
        max-width: 1170px;
        margin: 0 auto;
        height: 840px;
    }
    main section article#degerlerimiz .inside #tabletmod img {
        z-index: 999;
        margin-top: 80px;
        float: left;
        max-width: 100%;
    }
    main section article#degerlerimiz .inside #tabletmod2 img {
        z-index: 999;
        margin-top: 40px;
        float: right;

    }

}




@media only screen and (max-width: 600px) {
    section article#degerlerimiz .mobils {
        display: block;
    }
    #hidem{
        display: none;
    }
    #tabletmod{
        display: none;
    }
    #tabletmod2{
        display: none;
    }

    #mobilmod{
        display: block;
    }
    main section article#degerlerimiz .inside {
        max-width: 1170px;
        margin: 0 auto;
        height: 1360px;
    }
    main section article#degerlerimiz .inside img {
        z-index: 999;
        margin-top:80px;

        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }

}







/* UZMANLIKLARIMIZ *****************************/


main section article#uzmanliklarimiz .inside h1{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 2em;
    margin: 0;
    text-align: center;
    padding-top: 40px;
    letter-spacing: 2px;
    color: #fff;

    padding-bottom: 10px;






}
main section article#uzmanliklarimiz .inside .line{

    display: block;
    width:100px;
    height: 8px;
    border-bottom: 3px solid #10aeb5;
    margin: 0 auto;

}


.uzitem
{
    cursor: pointer;
}
/*.uzitem:hover img{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow:    0px 0px 30px 0px rgba(255, 255, 255, 1);
    box-shadow:         0px 0px 30px 0px rgba(255, 255, 255, 1);
    cursor: pointer;
    transform: scale(1.5);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}*/




.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {

    width:30px;
    height:30px;

}
.owl-carousel .owl-nav .owl-prev{
    background: url('../img/icons/tel_icon.png') no-repeat;
}
.owl-carousel .owl-nav .owl-next{
    background: url('../img/icons/tel_icon.png') no-repeat;
}


.owl-prev {
    left: 3%;

}
.owl-next:hover {
    background: #b0b0b0;
}

.owl-prev:hover {
    background: #b0b0b0;
}

.owl-next {
    right:  3%;

}

.owl-theme .owl-controls .owl-buttons div{
    position: absolute;
    top:220px;
}

.owl-buttons {

    z-index: 9;
    top: 50%;
    cursor: pointer;
    color: #fff;
    opacity: 0.7;
    transition: all 0.66s ease;
    -webkit-transition: all 0.66s ease;
}


.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
    z-index: -9999;
    margin-top: 20px;
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: -9999;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
    margin-bottom: 52px;
    margin-top: 30px;

}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;

}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {

}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}


#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-uzman{
    z-index: 999;
}
#owl-uzman .uzitem{

    padding: 30px 0px;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;

}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    text-align: center;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
.owl-pagination{
    text-align: center;
}
#owl-uzman .uzitem h1{
    margin: 0;
    padding-top: 10px !important;
}

#owl-uzman .uzitem p{
    padding-top:  5px;
    margin: 0;
    font-family: 'Source Sans Pro Light', sans-serif;
}

.customNavigation{
    text-align: center;
}

.customNavigation a{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.owl-theme .owl-controls .owl-page{
    display: inline-table;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #10aeb5;


    height:  2px;

    opacity: 1;
    width: 42px;
}

.owl-page{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.owl-page.active{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    height:  2px;

}

main section article#uzmanliklarimiz{

    background: #d91257;
}
main section article#uzmanliklarimiz .inside{

    max-width: 1170px;
    margin: 0 auto;
    height: 540px;
}


/* HIZMETLERIMIZ  *******************************/



main section article#hizmetlerimiz{

    position: relative;
    overflow: hidden;
    background: #36506c;

}

main section article#hizmetlerimiz .inside{
    position: relative;
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;



}

main section article#hizmetlerimiz .inside .leftside{
    padding-top: 40px;
    width: 585px;
    float: left;
    margin-left: 20px;
    display: inline-block;
    background: #36506c;
    height: 594px;


}
main section article#hizmetlerimiz .inside .leftside h1{
    border-left:6px solid #10aeb5;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 34px;
    line-height: 34px;
    text-indent: 20px;
    color: #fff;

    margin-bottom: 30px;
}

main section article#hizmetlerimiz .inside .leftside p{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: lighter;
    width: 100%;
    line-height: 1.4;
}


main section article#hizmetlerimiz .rightimg img{

    position: absolute;
    right: 0;

    max-height: 688px;
    width: auto;
}
main section article#hizmetlerimiz .inside .leftside h3{

    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 14px;

    color: #10aeb5;
    margin-bottom: 5px;
    margin-top: 29px;
}

main section article#hizmetlerimiz .wrap {
    position: relative;
    float: left;

    margin: 0 40px 3em 0;
}
main section article#hizmetlerimiz .wrap:nth-child(2n) {
    padding-left: 30px;
    margin-right: 0;

}


main section article#hizmetlerimiz .frame {

    height: 600px;
    overflow: hidden;

}
main section article#hizmetlerimiz .frame .slidee {


}
main section article#hizmetlerimiz .frame ul.items {
    list-style: none;
    margin: 0;
    padding: 0;

    font-size: 24px;
    line-height: 100px;
}
main section article#hizmetlerimiz .frame ul.items li {
    float: left;

    height: 100px;
    margin: 0 0 1px;
    padding: 0;
    background: #333;
    color: #ddd;
    text-align: center;
    cursor: pointer;
}
main section article#hizmetlerimiz .frame ul.items li.active {
    color: #fff;
    background: #a03232;
}


main section article#hizmetlerimiz .scrollbar {
    position: absolute;
    right: 10px;
    width: 2px;
    height:  0px;
    display: none;
    background: #ccc;
    line-height: 0;
}
main section article#hizmetlerimiz .scrollbar .handle {
    width: 100%;
    height: 100px;
    background: #292a33;
    cursor: pointer;

}
main section article#hizmetlerimiz .scrollbar .handle .mousearea {
    position: absolute;
    top: 0;
    left: -10px;
    width: 22px;
    height: 100%;
}


main section article#hizmetlerimiz .pages {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    text-align: center;
    position: absolute;
    right: -27px;
    top: 20%;
}
main section article#hizmetlerimiz .pages li {

    width: 2px;
    height: 42px;
    margin: 0 4px;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    background: #f4b92f;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
    margin-top: 10px;
}
main section article#hizmetlerimiz .pages li:hover {
    background: #10aeb5;
}
main section article#hizmetlerimiz .pages li.active {

    background: #10aeb5;

}


main section article#hizmetlerimiz .controls { margin: 25px 0; text-align: center; }


main section article#hizmetlerimiz .pages li  {
    background: rgba(244, 237, 233, 0.38);
}




main section article#hizmetlerimiz .frame .slidee {

    background: none;
}


main section article#hizmetlerimiz .frame {
    border: 0;
    height: 470px;
    overflow: hidden;

}




/*  PROJELERIMIZ  ****************************************/







main section article#projelerimiz .inside h1{

    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 2em;
    margin: 0;
    text-align: center;
    padding-top:50px;
    letter-spacing: 2px;
    color: #414047;
    padding-bottom: 10px;

}

main section article#projelerimiz .inside p{

    font-family: 'Source Sans Pro', sans-serif; /* Orjinali Source Sans Pro Light */
    text-align: center;
    margin-bottom: 24px;

}

main section article#projelerimiz .inside .line{

    display: block;
    width:100px;
    height: 8px;
    border-bottom: 3px solid #10aeb5;
    margin: 0 auto;
    margin-bottom: 24px;



}

main section article#projelerimiz{

    background: #fff;
}
main section article#projelerimiz .inside{

    max-width: 1170px;
    margin: 0 auto;

}


main section article#projelerimiz .swiper-slide{

    margin-bottom: -2px;

}


.swiper-button-next{
    background-image: none;
}
.swiper-button-prev{
    background-image: none;
}


.lineslide{
    display: block;
    width: 50px;
    height: 10px;
    border-bottom: 4px solid #FFF;
    margin-bottom: 20px;
}
figure.effect-col {

}

figure.effect-col img {


    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-col:hover{
    background: #d81157;
}
figure.effect-col:hover img  {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.3;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    cursor: pointer;

}




figure.effect-col figcaption {
    text-align: left;
}


figure.effect-col p {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:20px;
    position: absolute;
    z-index: 9999;
    text-align: left;
    color:#fff;
    bottom: 27px;

    left:34px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    pointer-events:none;
}

figure.effect-col:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}








/* dialog popup start */

.dialogModal {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:888888;overflow:auto;opacity:0;transition:all 200ms ease}
.dialogModal * {font-family:sans-serif;font-size:14px;font-weight:initial;font-style:initial;color:initial;text-decoration:initial;text-transform:initial;padding:initial;margin:initial}
.dialogModal .dialogModal_container {position:relative; min-height:555px; max-width:1200px; left:0;right:0;margin:auto auto 40px;opacity:0;box-shadow:0 2px 6px rgba(0, 0, 0, 0.6);background:#fff;transition:all 200ms ease}
.dialogModal.open {opacity:1}
.dialogModal.open .dialogModal_container {opacity:1}
.dialogModal .dialogModal_container .dialogPrev.notactive,
.dialogModal .dialogModal_container .dialogNext.notactive {cursor: default; opacity: .2}
/*

.dialogModal .dialogModal_container .dialogPrev,
.dialogModal .dialogModal_container .dialogNext {position:absolute;width:10%;top:0;bottom:0;left:-10%;cursor:pointer}
.dialogModal .dialogModal_container .dialogNext {left:auto;right:-10%}

.dialogModal .dialogModal_container .dialogPrev:after,
.dialogModal .dialogModal_container .dialogNext:after {content:'';position:absolute;border:10px solid transparent;top:50%;margin-top:-10px;margin-left:-5px;left:50%}
.dialogModal .dialogModal_container .dialogPrev:after {border-left:0;border-right-color:#aaa}
.dialogModal .dialogModal_container .dialogNext:after {border-right:0;border-left-color:#aaa}
.dialogModal .dialogModal_container .dialogPrev:hover,
.dialogModal .dialogModal_container .dialogNext:hover {background:rgba(0,0,0,0.2)}
*/
.dialogModal .dialogModal_container .close {line-height:15px;font-size:45px;font-weight:bold;font-family:serif;position:absolute;right:12px;top:12px;color:#d81157;opacity:0.2;padding:0;cursor:pointer;background:transparent;border:0;outline:0}
.dialogModal .dialogModal_container .close:hover {opacity:1}

.dialogModal .dialogModal_body {}
.dialogModal .dialogModal_header {padding:10px 20px;background:#eaeaea;line-height:20px}
.dialogModal .dialogModal_content {padding:25px 20px}
.dialogModal .dialogModal_footer {background:#fafafa;padding:15px 20px;border-top:1px solid #ddd;text-align:right}
.dialogModal .dialogModal_footer button {margin:0 0 0 5px}
body.dialogModalOpen {overflow:hidden}



/* titleModal */
.titleModal {position:absolute;z-index:99999;background:rgba(0,0,0,0.7);color:#fff;padding:4px 10px;margin-top:6px;border-radius:4px;font-size:12px;text-align:center;max-width:120px;opacity:0;font-family:sans-serif;font-weight:initial;font-style:initial;text-decoration:initial;  }
.titleModal:after {content:'';position:absolute;border:6px solid transparent;border-top-width:0;border-bottom-color:rgba(0,0,0,0.7);top:-6px;left:50%;margin-left:-6px}
.titleModal.top {margin-top:-6px}
.titleModal.top:after {border:6px solid transparent;border-bottom-width:0;border-top-color:rgba(0,0,0,0.7);top:auto;bottom:-6px;left:50%;margin-left:-6px}
.titleModal.left {margin-top:auto;margin-left:3px}
.titleModal.left:after {border:6px solid transparent;border-right-width:0;border-left-color:rgba(0,0,0,0.7);top:50%;left:auto;right:-6px;margin-left:0;margin-top:-6px}
.titleModal.right {margin-top:auto;margin-left:-3px}
.titleModal.right:after {border:6px solid transparent;border-left-width:0;border-right-color:rgba(0,0,0,0.7);top:50%;left:0;margin-top:-6px}


/* animation */
.animated {-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.fadeOutLeft {-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.fadeOutRight {-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.fadeInTop {-webkit-animation-name:fadeInTop;animation-name:fadeInTop}
.fadeOutTop {-webkit-animation-name:fadeOutTop;animation-name:fadeOutTop}
.fadeInBottom {-webkit-animation-name:fadeInBottom;animation-name:fadeInBottom}
.fadeOutBottom {-webkit-animation-name:fadeOutBottom;animation-name:fadeOutBottom}

.dialogModal .dialogModal_container .close {
    line-height: 15px;
    font-size: 62px;
    font-weight: bold;
    font-family: serif;
    position: absolute;
    right: 12px;
    top: 39px;
    color: #d81157;
    opacity: 0.2;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    outline: 0;
    z-index: 9999;

}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeOutLeft {
    100% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
    }
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeOutLeft {
    100% {
        opacity: 0;
        transform: translateX(-10px);
    }
    0% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeOutRight {
    100% {
        opacity: 0;
        -webkit-transform: translateX(10px);
    }
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeOutRight {
    100% {
        opacity: 0;
        transform: translateX(10px);
    }
    0% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeOutTop {
    100% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
    }
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeOutTop {
    100% {
        opacity: 0;
        transform: translateY(-10px);
    }
    0% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeOutBottom {
    100% {
        opacity: 0;
        -webkit-transform: translateY(10px);
    }
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeOutBottom {
    100% {
        opacity: 0;
        transform: translateY(10px);
    }
    0% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* dialog popup end */



/* popup slider */







/* Slider */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



/* popup lider end  */



/* popup css */





.dialogModal .dialogModal_container .dialogPrev {background: url('../img/solok.png') ;position:absolute; width:25px; height: 25px; right: 86px; cursor: pointer;     z-index: 9999; top:34px; }
.dialogModal .dialogModal_container .dialogNext {background: url('../img/sagok.png') ;position:absolute; width:25px; height: 25px; right: 56px; cursor: pointer;    z-index: 9999;  top:34px; }

.dialogModal .dialogModal_container .dialogNext:hover{
    opacity: .5;
}

.dialogModal .dialogModal_container .dialogPrev:hover{

    opacity: .5;
}

.close2 {
    color: #d81157;
    font-size: 9px;
    display: inline-block;
}
.close2:hover{
    cursor: pointer;
    color: #444;
}

.close{

}

.modalright{
    position: relative;
    min-width: 500px;
    display: inline-block;
    min-height: 616px;
}
.modalleft{

    display: inline-block;  width: 640px;float: left;
}
.slick-slide img
{
    display: block;

    min-height: 616px;



}

.modalright {
    display: flex;
    padding: 40px;
    padding-bottom: 10px;
}


.ptitle{
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    margin-top: 30px;
    font-weight: bold;
    line-height: initial;
}.pdate{
     display: block;
     font-size: 18px;
     font-family: 'Source Sans Pro Light', sans-serif;
     line-height: 18px;
 }

.modelfoot{
    height: 42px;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    line-height: 42px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    display: none;
}

.soc{
    float: right;
    margin-left: 30px;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
}


.pcontent{min-height: 410px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    margin-top: 20px;
    line-height: initial;
}

.pre{
    display: inline;
    position: absolute;
    left: 20px;
    cursor: pointer;
    top: 45%;
    z-index: 999;
    opacity: .5;

    height: 60px;
    width: auto;
}
.nex{
    display: inline;
    position: absolute;
    right: 20px;
    cursor: pointer;
    top: 45%;
    z-index: 999;
    opacity: .5;
    height: 60px;
    width: auto;

}
.pre:hover,.nex:hover{
    opacity: 1;
}


/* popup css end */


/*  ILETISIM ***********************************************/

main section article#iletisim
{
    position: relative;
    background: #fff;

}

main section article#iletiism {
    position: relative;
    max-width: 1170px;
    margin: 0 auto;



}

main section article#iletisim  h1{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 2em;
    margin: 0;
    text-align: center;
    padding-top: 70px;
    letter-spacing: 2px;
    color: #414047;
    padding-bottom: 10px;



}
main section article#iletisim .line{

    display: block;
    width:100px;
    height: 8px;
    border-bottom: 3px solid #10aeb5;
    margin: 0 auto;
    margin-bottom: 40px;

}


main section article#iletisim #map {
    width:100%;
    height: 835px;
}

main section article#iletisim .adres {
    width:100%;
    height: 256px;
    background: #10aeb5;
    position: absolute;
    bottom:0px;
    opacity: .8;


}

main section article#iletisim .adres ul{
    max-width: 990px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 50px;
}

main section article#iletisim .adres h3{
    font-family: 'Source Sans Pro Light', sans-serif;
    text-align: center;
    color: #fff;
    letter-spacing: 2px;
    margin-top: 60px;
}

main section article#iletisim .adres ul li{
    text-align: center;
}


main section article#iletisim .adres ul li .title {
    padding-top: 20px;
    display: block;
    font-size: 14px;
    color: #fff;
    font-family: 'Source Sans Pro Light', sans-serif;

}












/*  FOOTER */

footer{
    position: relative;
    width:100%;
    height:103px;
    background:#414047 ;
    color:#fff;


}
footer .infoot{
    font-family: 'Source Sans Pro Light', sans-serif;

    position: relative;
    max-width:1170px;
    margin: 0 auto;
    height:103px;
    line-height: 103px;
	font-size: 14px;

}
footer .column-right{
    font-family: 'Source Sans Pro Light', sans-serif;
    float: right;
    font-size: 12px;
}
footer .column-right img:hover{
    opacity: .6;
}
footer .column-left{
    float: left;
}
footer .topimg{
    vertical-align: middle;
}
footer .copyr a{
    color: #999999;
}
footer .copyr a:hover{
    color: #ffffff;
}











@media only screen and (max-width: 1238px) {
    #horizonLogo img {
        display: block;
        width: 90%;
    }
    .headin{
        height: 80px;
    }
    header{
        height: 80px;
    }
    .topmenu ul.is-visible{
        margin-top: 8px;
    }
    .topmenu {
        float: right;

        width: 44px;
        height: 100%;
        background: url(../../assets/img/cd-icon-menu.svg) no-repeat center center;
        margin-right: 40px;
        cursor: pointer;
    }

    .topmenu:hover {
        background: url(../../assets/img/cd-icon-menuh.svg) no-repeat center center;
    }




}


@media only screen and (max-width: 640px){

    .slick-slide img {
        width: 100%;
        height: auto;
        display: block;
    }
    .modalleft{

        display: block;
        float: none;
        height: auto;

        width: 100%;

    }
}

@media only screen and (max-width: 1140px) {

    .modalleft{
        min-width: 100%;
        display: block;
        float: none;

    }
    .slick-slide img {

        min-width: 100%;
min-height: 100%;
    }
    .dialogModal .dialogModal_container .close {
        color: rgb(216, 17, 87);
        opacity: 0.8;
    }
    .pcontent {

        min-height: 310px;
    }
    .modalright {
        min-width: 100%;
        min-height: 416px;
        padding: 20px;
    }
}
@media only screen and (max-width: 1024px) {



    .dialogModal .dialogModal_container .close {
        color: rgb(216, 17, 87);
        opacity: 0.8;
    }
    .pcontent {

        min-height: 310px;
    }
    .modalright {
        min-width: 100%;
        min-height: 416px;
        padding: 20px;
    }
    main section article#iletisim .adres ul{
        max-width: 990px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        margin-top: 50px;
        margin-left: 20px;
        margin-right: 20px;
    }


    #horizonLogo img {
        display: block;
        width: 296px;
    }
    .headin{
        height: 80px;
    }
    header{
        height: 80px;
    }
    .topmenu ul.is-visible{
        margin-top: 8px;
    }
    main section article#hakkimizda .rightimg img {

        position: relative;

    }

    main section article#hakkimizda .inside .leftside {

        max-width: 100%;
        height: auto;
        overflow: auto;
    }
    main section article#hakkimizda .inside .leftside p {

        width: 96%
    }
    main section article#hakkimizda .wrap {

        width: 100%

    }
    main section article#hakkimizda .rightimg img {

        width: 100%;
    }
    main section article#hizmetlerimiz .rightimg img {

        position: relative;

    }

    main section article#hizmetlerimiz .inside .leftside {

        width: 94%;
        height: auto;

    }
    main section article#hizmetlerimiz .inside .leftside p {

        width: 96%
    }
    main section article#hizmetlerimiz .wrap {

        width: 100%

    }
    main section article#hizmetlerimiz .rightimg img {

        width: 100%;
    }
    main section article#hizmetlerimiz .pages {
        list-style: none;
        margin: 20px 0;
        padding: 0;
        text-align: center;
        position: absolute;
        right: 10px;
        top: 20%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    main section article#hakkimizda .rightimg img {

        right: -35%;

    }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    main section article#hakkimizda .rightimg img {

        right: -15%;

    }

    #horizonLogo   {
        margin-left: -86px;
        width: 396px;
    }
    .topmenu ul {

        line-height: 80px;
    }
    .headin{
        height: 80px;
    }
    header{
        height: 80px;
    }
    .next-slide {

        top: 200px;

    }
    .prev-slide {

        top: 200px;

    }

}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    main section article#hakkimizda .rightimg img {

        right: -10%;

    }
}


@media only screen and (max-width: 920px)  {

}


@media only screen and (max-width: 767px) {
    #horizonLogo img {
        display: block;
        width: 266px;
    }
    .headin{
        height: 60px;
    }
    header{
        height: 60px;
    }
    .topmenu ul.is-visible{
        margin-top: 8px;
    }
    article#stats .instats{
        width: 300px;

        background: #36506c;
        padding-bottom: 30px;
        border-bottom: 3px solid #f3f3f3;
    }
    article#stats .instats .statnum.one{
        padding-left: 0;
        width: 55px;
    }
    article#stats .instats .statnum.one .desc{
        margin-top: 10px;
    }
    article#stats .instats .statnum.two{
        padding-left: 12px;
    }
    article#stats .instats .statnum.three{
        padding-left: 12px;
    }
    article#stats .instats .statnum.four{
        padding-left: 12px;
    }
    article#stats .instats .statnum {
        margin-top: 29px;
        font-family: 'Source Sans Pro Semibold', sans-serif;
        float: left;
        font-size: 24px;
        color: #fff;
        text-align: center;
        line-height: 18px;
    }
    article#stats .instats .statnum .desc {
        font-family: 'Source Sans Pro Light', sans-serif;
        font-size: 14px;
        color: #fff;
        margin-top: 10px;
    }
    article#stats .instats .statnum .bignum {
        min-width: 72px;
        display: block;

    }
    article#stats .instats .statnum .bor {
        padding-bottom: 18px;
    }
    article#stats .instats .title h2 {
        font-family: 'Source Sans Pro', sans-serif;
        letter-spacing: 2px;
        font-size: 20px;
        line-height: 26px;
        text-align: left;
        padding-left: 20px;
    }
    #logo {
        bottom: -25px;
    }
    .prev-slide{

        top:250px;

    }
    .next-slide{
        top:250px;
    }
    article#stats {

        height: 250px;

    }
    footer .column-right {

        padding-right: 10px;

    }
    footer .telif1{
        display: block;
    }
    footer .copyr{
        line-height: 25px;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 14px;

    }
}
@media only screen and (max-width: 360px) {
    .topmenu {

        margin-right: 20px;

    }
    #horizonLogo {
        margin-left: -20px;

    }
}







@media only screen and (max-width: 600px) {
    main section article#iletisim .adres ul {
        max-width: 990px;
        display: block;
        justify-content: space-between;
        margin: 0 auto;
        margin-top: 25px;
        margin-left: 20px;
        margin-right: 20px;
    }

    main section article#iletisim .adres {
        width: 100%;
        height: 39%;
        background: #f8ad00;
        position: absolute;
        bottom: 0px;
        opacity: .8;
    }
    main section article#iletisim .adres ul li .title {
        padding-top: 30px;
        vertical-align: super;
        font-size: 14px;
        display: inline-table;
        padding-left: 20px;
        color: #fff;
        font-family: 'Source Sans Pro Light', sans-serif;
    }
    main section article#iletisim .adres ul li {
        text-align: center;
        margin-left: -34px;
    }

    main section article#uzmanliklarimiz .inside{
        height: 600px;
    }
}




























@media only screen and (min-width: 768px) {
    footer .column-right {

        padding-right: 20px;

    }

    footer .copyr{

        margin-left: 20px;


    }

}

@media only screen and (min-width: 768px) {
    .cd-hero-slider {
        height: 480px;
    }
}



@media only screen and (min-width: 1170px) {
    .cd-hero-slider {
        height: 580px;
    }
}


@media only screen and (min-width: 1170px) {
    .cd-main-content {
        padding: 3em 0;
    }
    .cd-main-content p {
        font-size: 1.6rem;
    }





}

@media only screen and (min-width: 1170px) and (max-width: 1400px) {
    .cd-hero-slider {
        height: 480px !important;
    }

}
@media only screen and (min-width: 1400px)   {
    .cd-hero-slider {
        height: 680px !important;
    }
}



@media only screen and (max-width: 450px)   {
}

.dialog_content{
    display: none;
}

/* Pop-Up Çarpı İşareti */

.dialogModal .dialogModal_container .close {
    line-height: 15px;
    font-size: 45px;
    font-weight: bold;
    font-family: serif;
    position: absolute;
    right: 15px;
    top: 34px;
    color: #d81157;
    opacity: .5;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    outline: 0;
}