body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: "Roboto", Arial, sans-serif; font-weight:300;  }

.top-0 {margin-top:0px;}
.top-10 {margin-top:10px;}
.top-20 {margin-top:20px;}
.top-30 {margin-top:30px;}
.top-40 {margin-top:40px;}
.top-50 {margin-top:50px;}
.top-60 {margin-top:60px;}
.top-70 {margin-top:70px;}
.top-80 {margin-top:80px;}
.top-90 {margin-top:90px;}
.top-100 {margin-top:100px;}
.top-150 {margin-top:150px;}

.bot-100 {margin-bottom:100px;}
.bot-150 {margin-bottom:150px;}
.bot-200 {margin-bottom:200px;}
.bot-250 {margin-bottom:250px;}
.bot-300 {margin-bottom:300px;}
.bot-600 {margin-bottom:600px;}


a, a:hover, a:active{color: #009fdc; outline:0; text-decoration:none}
.netgsm-tel{color: #ffcd29;}
.netgsm-tel a{color: #ffcd29;}
.netgsm-tel b {font-size:17px;}
img{max-width:100%}
.cntr{text-align:center;}
.ourServices {padding:40px 0}
.ourServices img{max-width:140px}
.title{ border-bottom:1px solid #eee; padding-bottom:4px; margin-bottom:20px;}
.topHeaderSection{background:#fff; padding:0;}

.header { z-index: 999; position: relative; padding: 0; border-bottom:2px solid #eee } 
.is-sticky { width: 100%; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.95);}

.top {padding: 10px 0px; background-color: #393f42; z-index:9999; } /*475155*/
.top .container { padding:0 15px;}

.phone-mail { margin:0 20px 0 0; padding:0;    z-index:9999;    list-style:none;    position:relative;    float: left;}
.phone-mail li, .phone-mail li a { display:inline;    list-style:none;    padding-bottom:15px;    margin-right: 5px; color:#fff}
.phone-mail i { font-size:13px;    margin-top:3px;    margin-right: 4px;    color:#fff;}
.phone-mail li span { color:#fff;    font-size:11px;}

.loginbar { margin:0; padding:0; z-index:9999; list-style:none; position:relative;    float: right;}

.bayi-logo img {height:50px;}

@media (max-width: 480px) { .loginbar { float: left;  } }

.loginbar li { display:inline; list-style:none;}
.loginbar li a,
.loginbar li a:hover { color:#7c8082; font-size:11px;}
#devider {  top:-1px; padding:0; font-size:8px; position:relative; margin:0 6px 0 2px; border-right:solid 1px #bbb;}
.loginbar i { color:#999; font-size:16px; padding-right:5px; margin-top:3px; cursor:pointer;}

.bannerSection{background:#e5e5e5; padding:0}
.highlightSection{color:#333; background:#fafafa; padding:18px 0; border-bottom: 1px solid #D1D1D1}
.highlightSection h2{padding-top:0; margin-top:0;}
.highlightSection h4{padding-top:0; margin-top:0; line-height:1.6em; }
.bodySection{background:#fff; padding:18px 0}
.align-right{text-align:right}

.testimonails{background:#f7f7f7; padding:14px; margin:28px 0 44px }
.projectList{}
.projectList img{padding:4px; border:1px solid #eee; background:#f5f5f5;}

.projectImg{max-width:140px}
.clientSection{background:#fafafa; padding:18px 0; margin-bottom:20px; padding:18px }
.footerTopSection{background:#f7f7f7; padding:18px 0; border-top: 1px solid #e7e7e7}
.footerBottomSection{background:#393f42; padding:18px 0; color:#fff}
.footerBottomSection b{ color:#ffcd29}

#topcontrol:hover {color: #a2c753;}
#topcontrol, #topcontrol:hover {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blockquote {border-left: 5px solid #FF792D;}
/* Toggle menu */
.navbar-collapse {background: #fff;z-index: 9999;}
.navbar-toggle {border-radius: 0;outline:0}
.navbar-toggle span {border-color: #00b8ff; background: #00b8ff; margin-top:-5px;}
.nav>li>a:hover, .nav>li>a:focus {text-decoration: none;background-color: #fff;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: #fff; border-color: #428bca;}
.navbar-nav>li>a {padding-top: 5px;color: #666; font-weight:400; font-size:14px;}
.navbar-nav>li.active>a, .navbar-nav>li>a:hover {color: #00b8ff; font-weight:500; outline:0}
.navbar-nav i {font-size:18px;}

.navbar-nav li a i {float:left; width:20px; text-align:center; margin-right:10px; }

.navbar-nav.navbar-right:last-child { margin-top:25px;}
.btn-brand{background-color: #00b8ff; border-color: #00b8ff;color:#fff}
.btn-brand:hover, .btn-brand:focus, .btn-brand:active, .btn-brand.active, .open .dropdown-toggle.btn-brand {color: #fff; background-color: #F07341; border-color: #F07341;}

.serviceBlock{ padding:38px 0; margin:18px 0}
.services {padding:38px 0; margin:18px 0}
.serviceBlock i { float: left; width:28%; padding: 14px; padding-left:0; color: #00B8FF; font-size: 6em; text-align: center; background:#fff; }
blockquote { border-left: 5px solid #00b8ff; }

.serviceBlock.bg-gri{color:#333; background:#fafafa; padding:18px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee}
.serviceBlock.bg-gri i { background:transparent; color:#676c7f }
.serviceBlock.bg-gri h4, .serviceBlock.bg-gri p { color:#676c7f }

/* Small devices (tablets, 768px and up) */
@media (max-width: 480px) {
.topHeaderSection {padding: 0;}
.da-slide .da-img{display:none}
.da-slide h2 {top: 18px;}
.da-slide p {top: 255px;}
.navbar-nav.navbar-right:last-child {margin-top: 0px;margin-bottom: 0px;}
.navbar-toggle {margin-top: 28px;}
 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

.spot {padding:20px 0;}
.spot a {font-size:24px}
.spot h2 {font-weight:600;}
.spot h3 {font-weight:300; margin-top:0; margin-bottom:25px;}

.underline{padding-bottom:5px; position:relative;  font-weight:500; color:#333; width:100%; margin-bottom:40px; }
.underline:after{content: " "; height: 4px; position: absolute; margin-left:-20px; bottom: -1px; width: 40px; background:#428bca; }

.underline2{border-bottom:1px solid #00b8ff;padding-bottom:12px;position:relative;  font-weight:500; font-size:29px; color:#333; width:100%; margin-bottom:30px;}
.underline2:after{content: " "; height: 4px; left: 0px; position: absolute; bottom: -1px; width: 120px; background:#00b8ff;}


/*popüler kampanyalar*/
.orta{ margin-bottom:50px;}
.center-img { border:1px solid #eeeeee; background:#fff; padding:8px;}
.center-img img {width:100%}
.orta h4{text-align:center}
.orta p{text-align:center}
.orta-spt {font-weight:300; padding-top:0; color:#27445b }
.orta-spt span{font-weight:600;}
.orta-spt i{padding-right:3px;}

.fiyat-incele{ widows:100%; margin-top:27px;}

.orta-fiyat{ background:#FFF; border:1px solid #cdcdcd;  height:40px; padding:0px 10px;}
.orta-fiyat-yazi{ padding:4px 0px; font-size:22px; color:#525252; font-weight:500}
.orta-fiyat-yazi span{ font-size:16px;  font-weight:300}

.orta-fiyat-tl{ background: #428bca; border:1px solid #428bca;padding:0px 10px; color:#fff; height:40px;}
.orta-fiyat-tl-yazi{ padding:6px 0px; font-size:18px; color:#fff; font-weight:400}

/*popüler kampanyalar*/

/*Sisteme Giriş */
.giris-yazi{ font-size:12px; color:#999; padding-left:10px; background:url(../images/madde-sag-ok.png) no-repeat left center;}
.giris-yazi:hover{ color:#286090; background:url(../images/madde-sag-ok-mv.png) no-repeat left center; cursor:pointer}

#giris{ width:220px;  margin-top:42px; margin-right:100px; margin-bottom:0; }
#ucgen-ek{ width:0; border-top:8x solid transparent; border-right:8px solid transparent; border-bottom:12px solid #286090; border-left:8px solid transparent; margin:0 auto;  margin-left:10px;}
#giris h1{ background:#286090; padding:7px 0; margin-top:0px;}

.form{ background:#f0f0f0; padding:4% 4%;  margin-top:-10px;  margin-bottom:0px; }
.input[type="password"],.input[type="password"],.input[type="text"]:not(.input_style){ width:100%; background:#fff; margin-bottom:4%; border:1px solid #ccc; padding:4%; font-size:100%; color:#555; z-index:99999}
.input[type="submit"],.giris_button{ width:100%; background:#286090; border:0; padding:4%; font-size:100%; color:#fff; cursor:pointer; transition:background .3s; -webkit-transition:background .3s; z-index:99999999}
.input[type="submit"]:hover,.giris_button:hover{ background:#27445b;}

.giris-yeni, .giris-yeni a {  font-size:14px; font-weight:500; margin-right:5px; margin-top:-1px; text-decoration:none; color:#ffcd29; float:left }
.giris-yeni i{padding-right:3px; color:#ffcd29}
/*Sisteme Giriş Bitti*/

/* Üyelik Yeni */
.uyelik {margin-top:10px; border-radius:0; border-top-color:#e9e9e9;}
.uyelik li {border-bottom:1px solid #eeeeee; padding:4px 0;}
.uyelik li  a{ font-size:14px; color:#666}
.uyelik li  a:hover{ font-size:14px; color:#666}
.uyelik li a span{width:20px; text-align:left; padding-right:3px;}
.uyelik-yeni, .uyelik-yeni a {  font-size:14px; font-weight:400; margin-left:3px; text-decoration:none; color:#fff}

.uyelik .ucgen{ position:absolute;  width:0; border-top:8x solid transparent; border-right:8px solid transparent; border-bottom:12px solid #666; border-left:8px solid transparent; margin-top:-17px;  margin-left:10px;}
.uyelik h1{ background:#286090; padding:7px 0; margin-top:-5px;}
/* /Üyelik Yeni*/

/* İletişim */
.adres-baslik{font-size:16px; font-weight:300; margin-top:30px; height:34px;  color:#666; }
.adres-baslik i{ font-size:28px; color:#00b8ff; padding-right:5px; width:40px; text-align:left;}
.adres-yazi{ font-size:18px; font-weight:400; margin-top:-6px; padding-left:44px; color:#555; }
.adres-yazi a{ text-decoration:underline; color:#666 }
/* /İletişim */

.pad-bot-20{padding-bottom:20px;}
.pad-bot-30{padding-bottom:30px;}
.pad-bot-40{padding-bottom:40px;}
.pad-bot-50{padding-bottom:50px;}
.pad-bot-100{padding-bottom:100px;}
.pad-bot-150{padding-bottom:150px;}
.pad-bot-200{padding-bottom:200px;}

.sayfa-baslik h2 {font-weight:300; color:#00b8ff; margin-top:40px; }
.sayfa-baslik p {font-size:18px; }
.sayfa-baslik h2 span{font-weight:600;}

.konu {margin-top:20px}
.konu h3 {font-weight:300; color:#27445b; }
.konu h3 span{font-weight:600;}
.konu p {font-weight:300; color:#333; font-size:16px;}

.ulli { margin-left:15px; padding:0px; font-size:16px; font-weight:300; line-height:1.4; list-style:disc  }
.ulli li  a { font-weight:400; color:#333; text-decoration:underline;}
.ulli li  b { font-weight:400;}

.nav-tabs li a { font-size:15px; color:#666}

.acilan-menu {border-color:#e7e7e7}

/* santral ücretlendirme*/
input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].css-checkbox + label.css-label {margin-top:10px;	padding-left:32px;	height:27px; 	display:inline-block;	line-height:27px;	background-repeat:no-repeat;	background-position: 0 0;	font-size:27px;	vertical-align:middle;	cursor:pointer;}
input[type=checkbox].css-checkbox:checked + label.css-label {	background-position: 0 -27px;}
label.css-label {background-image:url(/images/check-true-false.jpg);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.iconxx i { font-size:50px; text-align:center; color:#286090; }
.baslikxx { font-size:20px; }
.panel-body .baslikxx small{ font-size:14px; margin-top:0; color:#666; font-weight:300;}
.fiyatxx {font-size:32px; font-weight:600}
.fiyatxx span {font-size:14px; font-weight:300;}
.selectboxxx {padding:6px 2px; font-weight:400; font-size:14px; margin-right:-5px}
.selectboxxx option {padding-left:7px;}

.ozet-baslik { font-size:14px; font-weight:300;  }
.ozet-fiyat { font-size:20px; font-weight:500; text-align:right;}
.ozet-fiyat span { font-size:14px; font-weight:300; }
.carpi{font-weight:300; font-size:20px; margin-top:10px; color:#286090}
/* santral ücretlendirme*/

/*Açılır açıklama*/
.faq {margin-top:40px;}
.faq .question { margin-bottom: 4px; font-weight:300;   margin-top:0px; }
.faq .question h5 { margin: 0px; font-weight: bold; cursor: pointer; padding: 15px 45px 15px 20px; border:1px solid #e5e5e5;  border-left: 5px solid #009fdc;  font-size: 18px; line-height: 18px; position: relative; text-transform: none; letter-spacing: 0px;  }
.faq .question h5 span.icon { width: 16px; height: 16px; overflow: hidden; position: absolute; right: 18px; top: 17px;  }
.faq .question .answer { padding: 10px 15px 10px 26px; text-align:left; color:#333; font-size:14px; background:#fff; border:1px solid #e5e5e5; border-top:none; }
.faq .question h5 span.icon { background: url("/js/acilir/images/goster.png") no-repeat; }
.faq .active h5 span.icon { background: url("/js/acilir/images/oku.png") no-repeat; }
.accordion .question h5, .faq .question h5 {color: #333; font-weight:500;	background-color: #f5f5f5;  text-align:left; font-size:16px;}
.ekipman-bg{ width:100%; height:80px; background:none; margin-top:5px; font-size:15px;}
/*Açılır açıklama*/

/*Ekipmanlar*/
.alt-menuler { color:#27445b; font-size:13px; font-weight:500; }
.alt-menuler-yazi { padding:6px 12px;  border:1px solid #ccc; }
.alt-menuler-yazi:hover { color:#fff; cursor:pointer; background:#27445b;   }

.secilen{background:#393f42; color:#ffcd29; font-weight:600 }

.ekipman-bg{ width:100%; height:200px; background:none; margin-top:10px;}
.ekipman-bg-ic{ padding:0px;}

.ekipman-gorseli{border:1px solid #e5e5e5; height:190px; float:left; padding-top:33px;}
.ekipman-gorseli-m{border:1px solid #e5e5e5; height:180px; float:left; padding-top:50px;}

.ekipman-bilgileri{ float:right; font-size:14px; font-weight:300; }
.ekipman-basligi{ font-size:16px; color:#333; line-height:24px; font-weight:500; text-align:left }
.ekipman-kullanim1{ padding:25px 0px;}
.ekipman-kullanim-yazi{ float:left; margin-left:10px; font-size:13px; color:#525252;}
.fiyat-incele{ widows:100%; margin-top:27px;}

.ekipman-fiyati{ background:#FFF; border:1px solid #cdcdcd; float:left; height:40px; padding:0px 10px;}
.ekipman-fiyati-yazi{ padding:4px 0px; font-size:22px; color:#525252; font-weight:300}

.kdv-fiyati{ background:#FFF;  float:left; height:40px;}
.kdv-fiyati-yazi{ padding:24px 0px; font-size:13px; color:#525252;  padding:0px 10px; font-weight:300}

.ekipman-fiyati-tl{ background:#009fdc; border:1px solid #009fdc;   padding:0px 10px; float:left; color:#FFF; height:40px;}
.ekipman-fiyati-tl-yazi{ padding:4px 0px; font-size:16px; color:#FFFFFF;}

.punto {font-size:6px; vertical-align: middle; margin-top:-3px; padding:0px 3px;}
/*Ekipmanlar*/

/* Tanıtım Sayfası */
.tanitim-gorsel{ background:#eee; width:100%;  padding:20px 0;}
.tanitim-spot{ color:#00b8ff; font-weight:300;  padding:0; margin:0;}
.tanitim-icn{ color:#00b8ff; margin-top:10px; font-size:24px;}
.tanitim-aciklama{ font-weight:300;  padding:0; margin:0; font-size:16px; color:;}
#tanitim .heading--4 {color:#00b8ff}
#tanitim p {font-size:16px; }
/* /Tanıtım Sayfası */

/* Paketler */
.price-table {text-align:center;background: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border: 4px solid #eeeeee;-moz-transition: all .3s ease;-o-transition: all .3s ease;-webkit-transition: all .3s ease;}
.price-table:hover {background: rgba(0,0,0, .03);border-color: #393f42; }
.price-table .price-table-heading {color: #393f42;background: #f9f9f9;padding: 10px 0;margin: 0; height:80px;}
.price-table .price-table-heading .title {color: #393f42;font-weight:500; text-align:center; padding:0px 0px; border:none; margin-top:10px; margin-bottom:7px}
.price-table .price-table-heading .paket-hdy{padding:5px 0px; border-top:1px solid #eee}
.price-table > .price-table-body {color: #FFFFFF;background: #393f42;padding: 5px 0 5px;-moz-transition: all .3s ease;-o-transition: all .3s ease;-webkit-transition: all .3s ease;}
.price-table > .price-table-body .value {font-size: 36px;font-weight: 300;color: #ffcd29;padding: 0;text-align:center;}
.price-table > .price-table-body .value small {font-size: 18px; color:#ffcd29}
.price-table > .list-group {color: #333;font-weight: 400;margin-bottom: 0;}
.price-table > .list-group .list-group-item {font-weight: 300;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; text-align:left; padding-left:10px;  padding-right:0px;}
.price-table > .list-group .list-group-item i {padding-right:3px;}
.price-table .btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight: 400; color:#fff; background:#ebb129; padding:6px 16px;}
.price-table .btn:hover{background:#393f42}
.price-table-footer {background: #eeeeee;padding: 12px 0;}
.kirmizi{color:#c72722;}
.yesil{color:#81c02c;}
/* /Paketler */

/* Banner */
#main-slider {  position: relative;  font-weight:600;}
.no-margin {  margin: 0;  padding: 0;}
#main-slider .carousel .carousel-content { margin-top: 80px;}
#main-slider .carousel .carousel-content h2 { font-weight:600; color:#fff; text-shadow: 2px 2px 1px rgba(46,120,219, .6);}
#main-slider .carousel .carousel-content h2 span { font-weight:300;}

#main-slider .carousel .carousel-content h3 { font-weight:300; color:#fff; margin-top:0px; text-shadow: 2px 2px 1px rgba(46,120,219, .6);}
#main-slider .carousel .carousel-content h3 b{ font-weight:400;}
#main-slider .carousel .carousel-content a { font-weight:300; font-size:16px;}
#main-slider .carousel .slide-margin{  margin-top: 0px;}
#main-slider .carousel h2 {  color: #fff; margin-top: -50px;}
#main-slider .carousel .btn-slide {  
padding: 8px 15px;  color: #27445b;  border-radius: 4px;  margin-top: 40px;  display: inline-block;
background: #ffcd29; /* Old browsers */
}
#main-slider .carousel .slider-img{  text-align: right;  position: absolute;  margin-top:40px; }
#main-slider .carousel .item { height: 400px; background:url(../images/slider-4.jpg) center #00b8ff;  background-repeat: no-repeat;  background-size: cover;  left: 0 !important;    top: 0;  position: absolute;  width: 100%;  display: block !important; }
#main-slider .carousel .item.kyn { background:url(../images/sliderbg1.jpg) center #00b8ff; }
#main-slider .carousel .item:first-child {  top: auto;  position: relative;}
#main-slider .carousel .item.active {  opacity: 1; z-index: 1;  }
#main-slider .prev, #main-slider .next {  position: absolute;  top: 70%; color: #fff; opacity:0.6; font-size:50px; display: inline-block;  margin-top: -25px;  height: 40px;  line-height: 40px;  width: 40px;  line-height: 40px;  text-align: center;  border-radius: 4px;  z-index: 5;}
#main-slider .prev:hover,#main-slider .next:hover {  background-color: none;}
#main-slider .prev {  left: 0px; }
#main-slider .next {  right: 0px;}

#main-slider .carousel-indicators li {  width: 16px;  height: 16px;  background-color: #fff;  margin: 0 15px 0 0;  position: relative;}
#main-slider .carousel-indicators li:after {  position: absolute;  content: "";  width: 24px;  height: 24px;  border-radius: 100%;  background: rgba(0, 0, 0, 0);  border: 1px solid #ddd;  left: -5px;  top: -5px;}
#main-slider .carousel-indicators .active{  width: 16px;  height: 16px;  background-color: #f0b803;   margin: 0 15px 0 0;   border: 1px solid #f0b803;   position: relative;}
#main-slider .carousel-indicators .active:after {  position: absolute;  content: "";  width: 24px;  height: 24px;  border-radius: 100%;  background: #f0b803;  border: 1px solid #f0b803;  left: -5px;  top: -5px;}

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
/* /Banner*/

/*Numara Taşıma*/
.numara-tasima-yazi{font-size:15px; font-weight:300; margin-top:30px; height:34px;  color:#666; }
.numara-tasima-yazi i{ font-size:24px; color:#00b8ff;  width:30px; text-align:left;}
.numara-tasima-yazi a{  color:#666; outline:0 }

/*Check*/
ul.list-check{list-style:none;margin:0;margin-bottom:15px;padding:0}
ul.list-check li{padding:3px 15px;margin:0;display:block;width:100%}
ul.list-check li i{color:#286090;font-style:normal;margin-right:4px; margin-left:-15px;}

.hediye {font-size:20px; cursor:pointer; color:#00b8ff}

.button_active { background-color:red; color:#fff;}

.uygulamalar .btn {padding: 10px 5px; font-size:16px; margin-bottom:20px; width:100%}
.uygulamalar .btn i {padding-right:5px; font-size:20px;}

.son-alim-tarihi {float:right; padding-right:15px; font-weight:300; font-size:13px; padding-top:3px}

.moduller { padding-bottom:50px; border-bottom:1px solid #eeeeee}
.moduller  .ulli li {padding-bottom:10px; color:#676c7f;}
.moduller  .ulli li span{font-weight:400}
.moduller  h2{ color:#428bca}
.moduller  h4{font-weight:600; color:#428bca}
.sms-ornekleri  h4{font-weight:600; color:#31708f}
.moduller .spot p {font-size:24px; font-weight:300; color:#676c7f;}
.uygulamalar .spot p {font-size:24px; font-weight:300; color:#676c7f;}
.spot1 .spot p {font-size:24px; font-weight:300; color:#676c7f;}
.renk-yeni{ color:#27445b;}
.renk-yeni p{font-size:24px; font-weight:300; color:#676c7f;}



/*Paketler*/
.paket-baslik, .paket-baslik-v2 {padding:10px 0px; padding-top:3px; border-bottom:1px solid #ddd }
.paket-baslik h3{ margin:0; padding:0; font-weight:600; font-size:16px; letter-spacing: 2px; color:#666}
.paket-baslik h3 span{ font-weight:600; font-size:16px;}
.paket-baslik h3 span.dahili{ font-weight:300; font-size:14px;letter-spacing: 1px;}
.paket-baslik p {line-height:18px; font-size:13px; padding-top:8px}

.paket-fiyat {padding:15px 0; padding-bottom:20px; border-bottom:1px solid #ddd }
.paket-fiyat .bilgi{font-size:12px;letter-spacing: 0px; font-weight:300; padding-top:5px}
.paket-fiyat small {letter-spacing: -1px;}
.paket-fiyat span{font-size:18px; letter-spacing: 0px;}
.cagri-merkezi-paket .paket-fiyat { padding:15px 0; border-bottom:none }

.paket-fiyat h1{ padding:0;  margin:0; font-weight:600; letter-spacing: -2px; font-size:36px; line-height:20px; padding-top:15px }

.paket-fiyat h1.paketler-baslik{ padding:0;  margin:0; font-weight:600; font-size:20px; letter-spacing: 0px; text-align:left;  line-height:31px; /*padding-top:30px;*/ color:#3e344d; /*height:140px*/}
.paket-fiyat h1.paketler-baslik span{ font-weight:300; font-size:32px; letter-spacing: -1px; text-align:left; }

.paket-fiyat h1 i{font-size:24px; padding-right:6px; color:inherit;}
.paket-fiyat h1 i b{font-size:52px; font-weight:bold; margin-top:-34px; margin-left:-15px; position:absolute;}
.paket-fiyat .aylik-fiyat{font-weight:300; font-size:17px; font-weight:400; letter-spacing: -0.3px; color:#333; padding-top:5px }
.paket-fiyat .size-x2{font-weight:500; font-size:20px; letter-spacing: -0.2px; color:#333; }

.paket-ozellik {padding:15px 0; line-height:28px; padding-bottom:5px; /*padding-left:25px;*/ font-size:14px}
.paket-ozellik span {font-weight:500;}
.paket-ozellik i {  width:18px; padding-right:5px; color:#67c5b5; cursor:pointer; text-align:center}
.paket-ozellik .fa-times { color:#f28243}


.btn-yuvarla {border-radius:50px; padding-left:25px; padding-right:25px}
.btn-yuvarla small{font-size:14px; color:#f28243/*67c5b5*/; font-weight:500 }
.btn-yuvarla small i{font-size:16px; padding-right:2px}

.btn-uyg{ padding:15px 20px; font-size:20px}
.btn-uyg i{ font-size:48px}


/* Tab Buton*/
.tab-buton {background:; border:1px solid #2d495c; border-radius:50px; padding:3px;}
.tab-buton .buton{font-size:16px; font-weight:300; color:#333; padding-top:10px; padding-bottom:10px; cursor:pointer;}
.tab-buton .aktif-buton{background:#2d495c; font-weight:600; color:#fff}

/*Switch*/
.etiket{float:left; font-weight:400; padding-top:5px; margin-right:20px }
.etiket i{color:#8f92a1; font-size:20px; padding-right:5px; cursor:pointer}
.switch {position: relative;display: inline-block;width: 60px;height: 34px; left:-40px}
.switch input {display:none;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #65c4b3;}
input:focus + .slider {box-shadow: 0 0 1px #65c4b3;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
/*Switch yuvarla*/
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}


/*Switch2*/
.switch2 {position: relative;display: inline-block;width: 48px;height: 24px; margin-bottom:0px; margin-top:3px}
.switch2 input {display:none;}
.slider2 {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ddd;-webkit-transition: .4s;transition: .4s;}
.slider2:before {position: absolute;content: "";height: 16px;width: 16px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input.primary:disabled + .slider2 { cursor:no-drop}
input.default:checked + .slider2 {background-color: #444;}
input.primary:checked + .slider2 {background-color: #1c84c6;}input.success:checked + .slider2 {background-color: #8bc34a;}
input.info:checked + .slider2 {background-color: #3de0f5;}input.warning:checked + .slider2 {background-color: #FFC107;}input.danger:checked + .slider2 {background-color: #f44336;}
input:focus + .slider2 {box-shadow: 0 0 1px #1c84c6;}input:checked + .slider2:before {-webkit-transform: translateX(24px);-ms-transform: translateX(24px);transform: translateX(24px);}
.slider2.round {border-radius: 24px;}
.slider2.round:before {border-radius: 50%;}


.btn-icerik .panel-default, .btn-icerik_1 .panel-default {background:; text-align:center}


/*Giriş*/
.giris-bg {padding:30px 15px; min-width: 275px; margin-left:-15px;  border-top-left-radius:0; border-top-right-radius:0; }
.giris-bg form {background:#fff; padding:0;}
#sifremi-unuttum  {cursor:pointer; color:#7d8b98}
#sifremi-unuttum i {padding-right:6px; color:#67c5b5}
.guvenlik-kodu {border:1px solid #ccc; padding:0px; padding-top:4px; border-radius:4px; background:#fff; height:33px; }
.guvenlik-kodu.input-lg {padding-top:6px}
.guvenlik-kodu i {color:#7d8b98; cursor:pointer; padding:10px; padding-right:0; float:left; padding-top:0}
.ucgen-ek{ position:absolute;  width:0; border-top:8x solid transparent; border-right:8px solid transparent; border-bottom:12px solid #d9d9d9; border-left:8px solid transparent; margin-top:-32px;  margin-left:0px;}


/*bilgilendirme / Cookie*/
.bilgilendirme-uyari {background:#f2f7fb; color:rgba(12,5,97,0.8); padding:10px 50px; margin-top:-10px;  margin-bottom:15px;    z-index:99999; width:100%; font-size:15px}
.bilgilendirme-uyari span {font-weight:500}
.bilgilendirme-uyari a{text-decoration:underline; opacity:0.9; color:#838391; font-weight:400; padding-left:5px}
.bilgilendirme-uyari i{border:1px solid #bf284a; color:#bf284a; padding:3px 5px;  cursor:pointer; position:absolute; right:0px; margin-top:9px}
.bilgilendirme-uyari i:hover{ opacity:1}

.btk-bilgilendirme .alert span{font-weight:500}
.btk-bilgilendirme .alert .close{font-size:18px !important; color:#000 !important}

/* Mobil ayarlamalar */	
@media (max-width: 991px /*640px*/) {
	.switch {left:0px}	
	.etiket{margin-left:0px }
	.tab-buton {border-radius:12px; padding:5px;}
	.btn-yuvarla {border-radius:12px; }
	
	.bilgilendirme-uyari {padding:20px; padding-top:30px;  }
	.bilgilendirme-uyari i{margin-top:-20px; right:5px}
}

.bs-callout {padding: 10px 15px;margin: 20px 0;border: 1px solid #eee;border-left-width: 5px;border-radius: 3px; color:#676c7f; font-size:16px;}
.bs-callout h4 {margin-top: 0;margin-bottom: 5px;}
.bs-callout span {font-size:14px; font-weight:400 }
.bs-callout span span{font-weight:500; color:#428bca;}
.bs-callout p:last-child {margin-bottom: 0;}
.bs-callout code {border-radius: 3px;}
.bs-callout+.bs-callout {margin-top: -5px;}
.bs-callout-default {border-left-color: #777;}
.bs-callout-default h4 {color: #777;}
.bs-callout-primary {border-left-color: #428bca;}
.bs-callout-primary h4 {color: #428bca;}
.bs-callout-success {border-left-color: #5cb85c;}
.bs-callout-success h4 {color: #5cb85c;}
.bs-callout-danger {border-left-color: #d9534f;}
.bs-callout-danger h4 {color: #d9534f;}
.bs-callout-warning {border-left-color: #f0ad4e;}
.bs-callout-warning h4 {color: #f0ad4e;}
.bs-callout-info {border-left-color: #5bc0de;}
.bs-callout-info h4 {color: #5bc0de;}



/* Bilgilendirme */
.bilgilendirme-bg {background:url(https://www.netgsm.com.tr/images/uyelik-bilgilendirme-bg.jpg) no-repeat center; background-size: cover; }
.bilgilendirme-bg-color {background:rgba(35,70,98,0.1);}
.bilgilendirme-cerceve { background:#fff; border-radius:20px;}
.yazi-gorsel {background:#f4f8fb; padding:20px; height:460px;}

.bilgi-yazi {padding-top:20px;}
.bilgi-yazi h1{margin-top:0px; margin-bottom:15px; font-weight:100; color:#f28243;} 	
.bilgi-yazi h2{margin-top:0px; margin-bottom:15px; font-weight:100; color:#f28243;} 	
.bilgi-yazi p{font-weight:300; font-size:18px; color:#7d8b98}
.bilgi-yazi p span{font-weight:500;}
.bilgi-yazi p a{font-weight:500; color:#7d8b98; outline:0; }

.bilgi-gorsel {padding-top:20px;}
.bilgilendirme-1 {background:url(https://www.netgsm.com.tr/images/bilgilendirme-1.png) no-repeat center; width:100%; height:330px; }
.bilgilendirme-2 {background:url(https://www.netgsm.com.tr/images/bilgilendirme-2.png) no-repeat center; width:100%; height:330px; }
.bilgilendirme-3 {background:url(https://www.netgsm.com.tr/images/bilgilendirme-3.png) no-repeat center; width:100%; height:370px; margin-left:-20px }
.bilgilendirme-4 {background:url(https://www.netgsm.com.tr/images/bilgilendirme-4.png) no-repeat center; width:100%; height:300px; }

.bilgilendirme-btn {padding:30px 0px 30px 20px}
.bilgilendirme-btn i {padding-left:8px}

.bilgilendirme-btn-ikon i {font-size:72px; padding-bottom:10px;}
.bilgilendirme-madde {color:white; padding:1px 15px; border-radius:2px; background:#f28243; border-radius:100%; font-size:48px; }

.dijital-imza-info {width:210px; height:210px; background:#22b9dd; margin-top:-220px; border-radius:100%; color:#fff; padding-top:13px;}
.dijital-imza-info h3,.dijital-imza-info h1 {margin:0; padding:0; font-weight:bold}
.dijital-imza-info p {font-size:18px;line-height:20px; margin-top:3px}
.dijital-imza-info i {font-size:40px; padding-bottom:4px}

.bilgii {color:#7d8b98;}
.bilgii li {margin-top:10px; font-size:18px; list-style-type:none;}
.bilgii li span{font-size:9px; color:#438bc4; margin-left:-15px; margin-top:9px; position:absolute}
.bilgii li b{font-weight:500}
.bilgii li a{font-weight:500; color:#7d8b98; outline:0; text-decoration:underline}


.bilgi-v1 {color:#7d8b98;font-size:18px; margin-left:25px}
.bilgi-v1 span{ color:#438bc4; margin-left:-25px; margin-top:5px; position:absolute}

.swiper-container {margin:0 auto;position:relative;overflow:hidden;z-index:1; }
.swiper-slide {float: left;}
.home-device {height:auto;  margin:0 auto;position:relative;}
.pagination1 {margin-top:30px;}
.pagination1 .swiper-pagination-switch {display: inline-block; width: 14px;	height: 14px;	border-radius: 100%;	background: #dddddd;	margin: 0 3px;	cursor: pointer; margin-bottom:20px;}
.pagination1 .swiper-active-switch {	background: #67c5b5;}

.step-kapat {width:90px; height:20px; position:absolute; margin-top:25px;}

.bilgilendirme-kisayol-btn .btn {color:#7d8b98}
.bilgilendirme-kisayol-btn .btn i{padding-right:7px}

.dogrulama .alert { font-size: 14px !important; line-height: 18px !important;  padding: 10px !important; margin-bottom:15px !important;}

.dogrulama-kodu-sesli{
  border:none;
  outline:none;
  background:none;
  cursor:pointer;
  color:#22b9dd;
  padding:0;
  text-decoration:underline;
  font-family:inherit;
  font-size:inherit;
}
.dogrulama-kodu-sesli:active{
  color:#0b97b4;
}

.dogrulama-alternatif .dogrulabtn { border:none; outline:none; background:none; cursor:pointer; color:#22b9dd; padding:0; text-decoration:none; font-size:inherit;}
/*.dogrulama-alternatif button:active{ color:#0b97b4;}*/
.dogrulama-alternatif .dogrulabtn i{ background:#f2f7fb; width:28px; text-align:center; margin-right:5px; padding:4px; border-radius:4px; border:1px solid #edf3f8}
.dogrulama-alternatif .dogrulabtn span{ text-decoration:underline; font-size:1.04em}

#dtarihi { background: url('../images/cal.gif') 5% 50% no-repeat; padding-left:35px; padding-top:0px; font-family:Arial, Helvetica, sans-serif !important; }