@import url('companents.css');
body {
    /*overflow-x:hidden;*/
    margin: 0px;
    padding: 0px;
    cursor: default;
    color: #333;
    background-color: #fff;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}
 a{color:#000;text-decoration:none!important;cursor:pointer;} * a{color:inherit;} * a:focus{color:inherit;}
img{border:0px;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px; font-weight:normal;}
input:focus,a:focus,button:focus,textarea:focus {outline: none!important;box-shadow:none!important;}
.fa.fa-active-show,.fa.fa-hover-show,.active > .fa.fa-active-hidden,:hover > .fa.fa-hover-hidden{display:none}.active > .fa.fa-active-show,:hover > .fa.fa-hover-show{display:inline-block}.img-dila{overflow:hidden;display:block;position:relative}/*image dilation*/.img-dila img{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}.img-dila:hover img{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1.20);-moz-transform:scale(1.20);-ms-transform:scale(1.20);-o-transform:translatZ(0) scale(1.20);transform:translatZ(0) scale(1.20)}.iblock,.vmiddle{display:inline-block}.vmiddle{vertical-align:middle}.pos-relative{position:relative}.noCursor{cursor:default}.noborder{border:0!important}/*++267 LOGO*/a.logo-267{background-color:#eee;border-radius:50%;padding:6px;margin:10px auto}a.logo-267:hover{background-color:#fafafa}.pusher{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.pusher:hover,.pusher:focus,.pusher:active{-webkit-animation-name:pusher;animation-name:pusher;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes pusher{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pusher{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}/*--267 LOGO*/.middler{position:absolute;z-index:10;left:0;top:0;width:100%;height:100%}.middler-in{width:100%;height:100%;border-spacing:0;display:table;border-collapse:collapse}.middler-in.static{position:static;z-index:auto}.middler-left,.middler-center,.middler-right,.middler-top,.middler-bottom{display:table-cell;vertical-align:middle;text-align:left}.middler-center{text-align:center}.middler-right{text-align:right}.middler-top{vertical-align:top}.middler-bottom{vertical-align:bottom}.ihover{position:absolute;z-index:9;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}.nobg{background-color:transparent!important}[data-active-in] {display: none;}[data-active-in].active{display:block;}
.anim,.logo, #bs ul li a ,.top-contact a,.product-area a,.service-box .ibox,.footer a{
    -webkit-transition: 300ms all;
    -moz-transition: 300ms all;
    -o-transition: 300ms all;
    -ms-transition: 300ms all;
    transition: 300ms all;
}

.fabaslik {font-size:14px;}
.faaliyet-kutu {padding-right:10px;}

.goTop {
    background-color: #4fdada!important;
    border-radius:50%!important;
    border-style:solid!important;
    opacity:0.8;
}
.goTop:hover {
    background-color: #000!important;
}
/*--OPTIONAL STATICS*/

ul.nav.navbar-nav,nav.navbar,a.navbar-brand{
    margin:0;
}
nav.navbar{
    border:none;
    border-radius:0px;
    min-height:inherit;
}
a.navbar-brand{
    height:auto;
    padding:0;
    line-height:inherit;
}
.logo{
    margin-top:25px!important;
}
.navbar-toggle{
    border-color:#fff;
    margin-right:0;
    position:absolute;
    right:0px;
    top:10px;
}
.navbar-toggle.collapsed {/*CLOSED NO-CLICK!*/
    background-color: #4fdada
}
.navbar-toggle,.navbar-toggle:hover{/*OPEN CLICKED*/
    background-color:#00b4b4;
}
.navbar-toggle .icon-bar{
    background-color:#fff;
}
#bs{
    box-shadow:none!important;
    padding:0px!important;
}
#bs > ul{
    background-image:url(../images/bg-menu.png);
    background-repeat:repeat-x;
    background-position:0 0;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
}
#bs > ul > li > a{
    background-color:transparent!important;
    padding:20px 15px;
    font-size:14px;
    color:#fff;
    line-height:110%;
    font-weight:600;
    background-position:0 0;
    background-repeat:repeat-x;
    overflow:hidden;
}
#bs > ul > li > a i.fa-home{
    font-size:24px;
    line-height:100%;
}
#bs > ul > li > a:hover,#bs > ul > li:hover > a{
    background-image:url(../images/menu-hover.png);
}
#bs > ul > li.active > a,#bs > ul > li.active > a:hover,#bs > ul > li.active > a:focus{
    background-image:url(../images/menu-hover.png);
    color:#fff!important;
}
#bs > ul > li:first-child.active > a,#bs > ul > li:first-child.active > a:hover,
#bs > ul > li:first-child.active > a:focus{
    background-image:url(../images/active-hover.png);
    background-repeat:no-repeat;
}
#bs > ul > li:first-child > a{
    padding-left:40px;
    height:56px;
    padding-top:15px;
    padding-bottom:0;
}
#bs > ul > li:last-child a{
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
}

