body {margin: 0;padding: 0;color:#000;}
* {font-family: 'Montserrat', sans-serif;box-sizing: border-box;}
.fixt {max-width:1200px;width:100%;margin:auto;}
#main_content {margin-bottom:50px;margin-top: 0px !important;}
.gap {height: 30px;}
.gap15 {height: 15px;}
.clear {clear: both;}
.bigger {transform: scale(1.05);transition: 0.3s;}
.dn {display: none;}
.db {display: block;}
hr {border-color: #e8e8e8;border-width: 1px;margin:0;}
.payment-text-container {margin-top: 30px;}
.where-to-start {text-align: center;font-size: 25px;font-weight: bold;margin: 4px;}
.new-ads {text-align: center; font-size: 20px;font-weight: 300;margin: 4px;}
.deactives {background-color: none !important;
  color: #000 !important;
  transition: 0.3s;}
.puzzle img {width: 55%;display: block;margin: 0 0 0 auto;}
.businesslounge-top-bar {display:none;}
.start-package button, .start-package input, .start-package optgroup, .start-package select, .start-package textarea {
    font: status-bar !important;
}
li#tc {
    width: 95% !important;
}
span.kdvdahil {
    font-size: 10px;
    margin-left: 3px;
}
.info-package > p {
    float: left;
    width: 69%;
    margin-top: 5px;
}
p.zorunlu {
font-size: 13px;
    font-weight: 400 !important;
    background: #d2edd5;
    border-radius: 5px;
    color: #318032;
	padding: 10px 35px 10px 10px !important;
	width:30% !important;
}
span.stars {
    color: #ce1b28;
    font-weight: bold;
    margin-left: 2px;
}
.right-container p {
    color: #000;
}


  .tooltippay {
    display: inline-block;
  }
  
  .tooltippay .tooltiptext {
    visibility: hidden;
    width: 420px;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 10px 10px;
    position: absolute;
    background: #ffffff;
    z-index: 1;
    top: 46px;
    right: -203px;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0 0 5px #000;
    border: 1px solid #000000;
  }
  .tooltiptext ul {padding: 0 15px;margin: 0;}
  .tooltiptext li {
    float: left;
    width: 50%;
    text-align: left;
    font-size: 10px;
}
.tooltip-info {font-size: 10px;text-align: left;}
.tooltip-title {text-align: left;font-size: 12px;}
  .info-tooltip {position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);}
  
  .tooltip .tooltiptext::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #000000 transparent;
  }
  
  .tooltippay:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

p.paketinfo {
    padding: 3px 10px;
    font-size: 13px;
    margin: 5px 0;
}

