/*
Theme Name: Medyaweb
Version: 1
Theme URI: https://medyaweb.net
Description: medyaweb.net için yazılmış özel yazılım
Author: Sami Bozkurt
Author URI: https://www.medyaweb.net
Tags: Medyaweb tema, medyaweb hosting, medyaweb domain
Text Domain: medyaweb
*/

.price-grid {
   float: left;
   width: 31%;
   margin: 0% 2% 0% 0%;
}
.priceing-table h1 {
   font-size: 3em;
   color: #fff;
   text-align: center;
   margin:1em 0em;
}
.wthree {
   margin: 0% 0% 0% 0%;
}
.priceing-table-main {
   width:50%;
   margin: 0 auto;
}
.prices-head h2 {
   font-size: 2em;
   color: #68AE00;
   margin:0em 0em 1em 0.4em;
   font-family: 'Carrois Gothic', sans-serif;
}
.price-list ul {
   padding: 0px;
   list-style: none;
}
.price-gd-top {
   background:#50485b;
   text-align: center;
   border-radius: 5px 5px 0px 0px;
}
.price-gd-top h4 {
   font-size: 1.8em;
   color: #fff;
   padding: 0.4em 1em;
   background:#d29d05;
   border-radius: 5px 5px 0px 0px;
}
/*-- w3layouts --*/
.price-gd-top h3 {
   padding:0.2em 0em 0.1em 0em;
   font-size:2.5em;
   color: #fff;
}
.price-gd-top h5 {
   font-size: 1em;
   color: #fff;
   padding: 0.2em 0em 0.8em 0em;
}
.price-gd-bottom {
   background: #fff;
   text-align: center;
   padding: 1em 0em;
}
.price-gd-top.pric-clr2 h4 {
   background: #7d1e4a;
}
.price-gd-top.pric-clr2 {
   background:#96285b;
}
.price-selet.pric-sclr2 a {
   background: #7d1e4a;
}
.price-gd-top.pric-clr3 {
   background: #2d818a;
}
.price-gd-top.pric-clr3 h4 {
   background: #14646d;
}
.price-selet.pric-sclr3 a {
   background: #14646d;
}
.price-list ul li {
   padding: 0.5em 0em;
   font-size:0.9em;
   color: #545454;
}
.price-selet {
   padding: 1em 0em;
   text-align: center;
   background: #fff;
   border-radius: 0px 0px 5px 5px;
}
/*-- agileits --*/
.price-selet a {
   font-size: 1.1em;
   color: #FFFFFF;
   display: inline-block;
   padding: 0.5em 1.5em;
   background:#d29d05;
   border-radius: 3px;
   line-height: 30px;
   font-weight: 700;
   width: 50%;
}
.price-grid {
   margin-bottom: 3em;
}
.price-block {
   box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
   transition: 0.5s all;
   -webkit-transition: 0.5s all;
   -moz-transition: 0.5s all;
   -o-transition: 0.5s all;
}
.price-block:hover {
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   z-index: 1;
}

/*--media quries start here--*/
@media(max-width:1440px){

}
@media(max-width:1366px){
.priceing-table-main {
   width: 60%;
}
.priceing-table h1 {
   font-size: 2.5em;
}
}
@media(max-width:1280px){

}
@media(max-width:1024px){
.priceing-table-main {
   width: 75%;
}
.copy-rights {
   padding: 2em 0em 3em 0em;
}
}
@media(max-width:991px){

}
@media(max-width:768px){
.priceing-table-main {
   width: 90%;
}
}
@media(max-width:736px){

}
@media(max-width:667px){

}
@media(max-width:640px){
.priceing-table-main {
   width: 95%;
}
.price-gd-top h4 {
   font-size: 1.4em;
}
.price-gd-top h3 {
   padding: 0.2em 0em 0em 0em;
   font-size: 1.7em;
}
.price-gd-top h5 {
   font-size: 0.9em;
}
.priceing-table h1 {
   font-size: 2.2em;
}
}
@media(max-width:568px){

}
@media(max-width:480px){
.price-grid {
   float: none;
   width: 80%;
   margin: 0% auto 0%;
}
.price-grid {
   margin-bottom: 2em;
}
.priceing-table h1 {
   font-size: 1.8em;
}
.price-list ul li {
   padding: 0.4em 0em;
   font-size: 0.85em;
}
.payment-online-form-left input[type="text"] {
   width: 91.5%;
}
.payment-online-form-left input[type="password"] {
   width: 91.5%;
}
}
@media(max-width:414px){
.payment-online-form-left input[type="text"] {
   width: 90.5%;
}
.payment-online-form-left input[type="password"] {
   width: 90.5%;
}
}
@media(max-width:320px){
.priceing-table h1 {
   font-size: 1.5em;
   margin:0.6em 0em 1.2em 0em;
}
.price-gd-top h3 {
   font-size: 1.5em;
}
.price-gd-top h5 {
   font-size: 0.8em;
   padding: 0em 0em 0.8em 0em;
}
.price-grid {
   width: 86%;
}
.price-gd-bottom {
   padding: 0.5em 0em;
}
.price-list ul li {
   padding: 0.3em 0em;
   font-size: 0.8em;
}
.price-selet {
   padding: 0.7em 0em;
}
.price-selet a {
   font-size: 0.85em;
   padding: 0.3em 1em;
}

}