/*DROPDOWN MENU - SUB-MENU*/
#bs > ul > li:hover ul{
    display:block;
}
#bs > ul .open .dropdown-menu,#bs > ul > li ul{
    margin-top:0!important;
    box-shadow:none!important;
}
#bs > ul > .open > a, #bs > ul > .open > a:hover, #bs > ul > .open > a:focus{
    background-color:transparent;
    cursor:default;
    color:#fff!important;
    border-color:transparent!important;
    background-image:url(../images/menu-hover.png);
}
#bs > ul .open .dropdown-menu,#bs > ul > li:hover ul{
    margin-top:0px;
    padding:0px 0px;
    border:none!important;
    border-radius:0px;
    min-width:160px!important;
}
#bs > ul .open .dropdown-menu > li > a,#bs > ul > li:hover ul li a{
    display:block;
    font-size:14px;
    padding:10px;
    color:#fff;
    background-color:#013c3c;
    border-bottom:1px solid #fff;
}
#bs > ul .open .dropdown-menu > li:hover > a,#bs > ul > li:hover ul li a:hover{
    background-color:rgba(0,180,180,0.8);
    color:#fff;
}

.slide > ul{
    transform: scale(0);
}
.topbar{
    position:absolute;
    z-index:99;
    width:100%;
    top:0;
    left:0;
    padding-top:10px;
}
.top-contact{
    text-align:right;
    font-size:24px;
    color:#fff;
    margin-bottom:30px;
    padding-right:30px;
}
.btn-free{
    font-size:14px;
    color:#fff!important;
    border:2px solid #fff;
    text-align:center;
    padding:15px;
    line-height:100%;
    border-radius:25px;
}
.btn-free:hover{
    color:#027c7d!important;
    background-color:#fff;
}
.btn-phone{
    margin-right:15px;
}
.btn-free.white{
    background-color:#fff;
    color:#007a7c!important;
    border-color:transparent;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,180,180,0.23)!important;
-moz-box-shadow: 0px 0px 20px 0px rgba(0,180,180,0.23)!important;
box-shadow: 0px 0px 20px 0px rgba(0,180,180,0.23)!important;
}
.btn-free.white:hover{
    color:#fff!important;
    border-color:#fff;
    background-color:transparent;
}
.top-contact a,.social-media,.btn-free,.social-media a{
    display:inline-block;
    vertical-align:middle;
}
.social-media a{
    font-size:20px;
    color:#fff;
    margin-left:20px;
}
.social-media a:hover,.top-contact a:hover{
    color:#ddd;
}
.slide ul li{
    background-position:center 0;
    background-repeat:repeat-x;
    height:670px;
}
.slide-content{
    text-align:left;
    color:#fff;
    padding-top: 150px;
}
.slide-content h1{
    font-size:40px;
    display:inline-block;
    background-color:#00b4b4;
    padding:10px 30px;
    font-weight:700;
    font-style:italic;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}
.slide-text h2{
    font-size:38px;
    line-height:120%;
    font-style:italic;
}
.slide-text{
    margin:15px 0;
}
.product-area{
    background-image:url(../images/bg-product.png);
    background-repeat:no-repeat;
    background-position:center 0;
    background-size:cover;
    padding:10px;
    text-align:center;
    margin-top:-220px;
    z-index:9;
    background-color:#f1f7f8;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
}
.product-link{
    display:block;
    position:relative;
    height:98px;
    overflow:hidden;
}
.product-box h4{
    margin-top:15px;
    font-size:18px;
    color:#044546;
    font-weight:700;
    position:relative;
    height:44px;
    line-height:130%;
    overflow:hidden;
}
.product-box:hover a{
    color:#00b4b4;
}
.product-controls{
    margin-bottom:15px;
    text-align:right;
}
.product-controls a{
    display:inline-block;
    margin:0 8px;
    font-size:20px;
    color:#00b4b4;
}
.product-controls a:hover{
    color:#000;
}



.stage-area{
    background-image: url('../images/bg-services.jpg');
    background-repeat:repeat;
    background-position:0 0;
    padding:0 0 20px;
}
.service-boxes{
    margin-top:50px;
}
.service-box{
    display:block;
    margin-bottom:30px;
    text-align:center;
}
.ibox{
    border:10px solid rgba(213,221,222,0.5);
    padding:15px;
    border-radius:50%;
}
.service-box:hover .ibox{
    border-color:rgba(0,180,180,0.5);
}
.service-link{
    display:block;
    position:relative;
    height:210px;
    overflow:hidden;
    border-radius:50%;
}
.service-link img{
    min-height:100%
}
.service-box h3{
    color:#044546;
    font-weight:700;
    margin-top:15px;    
    overflow:hidden;
    position:relative;
    height:32px;
}   
.service-box:hover a{
    color:#00b4b4;
}


