/*@font-face {
  font-family: 'centralesansbook';
  src: url("../fonts/centralesansbook-webfont.eot");
  src: url("../fonts/centralesansbook-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/centralesansbook-webfont.woff2") format("woff2"), url("../fonts/centralesansbook-webfont.woff") format("woff"), url("../fonts/centralesansbook-webfont.ttf") format("truetype"), url("../fonts/centralesansbook-webfont.svg#centralesansbook") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'centralesanslight';
  src: url("../fonts/centralesanslight-webfont.eot");
  src: url("../fonts/centralesanslight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/centralesanslight-webfont.woff2") format("woff2"), url("../fonts/centralesanslight-webfont.woff") format("woff"), url("../fonts/centralesanslight-webfont.ttf") format("truetype"), url("../fonts/centralesanslight-webfont.svg#centralesanslight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'centralesansmedium';
  src: url("../fonts/centralesansmedium-webfont.eot");
  src: url("../fonts/centralesansmedium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/centralesansmedium-webfont.woff2") format("woff2"), url("../fonts/centralesansmedium-webfont.woff") format("woff"), url("../fonts/centralesansmedium-webfont.ttf") format("truetype"), url("../fonts/centralesansmedium-webfont.svg#centralesansmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'centralesansthin';
  src: url("../fonts/centralesansthin-webfont.eot");
  src: url("../fonts/centralesansthin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/centralesansthin-webfont.woff2") format("woff2"), url("../fonts/centralesansthin-webfont.woff") format("woff"), url("../fonts/centralesansthin-webfont.ttf") format("truetype"), url("../fonts/centralesansthin-webfont.svg#centralesansthin") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'centralesansbold';
  src: url("../fonts/centralesansbold-webfont.eot");
  src: url("../fonts/centralesansbold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/centralesansbold-webfont.woff2") format("woff2"), url("../fonts/centralesansbold-webfont.woff") format("woff"), url("../fonts/centralesansbold-webfont.ttf") format("truetype"), url("../fonts/centralesansbold-webfont.svg#centralesansthin") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/
html,
body {
  height: 100%;
  font-family: "Mulish", Arial, Verdana;
  /*   font-size: 1rem; */
}

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

a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

input {
  border: 1px solid #d2d3d7;
  border-radius: none;
}

.button {
  display: inline-block;
}

.button img {
  padding-right: 11px;
}

.tt-content {
  padding: 0 0 50px;
}

.left-container .head-title {
  background-color: #14b8ca;
  color: #fff;
  line-height: 41px;
  padding-left: 17px;
  font-weight: 700;
}

.left-container .head-title img {
  padding-right: 15px;
}

.left-container .left-login {
  background-color: #f0f4f8;
  padding: 27px;
  margin-top: 31px;
  text-align: center;
  color: #194276;
  font-weight: 700;
}

.left-container .left-login p {
  text-align: left;
  margin-bottom: 27px;
}

.left-container .left-login a {
  border: 1px solid #d2d3d7;
  padding: 15px 50px;
  display: block;
}

.right-container .dtable {
  display: table;
  table-layout: fixed;
}

.right-container .dcell {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.right-container h2 {
  font-family: "Mulish", Arial, Verdana;
  color: #194276;
  font-size: 24px;
}

@media (max-width: 554px) {
  .right-container h2 {
    font-size: 15px;
    text-align: center;
  }
}

.right-container .right-content {
  position: relative;
  margin-top: 17px;
  padding: 33px 27px 33px 27px;
  border: 1px solid #d2d3d7;
  min-height: 560px;
}

@media (max-width: 554px) {
  .right-container .right-content {
    padding: 0;
    border: none;
  }
}

.right-container .right-content label {
  color: #194276;
  margin: 0;
  line-height: 64px;
  font-size: 14px;
}

@media (max-width: 554px) {
  .right-container .right-content label {
    line-height: normal;
  }
}

.right-container .right-content select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/arrow_down.png) no-repeat 93% 50%;
}

.right-container .right-content select option {
  cursor: pointer;
}

.right-container .right-content input[type="text"],
.right-container .right-content select {
  padding: 13px 10px;
  outline: none;
  color: #194276;
  font-weight: 700;
}

@media (max-width: 554px) {
  .right-container .right-content input[type="text"],
  .right-container .right-content select {
    margin: 10px 0;
  }
}

.right-container .right-content .w-100 {
  width: 100%;
}

.right-container .right-content .w-75 {
  width: 75px;
}

@media (max-width: 554px) {
  .right-container .right-content .w-75 {
    width: 25%;
  }
}

.right-container .right-content .w-135 {
  width: 134px;
}

.right-container .right-content .w-165 {
  width: 165px;
}

.right-container .right-content .w-265 {
  width: 265px;
}

@media (max-width: 554px) {
  .right-container .right-content .w-265 {
    width: 100%;
  }
}

.right-container .right-content .m-20 {
  margin-right: 20px;
}

.right-container .right-content .m-9 {
  margin-right: 9px;
}

.right-container .right-content .f-button {
  background: #14b8ca;
  color: #fff;
  display: inline-block;
  padding: 15px 0;
  text-align: center;
}

.right-container .right-content .notice {
  margin: 15px 0;
  color: #194276;
  font-weight: 700;
}

.mobile-box .box-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 108px;
}

@media (max-width: 554px) {
  .mobile-box .box-container {
    position: static;
  }
}

.mobile-box h2 {
  font-size: 18px;
  text-align: center;
}

@media (max-width: 554px) {
  .mobile-box h2 {
    display: block;
    margin: 5% 0 25%;
  }
}

.mobile-box .col-xs-6,
.mobile-box .col-xs-6 {
  margin-bottom: 20px;
}

.mobile-box svg {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.mobile-box svg.phone:hover, .mobile-box svg.wifi:hover, .mobile-box svg.tv:hover, .mobile-box svg.homePhone:hover {
  cursor: pointer;
}

.mobile-box svg.phone:hover {
  background: #cbd619;
}

.mobile-box svg.phone:hover path {
  fill: #fff;
}

.mobile-box svg.wifi:hover {
  background: #194276;
}

.mobile-box svg.wifi:hover path {
  fill: #fff;
}

.mobile-box svg.tv:hover {
  background: #0082ca;
}

.mobile-box svg.tv:hover path {
  fill: #fff;
}

.mobile-box svg.homePhone:hover {
  background: #14b8ca;
}

.mobile-box svg.homePhone:hover path {
  fill: #fff;
}

@media (max-width: 554px) {
  .mobile-box svg.phone {
    background: #cbd619;
  }
  .mobile-box svg.phone path {
    fill: #fff;
  }
  .mobile-box svg.wifi {
    background: #194276;
  }
  .mobile-box svg.wifi path {
    fill: #fff;
  }
  .mobile-box svg.tv {
    background: #0082ca;
  }
  .mobile-box svg.tv path {
    fill: #fff;
  }
  .mobile-box svg.homePhone {
    background: #14b8ca;
  }
  .mobile-box svg.homePhone path {
    fill: #fff;
  }
}

.icon {
  display: inline-block;
  vertical-align: middle;
}

.icon-message {
  width: 38px;
  height: 27px;
  background: url("../img/icons/message-icon.png") no-repeat;
}

.icon-info {
  width: 29px;
  height: 29px;
  background: url("../img/icons/info-icon.png") no-repeat;
}

.icon-load {
  width: 30px;
  height: 31px;
  background: url("../img/icons/load-icon.png") no-repeat;
}

header {
  padding: 8px 0;
  margin-bottom: 15px;
}

@media (max-width: 554px) {
  header {
    padding: 20px 0 0;
  }
}

header .top-button {
  background-color: #cbd619;
  padding: 13px 60px;
  margin-top: 10px;
  font-weight: 700;
}

@media (max-width: 554px) {
  header .mobile-icon {
    margin-top: 10px;
  }
}

footer {
  border-top: 1px solid #194276;
}

footer ul li {
  margin-right: 15px;
}

@media (max-width: 554px) {
  footer ul li {
    margin: 0;
  }
}

footer ul li a {
  font-size: 12px;
}

footer .footer-menu-container {
  padding: 40px 0;
}

@media (max-width: 554px) {
  footer .footer-menu-container {
    padding: 0;
  }
}

footer .footer-menu-container .footer-menu li {
  float: left;
}

footer .footer-menu-container .footer-menu li a img {
  padding-right: 10px;
}

@media (max-width: 554px) {
  footer .footer-menu-container .footer-menu li {
    display: block;
    float: none;
    padding: 10px 15px;
  }
}

footer .footer-menu-container .social-menu {
  margin-top: -20px;
}

@media (max-width: 554px) {
  footer .footer-menu-container .social-menu {
    padding: 10px 15px;
  }
}

footer .footer-menu-container .social-menu li {
  float: left;
  line-height: 45px;
}

@media (min-width: 768px) and (max-width: 992px) {
  footer .footer-menu-container .social-menu li {
    line-height: 100px;
  }
}

footer .copyright {
  font-size: 13px;
  border-top: 1px solid #f0f4f8;
  padding: 16px 0;
}

footer .copyright p.light {
  color: #6988c2;
}

@media (max-width: 554px) {
  footer .copyright {
    padding: 10px 20px;
  }
}

footer, .push {
  height: 60px;
}

#cookie-policy-warning {
    position: fixed;
    bottom: 0;
    background: #ededed;
    padding: 0.5em 1.5em;
}
#cookie-policy-warning span.close {
    right: -1em;
    position: relative;
    padding: 0.2em;
    font-size: 18px;
}
#cookie-policy-warning a{
    color: #428bca;
}

.mobileNav .main-menu {
  /* margin-top: 30px; */
}

.u-vmenu ul li a[data-option='on'], .u-vmenu ul li a.active {
  background-color: #14b8ca;
  color: #fff;
}

.u-vmenu ul li a[data-option='on'] svg path,
.u-vmenu ul li a[data-option='on'] svg polygon, .u-vmenu ul li a.active svg path,
.u-vmenu ul li a.active svg polygon {
  fill: #fff;
}

.u-vmenu ul li a[data-option='off'] {
  background-color: #fff;
  color: #194276;
}

.u-vmenu ul li a[data-option='off'] svg path,
.u-vmenu ul li a[data-option='off'] svg polygon {
  fill: #14b8ca;
}

.u-vmenu ul li ul li a[data-option='on'], .u-vmenu ul li ul li a.active {
  background: #fff;
  color: #14b8ca;
}

.u-vmenu ul li ul li a[data-option='on']:after, .u-vmenu ul li ul li a.active:after {
  border-left: 5px solid #14b8ca;
}

@media (max-width: 554px) {
  .main-menu {
    margin-bottom: 0px;
  }
  .main-menu.show {
    display: block;
  }
  .bill-success .ico-success:before {
    content: '';
    background-image: url(../../images/success.svg);
    background-repeat: no-repeat;
    width: 19px;
    height: 20px;
    display: block;
  }
  .bill-box .mobile-price .price {padding: 5px 0 25px 0; text-align: left;}
  .mobile-price .category {margin-bottom: 0;margin-top: 16px;}
}

.breadcrumb, .page-title-wrapper {margin-left: 0px !important;}

.main-menu ul#menu-intro {
  border: 0px solid #ccc;
  background-color:#0082ca;
}

@media (max-width: 1199px) {
	.main-menu ul#menu-intro {
	  border: 0px solid #ccc;
	  background-color:#0082ca;
	}
}

@media (min-width: 1200px) {
	.main-menu ul li:first-child a:hover {
	  border-top-right-radius:30px;
	}
	.main-menu ul li:first-child a {
	  border-top-right-radius:30px;
	}
	.main-menu ul#menu-intro {
	  border-top-right-radius: 30px;
	}
	.main-menu ul li:first-child.active{
 	  border-top-right-radius: 30px;
	}
	
	.main-menu ul li ul li ul li:first-child.active{
 	  border-top-right-radius: 0px;
	}
}

.main-menu ul li {
  line-height: 41px;
  /* -webkit-transition: all .5s; */
  /*-o-transition: all .5s; */
  /* transition: all .5s; */
}

.main-menu ul li ul li {
	padding-left: 37px;
}

.main-menu ul li ul li.active-li {
	background-color: #005685 !important; 
}

.main-menu ul li ul li:after {    width: 94% !important;
  margin-left: 6%;}