[data-pagination],
[data-pagination] *,
[data-pagination] *:before,
[data-pagination] *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-kerning: auto;
}
[data-pagination] {
  font-size: 8pt;
  line-height: 1;
  font-weight: 400;
  font-family: 'Open Sans', 'Source Sans Pro', Roboto, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Myriad Pro', 'Segoe UI', Myriad, Helvetica, 'Lucida Grande', 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  margin: 1em auto;
  text-align: center;
  transition: font-size .2s ease-in-out;
}
[data-pagination] ul {
  list-style-type: none;
  display: inline;
  font-size: 100%;
  margin: 0;
  padding: .5em;
}
[data-pagination] ul li {
  display: inline-block;
  font-size: 100%;
  width: auto;
  border-radius: 3px;
}
[data-pagination] > a {
  font-size: 140%;
}
[data-pagination] a {
  color: #777;
  font-size: 100%;
  padding: .5em;
}
[data-pagination] a:focus,
[data-pagination] a:hover {
  color: #f60;
}
[data-pagination] li.current {
  background: rgba(0,0,0,.1)
}
/* Disabled & Hidden Styles */
[data-pagination] .disabled,
[data-pagination] [hidden],
[data-pagination] [disabled] {
  opacity: .5;
  pointer-events: none;
}
@media (min-width: 350px) {
  [data-pagination] {
    font-size: 10pt;
  }
}
@media (min-width: 500px) {
  [data-pagination] {
    font-size: 12pt;
  }
}
@media (min-width: 700px) {
  [data-pagination] {
    font-size: 14pt;
  }
}
@media (min-width: 900px) {
  [data-pagination] {
    font-size: 16pt;
  }
}

  #cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  border: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;     
}

#cssmenu {
  height: 37px;
  display: block;
  padding: 0;
  margin: 0;
  border: 1px solid;
  border-radius: 5px;
  width: auto;
  border-color: transparent;
}
#cssmenu,
#cssmenu > ul > li > ul > li a:hover {
  background: transparent;
}

#cssmenu > ul {
  list-style: inside none;
  padding: 0;
  margin: 0;
}
#cssmenu > ul > li {
  list-style: inside none;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  position: relative;
}
#cssmenu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  padding: 12px 5px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  border-right: 1px solid transparent;
  color: #4E4E4E;  
}
#cssmenu > ul > li > a:hover {
  background: transparent;
  color: #4E4E4E;
}

#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 5px;
}
#cssmenu > ul > li > a:after {
  content: '';
  position: absolute;
  border-right: 1px solid;
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: 99;
  border-color: transparent;  
}
#cssmenu ul li.has-sub:hover > a:after {
  top: 0;
  bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
  content: '';
  position: absolute;
  top: 18px;
  right: 6px;
  border: 5px solid transparent;
  border-top: 5px solid #4E4E4E;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 19px;
}
#cssmenu ul li.has-sub:hover > a {
  background: #F0F3F8;
  border-color: #F0F3F8;
  padding-bottom: 13px;
  padding-top: 13px;
  top: -1px;
  z-index: 999;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
  display: block;
}
#cssmenu ul li.has-sub > a:hover {
  background: #F0F3F8;
  border-color: #F0F3F8;
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 38px;
  padding: 10px 0;
  background: #F0F3F8;
  border-radius: 0 0 5px 5px;
  z-index: 999;
}
#cssmenu ul li > ul {
  width: 200px;
}
#cssmenu ul li > ul li {
  display: block;
  list-style: inside none;
  padding: 0;
  margin: 0;
  position: relative;
}
#cssmenu ul li > ul li a {
  outline: none;
  display: block;
  position: relative;
  margin: 0;
  padding: 8px 20px;
  font: 10pt Arial, Helvetica, sans-serif;
  color: #4E4E4E;
  text-decoration: none;
}
#cssmenu ul ul a:hover {
  color: #4E4E4E;
}
#cssmenu > ul > li.has-sub > a:hover:before {
  border-top: 5px solid #4E4E4E;
}

div.ayarcek ol {
   counter-reset: custom-counter;
   list-style: none !important;
   font: 15px 'Open Sans', sans-serif;
   font-weight: normal;
   line-height: 23px; /* Tüm liste öğelerine aynı satır yüksekliği uygula */
   margin-top: 10px;
   margin-left: 25px; 

}

div.ayarcek ul {
   list-style: disc !important;
   font: 15px 'Open Sans', sans-serif;
   font-weight: normal;
   line-height: 23px; /* Tüm liste öğelerine aynı satır yüksekliği uygula */
   margin-top: 10px;
   padding: 5px 0; 
   margin-left: 35px; 
}

div.ayarcek ol li::before {
   counter-increment: custom-counter;
   content: counter(custom-counter) ". ";
   font-weight: bold;
}

div.ayarcek ol li {
   list-style: none !important; /* Sadece <ol> içindeki liste öğelerinin işaretini kaldır */
}

div.ayarcek ul li {
   list-style: disc !important; /* Sadece <ul> içindeki liste öğelerine disk tipi liste işareti uygula */
}