.footer{
    background-image: url('../images/bg-footer.jpg');
    background-repeat:repeat;
    background-position:0 0;
    text-align:center;
    color:#00b4b4;
    font-size:13px;
    padding:15px 0 30px;
}
.footer-in{
    position:relative;
}
.footer a:hover{
    color:#fff;
}
.footer a{
    display:inline-block;
}
.footer-menu{
    margin-bottom:20px
}
.footer-menu a{
    padding:0 6px;
    border-left:2px solid #00adad;
    font-weight:700;
    line-height:100%;
}
.footer-menu a:first-child{
    border-left:none;
}
.footer-text{
    font-weight:500;
}
.footer-logo{
    position:absolute;
    right:0;
    bottom:0;
}
.footer-logo a{
    display:inline-block;
}


/*inpage*/
.poster{
    position:relative;
    height:400px;
    background-position:center 0;
    background-repeat:repeat-x;
    z-index:8;
}
.poster-text{
    font-size:16px;
    margin-bottom:75px;
}
.poster-text h1{
    color:#fff;
    font-size:36px;
}
a.return{
    display:inline-block;
    color:#fff;
    margin-top:15px;
}
a.return i.fa{
    margin-right:5px;
    vertical-align:middle;
    color:#00b4b4
}
a.return span{
    display:inline-block;
    vertical-align:middle;
}
a.return:hover{
    color:#4fdada;
}

.stage{
    position:relative;
    z-index:10;
    margin-top:-60px;
}
.content{
    padding:30px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
    position:relative;
    background-color:#fff;
    color:#044546;
    margin-bottom:30px;
}
.content h3{
    font-size:24px;
    color:#044546;
    padding-bottom:30px;
    border-bottom:1px solid #4fdada;
    font-weight:700;
}
.content h3 a:hover{
    color:#4fdada;
}
.content-in{
    padding:45px 15px;
}
.content-in h4{
    margin-bottom:25px;
    font-weight:700;
    font-size:18px;
}
.content-text{
    margin-bottom:45px;
    font-size:14px;
}
.content-text a{
    font-weight:600;
}
.content-text a:hover{
    color:#4fdada;
}

.left-menu{
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
    margin-bottom:30px;
}
.left-menu ul li{
    border-radius:0!important;
    margin:0;
    padding:0;
    background-color:transparent;
    border:0;
}
.left-menu ul li a{
    display:block;
    background-color:#fff;
    color:#044546;
    padding:20px 25px;
    font-size:14px;
    font-weight:500;
    border-left:10px solid transparent;
    border-bottom:1px solid #00b4b4;
    font-weight:600;
}
.left-menu ul li a:hover,.left-menu ul li.active a{
    background-color:#fff;
    color:#00b4b4;
    border-left-color:#4fdada;
}
.left-menu ul li.active a{
    font-weight:700;
}


.balloon{
    display:block;
    position:absolute;
    z-index:9;
    top:0;
    right:30px;
    width:182px;
    height:192px;
    text-align:center;
    color:#fff;
    font-size:12px;
    background-repeat:no-repeat;
    background-position:0 0;
    background-image:url('../images/balloon.png');
    padding:70px 35px 0;

    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-duration: 3s;

}
.balloon-top{
    border-bottom:1px solid #eee;
    padding-bottom:11px;
    margin-bottom:8px;
    font-weight:500;
    line-height:110%;
}
.balloon b{
    display:block;
    color: #fff;
    font-size:30px;
    font-weight:800;
    line-height:100%;
    letter-spacing: -1px;
}

.questioner{
    display:none;
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 55px 0 0 0;
    background: url(../images/tour-option-bg.png) top center no-repeat;
    width: 50px;
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-duration: 2s;
}
.questioner ul{
    background: #fff;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    width: 50px;
    padding: 0 0 10px 0;
}
.questioner ul li{
    cursor: pointer;
    text-align: center;
    padding: 5px 0;
}
.btn-question{
    background: #083d3e;
    color: #fff;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0;
    border: none;
    z-index: 2;
    position: absolute;
    top: 20px;
    right: 20px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
    font-weight:900;
}