.main-menu ul li:after {
  content: "";
  background: rgba(255,255,255,0.2);
  width: 100% !important;
  display: block;
  height: 1px;
  margin-top: 0px;
  margin-left: 50px;
}

.main-menu ul li ul li:not(:last-child):after {
  content: "";
  background: rgba(255,255,255,0.2);
  width: 100% !important;
  display: block;
  height: 1px !important;
  margin-top: 0px;
  margin-left: 12px;
}

.main-menu ul li.active:after {height:0px}
.main-menu ul li.active {
  background-color:#2493d1;
  border-left: 5px solid white;
}


.main-menu ul li.active a {
  color: #ffffff;
  padding-left: 0px;
}


.main-menu ul li.active a svg path,
.main-menu ul li.active a svg polygon {
  fill: #fff;
}

.main-menu ul li svg {
  height: 23px;
  margin: 0 10px -5px 0;
}

.main-menu ul li a {
  padding-right: 30px;
  text-decoration: none;
  padding-left: 5px;
  font-size: 14px;
  /*  font-family: "centralesansmedium";*/
  display: block;
  line-height: 0;
  outline: none;
  color: white;
  line-height: 56px;
  margin-left: 45px;
}

.main-menu ul li a img {
  padding-right: 10px;
}

.main-menu ul li a:hover {
  background-color: transparent;
  color: #fff;
}

.main-menu ul li a:hover svg path, .main-menu ul li a:hover svg rect,
.main-menu ul li a:hover svg polygon {
  fill: #fff;
}

.main-menu ul li.active ul li:last-child:after{
  height:0px

}
.main-menu ul li.active ul {
  margin-left: -5px;
}
.main-menu ul li ul {
  border: 0;
  background-color: #0068a1;
}

.main-menu ul li ul li ul {
  overflow: hidden;
  display: none;
  margin-left: -37px !important;
  background-color: #005d8f;
}

.main-menu ul li ul li ul li.active {
  background-color: #00507a;
}
.main-menu ul li ul li a {
  position: relative;
  color: #ffffff;
  margin-left: 7px;
  padding-left: 5px !important;
}



.main-menu ul li ul li:hover {
/*   background: #0068a1;
  border-radius: 0px !important; */
}

.main-menu ul li ul li.active {
	border-left: none;
	background-color: #0068a1;
}


.main-menu ul li ul li a:hover:after {
  border-left: 5px solid #14b8ca;
}
/*
.main-menu ul li ul li a:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #194276;
  left: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
}*/


.main-menu ul li ul li ul li a:after {
  width: 0;
  height: 0;
  border: 0;
}

.base-form .form-group {
  overflow: hidden;
}

.base-form .form-input {
  width: 100%;
  padding: 13px 10px;
  outline: none;
  color: #194276;
  font-weight: 700;
  border: 1px solid #d2d3d7;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.base-form .form-input.darken-input {
  border-color: #194276;
}

.base-form .form-input.darken-input:focus {
  border-color: #14335a;
}

.base-form .form-input:focus {
  border-color: #ababab;
}

.base-form .form-label {
  color: #194276;
  margin: 0;
  line-height: 50px;
  font-size: 14px;
  font-weight: 700;
  font-family: "Mulish", Arial, Verdana;
}

.base-form .form-button {
  width: 100%;
  background: #14b8ca;
  color: white;
  display: inline-block;
  padding: 15px 0;
  text-align: center;
  border-radius: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.base-form .form-button:hover {
  background: #1296a5;
}

.form-group-center {
  margin-left: 20px;
}

.form-custom-checkbox {
  line-height: 48px;
}

.styled-checkbox {
  position: absolute;
  opacity: 0;
}

.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0;
  color: #1b2e4f;
  font-size: 13px;
  font-weight: 700;
  font-family: "Mulish", Arial, Verdana;
}

.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border: 1px solid #1fb7c4;
}

.styled-checkbox:checked + label:before {
  background: #fff;
}

.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 19px;
  background: #1fb7c4;
  width: 12px;
  height: 12px;
}

.styled-checkbox.darken-theme + label {
  color: #194276;
  font-weight: 300;
  font-size: 16px;
  font-family: "Mulish", Arial, Verdana;
}

@media (min-width: 554px) {
  .styled-checkbox.darken-theme + label {
    font-size: 19px;
  }
}

.styled-checkbox.darken-theme + label:before {
  border-color: #194276;
  vertical-align: text-bottom;
}

.styled-checkbox.darken-theme:checked + label:after {
  background: #194276;
}

.info-label {
  color: #194276;
  margin: 0;
  line-height: 50px;
  font-size: 14px;
  font-weight: 700;
  /*  font-family: "centralesansmedium";*/
}

@media (max-width: 554px) {
  .info-label {
    line-height: 1;
    text-align: center;
  }
}

.nav li a:focus,
.nav li a:hover {
  background: none;
  user-select: none;
}

.nav-tabs {
  margin-bottom: 45px;
  padding: 0 20%;
  border: none;
}

@media (max-width: 554px) {
  .nav-tabs {
    padding: 5%;
  }
}

.nav-tabs li.active a {
  border: none;
}

.nav-tabs li.active a:focus {
  border: none;
}

.tabs-menu-container .nav-tabs li a {
  width: 108px;
  height: 97px;
  border: none;
  text-align: center;
  font-weight: 700;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.tabs-menu-container .nav-tabs li a:hover {
  cursor: pointer;
  border: none;
}

.tabs-menu-container .nav-tabs li a img {
  display: block;
  margin: 0 auto 15px;
}

@media (max-width: 554px) {
  .tabs-menu-container .nav-tabs li {
    width: 25%;
  }
  .tabs-menu-container .nav-tabs li a {
    width: auto;
    height: auto;
  }
  .tabs-menu-container .nav-tabs li a svg {
    width: 100%;
  }
}

.tabs-menu-container .nav-tabs li.active a {
  color: #fff;
  position: relative;
}

.tabs-menu-container .nav-tabs li.active a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 8px solid;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -6px;
}

@media (max-width: 554px) {
  .tabs-menu-container .nav-tabs li.active a:after {
    bottom: 0;
  }
}

.tabs-menu-container .nav-tabs li.active a.mobil:after {
  border-top-color: #cbd619;
}

.tabs-menu-container .nav-tabs li.active a.internet:after {
  border-top-color: #194276;
}

.tabs-menu-container .nav-tabs li.active a.tv:after {
  border-top-color: #0082ca;
}

.tabs-menu-container .nav-tabs li.active a.evtelefonu:after {
  border-top-color: #14b8ca;
}

.tabs-menu-container .nav-tabs li.active a #icon_mobile_phone,
.tabs-menu-container .nav-tabs li.active a #icon_wifi path,
.tabs-menu-container .nav-tabs li.active a #icon_tv,
.tabs-menu-container .nav-tabs li.active a #icon_homePhone {
  fill: #fff;
}

.tabs-menu-container .nav-tabs li.active a svg path {
  fill: #fff;
}

.tabs-menu-container .nav-tabs li.active a #phone {
  background: #cbd619;
}

.tabs-menu-container .nav-tabs li.active a #wifi {
  background: #194276;
}

.tabs-menu-container .nav-tabs li.active a #tv {
  background: #0082ca;
}

.tabs-menu-container .nav-tabs li.active a #homephone {
  background: #14b8ca;
}

#oimPopup .modal-dialog {
  width: 500px;
  top: 20%;
  border: none;
  background: #fff;
}

@media screen and (max-width: 992px) {
  #oimPopup .modal-dialog {
    width: 90%;
    margin: 30% auto;
    top: 0;
  }
}

@media screen and (max-width: 992px) {
  #oimPopup .modal-title {
    font-size: 100%;
  }
}

@media screen and (max-width: 320px) {
  #oimPopup .modal-title {
    font-size: 80%;
  }
}

#oimPopup .modal-content {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-height: 316px;
  border-radius: 0;
  padding: 3% 0;
}

#oimPopup .modal-footer,
#oimPopup .modal-body,
#oimPopup .modal-header {
  text-align: center;
  border: none;
}

#oimPopup .modal-header.special {
  margin-top: 35px;
}

@media screen and (max-width: 992px) {
  #oimPopup .modal-header.special {
    margin-top: 0px;
  }
}

#oimPopup .modal-body h4 strong {
  display: block;
  padding-top: 10px;
}

#oimPopup .modal-footer {
  text-align: center;
}

#oimPopup .modal-footer .btn {
  float: none;
  min-width: 150px;
  background-color: #14b8ca;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  color: #fff;
  padding: 14px 56px;
  border: none;
  border-radius: 0;
  outline: none;
  font-weight: 700;
  margin-left: 13px;
}

@media screen and (max-width: 616px) {
  #oimPopup .modal-footer .btn {
    margin: 0 0 10px;
  }
}

#oimPopup .modal-footer .btn:hover {
  background-color: #31dfee;
}

#oimPopup .modal-footer .btn.passive {
  background-color: #d7d7d7;
  color: #194276;
  margin: 0;
}

#oimPopup .modal-footer .btn.passive:hover {
  background-color: #b4b4b5;
}

#oimPopup .close {
  color: #14b8ca;
  font-size: 30px;
  opacity: .5;
  outline: none;
}

/* #datepicker { */
/*   Remove First */
/*   -webkit-appearance: none; */
/*   -moz-appearance: none; */
/*   appearance: none; */
/*   width: 80%; */
/*   height: 34px; */
/*   float: left; */
/*   margin: 0; */
/*   border: 1px solid #ccc; */
/*   border-radius: 0; */
/*   background: transparent; */
/*   padding: 0 10px; */
/* } */

/* @media screen and (max-width: 992px) { */
/*   #datepicker { */
/*     width: 187px; */
/*     box-shadow: none; */
/*     -webkit-box-shadow: none; */
/*     -moz-box-shadow: none; */
/*     -ms-box-shadow: none; */
/*   } */
/* } */


@media (max-width: 990px){
	.mobile-row {
		margin-right: -15px;
    	margin-left: -15px;
	}
	#tarife-paket-degisikligi-dipnot-mobile-gizle {
	display:none;
	}
	#tarife-paket-degisikligi-dipnot-mobile-goster {
		display:block !important;
	}
}


.padding-zero {
	padding: 0px;
}


.padding-left-zero {
	padding-left: 0px;
}

.padding-right-zero {
	padding-right: 0px;
    overflow-x: hidden;;
}

.oim_islem_menu_button {
	height:57px;
	width:100%;
	background-color:#f7f8fa;
	border-top: 0px solid #dee3ed;
	border-bottom: 1px solid #dee3ed;
	color:#222943;
	line-height:16px;
	font-size:14px;
    font-weight: bold;
}

.oim_islem_menu_button.active {
	height:57px;
	width:100%;
	background-color:#f7f8fa;
	border-top: 0px solid #dee3ed;
	border-bottom: 1px solid #dee3ed;
	color:#233333;
	line-height:16px;
	font-size:14px;
    font-weight: bold;
}

button {
  padding: 0;
  float: left;
  border: 0;
  background: transparent;

  outline: none;
}

button span.input-group-addon {
  padding: 0;
  border-radius: 0;
  background: #fff;
  cursor: pointer;
  color: #194276;
  height: 34px;
  border: 1px solid #ccc;
}

button span.input-group-addon:first-child {
  border: 1px solid #ccc;
}

button span.input-group-addon:last-child {
  border-left: 0;
}

/* #ui-datepicker-div { */
/*   border: 1px solid #ccc; */
/* } */

/* #ui-datepicker-div .ui-datepicker-header { */
/*   background: #194276; */
/*   padding: 10px 0px; */
/*   text-align: center; */
/*   position: relative; */
/*   cursor: pointer; */
/* } */

/* #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next { */
/*   width: 15px; */
/*   height: 14px; */
/*   top: 0; */
/*   bottom: 0; */
/*   margin: auto 0; */
/*   position: absolute; */
/* } */

/* #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev span, #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next span { */
/*   display: none; */
/* } */

/* #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev { */
/*   left: 10px; */
/*   background: url("../img/tt-left-arrow.png") no-repeat center center; */
/* } */

/* #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next { */
/*   right: 10px; */
/*   background: url("../img/tt-right-arrow.png") no-repeat center center; */
/* } */