.step-container {position:relative;margin-top:10px;margin-bottom:10px;display: flow-root;width: 100%;margin: auto;}
.step-container > div {
    float: left;
     width: 33%;
}
.step-container > div p:not(.step-info) {
    color: #000;
    border-radius: 50px;
    height: 40px;
    width: 40px;
    padding-top: 8px;
    text-align: center;
    margin: auto;
    font-weight: bold;
    background:#fff;
    box-shadow: 0 0 5px #d0d0d0;
}
.step-container hr {
    position: absolute;
    top: 21px;
    border-width: 1px;
    border-color: black;
    width: 67%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
p.step-info {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 19px;
    margin-top: 10px;
}


.payment-main-container > div {float: left;}
.payment-main-container .left-container {width: 100%;}
.payment-main-container .left-container > p {margin: 0 0 20px 0;font-weight: bold;}
.payment-main-container .right-container {width: 25%;box-shadow: 0 0 5px #d0d0d0;}

.package-info p, .type-select {
    font-size: 13px;
	margin: 2px 0;
}
.payment-main-container .right-container .right-container-inner h3 {margin: 20px 10px;font-weight: bold;font-size: 20px;}
.right-container-inner {padding-bottom: 1px;}

.start-package > p {margin: 0 0 20px 0;
    font-weight: bold;text-align: center;}
.info-package > p {font-weight: bold;padding: 15px;font-size:12px;}
.info-package {box-shadow: 0 0 5px #000; width: 100%; display: flow-root;box-shadow:0 0 5px #d0d0d0;position: relative;}
.info-package > div {
    float: left;
    width: 50%;
}
.left-info input {
    width: 90%;
    border-radius: 5px;
    padding: 15px 10px;
    border: 1px solid #a7a7a7;
    font-size: 12px;
	    background: #efefef;

}
li#lastuse select {
    width: 45%;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #a7a7a7;
}
.left-info ul {
    list-style: none;
}
.left-info li {
    padding: 6px 0;
	display:flow-root;
}
.left-info label {
    font-weight: 300;
	font-size:15px;
}
li#lastuse label {
    display: flex;
}
.first-package,.second-package, .third-package {transition: 0.3s;}
.three-package-area > div {float: left;width: 29%;box-sizing: border-box;box-shadow: 0 0 5px #000;}
.three-package-area .package-title {font-weight: 400 !important;text-align: center;margin:0;padding: 10px;color: #fff;font-size: 20px;}
.three-package-area .ads-budget {font-size: 15px;text-align: center;color: #fff;margin: 5px !important;}
.three-package-area .google-pay {font-size: 10px;color: #fff;text-align: center;margin-top: -2px;margin-bottom:3px;}
.first-package-inner {    background: url(../img/payment-yellow.png) top center no-repeat;height: 190px;}
.first-package-inner-1 {    background: url(../img/payment-green.png) top center no-repeat;height: 190px;}
.first-package-inner-2 {    background: url(../img/payment-blue.png) top center no-repeat;height: 190px;}
.second-package {margin: 0 34px;}
.main-budget {text-align: center;color: #fff;font-size: 35px;margin:0;font-weight: bold;}

.package-content .pay-budget {text-align: center;font-size: 25px;margin: 0;font-weight: 600;}
.package-content .pay-budget span {font-size: 12px;}
.package-content .startup-fee {font-size: 12px;text-align: center;color: #000;margin: 5px !important;}
.package-content .buy-package {background: #ff5733;text-align: center;padding: 7px;margin: 12px;border-radius: 7px;color: #fff;font-weight: bold;font-size: 20px;}
.package-content ul {padding: 0 10px;}
.package-content ul li {list-style: none;font-size: 10px;line-height: 20px;}
.package-content ul li img {margin-right: 3px;}

.gift-section {background: #fdb714;padding: 12px;}
.gift-section .gift-ads {font-size: 12px;text-align: center;color: #fff;padding: 0px !important;margin: 0;}
.gift-section .gift-ads-budget {font-size: 25px;text-align: center;color: #fff;padding: 0px !important;margin: 0;font-weight: bold;}

.gift-section-1 {background: #006838;padding: 12px;}
.gift-section-1 .gift-ads {font-size: 12px;text-align: center;color: #fff;padding: 0px !important;margin: 0;}
.gift-section-1 .gift-ads-budget {font-size: 25px;text-align: center;color: #fff;padding: 0px !important;margin: 0;font-weight: bold;}

.gift-section-2 {background: #1268b3;padding: 12px;}
.gift-section-2 .gift-ads {font-size: 12px;text-align: center;color: #fff;padding: 0px !important;margin: 0;}
.gift-section-2 .gift-ads-budget {font-size: 25px;text-align: center;color: #fff;padding: 0px !important;margin: 0;font-weight: bold;}


button.website-type-btn-2,button.website-type-btn-3,button.website-type-btn-4,button.website-type-btn-5 {
  border: none;
  background-color: #fff;
  box-shadow: 0 0 5px #000;
  padding: 2px 0;
  border-radius: 7px;
  margin-right: 18px;
  cursor: pointer;
  width: 16.9%;
  height: 85px;
  vertical-align: middle;
}
.promo-content {display: flex;}
.promo-inner {
  background-image: linear-gradient(45deg, #c82e0d, #ff5733);
  float: left;
  width: 46%;
  margin-right: 30px;
  border-radius: 7px;
  box-shadow: 0 0 5px #000;
  padding: 10px 15px;
  text-align: center;

}
.promo-inner p {color: #fff;margin: 0;}
button.website-type-btn-2 p,button.website-type-btn-3 p,button.website-type-btn-4 p,button.website-type-btn-5 p {
  margin: 0;
  padding: 5px;
}

.title-section * {
  float: left;
  margin-right: 20px;
}
.title-section p {font-size: 22px;margin: 9px 0;}

.website-type-btn {
    border: none;
    border-radius: 7px;
    outline: none;
    padding: 15px 15px;
    background-color: #fff;
    cursor: pointer;
    font-size: 15px;
    box-shadow: 0 0 5px #000;
    width: 43%;
    margin-right: 20px;
    box-sizing: border-box;
    transition: 0.3s;
    position: relative;
	font-weight:bold;
  }


.package-info-container {display: flow-root;background: #f1f1f1;padding: 10px;}
.final-section > p {padding: 3px 10px;}
.web-site-type {font-size: 13px;margin-bottom: 0px;font-weight: 300;}
.info-inner p {margin: 3px 0 ;}
.info-inner {width: 66%;}
.budget-inner {width: 33%;}
.budget-inner p {text-align: center;font-size: 15px;font-weight:300 !important;font-weight: bold;margin: 0;}
.package-info > div {float: left;}
.right-container-inner .buy-package {background: #ff5733;text-align: center;padding: 15px 15px;margin: 12px;border-radius: 7px;color: #fff;font-weight: bold;font-size: 20px;display:block;text-decoration: none;box-shadow: 0 0 5px rgb(43, 43, 43);
}

.infobtnbuy {  background: #ce1b28;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    border: none;
    cursor: pointer;
}


  /* Style the active class, and buttons on mouse-over */
  .active {
    background-color: #ff5733 ;
    color: white;
    transition: 0.3s;
  }
  
  .actives {
    background-color: #ff5733  !important;
    color: white;
    transition: 0.3s;
  }
  .activec {
    background-color: #ff5733  !important;
    color: white;
    transition: 0.3s;
  }
  .activel {
    background-color: #ff5733  !important;
    color: white;
    transition: 0.3s;
  }
  .activeg {
    background-color: #ff5733  !important;
    color: white;
    transition: 0.3s;
  }
  /*Selectbox*/

  /*the container must be positioned relative:*/
.custom-select {
    position: relative;
    font-family: Arial;
    width: 90%;
    box-shadow: 0 0 5px #000;
    border-radius: 7px;
    overflow: hidden;
    transition: 0.3s;
  }
  
  .custom-select select {
    display: none; /*hide original SELECT element:*/
    transition: 0.3s;
  }
  
  .select-selected {
    background-color: #fff;
  }
  
  /*style the arrow inside the select element:*/
  .select-selected:after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #ce1b28 transparent transparent transparent;
  }
  
  /*point the arrow upwards when the select box is open (active):*/
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
  }
  
  /*style the items (options), including the selected item:*/
  .select-items div,.select-selected {
    color: #000;
    padding: 15px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    transition: 0.3s;
  }
  
  /*style items (options):*/
  .select-items {
    position: relative;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    transition: 0.3s;
  }
  
  /*hide the items when the select box is closed:*/
  .select-hide {
    display: none;
    transition: 0.3s !important;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }



  /*Slider*/



    /*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {
        overflow: hidden;
        width: 95%;
        padding: 20px 0;
        -webkit-appearance: none;
        background-color: #ffffff;
        border-radius: 25px;
        box-shadow: 0 0 5px #000;
    }
    
    input[type='range']::-webkit-slider-runnable-track {
      height: 10px;
      -webkit-appearance: none;
      color: #ce1b28;
      margin-top: -1px;
    }
    
    input[type='range']::-webkit-slider-thumb {
      width: 50px;
      height: 50px;
      background: url(../img/movement.png) center center no-repeat;
      background-color: #ce1b28;
      box-shadow: -350px 0 0 350px #ce1b28;
      -webkit-appearance: none;
      cursor: pointer;
      margin-top: -20px;
      z-index: 9999;
      overflow: overlay;
    }

}
/** FF*/
input[type="range"]::-moz-range-progress {
  background-color: #ce1b28; 
}
input[type="range"]::-moz-range-track {  
  background-color: #ce1b28;
}
/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: #ce1b28; 
}
input[type="range"]::-ms-fill-upper {  
  background-color: #ce1b28;
}

.output-container p {float: left;width: 32.2%;}

/*İnfo Bölümü*/
.final-area {
    width: 100% !important;
    gap: 10px;
    display: flex;
    flex-direction: column;
    padding: 20px;
}




/*İnfo Bölümü*/

.submit-container {
  background-color: rgb(255, 87, 51);
  border-radius: .25em;
  box-shadow: 0 0 5px rgb(43, 43, 43);
    border-radius: 5px;
    overflow: hidden;
}

#websitename {width: 85%;border-radius: 7px;border: 1px solid #a7a7a7;padding: 15px;}
::placeholder {
  color: #a5a5a5;
  opacity: 1; /* Firefox */
	font-size:12px;
	     white-space:pre-line;  

}
ul#keywordsinfo {
  list-style: none;
  padding: 0 15px;
}
ul#keywordsinfo li {
  float: left;
  width: 45%;
  margin: 7px 0;
}
ul#keywordsinfo li input[type="text"] {
    width: 100%;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #a7a7a7;
    font-size: 12px;
	    background: #efefef;
}
p.warn-package {
  font-size: 12px;
  font-weight: 400;
  padding: 0 15px;
}

.ads-container > div {
  float: left;
  width: 50%;
}
ul#adsinfo {
  list-style: none;
  padding: 0 15px;
}
ul#adsinfo li {
  width: 95%;
  margin: 15px 0;
}
ul#adsinfo li input[type="text"] {
  width: 100%;
  padding: 8px;
  border: 1px solid #a7a7a7;
  border-radius: 7px;
}
ul#adsinfo li label {
  font-size: 15px;
  display: inline-block;
  margin-bottom: 3px;
}
input#textplace, input#textplacefirst {
  padding-bottom: 15% !important;
}

.previes-section {
  border: 2px solid #a7a7a7;
  padding: 10px;
  width: 90%;
}

p.adswebname {
  margin: 0;
  font-size: 10px;
  color: #585858;
}
p.titles-area span {
  margin-right: 5px;
  margin-left: 5px;
}
p.titles-area {
  color: #1a0dab;
  font-size: 13px;
  word-break: break-word;

}
span#title1 {
  margin-left: 0 !important;
}

div#explain1, div#explain2 {
  font-size: 10px;
  margin: 5px 0;
  color: #585858;
  word-break: break-word;
	    display: inline;

}
p.ads-plan-title {
  font-weight: bold;
  padding: 15px;
  margin: 0;
}
.ads-plan {
  width: 100% !important;
}
.ads-plan ul {
  list-style: none;
  padding: 0 15px;
}
.ads-plan ul li {
  float: left;
  width: 50%;
}
.ads-plan ul li label {
  font-size: 15px;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 7px;
}
.ads-plan ul li input {
  width: 95%;
  padding: 8px;
  border: 1px solid #a7a7a7;
  border-radius: 7px;
}
.ads-plan ul li select {
  width: 95%;
  padding: 8px;
  border-radius: 7px;
  color: #dedede;
}
.ads-budget-info-page {
  width: 60%;
  border: 2px solid #a7a7a7;
  padding: 15px;
  margin: 0 15px;
  border-radius: 7px;
}
.auto-hesap {
  font-size: 10px;
}
.ads-budget-info-page p {
  margin: 5px 0;
}
.ads-budget-info-page span {
  font-size: 30px;
  float: right;
}
p.warn-package a {
  color: #ff5733;
  text-decoration: underline;
}
p.maxtext {
    font-size: 10px;
    float: right;
    color: #a7a7a7;
}
ul#keywordsinfo label {
    font-weight: 300;
    display: block;
	font-size:15px;
}
ul#keywordsinfo select {
    width: 90%;
    padding: 8px;
    border: 1px solid #a7a7a7;
    border-radius: 7px;
	    font-weight: 300;
	font-size:12px;
	    background: #efefef;
}
input#odemeinfo2 {
    width: 90%;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #a7a7a7;
}
input {
    padding: 10px !important;
}
ul#keywordsinfo {
    display: flex;
    flex-wrap: wrap;
	gap:20px;
}
#cvc input {
    width: 27%;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #a7a7a7;
}
.select-area {
    display: flex;
    width: 90%;
    justify-content: space-between;
}
li#cvc img {
    width: 60%;
    float: left;
    margin-top: 10px;
}
li#lastuse select {
    float: left;
    width: 48%;
    font-size: 12px;
    padding: 10px;
	    background: #efefef;
}
li#tax {
    width: 94% !important;
	display:flex;
	gap:20px;
}
li#tax div {
    width: 50%;
    float: left;
}