@media (max-width: 767px) { /*mobile*/
    .navbar-header,.logo{
        float:none!important;
        text-align:center;
    }
    .logo{
        display:inline-block;
        margin:15px auto 0!important;
        width:125px;
    }
    #bs{
        padding:0!important;
        padding-bottom:15px!important;
    }
    #bs > ul,#bs > ul > li{
        display:block!important;
    }
    #bs > ul > li > a{
        padding:15px!important;
    }
    #bs > ul > li:first-child > a{
        padding-left:15px;
    }
    #bs > ul > li:first-child.active > a, #bs > ul > li:first-child.active > a:hover, #bs > ul > li:first-child.active > a:focus{
        background-image:url(../images/menu-hover.png);
        background-repeat:repeat-x;
    }
    #bs > ul .open .dropdown-menu,#bs > ul > li:hover ul{
        display:block!important;
        position:relative!important;
        float:none!important;
        min-width:inherit!important;
        padding:0!important;
        box-shadow:none!important;
    }
    .slide ul li,#bs > ul,.service-box h3,.poster{
        background-image:none!important;
        min-height:inherit!important;
        max-height:inherit!important;
        height:auto!important;
    }
    .xs-block {
        display: block!important;
        width: 100%!important;
    }
    .topbar{
        position:relative;
        background-color:#00b4b4;
    }
    .product-area{
        margin-top:0;
    }
    .top-contact{
        text-align:center;
        padding-right:0;
    }
    .top-contact,.btn-phone,.slide-content h1,.poster-text,.content-text,.content-in h4,.content,.left-menu,
    .contact-info,.warning-info,.copyright{
        margin-bottom:15px!important;
    }
    .btn-phone{
        margin-right:0;
    }
    .social-media,.service-boxes,.stage{
        margin-top:15px;
    }
    .slide-content h1{
        padding:5px 10px;
    }
    .slide-content h1,.poster-text h1{
        font-size:26px;
    }
    .slide-text{
        display:none;
    }
    .slide-content h1{
        clip-path:none;
    }
    .footer,.stage-area{
        padding:15px 0;
    }
    .footer-menu a{
        border:none;
        margin-bottom:5px;
    }
    .footer-logo a{
        text-align:center;
        display:inline-block;
    }
    .service-link{
        width:150px!important;
        height:150px!important;
    }
    .ibox,.service-link,.footer-menu a{
        display:inline-block;
    }
    .footer-logo{
        position:relative;
    }
    .footer-menu a,.footer{
        font-size:12px;
    }
    .content{
        padding:15px;
    }
    .content h3{
        padding-bottom:15px;
    }
    .content-in{
        padding:15px 0;
    }
    #bs > ul > li:first-child > a{
        height:auto;
    }
    #bs > ul,#bs > ul > li:last-child a{
        border-radius:0!important
    }
}

@media (min-width:100px) and (max-width: 992px) { /*mobile and tablet*/
    #bs > ul > li > a{
        padding:20px 15px;
    }
    .top-contact{
        font-size:16px;
        margin-top:10px;
        margin-bottom:45px;
    }
    .logo{
        margin-top:0!important;
    }
    .service-link{
        height:290px;
    }
}

@media (min-width:993px) and (max-width: 1200px) { /*Browser %125*/
    #bs > ul > li > a{
        padding:20px 15px;
    }
    .top-contact{
        margin-bottom:15px;
        padding-right:15px;
    }
    .service-link{
        height:160px;
    }
}

/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #fff;
  background-color: #117e7e;
  border: 1px solid #dddddd;
 
}


/* hover tab color */
.nav-tabs>li>a:hover {
  border-color: #ddd;
  background-color: #1cb1b2;
  color:#fff;
 }
 
 .tab-content {
	 border-left:1px solid #ddd;
	 border-right:1px solid #ddd;
	 border-bottom:1px solid #ddd;
	 padding:10px;
 }

 
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
             width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('../img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }
        .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
        .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
                 .jssort01 .p {    position: absolute;    top: 0;    left: 0;    width: 72px;    height: 72px;}.
        .jssort01 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}
        .jssort01 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}
        .jssort01 .c {    position: absolute;    top: 0px;    left: 0px;    width: 68px;    height: 68px;    border: #77bfc0 2px solid;    box-sizing: content-box;    background: url('../img/t01.png') -800px -800px no-repeat;    _background: none;}
        .jssort01 .pav .c {    top: 2px;    _top: 0px;    left: 2px;    _left: 0px;    width: 68px;    height: 68px;    border: #000 0px solid;    _border: #fff 2px solid;    background-position: 50% 50%;}
        .jssort01 .p:hover .c {    top: 0px;    left: 0px;    width: 70px;    height: 70px;    border: #fff 1px solid;    background-position: 50% 50%;}
        .jssort01 .p.pdn .c {    background-position: 50% 50%;    width: 68px;    height: 68px;    border: #000 2px solid;}
        * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {     width /**/: 72px;    height : 72px;}