/* #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select { */
/*   border: none; */
/*   margin: 5px; */
/*   padding: 0 15px; */
/*   border-radius: 0; */
/*   -moz-appearance: none; */
/*   -webkit-appearance: none; */
/*   -o-appearance: none; */
/*   -ms-appearance: none; */
/*   appearance: none; */
/*   background: #fff url("../img/login-arrow.png") no-repeat 90% center; */
/*   background-size: 15%; */
/* } */

/* #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select::-ms-expand { */
/*   display: none; */
/* } */

/* #ui-datepicker-div .ui-datepicker-calendar { */
/*   padding: 10px; */
/*   border-collapse: separate; */
/*   border-spacing: 5px; */
/* } */

/* #ui-datepicker-div .ui-datepicker-calendar thead tr th { */
/*   font-size: 12px; */
/* } */

/* #ui-datepicker-div .ui-datepicker-calendar tbody tr td { */
/*   border: 1px solid #ccc; */
/*   text-align: center; */
/*   padding: 2px; */
/*   font-size: 14px; */
/* } */

/* #ui-datepicker-div .ui-datepicker-calendar tbody tr td:hover { */
/*   background: #ccc; */
/* } */

/* #ui-datepicker-div .ui-datepicker-calendar tbody tr td a { */
/*   color: #194276; */
/* } */

/* #ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day { */
/*   background: #194276; */
/* } */

/* #ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a { */
/*   color: #fff; */
/* } */

/* #ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-state-disabled { */
/*   visibility: hidden; */
/* } */

/* .ie9 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select { */
/*   padding: 0; */
/* } */

/* .ie9 #datepicker { */
/*   padding: 7px 10px; */
/* } */

.login-page-container {
  width: 940px;
}

.inline-box-container {
  border: 1px solid #c9c9c9;
}

@media (max-width: 554px) {
  .inline-box-container {
    margin: 0 15px;
    border: none;
  }
}

.inline-box-container .inline-box-wrapper {
  position: relative;
  min-height: 630px;
  overflow: hidden;
  float: right;
}

@media (max-width: 554px) {
  .inline-box-container .inline-box-wrapper {
    float: none;
    min-height: auto;
    height: auto;
    margin-bottom: 45px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #c9c9c9;
    overflow: visible;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .inline-box-container .inline-box-wrapper {
    float: none;
  }
}

@media (max-width: 554px) {
  .inline-box-container .inline-box-wrapper .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}

.inline-box-container .inline-box-wrapper.inline-box-last {
  border-right: 1px solid #c9c9c9;
}

@media (max-width: 554px) {
  .inline-box-container .inline-box-wrapper.inline-box-last {
    padding: 0;
  }
  .inline-box-container .inline-box-wrapper.inline-box-last .inline-box-content {
    padding: 0;
  }
}

@media (max-width: 554px) {
  .inline-box-container .inline-menu-list {
    display: none;
  }
}

.inline-box-container .inline-menu-list h2 {
  margin-bottom: 30px;
}

.inline-box-container .inline-menu-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.inline-box-container .inline-menu-list li {
  float: left;
  width: 50%;
  margin-bottom: 16px;
}

.inline-box-container .inline-menu-list .menu-name-wrapper {
  display: inline-block;
  vertical-align: middle;
}

.inline-box-container .inline-menu-list .menu-svg-wrapper {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
}

.inline-box-container .inline-menu-list .menu-svg-wrapper svg {
  width: 25px;
}

.inline-box-container .inline-menu-list .menu-svg-wrapper svg path {
  fill: #2db8cb;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.inline-box-container .inline-menu-list a {
  display: block;
  padding: 5px;
  text-decoration: none;
  font-size: 13px;
  /*  font-family: "centralesansmedium";*/
  outline: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.inline-box-container .inline-menu-list a:hover {
  background: #2db8cb;
  color: #fff;
}

.inline-box-container .inline-menu-list a:hover svg path {
  fill: #fff;
}

.inline-box-content {
  padding: 30px 0;
}

@media (max-width: 554px) {
  .inline-box-content {
    padding: 10px 0;
  }
}

.inline-box-content h1 {
  font-size: 25px;
  font-family: "Mulish", Arial, Verdana;
  color: #002854;
}

.inline-box-content h2 {
  font-size: 16px;
  font-family: "Mulish", Arial, Verdana;
  color: #002854;
}

.inline-box-bottom {
  position: absolute;
  bottom: 50px;
  left: 15px;
  right: 15px;
  width: auto;
}

@media (max-width: 554px) {
  .inline-box-bottom {
    position: static;
  }
}

.inline-box-slider {
  width: 60%;
  height: 230px;
  float: left;
  overflow: hidden;
}

@media (max-width: 554px) {
  .inline-box-slider {
    width: 100%;
    float: none;
  }
}

.inline-box-list {
  float: right;
  width: 35%;
  height: 230px;
  border: 4px solid #ebebeb;
  padding: 20px;
  line-height: 1.2;
}

@media (max-width: 554px) {
  .inline-box-list {
    width: 100%;
    float: none;
    border: none;
  }
}

.inline-box-list h3 {
  font-size: 18px;
  margin-bottom: 15px;
}

.inline-box-list li {
  margin-bottom: 10px;
  padding-left: 13px;
  background: url(../img/ico-arrow-blue.png) 0 6px no-repeat;
}

.inline-box-list a {
  font-size: 12px;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.inline-box-list a:hover {
  color: #52a7db;
}

.inline-intro-text {
  margin-bottom: 25px;
}

.inline-intro-text h1 {
  margin-bottom: 25px;
}

@media (max-width: 554px) {
  .inline-intro-text {
    text-align: center;
    margin-bottom: 0;
  }
}

@media (max-width: 554px) and (max-width: 554px) {
  .inline-intro-text h1 {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    top: -22px;
    margin-bottom: 0;
    font-size: 20px;
    background: #fff;
  }
}

@media (max-width: 554px) {
  .inline-intro-text h2 {
    display: none;
  }
}

.page-timer {
  text-align: right;
  font-size: 16px;
  font-weight: 700;
  /*  font-family: "centralesansmedium";*/
  color: #192d50;
}

@media (max-width: 554px) {
  .page-timer {
    text-align: center;
  }
}

.page-timer span {
  display: inline-block;
  vertical-align: super;
}

.page-timer .refresh-button {
  display: inline-block;
  width: 26px;
  height: 26px;
}

.page-timer .refresh-button svg {
  width: 26px;
  height: 26px;
}

.border-tab {
  margin-bottom: 40px;
}

@media (max-width: 554px) {
  .border-tab {
    margin-bottom: 20px;
  }
}

.border-tab a {
  font-size: 18px;
  font-weight: 700;
  /*  font-family: "centralesansmedium";*/
  color: #192d50;
}

@media (max-width: 554px) {
  .border-tab a {
    padding: 5px !important;
    font-size: 14px;
    height: 50px;
  }
}

.border-tab li {
  display: table;
  position: relative;
  width: 50%;
  float: left;
  text-align: center;
  border-bottom: 8px solid #cedc00;
}

@media (max-width: 554px) {
  .border-tab li {
    height: 50px;
    line-height: 1;
  }
}

.border-tab li:after {
  opacity: 0;
  visibility: hidden;
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #cedc00;
  border-width: 10px;
  margin-left: -10px;
  -webkit-transition: ease 0.5s linear;
  -o-transition: ease 0.5s linear;
  transition: ease 0.5s linear;
}

.border-tab li.item-2 {
  border-color: #1b2e4f;
}

.border-tab li.item-2.active:after {
  border-top-color: #1b2e4f;
}

.border-tab li.active:after {
  opacity: 1;
  visibility: visible;
  top: 115%;
}

.border-tab a {
  display: table-cell !important;
  vertical-align: middle;
}

.error-label {
  /*  font-family: "centralesansmedium";*/
  font-size: 11px;
  color: #ff0000;
  margin-bottom: 0;
  margin-top: 5px;
}

.mobile-menu-wrapper {
  display: none;
  width: 100%;
  margin-bottom: 30px;
}

.mobile-menu-wrapper select {
  width: 100%;
  outline: none;
}

.mobile-menu-wrapper .select2-container .select2-selection--single {
  height: 50px;
  border-color: #002854;
  border-radius: 0;
}

.mobile-menu-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
  color: #002854;
  font-size: 14px;
  font-weight: 700;
  font-family: "Mulish", Arial, Verdana;
}

.mobile-menu-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
}

@media (max-width: 554px) {
  .mobile-menu-wrapper {
    display: block;
  }
}

@media (min-width: 554px) and (max-width: 768px) {
  .mobile-menu-wrapper {
    display: block;
  }
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #fff !important;
  color: currentColor !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #002954 transparent transparent transparent;
}

.select2-results__option {
  font-size: 14px;
  font-weight: 700;
  font-family: "Mulish", Arial, Verdana;
}

.select2-results__option .option-text {
  vertical-align: middle;
}

.select2-results__options .select2-results__option[aria-disabled=true] {
  display: none !important;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 280px !important;
}

@media screen and (max-width: 615px) {
  .login-area .login-menu {
    margin-top: 20px;
  }
}

.login-area .login-menu .nav-tabs {
  margin: 0;
}

@media (max-width: 554px) {
  .login-area .login-menu .nav-tabs {
    position: relative;
    padding: 0;
    max-width: 320px;
    margin: 0 auto;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .login-area .login-menu .nav-tabs {
    padding: 0 10%;
  }
}

.login-area .login-menu .nav-tabs li {
  position: relative;
  border: 1px solid #ccc;
  margin-left: -1px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

@media (min-width: 992px) and (max-width: 1920px) {
  .login-area .login-menu .nav-tabs li:hover svg path, .login-area .login-menu .nav-tabs li:active svg path {
    fill: #fff;
  }
  .login-area .login-menu .nav-tabs li.click svg path {
    fill: #fff;
  }
}

@media (max-width: 554px) {
  .login-area .login-menu .nav-tabs li {
    position: static;
  }
  .login-area .login-menu .nav-tabs li.click svg path {
    fill: #fff;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .login-area .login-menu .nav-tabs li.click svg path {
    fill: #fff;
  }
}

.login-area .login-menu .nav-tabs li a {
  width: 140px;
  max-height: 125px;
  border: none;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
}

@media (max-width: 554px) {
  .login-area .login-menu .nav-tabs li a {
    width: 79px;
    max-height: 77px;
    height: 77px;
    padding: 0;
    overflow: hidden;
  }
}

.login-area .login-menu .nav-tabs li span {
  width: 140px;
  height: 5px;
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

@media (max-width: 554px) {
  .login-area .login-menu .nav-tabs li span {
    position: static;
    width: 79px;
    display: block;
  }
}

.login-area .login-menu .nav-tabs li.mobil-parent:hover, .login-area .login-menu .nav-tabs li.mobil-parent:active, .login-area .login-menu .nav-tabs li.mobil-parent:focus {
  background: #cedc00;
}

@media (max-width: 554px) {
  .login-area .login-menu .nav-tabs li.mobil-parent:hover, .login-area .login-menu .nav-tabs li.mobil-parent:active, .login-area .login-menu .nav-tabs li.mobil-parent:focus {
    background: none;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .login-area .login-menu .nav-tabs li.mobil-parent:hover, .login-area .login-menu .nav-tabs li.mobil-parent:active, .login-area .login-menu .nav-tabs li.mobil-parent:focus {
    background: none;
  }
}

.login-area .login-menu .nav-tabs li.mobil-parent.click > a {
  background: #cedc00;
}

.login-area .login-menu .nav-tabs li.internet-parent:hover {
  background: #002854;
}

@media (max-width: 554px) {
  .login-area .login-menu .nav-tabs li.internet-parent:hover {
    background: none;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .login-area .login-menu .nav-tabs li.internet-parent:hover {
    background: none;
  }
}

.login-area .login-menu .nav-tabs li.internet-parent.click > a {
  background: #002854;
}

.login-area .login-menu .nav-tabs li.tv-parent:hover {
  background: #0082ca;
}

@media (max-width: 554px) {
  .login-area .login-menu .nav-tabs li.tv-parent:hover {
    background: none;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .login-area .login-menu .nav-tabs li.tv-parent:hover {
    background: none;
  }
}

.login-area .login-menu .nav-tabs li.tv-parent.click > a {
  background: #0082ca;
}

.login-area .login-menu .nav-tabs li.evtelefonu-parent:hover {
  background: #26bdce;
}

@media (max-width: 554px) {
  .login-area .login-menu .nav-tabs li.evtelefonu-parent:hover {
    background: none;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .login-area .login-menu .nav-tabs li.evtelefonu-parent:hover {
    background: none;
  }
}

.login-area .login-menu .nav-tabs li.evtelefonu-parent.click > a {
  background: #26bdce;
}

.login-area .login-menu .nav-tabs li a.mobil + span {
  background: #cedc00;
}

.login-area .login-menu .nav-tabs li a.internet + span {
  background: #002854;
}

.login-area .login-menu .nav-tabs li a.tv + span {
  background: #0082ca;
}

.login-area .login-menu .nav-tabs li a.evtelefonu + span {
  background: #26bdce;
}

.login-area .login-menu .nav-tabs li ul.submenu {
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
  width: 282px;
  left: 0px;
  top: 124px;
}

@media (max-width: 554px) {
  .login-area .login-menu .nav-tabs li ul.submenu {
    width: calc( 100% + 1px);
    top: 83px;
    left: -1px;
  }
}

.login-area .login-menu .nav-tabs li ul.submenu li {
  margin: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  font-weight: 700;
  font-size: 14px;
  padding: 18px 50px;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 554px) {
  .login-area .login-menu .nav-tabs li ul.submenu li {
    text-align: center;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
  }
}

.login-area .login-menu .nav-tabs li ul.submenu li img {
  visibility: hidden;
}

.login-area .login-menu .nav-tabs li ul.submenu li a {
  border: none;
  padding: 0 25px;
}

.login-area .login-menu .nav-tabs li ul.submenu.mobil-submenu {
  background: #cedc00;
  left: -1px;
}

.login-area .login-menu .nav-tabs li ul.submenu.mobil-submenu li:hover, .login-area .login-menu .nav-tabs li ul.submenu.mobil-submenu li:active, .login-area .login-menu .nav-tabs li ul.submenu.mobil-submenu li:focus:active {
  cursor: pointer;
  background: #c3d001;
}

.login-area .login-menu .nav-tabs li ul.submenu.mobil-submenu li:hover img, .login-area .login-menu .nav-tabs li ul.submenu.mobil-submenu li:active img, .login-area .login-menu .nav-tabs li ul.submenu.mobil-submenu li:focus:active img {
  visibility: visible;
}

.login-area .login-menu .nav-tabs li ul.submenu.mobil-submenu li a {
  padding: 0 0 0 10px;
}

.login-area .login-menu .nav-tabs li ul.submenu.internet-submenu {
  background: #002854;
}

.login-area .login-menu .nav-tabs li ul.submenu.internet-submenu li {
  color: #fff;
  line-height: 25px;
  padding: 25px;
  font-size: 13px;
  text-align: center;
}

.login-area .login-menu .nav-tabs li ul.submenu.internet-submenu li a {
  color: #0082ca;
  padding: 0;
}

.login-area .login-menu .nav-tabs li ul.submenu.tv-submenu {
  background: #0082ca;
}

.login-area .login-menu .nav-tabs li ul.submenu.tv-submenu li:hover {
  cursor: pointer;
  background: #0678b7;
}

.login-area .login-menu .nav-tabs li ul.submenu.tv-submenu li:hover img {
  visibility: visible;
}

.login-area .login-menu .nav-tabs li ul.submenu.tv-submenu a {
  color: #fff;
  padding: 0 0 0 10px;
}

.login-area .login-menu .nav-tabs li ul.submenu.evtelefonu-submenu {
  background: #26bdce;
}

.login-area .login-menu .nav-tabs li ul.submenu.evtelefonu-submenu li:hover {
  cursor: pointer;
  background: #47c7d5;
}

.login-area .login-menu .nav-tabs li ul.submenu.evtelefonu-submenu li:hover img {
  visibility: visible;
}

.login-area .login-menu .nav-tabs li ul.submenu.evtelefonu-submenu a {
  color: #fff;
  padding: 0 0 0 10px;
}

.login {
  border: 1px solid #ccc;
  padding: 25px;
  min-height: 350px;
  position: relative;
  z-index: 1;
  top: 0px;
}

@media (max-width: 554px) {
  .login {
    top: 30px;
    max-width: 320px;
    margin: auto;
  }
}

.login h2 {
  font-size: 18px;
  font-weight: 700;
}

.primeoimHide{
  display: none;
}

.primeoimShow{
  display: block;
}

.videoChatHide{
  display: none;
}

.videoChatShow{
  display: block;
}

#primeoim header .mobile-icon {
  margin-top: 20px;
}

#primeoim .primeoim-logo {
  padding-top: 30px;
}

@media screen and (max-width: 768px) {
  #primeoim .primeoim-logo {
    padding: 0;
  }
}

@media screen and (min-width: 616px) and (max-width: 992px) {
  #primeoim .login-area .login-menu .nav-tabs {
    position: relative;
  }
}

#primeoim .login-area .login-menu .nav-tabs li {
  border: none;
}

@media screen and (max-width: 615px) {
  #primeoim .login-area .login-menu .nav-tabs li {
    width: 25%;
  }
  #primeoim .login-area .login-menu .nav-tabs li:first-child {
    margin-left: 0;
  }
}

@media screen and (min-width: 616px) and (max-width: 992px) {
  #primeoim .login-area .login-menu .nav-tabs li {
    position: static;
    width: 25%;
  }
  #primeoim .login-area .login-menu .nav-tabs li:first-child ul.submenu.mobil-submenu {
    left: -1px;
  }
}