input#odemeinfo8 {
    width: 90%;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #a7a7a7;
    font-size: 12px;
	    background: #efefef;
}
div#location input {
    width: 100% !important;
    float: left;
}
.sepet-text {
    padding: 10px 10px;
    margin: 0;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    background: #f9f9f9;
}
input#odemeinput5 {
    width: 90%;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #a7a7a7;
}
input#odemeinput4 {
    width: 90%;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #a7a7a7;
}
.kvkk {font-size: 10px;
    text-align: left;
    padding: 0 10px;}

li#comp input {
    width: 94% !important;
}
li#comp {
    width: 100% !important;
}
p#total {
    font-weight: bold !important;
    font-size: 20px;
}

@media screen and (max-width:768px) {
	.infobtnbuy {font-size: 14px;}
}


@media screen and (max-width:730px) {
	.payment-main-container .left-container {width:100%;}
	.payment-main-container .right-container {width:100%;}
	.info-package  {width:100% !important;}
	.left-info input, input#odemeinfo2, ul#keywordsinfo li input[type="text"] {width:100% !important;}
	li#lastuse select {width: 46%;}
	.payment-main.fixt > img {width: 97% !important;}
	div#location input {width:45% !important;}
}
@media screen and (max-width:599px) {
	.select-area {width: 100% !important;}
	.info-package > p {width:100%;margin: 0;}
	p.zorunlu {width: 100% !important;}
	.left-info, .right-info {width: 100% !important;}
	.left-info label, ul#keywordsinfo label {font-size:12px;}
	#odemeinfo7, #odemeinfo8 {width:100% !important;}
	ul#keywordsinfo li {width: 100% !important;margin: 7px 2px;}
	.left-info ul {padding: 0 15px;}
	ul#keywordsinfo select {width:100% !important;}
}