@charset "utf-8";
/* Bu sayfa Ozan Baysal tarafından kodlanmıştır. ozan.baysal@webtegre.com - www.webtegre.com */

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700&subset=latin-ext');
*{outline:none;}
body{margin:0px; padding:0px; background:url(/assets/img/arkadaslik/images/bg.png) right top no-repeat #ee9a00;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px;}
img{border:none; max-width:100%;}
.left{float:left;}
.right{float:right;}
.auto{margin:auto;}
.alignleft {display:inline; float:left; margin-right:1.625em;}
.alignright {display:inline; float:right; margin-left:1.625em;}
.aligncenter{clear:both; display:block; margin-left:auto; margin-right:auto; margin-bottom:20px;}
.clear{clear:both;}
a:hover{text-decoration:none;}
input[type="submit"], input[type="button"], input[type="reset"], input[type="text"], input[type="password"], input[type="email"], textarea, select{-webkit-appearance:none; -webkit-border-radius:0; border-radius:0;-moz-appearance:none;}
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
.nopadding{padding:0;}
.nopleft{padding-left:0;}
.nopright{padding-right:0;}
.form-control{border-radius:0;}
.form-control:focus{border-color:#ccc; box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
.dropdown:hover .dropdown-menu{display:block; margin-top:0;}
.swiper-container{width:100%; height:100%;}
.swiper-slide{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center;  -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.content-area{background: #9c003d; background: -moz-linear-gradient(top,  #9c003d 0%, #d60053 100%); background: -webkit-linear-gradient(top,  #9c003d 0%,#d60053 100%); background: linear-gradient(to bottom,  #9c003d 0%,#d60053 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c003d', endColorstr='#d60053',GradientType=0 ); margin-top:10px; margin-bottom:150px; max-height:535px;}
.content-area h1{font-family:'Titillium Web', sans-serif; font-size:15px; color:#ffffff; text-shadow:1px 0px 1px #000; text-align:center; margin:15px auto;}
.slider-area, .desc-area, .slider-area2{padding-top:76px;}
.slider-area img{width:100%; display:block; margin:auto; position:relative; z-index:1;}
.slider-area .name, .slider-area .location{position:absolute; left:0; z-index:2; display:block; height:35px; padding:0px 10px; line-height:35px; font-family:'Titillium Web', sans-serif; font-size:15px; color:#fff;}
.slider-area .name{background:rgba(0,0,0,0.80); bottom:30px;}
.slider-area .location{background:rgba(238, 154, 0, 0.9); top:30px;}
.slider-area .name .stat{width:15px; height:15px; display:inline-block; border-radius:50%; position:relative; top:2px; margin-left:5px;}
.slider-area .name .stat.on{background:#21d03a;}
.slider-area .name .stat.off{background:#ce0c23;}
.swiper-pagination{ display:inline-block; text-align:center; width:80%; left:10%; bottom:-40px;}
.slider-area .swiper-container-horizontal>.swiper-pagination-bullets{bottom:-40px;}
.slider-area .swiper-pagination-bullet{width:15px; height:15px; background:#ffffff; opacity:1; display:inline-block; margin:0px 2px;}
.slider-area .swiper-pagination-bullet-active{background:#ee9a00;}

.slider-area2 img{width:100%; display:block; margin:auto; position:relative; z-index:1;}
.slider-area2 .name, .slider-area2 .location{position:absolute; left:0; z-index:2; display:block; height:35px; padding:0px 10px; line-height:35px; font-family:'Titillium Web', sans-serif; font-size:15px; color:#fff;}
.slider-area2 .name{background:rgba(0,0,0,0.80); bottom:30px;}
.slider-area2 .location{background:rgba(238, 154, 0, 0.9); top:30px;}
.slider-area2 .name .stat{width:15px; height:15px; display:inline-block; border-radius:50%; position:relative; top:2px; margin-left:5px;}
.slider-area2 .name .stat.on{background:#21d03a;}
.slider-area2 .name .stat.off{background:#ce0c23;}
.slider-area2 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:-40px;}
.slider-area2 .swiper-pagination-bullet{width:15px; height:15px; background:#ffffff; opacity:1; display:inline-block; margin:0px 2px;}
.slider-area2 .swiper-pagination-bullet-active{background:#ee9a00;}
.slider-area2{ display:none;}


.desc-area h2{font-family:'Titillium Web', sans-serif; font-size:25px; color:#fff; text-shadow:1px 0px 1px #000; text-align:center; margin-bottom:15px;}
.desc-area p{font-family:'Titillium Web', sans-serif; font-size:16px; color:#fff; text-shadow:1px 0px 1px #000; text-align:center; line-height:22px;}
.content-inner{background:#fff; min-height:510px;}
.content-inner .navbar{background:#eeeeee; border-radius:0; position:relative; padding:0 5%;}
.content-inner .navbar:after{content:url(/assets/img/arkadaslik/images/navbar-bg.png); position:absolute; bottom:-15px; left:50%; margin-left:-183px;}
.content-inner .nav-pills>li{width:25%; margin:15px 0; position:relative; z-index:2;}
.content-inner .nav-pills>li img{display:block; margin:auto; float:right;}
.content-inner .nav>li>a{padding:0;}
.content-inner .nav-pills>li+li{margin-left:0;}
.content-inner .nav>li>a:hover, .content-inner .nav>li>a:focus, .content-inner .nav-pills>li.active>a, .content-inner .nav-pills>li.active>a:hover, .content-inner .nav-pills>li.active>a:focus{background:none;}
.content-inner .progress{position:absolute; width:90%; top:20px; height:7px;}
.tab-pane{padding:15px; display:block;}
.tab-pane .title{width:100%; font-family:'Titillium Web', sans-serif; font-size:24px; font-weight:600; color:#ee9a00; text-align:center; margin:60px auto;}
.tab-pane .title2{width:100%; font-family:'Titillium Web', sans-serif; font-size:24px; font-weight:600; color:#ee9a00; text-align:center; line-height:22px; margin-bottom:10px;}
.tab-pane .title2 span{display:block; font-size:14px; font-style:italic; color:#29c346; font-weight:normal;}
.tab-pane .radio-box{display:block; width:80%; margin:auto; height:51px; line-height:45px; font-family:'Raleway', sans-serif; font-size:17px; color:#fff; text-shadow:1px 0px 1px #000; text-align:center; cursor:pointer}
.tab-pane .radio-box label{display:block; cursor:pointer;}
.tab-pane .radio-box input[type="radio"]{display:none;}
#tab1 div.rd1{background:#3696e7; border-bottom:6px solid #297bc0; margin-bottom:22px;}
#tab1 div.rd2{background:#c43273; border-bottom:6px solid #a52960; margin-bottom:22px;}
#tab1 div.rd1 input[type="radio"]:checked + label{background:#297bc0; border-bottom:6px solid #04355f;}
#tab1 div.rd2 input[type="radio"]:checked + label{background:#a52960; border-bottom:6px solid #61002b;}
#tab2 .radio-box{background:#3696e7; border-bottom:6px solid #297bc0; margin-bottom:10px;}
#tab2 .radio-box:hover{background:#29c346; border-bottom:6px solid #20a539;}
#tab2 .radio-box input[type="radio"]:checked + label{background:#29c346; border-bottom:6px solid #20a539;}
#tab3 select{box-shadow: inset 1px 4px 9px -6px; background:url(/assets/img/arkadaslik/images/select-arrow.png) 96% center no-repeat #ececec; width:80%; margin:auto; border:0; padding:0; line-height:45px; text-indent:15px; display:block; font-family:'Titillium Web', sans-serif; font-size:17px; color:#6a6a6a; margin-bottom:10px;}
#tab3 input[type="submit"],#tab3 input[type="button"]{display:block; width:80%; margin:auto; height:51px; line-height:45px; font-family:'Raleway', sans-serif; font-size:17px; color:#fff; text-shadow:1px 0px 1px #000; text-align:center; cursor:pointer; background:#3696e7; border:0; border-bottom:6px solid #297bc0; font-weight:bold;}
#tab4 .input-box{box-shadow: inset 1px 4px 9px -6px; background:#ececec; width:80%; margin:auto; border:0; padding:0; line-height:45px; text-indent:15px; display:block; font-family:'Titillium Web', sans-serif; font-size:17px; color:#6a6a6a; margin-bottom:10px; overflow:hidden;}
#tab4 .input-box .icon{width:20%; float:left;}
#tab4 .input-box .icon img{margin:15px auto 16px auto; display:block;}
#tab4 .input-box input{width:80%; margin:0; padding:0; border:0; line-height:45px; height:45px; float:left; overflow:hidden; background:none;}
#tab4 input[type="submit"],#tab4 input[type="button"]{display:block; width:80%; margin:auto; height:51px; line-height:45px; font-family:'Raleway', sans-serif; font-size:17px; color:#fff; text-shadow:1px 0px 1px #000; text-align:center; cursor:pointer; background:#29c346; border:0; border-bottom:6px solid #20a539; font-weight:bold;}
#tab4 #inner-slider{margin-bottom:10px;}
#tab4 .swiper-slide .inner{display:block; width:100%;}
#tab4 .swiper-slide img{width:100%; display:block; margin:auto; position:relative; z-index:1; height:auto;}
#tab4 .swiper-slide .hover{display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; background:rgba(238, 154, 0, 0.7); padding:30px 5px; text-align:center; font-family:'Titillium Web', sans-serif; font-size:15px; text-shadow:1px 0px 1px #ee9a00; color:#fff; display:none;}
#tab4 .swiper-slide:hover .hover{display:block;}
#tab4 .swiper-outer{position:relative;}
#tab4 .swiper-outer .swiper-button-next, #tab4 .swiper-outer .swiper-button-prev{position:absolute; top:50%; width:17px; height:26px; margin-top:-13px; z-index:10; cursor:pointer; -moz-background-size:17px 26px; -webkit-background-size:17px 26px; background-size:17px 26px; background-position:center; background-repeat:no-repeat;}
#tab4 .swiper-outer .swiper-button-prev{left:-10px;}
#tab4 .swiper-outer .swiper-button-next{right:-10px; left:auto;}
#tab4 .swiper-outer .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'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b0b0b0'%2F%3E%3C%2Fsvg%3E");}
#tab4 .swiper-outer .swiper-button-prev:hover{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'%23049bce'%2F%3E%3C%2Fsvg%3E");}
#tab4 .swiper-outer .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'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b0b0b0'%2F%3E%3C%2Fsvg%3E");}
#tab4 .swiper-outer .swiper-button-next:hover{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'%23049bce'%2F%3E%3C%2Fsvg%3E");}


@media screen and (max-width:1024px){
.desc-area p{font-size:13px;}
}
@media screen and (max-width:667px){
.slider-area .inner{width:100%;}
.slider-area2 .inner{width:100%;}
.content-area{max-height:none; overflow:hidden; margin-top:20px; margin-bottom:20px;}
.slider-area, .desc-area,.slider-area2{padding-top:10px;}
.slider-area{padding-bottom:45px; display:none;}
.slider-area2{padding-bottom:45px; display:block;}
.swiper-pagination{bottom:10px;}
.tab-pane .title{margin:20px auto;}
.content-inner{min-height:1px;}
.desc-area{padding-bottom:20px;}
#tab4 .input-box{ width:100%;}
}







/* Add this attribute to the element that needs a tooltip */
.uyari {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
.uyari:before,
.uyari:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
.uyari:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
.uyari:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
.uyari:before,
.uyari:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}