#primeoim .login-area .login-menu .nav-tabs li a {
  width: 111px;
  height: 99px;
}

@media screen and (max-width: 615px) {
  #primeoim .login-area .login-menu .nav-tabs li a {
    width: 100%;
  }
}

@media screen and (min-width: 616px) and (max-width: 992px) {
  #primeoim .login-area .login-menu .nav-tabs li a {
    width: 100%;
  }
}

#primeoim .login-area .login-menu .nav-tabs li span {
  width: 111px;
}

@media screen and (max-width: 615px) {
  #primeoim .login-area .login-menu .nav-tabs li span {
    width: 100%;
  }
}

@media screen and (min-width: 616px) and (max-width: 992px) {
  #primeoim .login-area .login-menu .nav-tabs li span {
    position: static;
    width: 100%;
    display: block;
  }
}

#primeoim .login-area .login-menu .nav-tabs li ul.submenu {
  top: 99px;
}

@media screen and (max-width: 768px) {
  #primeoim .login-area .login-menu .nav-tabs li ul.submenu {
    top: 82px;
    width: calc( 100% + -3px);
    left: 0;
  }
}

@media screen and (min-width: 616px) and (max-width: 992px) {
  #primeoim .login-area .login-menu .nav-tabs li ul.submenu {
    top: 104px;
    width: calc( 100% + -3px);
    left: -1px;
  }
}

#primeoim .login-area .login-menu .nav-tabs li ul.submenu.mobil-submenu {
  left: 0;
}

@media screen and (min-width: 616px) and (max-width: 992px) {
  #primeoim .login-area .login-menu .nav-tabs li ul.submenu.mobil-submenu {
    left: 0px;
  }
}

#primeoim .login-area .login-menu .nav-tabs li ul.submenu li {
  padding: 18px 45px;
  text-align: center;
  width: 100%;
}

#primeoim .login-area .login-menu .nav-tabs li ul.submenu li img {
  visibility: visible;
  margin-left: -50px;
}

#primeoim .nav-tabs {
  padding: 0;
}

#primeoim .user-button {
  position: relative;
  right: 23px;
  top: 30px;
}

#primeoim .user-button ul {
  right: -38px;
}

@media screen and (max-width: 615px) {
  #primeoim .user-button {
    top: 0;
    margin: 0;
    right: 0;
  }
  #primeoim .user-button ul {
    right: 0px;
    width: 100%;
    max-width: 320px;
  }
}

@media screen and (min-width: 616px) and (max-width: 992px) {
  #primeoim .user-button {
    top: 0;
    margin-right: -15px;
    right: 0;
  }
  #primeoim .user-button a {
    display: block;
  }
  #primeoim .user-button ul {
    right: 0px;
    width: 100%;
    max-width: 320px;
  }
  #primeoim .user-button ul a {
    display: inline-block;
  }
}

#videoChat:before {
	content: "";
    background: rgba(255,255,255,0.2);
    width: 100% !important;
    display: block;
    height: 1px;
    margin-top: 0px;
    margin-left: 50px;
}

#primeoim .support {
  background: #0082ca;
  color: #fff;
  border-radius: 0;
  width: 100%;
  margin: 0;
  padding: 16px 0px 16px 48px;
  font-size: 14px;
  text-align: left;
  font-family: "Mulish", Arial, Verdana;
}
#videoChat .support {
  background: #0082ca;
  color: #fff;
  border-radius: 0;
  width: 100%;
  margin: 0;
  padding: 16px 0px 16px 48px;
  font-size: 14px;
  text-align: left;
  font-family: "Mulish", Arial, Verdana;
}
#videoChat .support {
  /*background: #002854;*/
  color: #fff;
  border-radius: 0;
  width: 100%;
  margin: 14px 0 0;
  padding: 0px 0px 16px 48px;
  /*padding: 7px 0;*/
  /*position: relative;*/
}

@media screen and (min-width: 1200px){
  #videoChat .support {
    color: #fff;
    border-radius: 0;
    width: 100%;
    margin: 14px 0 0;
    padding: 0px 0px 16px 48px;
  }

}

@media screen and (max-width: 615px) {
  #primeoim .support {
    display: block;
    width: 100%;
    margin: 0;
  }
  #videoChat .support {
    display: block;
    width: 100%;
    margin: 0;
    padding: 16px 0px 16px 48px;
  }
}

/*@media (min-width: 343px) and (max-width: 541px){
  #videoChat .support:before {
    position: absolute;
    width: 25px;
    height: 25px;
    background: url("../img/camera-white.png") no-repeat center center;
    left: 50%;
    margin: auto 0;
  }
}*/
/*
#primeoim .support:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: url("../img/headset.png") no-repeat center center;
  left: 20%;
  top: 0;
  bottom: 0;
  margin: auto 0;
}*/

  #videoChat .support:before {
    position: absolute;
    width: 25px;
    height: 25px;
    background: url("../img/camera-white.png") no-repeat center center;
  left: 15%;
  top: 0;
  bottom: 0;
    margin: auto 0;
  }
#primeoim .callme {
  background: #fff;
  color: #691e32;
  /*  font-family: "centralesansmedium"; */
  border-radius: 0;
  width: 100%;
  margin: 14px 0 0;
  padding: 7px 0;
  position: relative;
  border: 1px solid #691e32;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

@media screen and (max-width: 615px) {
  #primeoim .callme {
    display: block;
    width: 80%;
    margin: 14px auto 0;
  }
}

#primeoim .callme:hover {
  color: #fff;
  background: #691e32;
}

#primeoim .callme:hover:before {
  background: url("../img/callme-white.png") no-repeat center center;
}

#primeoim .callme:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: url("../img/callme.png") no-repeat center center;
  left: 20%;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

#primeoim .tlyukle, #primeoim .websms {
  width: 102px;
  padding: 10px 0 8px 24px;
  border: 1px solid #691e32;
  border-radius: 0;
  font-size: 13px;
  position: relative;
}

#primeoim .tlyukle:before, #primeoim .websms:before {
  content: "";
  position: absolute;
  width: 21px;
  height: 21px;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

#primeoim .tlyukle:hover, #primeoim .websms:hover {
  background: #791b33;
  color: #fff;
}

#primeoim .websms {
  margin-left: 10px;
}

#primeoim .websms:before {
  background: url("../img/envelop.png") no-repeat center center;
}

#primeoim .websms:hover:before {
  background: url("../img/envelop-white.png") no-repeat center center;
}

#primeoim .tlyukle {
  margin-left: 10px;
}

#primeoim .tlyukle:before {
  background: url("../img/tlicon.png") no-repeat center center;
}

#primeoim .tlyukle:hover:before {
  background: url("../img/tlicon-white.png") no-repeat center center;
}

#primeoim .primebuttons {
  padding: 15px 0 0;
}

#primeoim .primebuttons .col-md-3 > div {
  text-align: right;
}

@media screen and (max-width: 615px) {
  #primeoim .primebuttons .col-md-3 > div {
    text-align: center;
  }
}

#primeoim .right-container .border-campaign {
  border: 1px solid #ccc;
  margin-bottom: 50px;
}

#primeoim .right-container .border-campaign .title {
  font-size: 30px;
  font-weight: 700;
  color: #002854;
  line-height: 150%;
  padding: 20px;
}

#primeoim .right-container .border-campaign .tab-wrapper {
  width: 100%;
  padding-bottom: 50px;
  height: auto;
  overflow: hidden;
}

#primeoim .right-container .border-campaign .tab-menu {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-bottom: 70px;
}

#primeoim .right-container .border-campaign .tab-menu li {
  list-style: none;
  display: inline-block;
  width: 50%;
  height: 50px;
  float: left;
  text-align: center;
  background-color: #14b8ca;
}

#primeoim .right-container .border-campaign .tab-menu li a {
  height: 45px;
  display: block;
  color: #666;
  padding: 15px;
  font-size: 15px;
  font-family: "Mulish", Arial, Verdana;
  text-decoration: none;
  border: 1px solid #ddd;
  background-color: #e5e5e5;
  color: #002854;
}

#primeoim .right-container .border-campaign .tab-content {
  display: none;
  position: relative;
  top: 30px;
}

#primeoim .right-container .border-campaign #tab1 {
  display: block;
}

#primeoim .right-container .border-campaign .tab-container {
  padding: 35px 20px;
  font-family: "Mulish", Arial, Verdana;
  font-size: 14px;
  color: #666;
  height: auto;
}

#primeoim .right-container .border-campaign .current a {
  height: 50px !important;
  background-color: #14b8ca !important;
  color: #fff !important;
}

#primeoim .right-container .border-campaign .img {
  display: inline-block;
  width: 205px;
  height: 150px;
  position: relative;
  border: 1px solid #dd7d00;
  float: left;
}

#primeoim .right-container .border-campaign .img img {
  margin: 0 auto;
  display: block;
  margin-top: 20px;
}

#primeoim .right-container .border-campaign .desc {
  display: inline-block;
  margin-left: 5%;
  width: 60%;
  top: 10px;
  position: relative;
}

#primeoim .right-container .border-campaign .desc h3 {
  font-size: 16px;
  font-weight: 700;
  color: #002854;
  display: inline-block;
  margin-bottom: 20px;
}

#primeoim .right-container .border-campaign .desc p {
  width: 80%;
  font-size: 14px;
  font-weight: 300;
  line-height: 160%;
  margin-bottom: 10px;
  color: #858888;
}

#primeoim .right-container .border-campaign .desc p strong {
  color: #344b6b;
}

#primeoim .right-container .border-campaign .desc .button {
  width: 130px;
  height: 40px;
  color: #002854;
  border: 1px solid #002854;
  text-align: center;
  line-height: 40px;
  font-size: 13px;
  margin-right: 20px;
}

#primeoim .right-container .border-campaign .desc .button:hover {
  background-color: #193d65;
  color: #fff;
}

#primeoim .right-container .border-campaign .tab-item {
  float: left;
  margin-top: 85px;
  width: 100%;
}

#primeoim .right-container .border-campaign .tab-item:first-child {
  margin-top: 0;
}

#primeoim .right-container .border-campaign .pager-wrapper {
  float: left;
  width: 100%;
}

#primeoim .right-container .border-campaign .pager {
  margin: 40px 0;
}

#primeoim .right-container .border-campaign .pager li {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 10px;
}

#primeoim .right-container .border-campaign .pager li a {
  border: none;
  display: inline-block;
  width: 100%;
  color: #858888;
  padding: 5px;
  font-size: 13px;
  border-radius: 50%;
}

#primeoim .right-container .border-campaign .pager li a:hover {
  background-color: transparent;
}

#primeoim .right-container .border-campaign .pager li a.active {
  background-color: #002854;
  color: #fff;
}

#primeoim .right-container .border-campaign .pager li a:focus {
  background-color: transparent;
}

#primeoim .right-container .border-campaign .button-big {
  float: left;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #002854;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 1199px) {
  .btn-new-white {
/*   width: 49% !important;  */
 	 margin-bottom: 20px;}

  #primeoim .right-container .border-campaign {
    width: 100%;
    margin: 0 auto;
  }
  #primeoim .right-container .border-campaign .title {
    font-size: 21px;
  }
  #primeoim .right-container .border-campaign .tab-container {
    padding: 20px;
  }
  #primeoim .right-container .border-campaign .tab-menu li a {
    height: 45px;
    display: block;
    color: #666;
    padding: 5px;
  	font-family: "Mulish", Arial, Verdana;
    text-decoration: none;
    border: 1px solid #ddd;
    background-color: #e5e5e5;
    color: #002854;
  }
  #primeoim .right-container .border-campaign .tab-item {
    margin-top: 25px;
  }
  #primeoim .right-container .border-campaign .img {
    width: 100%;
  }
  #primeoim .right-container .border-campaign .desc {
    width: 100%;
    margin: 10px 0;
  }
  #primeoim .right-container .border-campaign .desc h3 {
    font-size: 13px;
    margin-bottom: 10px;
  }
  #primeoim .right-container .border-campaign .desc p {
    width: 100%;
    font-size: 12px;
  }
  #primeoim .right-container .border-campaign .desc .button {
    width: 100%;
    margin: 0;
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #primeoim .right-container .border-campaign .title {
    font-size: 20px;
  }
  #primeoim .right-container .border-campaign .tab-content {
    margin-top: 0;
  }
  #primeoim .right-container .border-campaign .tab-item {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  #primeoim .right-container .border-campaign .tab-item .img {
    width: 25%;
    height: auto;
  }
  #primeoim .right-container .border-campaign .tab-item .img img {
    width: 100%;
    padding: 10px;
    margin-top: 0;
  }
  #primeoim .right-container .border-campaign .tab-item .desc {
    width: 65%;
    top: 0;
  }
  #primeoim .right-container .border-campaign .tab-item .desc h3 {
    font-size: 12px;
    margin-bottom: 0;
  }
  #primeoim .right-container .border-campaign .tab-item .desc p {
    width: 100%;
    margin-bottom: 10px;
    font-size: 10px;
  }
  #primeoim .right-container .border-campaign .tab-item .desc .button {
    float: left;
    width: 95px;
    margin-right: 5px;
    min-width: 80px;
    font-size: 10px;
  }
  #primeoim .right-container .border-campaign .tab-item .desc .button:last-child {
    margin: 0;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  #primeoim .right-container .border-campaign .title {
    font-size: 24px;
  }
  #primeoim .right-container .border-campaign .desc .button {
    margin-right: 0;
  }
  #primeoim .right-container .border-campaign .desc .button:last-child {
    margin: 0;
  }
}

#primeoim .right-container .contentBorder {
  border: 1px solid #ccc;
  padding: 26px 17px;
}

@media screen and (max-width: 615px) {
  #primeoim .right-container .contentBorder {
    border: none;
  }
  #primeoim .right-container .contentBorder > .col-md-12 {
    border: 1px solid #ccc;
    padding-top: 15px;
  }
}

#primeoim .right-container .contentBorder .internet-img {
  margin-left: 20px;
  margin-top: 5px;
}

#primeoim .right-container .contentBorder .phone-img {
  margin-left: 20px;
  margin-top: 15px;
}

#primeoim .right-container .primebanner {
  width: 100%;
}

@media screen and (max-width: 615px) {
  #primeoim .right-container .primebanner {
    padding: 0 15px;
  }
}

#primeoim .right-container .box-left, #primeoim .right-container .box-right {
  padding: 10px 0px;
  border: 1px solid #ccc;
  display: block;
  cursor: pointer;
}

#primeoim .right-container .box-left svg, #primeoim .right-container .box-right svg {
  width: 60px;
  height: 60px;
  margin: 0 15px;
}

#primeoim .right-container .box-left svg path,
#primeoim .right-container .box-left svg polygon, #primeoim .right-container .box-right svg path,
#primeoim .right-container .box-right svg polygon {
  fill: #1961ad;
}

#primeoim .right-container .box-left p, #primeoim .right-container .box-right p {
  color: #002957;
  font-size: 16px;
  font-family: "centralesansbold";
}

@media screen and (max-width: 615px) {
  #primeoim .right-container .box-left p, #primeoim .right-container .box-right p {
    font-size: 13px;
  }
}

#primeoim .right-container .box-left img, #primeoim .right-container .box-right img {
  padding-left: 6px;
}

#primeoim .right-container .box-left .box-table, #primeoim .right-container .box-right .box-table {
  display: table;
  min-height: 65px;
  padding-left: 15px;
}

@media screen and (max-width: 615px) {
  #primeoim .right-container .box-left .box-table, #primeoim .right-container .box-right .box-table {
    padding-left: 0px;
  }
}

#primeoim .right-container .box-left .box-table p, #primeoim .right-container .box-right .box-table p {
  display: table-cell;
  vertical-align: middle;
}

#primeoim .right-container .box-left .box-table p.svgBehindTitle, #primeoim .right-container .box-right .box-table p.svgBehindTitle {
  font-size: 24px;
}

@media screen and (max-width: 615px) {
  #primeoim .right-container .box-left {
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 616px) and (max-width: 992px) {
  #primeoim .right-container .box-left {
    margin-bottom: 25px;
  }
}

#primeoim .box-column-container {
  margin-top: 50px;
  padding-left: 55px;
}

@media screen and (max-width: 615px) {
  #primeoim .box-column-container {
    padding: 30px;
    margin-top: 0px;
  }
}

@media screen and (min-width: 616px) and (max-width: 992px) {
  #primeoim .box-column-container {
    padding: 0;
  }
}

@media screen and (max-width: 615px) {
  #primeoim .box-column-container .box-column {
    margin-bottom: 50px;
  }
}

#primeoim .box-column-container .box-column h3 {
  color: #002957;
  font-size: 16px;
  font-family: "Mulish", Arial, Verdana;
  min-height: 35px;
}

@media (max-width: 991px) {
  #primeoim .box-column-container .box-column h3 {
    min-height: 68px;
  }
  .main-menu ul#menu-intro {border-radius: 0px;}

}

@media (max-width: 1024px) {
  #primeoim .box-column-container .box-column h3 {
    min-height: 80px;
  }
}

@media (max-width: 615px) {
  #primeoim .box-column-container .box-column h3 {
    min-height: 20px;
  }
}

#primeoim .box-column-container .box-column h3 + img {
  margin: 15px 0 20px;
}

@media screen and (max-width: 615px) {
  #primeoim .box-column-container .box-column h3 + img {
    width: 100%;
  }
}

@media screen and (min-width: 616px) and (max-width: 992px) {
  #primeoim .box-column-container .box-column h3 + img {
    width: 100%;
  }
}

#primeoim .box-column-container .box-column a {
  display: block;
  text-decoration: none;
  outline: none;
}

#primeoim .box-column-container .box-column p > a {
  border-radius: 0;
  border: 1px solid #002957;
  color: #002957;
  width: 100%;
  margin-top: 10px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  /*  font-family: "centralesansmedium";*/
}

#primeoim .box-column-container .box-column p > a:hover {
  color: #fff;
  background: #002957;
}

@media screen and (max-width: 615px) {
  #primeoim .box-column-container .box-column p > a {
    margin-top: 20px;
  }
}

#primeoim .box-column-container .box-column img + p {
  color: #737676;
  min-height: 88px;
  font-size: 15px;
}

@media screen and (min-width: 616px) and (max-width: 992px) {
  #primeoim .box-column-container .box-column img + p {
    min-height: 110px;
  }
}

@media screen and (max-width: 615px) {
  #primeoim .box-column-container .box-column img + p {
    min-height: auto;
    font-size: 14px;
  }
}

#primeoim .box-bottom {
  margin-top: 50px;
}

@media screen and (max-width: 615px) {
  #primeoim .box-bottom {
    margin-top: 25px;
    padding: 25px;
    border-top: 1px solid #ccc;
  }
}

#primeoim .box-bottom a {
  border-radius: 0;
  border: 1px solid #002957;
  color: #002957;
  width: 100%;
  /*  font-family: "centralesansmedium";*/
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

#primeoim .box-bottom a.bold {
  font-size: 14px;
}

@media (max-width: 1024px) {
  #primeoim .box-bottom a.bold {
    font-size: 12px;
  }
}

#primeoim .box-bottom a.custom {
  width: 170px;
  height: 40px;
  float: right;
  line-height: 185%;
  position: relative;
  right: -5px;
}

@media (max-width: 1024px) {
  #primeoim .box-bottom a.custom {
    width: 100%;
  }
}

#primeoim .box-bottom a:hover {
  color: #fff;
  background: #002957;
}

#primeoim .box-bottom p {
  color: #737676;
  font-size: 15px;
}

@media screen and (min-width: 1200px) {
  #primeoim .box-bottom p {
    margin-left: -15px;
  }
}

.oimWrapper {
  margin-bottom: -60px;
  min-height: 100%;
}

.oimWrapper + footer {
  background: #e6f0f0;
  text-align: center;
  font-size: 13px;
  padding: 15px 0;
  margin-top: 25px;
  border: none;
}

@media screen and (max-width: 615px) {
  .oimWrapper + footer {
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .oimWrapper + footer {
    height: auto;
  }
}

.oimWrapper + footer a {
  color: #4e5353;
}

@media (max-width: 554px) {
  .user-button {
    text-align: center;
    margin-top: 40px;
  }
}

.user-button > a {
  position: relative;
  text-decoration: none;
  font-weight: 300;
  text-align: left;
  padding: 13px 60px 13px 25px;
}

@media (min-width: 992px) and (max-width: 1920px) {
  .user-button > a {
    min-width: 300px;
  }
}

@media (max-width: 554px) {
  .user-button > a {
    max-width: 320px;
    width: 100%;
    text-align: center;
  }
}

.user-button > a strong {
  font-weight: 700;
}

.user-button > a:after {
  content: "";
  position: absolute;
  width: 13px;
  height: 7px;
  right: 7%;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background: url("../img/login-arrow.png") no-repeat center center;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
}

.user-button > a.active:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.user-button ul {
  background-color: #cbd619;
  display: none;
  width: 300px;
  padding: 0 25px;
  position: absolute;
  z-index: 9;
  right: 15px;
}

@media (max-width: 554px) {
  .user-button ul {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 320px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .user-button ul {
    width: 277px;
  }
}

@media (min-width: 1024px) and (max-width: 1365px) {
  .user-button ul {
    width: 300px;
    right: 8px;
  }
}

.user-button ul li {
  padding: 14px 0;
  text-align: left;
}

.user-button ul li a {
  font-size: 14px;
  text-decoration: none;
}

.user-button ul li a.settings, .user-button ul li a.logout {
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.user-button ul li a.settings {
  text-align: left;
  width: 48%;
}

.user-button ul li a.logout {
  text-align: right;
  width: 48%;
  font-weight: 700;
}

.step-popup .modal-dialog {
  width: 800px;
  top: 50%;
  margin-top: -300px;
  border: none;
  background: #fff;
}

@media screen and (max-width: 992px) {
  .step-popup .modal-dialog {
    width: 95%;
    margin: 0 auto;
    top: 6%;
  }
}

.step-popup .modal-header {
  width: 100%;
  height: 56px;
  background: #14b8ca;
  color: #fff;
  text-align: center;
  font-size: 20px;
  padding: 13px;
  font-weight: 600;
}

@media (max-width: 554px) {
  .step-popup .modal-header {
    font-size: 17px;
  }
}

.step-popup .modal-content {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

@media (min-width: 554px) {
  .step-popup .modal-content {
    height: 600px;
  }
}

.step-popup .modal-body {
  width: 100%;
  min-height: 450px;
  padding: 70px 30px;
  color: #194276;
  overflow: hidden;
}

.step-popup .modal-body.js-open {
  height: 615px;
}

.step-popup .modal-body .right-image {
  position: absolute;
  display: inline-block;
  right: 55px;
  z-index: 0;
  top: 70px;
}

@media (max-width: 554px) {
  .step-popup .modal-body .right-image {
    top: 20px;
    right: 30px;
  }
}

.step-popup .modal-body .left-image {
  position: absolute;
  display: inline-block;
  left: 60px;
  bottom: 0;
}

@media (max-width: 554px) {
  .step-popup .modal-body .left-image {
    left: 30px;
    bottom: 20px;
  }
}

@media (min-width: 554px) {
  .step-popup .modal-body {
    height: 550px;
  }
  .step-popup .modal-body.js-open {
    height: 550px;
  }
}

@media (max-width: 768px) {
  .step-popup .modal-body {
    padding: 20px;
  }
}

.step-popup .modal-header-button {
  text-align: center;
  margin: 20px 0;
}

@media (min-width: 554px) {
  .step-popup .modal-header-button {
    display: none;
  }
}

.step-popup .modal-body-footer {
  text-align: center;
}

.step-popup .modal-body-footer.hide-mobile {
  display: none;
}

@media (min-width: 554px) {
  .step-popup .modal-body-footer {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 70px;
    border: none;
  }
  .step-popup .modal-body-footer.footer-link {
    bottom: 25px;
  }
  .step-popup .modal-body-footer.hide-mobile {
    display: block;
  }
}

.step-popup .modal-body-footer.footer-link {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 25px;
}

.step-popup .modal-body-footer .btn + .btn {
  margin-left: 15px;
}

.step-popup .btn {
  position: relative;
  width: auto;
  float: none;
  min-width: 70px;
  background-color: #14b8ca;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  color: #fff;
  padding: 14px;
  border: none;
  border-radius: 0;
  outline: none;
  font-weight: 700;
}

@media (min-width: 554px) {
  .step-popup .btn {
    min-width: 200px;
    padding: 14px 30px;
  }
}

.step-popup .btn.btn-more {
  padding-right: 35px;
}

.step-popup .btn.btn-more:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 15px;
  width: 17px;
  height: 18px;
  background: url("../img/icons/more-icon.png") no-repeat;
}

@media (min-width: 554px) {
  .step-popup .btn.btn-more:after {
    right: 30px;
  }
}

.step-popup .btn:hover {
  background-color: #31dfee;
}

.step-popup .btn.passive {
  background-color: #c7c7c7;
}

.step-popup .btn.passive:hover {
  background-color: #b4b4b5;
}

.step-popup .btn-verify {
  margin: 0 0 50px 0 !important;
}

.step-popup .btn-text {
  position: relative;
  width: auto;
  display: inline-block;
  float: none;
  padding: 0 10px;
  font-size: 16px;
  color: #c6c6c6;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.step-popup .btn-text:hover {
  color: #a7a3a3;
}

.step-popup .btn-text:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 3px;
  background: currentColor;
}

.modal-body-verify {
  position: absolute;
  top: 40%;
  left: 20px;
  right: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media (min-width: 554px) {
  .modal-body-verify {
    left: 30px;
    right: 30px;
  }
}

.modal-body-center {
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media (min-width: 554px) {
  .modal-body-center {
    left: 30px;
    right: 30px;
  }
}

.modal-body-center h3 {
  text-align: center;
  font-size: 23px;
  color: #194276;
  margin-bottom: 40px;
  font-weight: 600;
}

@media (max-width: 480px) {
  .modal-body-center h3 {
    margin-bottom: 20px !important;
  }
}

.modal-body-center .verify-success-img {
  display: block;
  margin: 0 auto;
  margin-top: -50px;
}

@media (max-width: 554px) {
  .modal-body-center .verify-success-img {
    margin-top: 0;
  }
}

.modal-body-center .verify-error-img {
  display: block;
  margin: 0 auto;
  margin-top: -50px;
}

@media (max-width: 554px) {
  .modal-body-center .verify-error-img {
    margin-top: 0;
  }
}

.modal-body-center .success-intro {
  width: 585px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  font-weight: 600;
}

@media (max-width: 554px) {
  .modal-body-center .success-intro {
    width: auto !important;
    text-align: left;
  }
}

.modal-body-center .error-intro {
  width: 590px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  font-weight: 600;
}

@media (max-width: 554px) {
  .modal-body-center .error-intro {
    width: auto !important;
    text-align: left;
  }
}

.modal-body-center .center-text-verify {
  text-align: center;
  font-weight: 600;
  width: 480px;
  margin: 0 auto;
  line-height: 200%;
  padding-bottom: 40px;
}

@media (max-width: 480px) {
  .modal-body-center .center-text-verify {
    width: 100%;
    line-height: 150%;
    margin-bottom: 20px;
    font-size: 15px;
    padding: 0;
  }
}

@media (max-width: 320px) {
  .modal-body-center .center-text-verify {
    padding-bottom: 0;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .modal-body-center .center-text-verify-email {
    line-height: 250% !important;
  }
}

.modal-body-center .form-group-verify {
  margin-bottom: 25px;
}

@media (max-width: 480px) {
  .modal-body-center .form-group-verify {
    margin-bottom: 25px;
  }
}

.modal-body-center .form-input-verify {
  width: 55px !important;
  height: 47px !important;
  border: 2px solid !important;
  margin-right: 195px;
  text-align: center;
}

@media (max-width: 320px) {
  .modal-body-center .form-input-verify {
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  .modal-body-center .form-input-verify {
    margin-right: 0;
    width: 35px !important;
    height: 30px !important;
    font-size: 11px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .modal-body-center .form-input-verify {
    margin-right: 150px !important;
  }
}

.modal-body-center .form-input-verify-email {
  width: 245px !important;
  height: 47px !important;
  margin-right: 195px;
}

@media (max-width: 320px) {
  .modal-body-center .form-input-verify-email {
    width: 155px !important;
    margin: 0 !important;
    height: 30px !important;
  }
}

@media (max-width: 480px) {
  .modal-body-center .form-input-verify-email {
    width: 155px !important;
    margin: 0 !important;
    height: 30px !important;
    font-size: 11px !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .modal-body-center .form-input-verify-email {
    margin-right: 145px !important;
  }
}

.modal-body-center .form-label-email-verify {
  margin-left: 200px !important;
  font-weight: 600;
}

@media (max-width: 320px) {
  .modal-body-center .form-label-email-verify {
    margin-right: 0 !important;
  }
}

@media (max-width: 480px) {
  .modal-body-center .form-label-email-verify {
    margin: 0 !important;
    font-size: 14px !important;
    padding-right: 15px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .modal-body-center .form-label-email-verify {
    margin-left: 175px !important;
  }
}

.modal-body-center .form-label-verify {
  margin-left: 190px !important;
  font-weight: 600 !important;
}

@media (max-width: 320px) {
  .modal-body-center .form-label-verify {
    padding: 0 !important;
  }
}

@media (max-width: 480px) {
  .modal-body-center .form-label-verify {
    margin-left: 0 !important;
    padding-right: 10px;
    font-size: 11px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .modal-body-center .form-label-verify {
    margin-left: 150px !important;
  }
}

.modal-body-center .modal-button-wrapper-margin-top {
  margin: 50px 0 0 0 !important;
}

.center-text {
  display: table-cell;
  vertical-align: middle;
}

.modal-action-wrapper {
  margin: 45px 0;
}

.modal-intro-text {
  font-size: 16px;
  text-align: center;
}

@media (min-width: 554px) {
  .modal-intro-text {
    font-size: 19px;
    text-align: left;
  }
}

.modal-intro-text.align-center {
  text-align: center;
}

.modal-intro-text-verify {
  height: 325px;
  padding: 95px 30px;
}

.modal-intro-text-verify p {
  margin-bottom: 70px;
}

@media (max-width: 554px) {
  .modal-intro-text-verify p {
    padding-left: 10px;
    margin-bottom: 20px;
  }
}

.modal-intro-text-verify span {
  display: inline-block;
  margin-bottom: 20px;
}

@media (max-width: 554px) {
  .modal-intro-text-verify {
    padding: 80px 0;
    text-align: left;
  }
}

@media (max-width: 554px) {
  .modal-intro-text-verify .modal-button-wrapper {
    margin-top: 30px;
  }
}

@media (max-width: 554px) {
  .modal-intro-text-verify .modal-button-wrapper .btn-verify {
    height: 30px !important;
    padding: 0 14px;
    width: 105px;
  }
}

.modal-intro-text-verify-background {
  height: 250px;
}

.modal-intro-text-verify-background p {
  font-size: 22px;
}

@media (max-width: 554px) {
  .modal-intro-text-verify-background p {
    font-size: 16px;
    font-weight: bold;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .modal-intro-text-verify-background p {
    font-size: 19px;
    font-weight: bold;
  }
}

.info-text-block {
  position: fixed;
  width: 33%;
  text-align: center;
  line-height: 48px;
}

.info-text-block .info-text-label {
  display: none;
  margin: 0 10px;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .info-text-block .info-text-label {
    display: inline-block;
  }
}

.info-text-block .info-text-label.js-show {
  display: inline-block;
}

@media (max-width: 768px) {
  .info-text-block .info-text-label {
    margin: 0;
  }
}

@media (max-width: 768px) {
  .info-text-block .icon-info {
    display: none;
  }
  .info-text-block span {
    display: block;
  }
}

.modal-action-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.modal-action-list .col-phone {
  text-align: right;
}

.modal-action-list .col-list {
  display: table;
  height: 48px;
}

@media (max-width: 768px) {
  .modal-action-list .col-list {
    padding-right: 10px;
    padding-left: 0;
  }
}

.modal-action-list li {
  display: block;
  margin-bottom: 30px;
  overflow: hidden;
}

.modal-action-list li .btn {
  width: 100%;
  color: #161802;
  background: #cbd618;
}

.modal-action-list li .btn:hover {
  background: #d4df19;
}

.modal-action-list li .btn.btn-passive {
  opacity: 0.5;
  cursor: progress;
}

.modal-action-list li .btn.btn-passive:hover {
  background: #cbd618;
}

.modal-inline-box {
  margin-left: 0;
  margin-right: 0;
}

.modal-inline-box li {
  float: left;
  width: 100%;
  height: auto;
  padding: 20px;
  text-align: center;
  border: 1px solid #d2d3d7;
  margin-right: 3%;
  margin-bottom: 3%;
}

@media (min-width: 554px) {
  .modal-inline-box li {
    width: 31%;
    height: 270px;
  }
}

.modal-inline-box li:last-child {
  margin-right: 0;
}

.modal-inline-box .modal-box-title {
  font-size: 21px;
  font-family: "Mulish", Arial, Verdana;
  color: #002854;
  margin-bottom: 30px;
}

.modal-inline-box .modal-box-list .box-list-row {
  font-size: 21px;
  margin-bottom: 15px;
}

.modal-inline-box .modal-box-list .box-list-row span {
  vertical-align: middle;
  margin: 0 3%;
}

.modal-button-wrapper {
  margin: 20px 0;
  text-align: center;
}

.modal-button-wrapper .btn {
  margin-bottom: 15px;
}

.modal-button-wrapper .btn + .btn {
  margin-left: 15px;
}

.form-info-box {
  display: none;
  width: 100%;
  height: 175px;
  padding: 10px;
  font-size: 14px;
  color: #d2d3d7;
  border: 1px solid #d2d3d7;
  overflow-y: auto;
}

.form-info-box.js-show {
  display: block;
}

.modal-form-wrapper .form-label {
  font-weight: 300;
  font-size: 16px;
  /*  font-family: "centralesansmedium";*/
  color: #194276;
  line-height: 1.5;
}

@media (min-width: 554px) {
  .modal-form-wrapper .form-label {
    line-height: 50px;
    font-size: 19px;
  }
}

.modal-form-wrapper .form-info-row {
  float: left;
  font-weight: 700;
  /*  font-family: "centralesansmedium";*/
}

@media (min-width: 554px) {
  .modal-form-wrapper .form-info-row {
    line-height: 50px;
  }
}

.modal-form-wrapper .form-info-row a {
  position: relative;
  text-decoration: none !important;
}

.modal-form-wrapper .form-info-row a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
}

@media (min-width: 554px) {
  .modal-form-wrapper .form-custom-checkbox {
    float: right;
    width: 180px;
  }
}

@media (min-width: 554px) {
  .modal-form-wrapper .form-label-inline {
    float: left;
  }
}

@media (min-width: 554px) {
  .modal-form-wrapper .form-input-inline {
    float: right;
    width: 180px;
  }
}

#tarifeListDiv .next {
  padding: 10px 10px;
  border: 0;
}

#tarifeListDiv .prev {
  padding: 10px 10px;
  border: 0;
}

#primeoim .box-column-container .box-column p > a {
  background-color: white;
}
#primeoim .box-bottom a.custom {
  background-color: white;
}
#primeoim .box-bottom a:hover {
  color: #fff;
  background: #002957;
}
.main-menu ul li ul li.bg-selected {
  background-color:#0077ba;
  color: white !important;
  padding-left: 40px !important;
  margin-left: -40px;}
/*
.bg-selected {
  background-color: var(--black-8);
  color: white !important;
  padding-left: 40px !important;
  margin-left: -40px;
}*/
/*aside icon*/
/*.svg-1:after,.svg-2:after,.svg-3:after,.svg-4:after,.svg-5:after,.svg-6:after,.svg-7:after {
  content: "";
  background-image: url(../img/svg/pay.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  display: block;
  margin-top: 15px;
  left: 24px;
}*/

.svg-1:after,.svg-2:after,.svg-3:after,.svg-4:after,.svg-5:after,.svg-6:after,.svg-7:after,.svg-10:after {content: "";background-repeat: no-repeat;width: 24px;height: 24px;position: absolute;display: block;margin-top: 15px;left: 27px;}
.svg-1:after{background-image: url(../img/svg/bill.svg);}
.svg-2:after{background-image: url(../img/svg/tariff-white.svg);}
.svg-3:after{background-image: url(../img/svg/account.svg);}
.svg-4:after{background-image: url(../img/svg/service.svg);}
.svg-5:after{background-image: url(../img/svg/lock-white.svg);}
.svg-6:after{background-image: url(../img/svg/chat-white.svg);}
.svg-7:after {background-image: url(../img/svg/complaint-white.svg);}
.svg-8:after {
  content: "";
  background-image: url(../img/headset.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  display: block;
  margin-top: 0px;
  left: 27px;
}
.svg-9:after {
  content: "";
  background-image: url(../img/svg/video.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  display: block;
  margin-top: 0px;
  left: 27px;
}
.svg-10:after {background-image: url(../img/svg/list--boxes-white.svg);}


.svg-10.svg-arrow:before,
.svg-10.svg-arrow-inner:before {
  display: none !important;
}
.svg-arrow:before {
	position: absolute;
	right: 30px;
	content: "";
	background: url(../img/svg/menu-icon.svg);
	color: #fff;
	transition: all 0.5s;
	width: 20px;
	height: 20px;
	margin-top: 16px;
}
@media (max-width: 1199.98px){
	.svg-arrow-inner:before {
	    right: 30px !important;
	}
}
.svg-arrow-inner:before {
	position: absolute;
	right: 15px;
	content: "";
	background: url(../img/svg/menu-icon.svg);
	color: #fff;
	transition: all 0.5s;
	width: 20px;
	height: 20px;
	margin-top: 16px;
}
.svg-add{
	display: inline-block;
	background-image: url(../img/svg/svg-add.svg);
	height: 23px;
    width: 30px;
    background-repeat: no-repeat;
}

.svg-remove {
	display: inline-block;
	height: 23px;
    width: 30px;
    background-repeat: no-repeat;
	background: url(../img/svg/svg-remove.svg);
	background-repeat: no-repeat;
}

@media (max-width: 1199.98px) {
	.svg-1:after,.svg-2:after,.svg-3:after,.svg-4:after,.svg-5:after,.svg-6:after,.svg-7:after,.svg-10:after {content: "";background-repeat: no-repeat;width: 24px;height: 24px;position: absolute;display: block;margin-top: 15px;left: 12px;}
	.svg-8:after {
	  content: "";
	  background-image: url(../img/headset.png);
	  background-repeat: no-repeat;
	  width: 24px;
	  height: 24px;
	  position: absolute;
	  display: block;
	  margin-top: 0px;
	  left: 12px;
	}	
	.svg-9:after {
	  content: "";
	  background-image: url(../img/svg/video.svg);
	  background-repeat: no-repeat;
	  width: 24px;
	  height: 24px;
	  position: absolute;
	  display: block;
	  margin-top: 0px;
	  left: 12px;
	}
}




.chevron-down:before {
	margin-left: 10px;
    margin-top: -2px;
    position: absolute;
    float: left;
    content: "";
    background: url(../img/svg/chevron-down.svg);
    color: #222943;
    transition: all 0.5s;
	width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}


.oim_islem_menu_button.active .chevron-down:before {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}

.main-menu ul li.active .svg-arrow:before {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  right: 25px;
}

.main-menu ul li ul li.active .svg-arrow-inner:before {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  right: 12px;
}
/**/
/*
	@author Zafer UZUN
	@date 01.12.2020
	Select2 dropdown gorunumunu tt tarafindan istenilen goruntuye cevrilmesi
	Select2 tarafindan olusturulan yapilara ek css eklenmesi ve mevcut olan csslerin ezilmesi
*/
/*select2 dropdown css baslangic*/

/*dropdown*/
.select2-container{
    display: block !important;
    font-family: "Mulish", Arial, Verdana;
  	font-size: 14px;
    color: #717d8d; /*zeplin*/
    line-height: 22px
}

#s2id_irtibatGSMNoPrefix.select2-container{
    display: block !important;
    font-family: "Mulish", Arial, Verdana;
  	font-size: 16px;
    color: #717d8d; /*zeplin*/
    line-height: 22px
}

#s2id_irtibatGSMNo2Prefix.select2-container{
    display: block !important;
    font-family: "Mulish", Arial, Verdana;
  	font-size: 16px;
    color: #717d8d; /*zeplin*/
    line-height: 22px
}

/*dropdown*/
.select2-container .select2-choice{
    height: 56px;
    width: 100%;
    color: #717d8d; /*zeplin*/

    border: solid 1px;
    background-color: white;
    border-color: #dee3ed;
    background-image: none;
}
/*secilen ve aktif olunca uygulanan css*/
.select2-container-active .select2-choices {
    border: none;
    outline: none;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
/* dropdown*/
.select2-container .select2-choice span{
	margin-top: 16px;
	margin-left: 16px;
}

/*acilan kisim css*/
.select2-drop {
    margin: 0;
    background: white;
    color:none;
    border: none;
    -webkit-border-radius:none;
    border-radius: none;
    -webkit-box-shadow:none;
    box-shadow: none;
    box-sizing: none;

}
/*dropdown ul*/
.select2-results {
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color:none;
    width: 100%;
    /*margin-left: 10px;*/
    max-height: 290px;
}
.select2-results .select2-result-label {
    padding: 0;
    font-family: "Mulish", Arial, Verdana;
    font-size: 16px;
    line-height: 18px;
}

/*yazi ayarlamasi*/
.select2-result-label{
    margin-top: 16px !important;
    margin-left: 16px !important;
}

/*dropdown elemanlari*/
.select2-results li{
    border: solid 1px;
    height: 56px;
    border-color: #dee3ed;
    color: #586473; /*zeplin*/
    border-bottom: 0;
    border-radius: 1px 1px 2px 2px;

}

/* hover */
.select2-results .select2-highlighted {
    /*border: solid 1px;*/
    height: 56px;
    border-color: #dee3ed;
    color: #717d8d;
    background-color: rgba(222, 227, 237, 0.41) ;
    
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: none;

    -webkit-border-radius:none;
       -moz-border-radius:none;
            border-radius:none;

    background-image: none;
    filter: none;
    border-color: #dee3ed; 
    
}
/* dropdown yukari ciktiginda uygulanan css*/
.select2-drop.select2-drop-above {
    margin-top: none;
    border-top: none;
    border-bottom: 0;

    -webkit-border-radius: none;
       -moz-border-radius: none;
            border-radius: none;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
/*tiklandiginda olusan golge*/
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    
    outline: none;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    border: solid 1px;
    background-color: white;
    border-color: #dee3ed; 
}


/* arrow div*/
.select2-container .select2-choice div {
    border-left: none;
    -webkit-background-clip:none;
    background-clip:none;
    background-image:none;
    background: none;
    margin-right: 16px;
    margin-top: 16px;
}

/*arrow image*/
.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
	background-image: url(../img/svg/tt-select2-dropdown-arrow.svg) !important;
}
/*arrow image*/
.select2-container .select2-choice div b {
	/*background: url(../img/select2-deneme.svg) no-repeat 0 1px;*/
	background-image: url(../img/svg/tt-select2-dropdown-arrow.svg) !important;
    background-size: 30px 25px!important;
	background-position: center !important;
	width: 24px;
	height: 24px;
}
/*arrow image ters*/
.select2-dropdown-open .select2-choice div b {
    /*background-position: -18px 1px*/
    transform: rotate(180deg);
}

/*scrollbar*/

/* Hide scrollbar for Chrome, Safari and Opera */
.select2-results::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.select2-results {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
/*select2 disabled olması için */
.tt-select2-dropdown-disabled {
	pointer-events: none;
	opacity: 0.4;
}
/*aşagı açılışta select-divin border-bottom unun kaldırılması */
/*.select2-drop-above .select2-choice{
    border-bottom: 0 !important;
}*/

.select2-results li:last-child{
	border: solid 1px;
    border-color: #dee3ed;
    border-radius: 0px 0px 3px 3px;
    
}
.select2-drop-below .select2-choice{	
    border-bottom: 0 !important;
}
/*select2 dropdown css bitis*/


/* UXUI Button designs start Cemre Tok */
.button-group{
	width: 100%;
    display: block;
    margin-top: 30px; /* Zeplin rule */
    margin-bottom: 30px; /* Zeplin rule */
}

@media (max-width: 767px){
	.button-group{
		width: 100%;
	    margin-bottom: 10px; /* Zeplin rule */
	}
}

.button-content{
	width: 100%;
    display: block;
}

.span-button{
    background: none;
    display: inline-block;
    cursor: pointer;
}

.button-content span.span-button {
    width: auto;
    display: block;
    position: relative;
}

@media (max-width: 767px) {
	.button-content span.span-button {
	    width: 100%;
	    margin-bottom: 10px;
	    margin-right: 0px !important;
	    margin-left: 0px !important;
	}
}

@media (max-width: 767px){
	.input-white-button {
		width: 100%;
	}
	
	.input-blue-button {
	    width: 100%;
	}
}

.input-white-button {
    outline: none !important;
    padding: 10px 15px !important;
    box-shadow: none !important;
    background: white !important;
    border: 1px solid #002855 !important;
    border-radius: 5px !important;
    color: #002855 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    cursor: pointer !important;
    height: 44px !important;
}

.input-blue-button {
    outline: none !important;
    padding: 10px 15px !important;
    box-shadow: none;
    background: #002855 !important;
    border: 1px solid #002855 !important;
    border-radius: 5px !important;
    color: white !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    cursor: pointer !important;

  height: 44px !important;
}

.input-blue-button:hover {
	box-shadow:rgb(118 118 118 / 12%) 0px 2px 12px 6px !important;
}

.input-white-button:hover {
	box-shadow:rgb(118 118 118 / 12%) 0px 2px 12px 6px !important;
}

.input-blue-button:active {
	background: #001a37 !important;
	box-shadow: none !important;
}

.input-white-button:active {
	background: #DEE3ED !important;
	box-shadow: none !important;
}


/* UXUI Button designs finish */


/*
	@author Zafer UZUN
	@date 14.12.2020
	Colorbox popup gorunumunu tt tarafindan istenilen goruntuye cevrilmesi
	Colorbox tarafindan olusturulan yapilara ek css eklenmesi ve mevcut olan csslerin ezilmesi
	Colorbox'a verilen html sayfalarının css eklenmesi
*/
/*tt-popup css baslangic*/
/*colorbox ile ilgili csslerin yazılması*/

/*otomatik padding kaldırılması*/
#cboxLoadedContent {
	padding:0px;
}
/*otomatik p tagı için css kaldırılması*/
#colorbox p {
	margin:0px;
}
/*otomatik margin css kaldırılması*/
#cboxContent {
	margin:0px;
	background-color:transparent !important;
}
/*row classı için tanımlı margin kaldırılması ve esneklik kazanması için uygulanan css*/
#cboxContent .row{
	margin:0px;
	display: flex;
    flex-wrap: wrap;
}

#cboxContent{
	width:770px !important;
}
#cboxContent .buttonCont span.bttn,#cboxContent .button-content span.input {
	margin:0px;
}
.tt-popup-close-box{
	display:none !important;
}

/*kapatma iconu tanımlamaları*/
#cboxClose {
    top: 30px !important;
    right: 30px !important;
    height:36px;
    width:36px;
    background: url(../img/svg/tt-close-button.svg) no-repeat center center !important;
    display: none;
}

/*colorbox ile ilgili cssler bitiş*/

/*Desktop için geçerli olacak cssler*/
/*yazıların ve açıklamaların oldugu css*/
#tt-popup .defination{
	width: 70%;
    padding-top:32px;
    padding-left:30px;
    padding-bottom:24px;
    padding-right:30px;
    
    background-color:white;
    
}
/*desktop açıklama radius için*/
#tt-popup .popup-radius{
    border-radius: 5px 0px 0px 25px;
}
/*p tagı için gerekli css*/
#tt-popup p{
    font-family: "Mulish", Arial, Verdana;
  	font-size: 16px;
  	font-weight: normal;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: 1.25;
  	color:#222943;
  	-ms-overflow-style: none;
  	margin-bottom:20px;
  	max-height: 280px;
    overflow-y: scroll;
}

/*scrollbar tasarım*/
#tt-popup p::-webkit-scrollbar {
    width: 6px;
    height:6px;
}
#tt-popup p::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background-color: #dee3ed;
}

/*scrollbar tasarım*/
#tt-popup .tt-popup-resize::-webkit-scrollbar {
    width: 6px;
    height:6px;
}
#tt-popup .tt-popup-resize::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background-color: #dee3ed;
}
/*deneme ismail abinin popupu için
*::-webkit-scrollbar {
    width: 6px;
}
*::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background-color: #dee3ed;
}
*/


/*baslik için gerekli css*/
#tt-popup #tt-popup-header{
  	font-size: 20px;
  	font-weight: bold;
	line-height: 1.4;
	letter-spacing: normal;
	-ms-overflow-style: none;
	margin-bottom:12px;
}
/*checkbox ile ilgili genel tanımlama*/
#tt-popup .checkLabel {
	margin:0px !important;
}
#tt-popup .defination .checkLabel{
	margin-right:12px !important;
}

/*tek buton tamamını kaplar*/
#tt-popup .defination span{
	width:100%;
}
#tt-popup .defination input{
	width:100% !important;
}
/*yan yana 2buton bulunması */
#tt-popup #tt-popup-double-button span{
	width:48%;
}

#tt-popup #tt-popup-double-button span:first-child{
	margin-left:4% !important;
}

/*alta alta buton bulunması */

#tt-popup #tt-popup-double-button2 span:first-child{
	margin-bottom:12px !important;
}

/*tt-popup-double-button3*/
#tt-popup #tt-popup-double-button3 span{
	width:48%;
}

#tt-popup #tt-popup-double-button3 span:first-child{
	margin-left:4% !important;
}


/*açıklamaların oldugu css bitiş*/

/*sag taraftaki icon ve arkaplan için yazılan css*/

/*genel div css*/
#tt-popup .desktopRight{
   	display: flex;
   	align-items: center;
    width: 30%;    
    background-color:#049ead;
    border-radius: 0px 25px 5px 0px;
}
/*icon css*/
#tt-popup .desktopRight .tt-popup-icon{
	width:180px;
	height:180px;
	background:none;
	
    display: block;
    margin: 0 auto;
}
/*Button ile ilgili düzenleme
#tt-popup .button-content span.span-button{
    margin-bottom:0px;
}
#tt-popup .button-content span.span-button:last-child:not(:first-child){
	margin-top:10px;
}
#tt-popup .button-content span.span-button:not(:first-child):not(:last-child) {
	margin-top:10px;
}
*/
/*sag taraf bitiş*/


/*Mobil gorunum için geçerli olacak cssler*/
@media only screen and (max-width: 1199.98px){

	#cboxContent{
		width:296px !important;
		border-radius:5px 20px 1px 1px;
	}
	
	#tt-popup .mobilTop,#tt-popup .defination{
        width: 100%;
    }
    /*mobil açıklama radius için*/
    #tt-popup .popup-radius{
    	border-radius: 0px 0px 5px 20px;
	}
    /*mobil için top css*/
    #tt-popup .mobilTop{
        z-index: 1;
	    height:120px;    
	    background-color:#049ead;
	    border-radius: 5px 20px 0px 0px;
    }
    
    /*tt-popup-double-button3*/
	#tt-popup #tt-popup-double-button3 span:first-child{
		margin-bottom:12px !important;
	}
	#tt-popup #tt-popup-double-button3 span{
		width:100%;
	}    
    
    
    /*mobil için icon*/
    #tt-popup .mobilTop .tt-popup-icon{
    	display: block;
	    margin: 0 auto;
	   	width:120px;
		height:120px;		
		background:none;
    }
    /*Button ile ilgili düzenleme
    #tt-popup .button-content span.span-button{
    	margin-bottom:0px;
    }
    #tt-popup .button-content span.span-button:last-child:not(:first-child){
		margin-top:10px;
	}
	#tt-popup .button-content span.span-button:not(:first-child):not(:last-child) {
		margin-top:10px;
	}
	*/
}
/*Mobil cssler bitiş*/

/*bilgilendirme-form-popup Extend*/
.popup-bilgilendirme2 #cboxClose{
	top:10px !important;
	background: url(../img/svg/tt-popup-close-button-extend.svg) no-repeat center center !important;
	right: 16px !important;
}
#tt-popup #popup-bilgilendirme{
	overflow-y: scroll;
	padding-left:16px;
	padding-right: 16px;
	padding-top: 50px;
	padding-bottom: 16px;
	width:100% !important;
}

#tt-popup #popup-bilgilendirme p{
	max-height : none !important;
	overflow-y : hidden !important;
	font-size : 14px ;
	line-height : 1.43;
	color : var(--slate-grey);
}


#tt-popup #popup-bilgilendirme #tt-popup-header{
	font-size: 24px;
	margin-bottom: 14px;
}
/*bilgilendirme-form-popup bitiş*/

/*tt-popup css bitiş*/

/*kisisel bilgiler güncelle baslangıc*/
@media (max-width: 554px) {
 	#kisisel-bilgiler-guncelle label{
	padding-top:15px !important;
	margin-bottom:0px !important;
	} 
}
/*kisisel bilgiler güncelle bitis*/

/*tüketici şikayet sayfası css*/

.search-button{
	height: 54px !important;
	border-top-left-radius: initial!important;
	border-bottom-left-radius: initial !important;
}

.tmn-gr{
	width: 163px;
	height: 24px;
	object-fit: contain;
	font-family: "Mulish", Arial, Verdana;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	text-align: center;
	color: var(--teal_blue);
}

.file-upload{
	border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 1px solid #dee3ed;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
    border-radius: 4px;
    height: 56px;
    padding: 16px !important;
    width: 100%;
}

.file-add-button{
	background: url(../img/digitticon/addicon.svg) no-repeat 10px !important; 
	height: 56px; 
	width: 52px; 
	border-top-left-radius: 0px; 
	border-bottom-left-radius: 0px; 
	border: 1px solid #dee3ed !important;
}

.file-remove-button{
	background: url(../img/digitticon/removeicon.svg) no-repeat 10px !important;
    height: 56px;
    width: 52px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 1px solid #dee3ed !important;
}

.message-input{
	border: 1px solid #dee3ed !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
    border-radius: 4px;
    width:100%;
}

/*Tooltip Start*/
.customTooltip {
  position: relative;
  display: inline-block;
}

.customTooltip .customTooltiptext {
  visibility: hidden;
  width: 102px;
  font-size: 12px;
  font-family: "Mulish", Arial, Verdana;
  background-color: #586473;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  margin-left: -95px;
  opacity: 0;
  transition: opacity 0.3s;
}

.customTooltip .customTooltiptext:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 85%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.customTooltip:hover .customTooltiptext {
  visibility: visible;
  opacity: 1;
}
/*Tooltip End*/

.check-warning-mark{
	width:60px;
	height:60px;
}

@media (max-width: 767px) {
  .text-xs-center {
    text-align: center;
  } 
  .margin-xs-top {
    margin-top:20px;
  } 
}

.thylable{
	width: 50%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 16px !important;
    border: 1px solid #dee3ed !important;
}

.thyUpload {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 1px solid #dee3ed;
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%) !important;
    border-radius: 4px;
    padding: 16px !important;
    width: 50%;
}