@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap");
.mauto {
  margin: auto;
}

.fnone {
  float: none;
}

.nofl {
  float: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.hide {
  display: none;
}

.clear {
  clear: both;
}

.normal {
  font-weight: normal !important;
}

.medium {
  font-weight: 500;
}

.bold {
  font-weight: bold;
}

.nopd {
  padding: 0;
}

.nomg {
  margin: 0;
}

.nopdmg, .nomgpd {
  margin: 0;
  padding: 0;
}

.dinline {
  display: inline;
}

.diblock {
  display: inline-block;
}

.dblock {
  display: block;
}

.arial {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.mg-0 {
  margin: 0px !important;
}

.mgr-0 {
  margin-right: 0px !important;
}

.mgl-0 {
  margin-left: 0px !important;
}

.mgt-0 {
  margin-top: 0px !important;
}

.mgb-0 {
  margin-bottom: 0px !important;
}

.pd-0 {
  padding: 0px !important;
}

.pdr-0 {
  padding-right: 0px !important;
}

.pdl-0 {
  padding-left: 0px !important;
}

.pdt-0 {
  padding-top: 0px !important;
}

.pdb-0 {
  padding-bottom: 0px !important;
}

.mg-1 {
  margin: 1px !important;
}

.mgr-1 {
  margin-right: 1px !important;
}

.mgl-1 {
  margin-left: 1px !important;
}

.mgt-1 {
  margin-top: 1px !important;
}

.mgb-1 {
  margin-bottom: 1px !important;
}

.pd-1 {
  padding: 1px !important;
}

.pdr-1 {
  padding-right: 1px !important;
}

.pdl-1 {
  padding-left: 1px !important;
}

.pdt-1 {
  padding-top: 1px !important;
}

.pdb-1 {
  padding-bottom: 1px !important;
}

.f1 {
  font-size: 1px !important;
}

.f21 {
  font-size: 21px !important;
}

.mg-2 {
  margin: 2px !important;
}

.mgr-2 {
  margin-right: 2px !important;
}

.mgl-2 {
  margin-left: 2px !important;
}

.mgt-2 {
  margin-top: 2px !important;
}

.mgb-2 {
  margin-bottom: 2px !important;
}

.pd-2 {
  padding: 2px !important;
}

.pdr-2 {
  padding-right: 2px !important;
}

.pdl-2 {
  padding-left: 2px !important;
}

.pdt-2 {
  padding-top: 2px !important;
}

.pdb-2 {
  padding-bottom: 2px !important;
}

.f2 {
  font-size: 2px !important;
}

.f22 {
  font-size: 22px !important;
}

.mg-3 {
  margin: 3px !important;
}

.mgr-3 {
  margin-right: 3px !important;
}

.mgl-3 {
  margin-left: 3px !important;
}

.mgt-3 {
  margin-top: 3px !important;
}

.mgb-3 {
  margin-bottom: 3px !important;
}

.pd-3 {
  padding: 3px !important;
}

.pdr-3 {
  padding-right: 3px !important;
}

.pdl-3 {
  padding-left: 3px !important;
}

.pdt-3 {
  padding-top: 3px !important;
}

.pdb-3 {
  padding-bottom: 3px !important;
}

.f3 {
  font-size: 3px !important;
}

.f23 {
  font-size: 23px !important;
}

.mg-4 {
  margin: 4px !important;
}

.mgr-4 {
  margin-right: 4px !important;
}

.mgl-4 {
  margin-left: 4px !important;
}

.mgt-4 {
  margin-top: 4px !important;
}

.mgb-4 {
  margin-bottom: 4px !important;
}

.pd-4 {
  padding: 4px !important;
}

.pdr-4 {
  padding-right: 4px !important;
}

.pdl-4 {
  padding-left: 4px !important;
}

.pdt-4 {
  padding-top: 4px !important;
}

.pdb-4 {
  padding-bottom: 4px !important;
}

.f4 {
  font-size: 4px !important;
}

.f24 {
  font-size: 24px !important;
}

.mg-5 {
  margin: 5px !important;
}

.mgr-5 {
  margin-right: 5px !important;
}

.mgl-5 {
  margin-left: 5px !important;
}

.mgt-5 {
  margin-top: 5px !important;
}

.mgb-5 {
  margin-bottom: 5px !important;
}

.pd-5 {
  padding: 5px !important;
}

.pdr-5 {
  padding-right: 5px !important;
}

.pdl-5 {
  padding-left: 5px !important;
}

.pdt-5 {
  padding-top: 5px !important;
}

.pdb-5 {
  padding-bottom: 5px !important;
}

.f5 {
  font-size: 5px !important;
}

.f25 {
  font-size: 25px !important;
}

.mg-6 {
  margin: 6px !important;
}

.mgr-6 {
  margin-right: 6px !important;
}

.mgl-6 {
  margin-left: 6px !important;
}

.mgt-6 {
  margin-top: 6px !important;
}

.mgb-6 {
  margin-bottom: 6px !important;
}

.pd-6 {
  padding: 6px !important;
}

.pdr-6 {
  padding-right: 6px !important;
}

.pdl-6 {
  padding-left: 6px !important;
}

.pdt-6 {
  padding-top: 6px !important;
}

.pdb-6 {
  padding-bottom: 6px !important;
}

.f6 {
  font-size: 6px !important;
}

.f26 {
  font-size: 26px !important;
}

.mg-7 {
  margin: 7px !important;
}

.mgr-7 {
  margin-right: 7px !important;
}

.mgl-7 {
  margin-left: 7px !important;
}

.mgt-7 {
  margin-top: 7px !important;
}

.mgb-7 {
  margin-bottom: 7px !important;
}

.pd-7 {
  padding: 7px !important;
}

.pdr-7 {
  padding-right: 7px !important;
}

.pdl-7 {
  padding-left: 7px !important;
}

.pdt-7 {
  padding-top: 7px !important;
}

.pdb-7 {
  padding-bottom: 7px !important;
}

.f7 {
  font-size: 7px !important;
}

.f27 {
  font-size: 27px !important;
}

.mg-8 {
  margin: 8px !important;
}

.mgr-8 {
  margin-right: 8px !important;
}

.mgl-8 {
  margin-left: 8px !important;
}

.mgt-8 {
  margin-top: 8px !important;
}

.mgb-8 {
  margin-bottom: 8px !important;
}

.pd-8 {
  padding: 8px !important;
}

.pdr-8 {
  padding-right: 8px !important;
}

.pdl-8 {
  padding-left: 8px !important;
}

.pdt-8 {
  padding-top: 8px !important;
}

.pdb-8 {
  padding-bottom: 8px !important;
}

.f8 {
  font-size: 8px !important;
}

.f28 {
  font-size: 28px !important;
}

.mg-9 {
  margin: 9px !important;
}

.mgr-9 {
  margin-right: 9px !important;
}

.mgl-9 {
  margin-left: 9px !important;
}

.mgt-9 {
  margin-top: 9px !important;
}

.mgb-9 {
  margin-bottom: 9px !important;
}

.pd-9 {
  padding: 9px !important;
}

.pdr-9 {
  padding-right: 9px !important;
}

.pdl-9 {
  padding-left: 9px !important;
}

.pdt-9 {
  padding-top: 9px !important;
}

.pdb-9 {
  padding-bottom: 9px !important;
}

.f9 {
  font-size: 9px !important;
}

.f29 {
  font-size: 29px !important;
}

.mg-10 {
  margin: 10px !important;
}

.mgr-10 {
  margin-right: 10px !important;
}

.mgl-10 {
  margin-left: 10px !important;
}

.mgt-10 {
  margin-top: 10px !important;
}

.mgb-10 {
  margin-bottom: 10px !important;
}

.pd-10 {
  padding: 10px !important;
}

.pdr-10 {
  padding-right: 10px !important;
}

.pdl-10 {
  padding-left: 10px !important;
}

.pdt-10 {
  padding-top: 10px !important;
}

.pdb-10 {
  padding-bottom: 10px !important;
}

.f10 {
  font-size: 10px !important;
}

.f30 {
  font-size: 30px !important;
}

.mg-11 {
  margin: 11px !important;
}

.mgr-11 {
  margin-right: 11px !important;
}

.mgl-11 {
  margin-left: 11px !important;
}

.mgt-11 {
  margin-top: 11px !important;
}

.mgb-11 {
  margin-bottom: 11px !important;
}

.pd-11 {
  padding: 11px !important;
}

.pdr-11 {
  padding-right: 11px !important;
}

.pdl-11 {
  padding-left: 11px !important;
}

.pdt-11 {
  padding-top: 11px !important;
}

.pdb-11 {
  padding-bottom: 11px !important;
}

.f11 {
  font-size: 11px !important;
}

.f31 {
  font-size: 31px !important;
}

.mg-12 {
  margin: 12px !important;
}

.mgr-12 {
  margin-right: 12px !important;
}

.mgl-12 {
  margin-left: 12px !important;
}

.mgt-12 {
  margin-top: 12px !important;
}

.mgb-12 {
  margin-bottom: 12px !important;
}

.pd-12 {
  padding: 12px !important;
}

.pdr-12 {
  padding-right: 12px !important;
}

.pdl-12 {
  padding-left: 12px !important;
}

.pdt-12 {
  padding-top: 12px !important;
}

.pdb-12 {
  padding-bottom: 12px !important;
}

.f12 {
  font-size: 12px !important;
}

.f32 {
  font-size: 32px !important;
}

.mg-13 {
  margin: 13px !important;
}

.mgr-13 {
  margin-right: 13px !important;
}

.mgl-13 {
  margin-left: 13px !important;
}

.mgt-13 {
  margin-top: 13px !important;
}

.mgb-13 {
  margin-bottom: 13px !important;
}

.pd-13 {
  padding: 13px !important;
}

.pdr-13 {
  padding-right: 13px !important;
}

.pdl-13 {
  padding-left: 13px !important;
}

.pdt-13 {
  padding-top: 13px !important;
}

.pdb-13 {
  padding-bottom: 13px !important;
}

.f13 {
  font-size: 13px !important;
}

.f33 {
  font-size: 33px !important;
}

.mg-14 {
  margin: 14px !important;
}

.mgr-14 {
  margin-right: 14px !important;
}

.mgl-14 {
  margin-left: 14px !important;
}

.mgt-14 {
  margin-top: 14px !important;
}

.mgb-14 {
  margin-bottom: 14px !important;
}

.pd-14 {
  padding: 14px !important;
}

.pdr-14 {
  padding-right: 14px !important;
}

.pdl-14 {
  padding-left: 14px !important;
}

.pdt-14 {
  padding-top: 14px !important;
}

.pdb-14 {
  padding-bottom: 14px !important;
}

.f14 {
  font-size: 14px !important;
}

.f34 {
  font-size: 34px !important;
}

.mg-15 {
  margin: 15px !important;
}

.mgr-15 {
  margin-right: 15px !important;
}

.mgl-15 {
  margin-left: 15px !important;
}

.mgt-15 {
  margin-top: 15px !important;
}

.mgb-15 {
  margin-bottom: 15px !important;
}

.pd-15 {
  padding: 15px !important;
}

.pdr-15 {
  padding-right: 15px !important;
}

.pdl-15 {
  padding-left: 15px !important;
}

.pdt-15 {
  padding-top: 15px !important;
}

.pdb-15 {
  padding-bottom: 15px !important;
}

.f15 {
  font-size: 15px !important;
}

.f35 {
  font-size: 35px !important;
}

.mg-16 {
  margin: 16px !important;
}

.mgr-16 {
  margin-right: 16px !important;
}

.mgl-16 {
  margin-left: 16px !important;
}

.mgt-16 {
  margin-top: 16px !important;
}

.mgb-16 {
  margin-bottom: 16px !important;
}

.pd-16 {
  padding: 16px !important;
}

.pdr-16 {
  padding-right: 16px !important;
}

.pdl-16 {
  padding-left: 16px !important;
}

.pdt-16 {
  padding-top: 16px !important;
}

.pdb-16 {
  padding-bottom: 16px !important;
}

.f16 {
  font-size: 16px !important;
}

.f36 {
  font-size: 36px !important;
}

.mg-17 {
  margin: 17px !important;
}

.mgr-17 {
  margin-right: 17px !important;
}

.mgl-17 {
  margin-left: 17px !important;
}

.mgt-17 {
  margin-top: 17px !important;
}

.mgb-17 {
  margin-bottom: 17px !important;
}

.pd-17 {
  padding: 17px !important;
}

.pdr-17 {
  padding-right: 17px !important;
}

.pdl-17 {
  padding-left: 17px !important;
}

.pdt-17 {
  padding-top: 17px !important;
}

.pdb-17 {
  padding-bottom: 17px !important;
}

.f17 {
  font-size: 17px !important;
}

.f37 {
  font-size: 37px !important;
}

.mg-18 {
  margin: 18px !important;
}

.mgr-18 {
  margin-right: 18px !important;
}

.mgl-18 {
  margin-left: 18px !important;
}

.mgt-18 {
  margin-top: 18px !important;
}

.mgb-18 {
  margin-bottom: 18px !important;
}

.pd-18 {
  padding: 18px !important;
}

.pdr-18 {
  padding-right: 18px !important;
}

.pdl-18 {
  padding-left: 18px !important;
}

.pdt-18 {
  padding-top: 18px !important;
}

.pdb-18 {
  padding-bottom: 18px !important;
}

.f18 {
  font-size: 18px !important;
}

.f38 {
  font-size: 38px !important;
}

.mg-19 {
  margin: 19px !important;
}

.mgr-19 {
  margin-right: 19px !important;
}

.mgl-19 {
  margin-left: 19px !important;
}

.mgt-19 {
  margin-top: 19px !important;
}

.mgb-19 {
  margin-bottom: 19px !important;
}

.pd-19 {
  padding: 19px !important;
}

.pdr-19 {
  padding-right: 19px !important;
}

.pdl-19 {
  padding-left: 19px !important;
}

.pdt-19 {
  padding-top: 19px !important;
}

.pdb-19 {
  padding-bottom: 19px !important;
}

.f19 {
  font-size: 19px !important;
}

.f39 {
  font-size: 39px !important;
}

.mg-20 {
  margin: 20px !important;
}

.mgr-20 {
  margin-right: 20px !important;
}

.mgl-20 {
  margin-left: 20px !important;
}

.mgt-20 {
  margin-top: 20px !important;
}

.mgb-20 {
  margin-bottom: 20px !important;
}

.pd-20 {
  padding: 20px !important;
}

.pdr-20 {
  padding-right: 20px !important;
}

.pdl-20 {
  padding-left: 20px !important;
}

.pdt-20 {
  padding-top: 20px !important;
}

.pdb-20 {
  padding-bottom: 20px !important;
}

.f20 {
  font-size: 20px !important;
}

.f40 {
  font-size: 40px !important;
}

.mg-20 {
  margin: 20px !important;
}

.mgr-20 {
  margin-right: 20px !important;
}

.mgl-20 {
  margin-left: 20px !important;
}

.mgt-20 {
  margin-top: 20px !important;
}

.mgb-20 {
  margin-bottom: 20px !important;
}

.pd-20 {
  padding: 20px !important;
}

.pdr-20 {
  padding-right: 20px !important;
}

.pdl-20 {
  padding-left: 20px !important;
}

.pdt-20 {
  padding-top: 20px !important;
}

.pdb-20 {
  padding-bottom: 20px !important;
}

.mg-25 {
  margin: 25px !important;
}

.mgr-25 {
  margin-right: 25px !important;
}

.mgl-25 {
  margin-left: 25px !important;
}

.mgt-25 {
  margin-top: 25px !important;
}

.mgb-25 {
  margin-bottom: 25px !important;
}

.pd-25 {
  padding: 25px !important;
}

.pdr-25 {
  padding-right: 25px !important;
}

.pdl-25 {
  padding-left: 25px !important;
}

.pdt-25 {
  padding-top: 25px !important;
}

.pdb-25 {
  padding-bottom: 25px !important;
}

.mg-30 {
  margin: 30px !important;
}

.mgr-30 {
  margin-right: 30px !important;
}

.mgl-30 {
  margin-left: 30px !important;
}

.mgt-30 {
  margin-top: 30px !important;
}

.mgb-30 {
  margin-bottom: 30px !important;
}

.pd-30 {
  padding: 30px !important;
}

.pdr-30 {
  padding-right: 30px !important;
}

.pdl-30 {
  padding-left: 30px !important;
}

.pdt-30 {
  padding-top: 30px !important;
}

.pdb-30 {
  padding-bottom: 30px !important;
}

.mg-35 {
  margin: 35px !important;
}

.mgr-35 {
  margin-right: 35px !important;
}

.mgl-35 {
  margin-left: 35px !important;
}

.mgt-35 {
  margin-top: 35px !important;
}

.mgb-35 {
  margin-bottom: 35px !important;
}

.pd-35 {
  padding: 35px !important;
}

.pdr-35 {
  padding-right: 35px !important;
}

.pdl-35 {
  padding-left: 35px !important;
}

.pdt-35 {
  padding-top: 35px !important;
}

.pdb-35 {
  padding-bottom: 35px !important;
}

.mg-40 {
  margin: 40px !important;
}

.mgr-40 {
  margin-right: 40px !important;
}

.mgl-40 {
  margin-left: 40px !important;
}

.mgt-40 {
  margin-top: 40px !important;
}

.mgb-40 {
  margin-bottom: 40px !important;
}

.pd-40 {
  padding: 40px !important;
}

.pdr-40 {
  padding-right: 40px !important;
}

.pdl-40 {
  padding-left: 40px !important;
}

.pdt-40 {
  padding-top: 40px !important;
}

.pdb-40 {
  padding-bottom: 40px !important;
}

.mg-45 {
  margin: 45px !important;
}

.mgr-45 {
  margin-right: 45px !important;
}

.mgl-45 {
  margin-left: 45px !important;
}

.mgt-45 {
  margin-top: 45px !important;
}

.mgb-45 {
  margin-bottom: 45px !important;
}

.pd-45 {
  padding: 45px !important;
}

.pdr-45 {
  padding-right: 45px !important;
}

.pdl-45 {
  padding-left: 45px !important;
}

.pdt-45 {
  padding-top: 45px !important;
}

.pdb-45 {
  padding-bottom: 45px !important;
}

.mg-50 {
  margin: 50px !important;
}

.mgr-50 {
  margin-right: 50px !important;
}

.mgl-50 {
  margin-left: 50px !important;
}

.mgt-50 {
  margin-top: 50px !important;
}

.mgb-50 {
  margin-bottom: 50px !important;
}

.pd-50 {
  padding: 50px !important;
}

.pdr-50 {
  padding-right: 50px !important;
}

.pdl-50 {
  padding-left: 50px !important;
}

.pdt-50 {
  padding-top: 50px !important;
}

.pdb-50 {
  padding-bottom: 50px !important;
}

.ms-6 {
  margin-left: 4rem !important;
}

.me-6 {
  margin-right: 4rem !important;
}

.mt-6 {
  margin-top: 4rem !important;
}

.mb-6 {
  margin-bottom: 4rem !important;
}

.ps-6 {
  padding-left: 4rem !important;
}

.pe-6 {
  padding-right: 4rem !important;
}

.pt-6 {
  padding-top: 4rem !important;
}

.pb-6 {
  padding-bottom: 4rem !important;
}

.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.w1 {
  width: 1%;
}

.w2 {
  width: 2%;
}

.w3 {
  width: 3%;
}

.w4 {
  width: 4%;
}

.w5 {
  width: 5%;
}

.w25 {
  width: 25%;
}

.w6 {
  width: 6%;
}

.w7 {
  width: 7%;
}

.w8 {
  width: 8%;
}

.w9 {
  width: 9%;
}

.w10 {
  width: 10%;
}

.w50 {
  width: 50%;
}

.w11 {
  width: 11%;
}

.w12 {
  width: 12%;
}

.w13 {
  width: 13%;
}

.w14 {
  width: 14%;
}

.w15 {
  width: 15%;
}

.w75 {
  width: 75%;
}

.w16 {
  width: 16%;
}

.w17 {
  width: 17%;
}

.w18 {
  width: 18%;
}

.w19 {
  width: 19%;
}

.w20 {
  width: 20%;
}

.w100 {
  width: 100%;
}

.w21 {
  width: 21%;
}

.w22 {
  width: 22%;
}

.w23 {
  width: 23%;
}

.w24 {
  width: 24%;
}

.w25 {
  width: 25%;
}

.w125 {
  width: 125%;
}

.w26 {
  width: 26%;
}

.w27 {
  width: 27%;
}

.w28 {
  width: 28%;
}

.w29 {
  width: 29%;
}

.w30 {
  width: 30%;
}

.w150 {
  width: 150%;
}

.w31 {
  width: 31%;
}

.w32 {
  width: 32%;
}

.w33 {
  width: 33%;
}

.w34 {
  width: 34%;
}

.w35 {
  width: 35%;
}

.w175 {
  width: 175%;
}

.w36 {
  width: 36%;
}

.w37 {
  width: 37%;
}

.w38 {
  width: 38%;
}

.w39 {
  width: 39%;
}

.w40 {
  width: 40%;
}

.w200 {
  width: 200%;
}

.w41 {
  width: 41%;
}

.w42 {
  width: 42%;
}

.w43 {
  width: 43%;
}

.w44 {
  width: 44%;
}

.w45 {
  width: 45%;
}

.w225 {
  width: 225%;
}

.w46 {
  width: 46%;
}

.w47 {
  width: 47%;
}

.w48 {
  width: 48%;
}

.w49 {
  width: 49%;
}

.w50 {
  width: 50%;
}

.w250 {
  width: 250%;
}

.w51 {
  width: 51%;
}

.w52 {
  width: 52%;
}

.w53 {
  width: 53%;
}

.w54 {
  width: 54%;
}

.w55 {
  width: 55%;
}

.w275 {
  width: 275%;
}

.w56 {
  width: 56%;
}

.w57 {
  width: 57%;
}

.w58 {
  width: 58%;
}

.w59 {
  width: 59%;
}

.w60 {
  width: 60%;
}

.w300 {
  width: 300%;
}

.w61 {
  width: 61%;
}

.w62 {
  width: 62%;
}

.w63 {
  width: 63%;
}

.w64 {
  width: 64%;
}

.w65 {
  width: 65%;
}

.w325 {
  width: 325%;
}

.w66 {
  width: 66%;
}

.w67 {
  width: 67%;
}

.w68 {
  width: 68%;
}

.w69 {
  width: 69%;
}

.w70 {
  width: 70%;
}

.w350 {
  width: 350%;
}

.w71 {
  width: 71%;
}

.w72 {
  width: 72%;
}

.w73 {
  width: 73%;
}

.w74 {
  width: 74%;
}

.w75 {
  width: 75%;
}

.w375 {
  width: 375%;
}

.w76 {
  width: 76%;
}

.w77 {
  width: 77%;
}

.w78 {
  width: 78%;
}

.w79 {
  width: 79%;
}

.w80 {
  width: 80%;
}

.w400 {
  width: 400%;
}

.w81 {
  width: 81%;
}

.w82 {
  width: 82%;
}

.w83 {
  width: 83%;
}

.w84 {
  width: 84%;
}

.w85 {
  width: 85%;
}

.w425 {
  width: 425%;
}

.w86 {
  width: 86%;
}

.w87 {
  width: 87%;
}

.w88 {
  width: 88%;
}

.w89 {
  width: 89%;
}

.w90 {
  width: 90%;
}

.w450 {
  width: 450%;
}

.w91 {
  width: 91%;
}

.w92 {
  width: 92%;
}

.w93 {
  width: 93%;
}

.w94 {
  width: 94%;
}

.w95 {
  width: 95%;
}

.w475 {
  width: 475%;
}

.w96 {
  width: 96%;
}

.w97 {
  width: 97%;
}

.w98 {
  width: 98%;
}

.w99 {
  width: 99%;
}

.w100 {
  width: 100%;
}

.w500 {
  width: 500%;
}

.va-b {
  vertical-align: bottom;
}

.va-m {
  vertical-align: middle !important;
}

.va-t {
  vertical-align: top;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

/* Font */
h1 {
  font-size: 24px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

.bold {
  font-weight: bold;
}

.cpointer {
  cursor: pointer;
}

@media print {
  .phide {
    display: none !important;
  }
}
.flex-start {
  justify-content: flex-start !important;
}

a, a:hover, a:active, a:focus {
  text-decoration: none;
  color: inherit;
}

a, a:visited, a:focus, a:active, a:hover {
  outline: 0 none !important;
}

img {
  max-width: 100%;
}

.mavi {
  color: #34A2DB !important;
}

.golge {
  filter: drop-shadow(0px 6px 9px rgba(0, 0, 0, 0.161));
}

.radius-5 {
  border-radius: 0.3125rem;
}

.radius-10 {
  border-radius: 0.625rem;
}

.radius-20 {
  border-radius: 1.25rem;
}

.radius-md-5 {
  border-radius: 0.3125rem;
}

.radius-md-10 {
  border-radius: 0.625rem;
}

.radius-md-20 {
  border-radius: 1.25rem;
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

html, body {
  background-color: #F5F5F5;
}

body {
  font-family: "Rubik", sans-serif;
}
body.pana-body {
  user-select: none;
  /* supported by Chrome and Opera */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
}

.page {
  min-height: 100vh;
  height: auto;
  display: flex;
  padding: 10px;
}

.yradius {
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.kapat {
  color: #18a1f6;
  font-size: 40px;
}

@keyframes xblink {
  50% {
    opacity: 0;
  }
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  50% {
    display: block;
    opacity: 1;
  }
  100% {
    display: block;
    opacity: 0;
  }
}
.menu-goster {
  position: fixed;
  right: 2rem;
  top: 1.25rem;
  z-index: 5;
  width: 50px;
  height: 50px;
  animation: fadeInFromNone 2.5s ease-out infinite;
  /*
  animation-duration: 1s;
  animation-delay: 3s;
  animation-iteration-count: 10000;
  animation-name: flash;
  */
}

@keyframes menu-anim {
  /*
  0%{text-shadow: none;}
  100%{text-shadow: 0 0 0.1em #fff, 0 0 0.2em #fff, 0 0 0.3em #fff, 0 0 0.4em #f7f,0 0 0.6em #f0f, 0 0 0.8em #f0f, 0 0 1.0em #f0f, 0 0 1.2em #f0f;}
  */
}
.sol-ucgen {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 0;
  height: 0;
  border-top: 320px solid rgba(255, 255, 255, 0.7);
  border-right: 320px solid transparent;
  overflow: visible;
}

.sol-logo-holder {
  position: fixed;
  top: 0;
  left: 0;
  padding: 30px 0 0 30px;
  z-index: 4;
  background-color: transparent;
  width: 320px;
  height: 320px;
}
.sol-logo-holder img {
  max-width: 147px;
}

.top-title {
  position: absolute;
  top: 4.375rem;
  right: 10px;
  font-size: 3.75rem;
  font-weight: bold;
  color: #FFFFFF;
  z-index: 5;
  font-style: normal;
}

.menu {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  height: 100vh;
  top: 0;
  z-index: 10;
  background: url("../../images/anabg.jpg") center center no-repeat;
  background-size: cover;
}
.menu .menu-inner {
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 90vh;
  padding: 3.75rem 3rem 2rem 3rem;
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s;
  text-align: right;
  flex-direction: row;
  justify-content: space-between;
}
.menu .menu-inner .menu-logo img {
  max-width: 249px;
  height: auto;
}
.menu .menu-inner .kapat {
  /*
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  font-size: 2.5rem;
  line-height: 2.6rem;
  margin-bottom: 1rem;
  */
}
.menu .menu-inner .menu-sag ul {
  list-style-type: none;
}
.menu .menu-inner .menu-sag ul li {
  display: block;
  line-height: normal;
  font-size: 3.125rem;
  font-weight: 400;
}
.menu .menu-inner .menu-sag ul li a {
  color: #5D5551;
  font-family: "Rubik", sans-serif;
}
.menu .menu-inner .menu-footer {
  text-align: left;
  position: absolute;
  bottom: 40px;
  left: 0;
  padding-left: 20px;
}
.menu .menu-inner .menu-footer a {
  display: inline-block;
}
.menu .menu-inner .menu-footer a img {
  max-height: 45px;
  width: auto;
}
.menu .menu-inner .menu-footer a.insta {
  padding-left: 5px;
  padding-right: 5px;
}

.slayt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.slayt .icerik {
  margin-bottom: 4.5rem;
}
.slayt .icerik .hello {
  font-size: 112px;
  color: #E9E9E9;
  font-weight: bold;
}
.slayt .icerik p {
  font-size: 30px;
  color: #FFE8DE;
  font-weight: 500;
  line-height: 120%;
}

.slayt-logo {
  text-align: center;
}

.page .title {
  font-size: 60px;
  font-weight: bold;
  color: #707070;
  display: block;
}

.sit-back h5 {
  font-size: 1.563rem;
  font-weight: 400;
  color: #5A5A5A;
}
.sit-back p {
  font-size: 1.063rem;
  color: #B2B2B2;
}

.touch-size {
  font-size: 17px;
  font-weight: 500;
}

.touch-link {
  font-size: 17px;
  font-weight: 500;
  color: #34A2DB;
}

.hservices .icerik {
  padding: 2rem 2rem;
  width: 100%;
}
.hservices .icerik .container-fluid {
  max-width: 1535px;
  max-width: 1170px;
}
.hservices .icerik .container-fluid .part {
  position: relative;
  max-width: 40.9771986971%;
  padding: 20px 20px;
}
.hservices .icerik .container-fluid .part .bgwrap {
  display: none;
}
.hservices .icerik .container-fluid .part img {
  width: auto;
  height: 100%;
}
.hservices .icerik .container-fluid .part span {
  position: absolute;
  right: 30px;
  bottom: 25px;
  font-size: 1.875rem;
  text-align: right;
  color: #FFF;
  padding: 3px 8px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  display: none;
}
.hservices .icerik .container-fluid .part:hover .bgwrap {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  padding: 20px;
  transition-delay: 0.2s;
}
.hservices .icerik .container-fluid .part:hover .bgwrap .inner {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 3.1875rem;
  color: #FFF;
  font-weight: bold;
  line-height: 100%;
  padding: 5px;
}
.hservices .icerik .container-fluid .part:hover span {
  display: none;
}
.hservices .icerik .container-fluid .part2x {
  max-width: 58.3061889251%;
}
.hservices .icerik .container-fluid .part .inner {
  background-color: transparent;
}
.hservices .icerik .container-fluid .part:nth-child(1) span {
  background-color: #CFC399;
}
.hservices .icerik .container-fluid .part:nth-child(1) .inner {
  background-color: rgba(207, 195, 153, 0.8) !important;
}
.hservices .icerik .container-fluid .part:nth-child(2) span {
  background-color: #3F4A50;
}
.hservices .icerik .container-fluid .part:nth-child(2) .inner {
  background-color: rgba(63, 74, 80, 0.8) !important;
}
.hservices .icerik .container-fluid .part:nth-child(3) span {
  background-color: #285105;
}
.hservices .icerik .container-fluid .part:nth-child(3) .inner {
  background-color: rgba(40, 80, 5, 0.8) !important;
  font-size: 2.6875rem !important;
}
.hservices .icerik .container-fluid .part:nth-child(4) span {
  background-color: #81ACC5;
}
.hservices .icerik .container-fluid .part:nth-child(4) .inner {
  background-color: rgba(129, 172, 197, 0.8) !important;
}
.hservices .icerik .container-fluid .be-inolved {
  font-size: 6.1875rem;
  color: #5A5A5A;
  font-weight: bold;
}
.hservices .icerik .container-fluid .acik h5 {
  font-size: 1.563rem;
  font-weight: 500;
  color: #5A5A5A;
}
.hservices .icerik .container-fluid .acik p {
  font-size: 17px;
  color: #B2B2B2;
  line-height: 2.5rem;
  font-weight: 500;
}
.hservices .hbg {
  background-color: #EFEFEF;
  border-radius: 10px;
  z-index: 1;
  position: absolute;
  left: -20px;
  top: -20px;
  right: 10%;
  bottom: 5%;
}

.hproducts2 {
  padding-right: 0;
  margin-bottom: 30px;
}
.hproducts2 .title-wrap, .hproducts2 .boxwrap {
  width: 100%;
  max-width: 1462px;
  margin: auto;
}
.hproducts2 .title-wrap {
  z-index: 2;
  position: relative;
}
.hproducts2 .title-wrap .title {
  font-size: 3.75rem;
  font-weight: bold;
  color: #707070;
}
.hproducts2 .container-fluid {
  max-width: 1421px;
  margin: auto;
  position: relative;
  padding: 30px 30px;
}
.hproducts2 .container-fluid .bg {
  border-radius: 10px;
  background-color: #EFEFEF;
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 10%;
  top: 0;
  width: 70%;
}
.hproducts2 .container-fluid .box-wrapper {
  max-width: 1294px;
  position: relative;
  margin: auto;
}
.hproducts2 .container-fluid .box-wrapper .lbox {
  position: relative;
  width: 88.1761978362%;
  z-index: 3;
}
.hproducts2 .container-fluid .box-wrapper .rbox {
  position: absolute;
  right: 0;
  top: 10%;
  z-index: 4;
  width: 33.6166924266%;
  display: flex;
  flex-direction: column;
}
.hproducts2 .container-fluid .box-wrapper .rbox .item {
  display: flex;
  flex: 1;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  font-size: 17px;
  color: #5A5A5A;
  font-weight: bold;
  height: 33%;
  width: 100%;
  max-width: 435px;
  max-height: 274px;
  padding: 30px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 45px;
  background: url("../../images/home/products-rbg.jpg") 0 0 repeat;
}
.hproducts2 .container-fluid .box-wrapper .rbox .item img {
  height: 100%;
  max-height: 150px;
  width: auto;
  margin-bottom: 15px;
}

.hpanapusher2 {
  padding-top: 100px;
}
.hpanapusher2 .container-fluid {
  max-width: 1500px;
  width: 100%;
  margin: auto;
}
.hpanapusher2 .container-fluid .pushersvg {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  top: 0;
  height: 100%;
  padding-bottom: 127px;
}
.hpanapusher2 .container-fluid .pushersvg_old {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 5.125rem;
  z-index: 1;
  top: 0;
  height: calc(100vh - 5.125rem);
}
.hpanapusher2 .container-fluid #pushersvg {
  fill: url(#pushersvg);
}
.hpanapusher2 .container-fluid .icerik {
  display: flex;
  flex-direction: column;
  padding: 2.5rem 1rem;
  width: 100%;
  min-height: 812px;
  justify-content: center;
  position: relative;
  z-index: 2;
  background: url("../../images/home/panapusher2.png") bottom right no-repeat;
  background-size: auto;
}
.hpanapusher2 .container-fluid .icerik .sol {
  max-width: 45%;
}
.hpanapusher2 .container-fluid .icerik .sol h3 {
  font-size: 6.875rem;
  font-weight: bold;
  margin-bottom: 0;
}
.hpanapusher2 .container-fluid .icerik .sol h3 .mavi1 {
  color: #3396BB;
}
.hpanapusher2 .container-fluid .icerik .sol h3 .mavi2 {
  color: #A1BAC5;
}
.hpanapusher2 .container-fluid .icerik .sol h4 {
  font-size: 1.75rem;
  font-weight: 500;
  color: #777E72;
  line-height: normal;
  margin-top: -10px;
  margin-bottom: 40px;
  padding-left: 5px;
}
.hpanapusher2 .container-fluid .icerik .sol p {
  color: #B2B2B2;
  font-size: 1.25rem;
  max-width: 572px;
  display: inline-block;
  font-weight: normal;
}
.hpanapusher2 .container-fluid .icerik .sol p a {
  color: #FFF;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #3396BB;
  min-width: 220px;
  display: inline-block;
  text-align: center;
  padding: 5px;
}

.hpanashelf {
  flex-direction: column;
  padding: 120px 0 0 0;
}
.hpanashelf .title {
  display: inline-block;
  line-height: 65%;
  font-size: 132px;
  font-weight: bold;
  text-align: center;
  margin: 20px auto;
}
.hpanashelf .title .s1 {
  color: #454545;
}
.hpanashelf .title .s2 {
  color: #34A2DB;
}
.hpanashelf .title .s3 {
  color: #777E72;
  font-size: 25px !important;
  font-weight: 500;
}
.hpanashelf img {
  width: 100%;
  height: auto;
}

.hpanashop {
  max-width: 1790px;
  width: 100%;
  padding-top: 100px;
  margin: auto auto 120px auto;
}
.hpanashop h2 {
  font-size: 8.25rem;
  font-weight: bold;
  position: relative;
  bottom: -60px;
  margin-bottom: 0;
  z-index: 2;
  text-align: center;
}
.hpanashop h2 .s1 {
  color: #454545;
}
.hpanashop h2 .s2 {
  color: #34A2DB;
}
.hpanashop .bg {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 5%;
  background-image: linear-gradient(to bottom, #ffffff, #f8f8fb, #f0f2f6, #e7ecf2, #dde6ed, #cedeea, #bed7e6, #aecfe2, #95c4e0, #7ab9de, #5caddc, #34a2db);
  border-radius: 20px;
  z-index: 1;
}

.about3 {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.about3 .ust-kisim {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
}
.about3 .ust-kisim .container-fluid {
  display: flex;
  justify-content: flex-end;
  align-items: end;
  height: 100vh;
}
.about3 .ust-kisim .big-text {
  position: absolute;
  bottom: -10px;
  right: 0;
  margin-bottom: 0 !important;
}
.about3 .ust-kisim .container-fluid, .about3 .kisim-2 .container-fluid {
  position: relative;
  max-width: 1500px;
  width: 100%;
}
.about3 .kisim-2 .big-text {
  margin-top: 1.25rem;
}
.about3 .kisim-2 .retail {
  color: #B1B1B1;
}
.about3 .kisim-2 .design {
  color: #818181;
}
.about3 .kisim-2 .pro {
  color: #686868;
}
.about3 .kisim-2 .imp {
  color: #535353;
}
.about3 .big-text {
  display: block;
  white-space: nowrap;
  text-align: right;
  font-style: normal;
  font-weight: bold;
  font-size: 5.875rem;
  line-height: 5.625rem;
  color: white;
}

.about-part-1 {
  max-width: 1760px;
  margin: auto;
}
.about-part-1 .pd-area {
  width: 100%;
}
.about-part-1 .icerik {
  position: relative;
  margin-top: 80px;
  margin-bottom: 50px;
}
.about-part-1 .icerik .icerik-ic {
  z-index: 2;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.about-part-1 .icerik .icerik-ic .sol, .about-part-1 .icerik .icerik-ic .sag {
  padding-bottom: 30px;
}
.about-part-1 .icerik .icerik-ic .sol {
  width: 36.3636363636%;
  display: flex;
  flex-direction: column;
  font-size: 1.25rem;
  padding-top: 150px;
  position: relative;
}
.about-part-1 .icerik .icerik-ic .sol .sol-ust {
  padding-left: 80px;
  padding-right: 0;
  z-index: 2;
  position: relative;
}
.about-part-1 .icerik .icerik-ic .sol .sol-ust p {
  color: #FFFFFF;
  text-align: center;
  padding-left: 45px;
  max-width: 400px;
  margin: auto auto 20px auto;
}
.about-part-1 .icerik .icerik-ic .sol .sol-beyaz {
  margin-top: 30px;
  position: relative;
  z-index: 2;
  background-color: #F0F1F1;
  padding: 70px 50px;
  color: #7D7D7D;
}
.about-part-1 .icerik .icerik-ic .sol .sol-beyaz p {
  text-align: justify;
}
.about-part-1 .icerik .icerik-ic .sol .golge-alan {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  height: 150px;
  width: 70%;
  background-color: rgba(153, 144, 137, 0.5);
  border-radius: 20px;
}
.about-part-1 .icerik .icerik-ic .sag {
  width: 64.7727272727%;
  text-align: right;
}
.about-part-1 .icerik .bg {
  position: absolute;
  left: 50px;
  right: 50px;
  top: 30px;
  bottom: -20px;
  z-index: 1;
}
.about-part-1 .icerik .bg .bg-ic {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #B7ACA4;
  border-radius: 10px;
}

.about-part-2 {
  margin-bottom: 80px;
}
.about-part-2 .icerik {
  max-width: 1250px;
  margin: auto auto 30px auto;
  padding: 0 15px;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  font-weight: 300;
}
.about-part-2 .icerik .sol {
  background-color: #46B6F5;
  width: 58.6394557823%;
  display: flex;
  flex-direction: column;
  border-right: solid 5px #FFF;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.about-part-2 .icerik .sol .satir:first-child {
  border-bottom: solid 5px #FFF;
}
.about-part-2 .icerik .sol .satir {
  height: 50%;
  justify-content: center;
  padding: 60px;
  text-align: center;
}
.about-part-2 .icerik .sol .satir p {
  max-width: 500px;
  display: inline-block;
  margin: auto;
}
.about-part-2 .icerik .sol p, .about-part-2 .icerik .sag p {
  font-size: 20px;
}
.about-part-2 .icerik .sag {
  background-color: #1588C9;
  width: 40.8843537415%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 60px;
}
.about-part-2 .icerik .sag p {
  max-width: 210px;
  display: inline-block;
  text-align: center;
}

.about-part-3 .container-fluid {
  max-width: 1250px;
  width: 100%;
  margin: auto auto 50px auto;
}
.about-part-3 .container-fluid .col-2x {
  width: 58.0670303975% !important;
}
.about-part-3 .container-fluid .col-1x {
  width: 38.0358534684% !important;
}
.about-part-3 .container-fluid .ibox {
  display: inline-block;
  height: 100%;
  border-radius: 10px;
  text-align: center;
  width: 100%;
  background: url("../../images/about/pikbg.jpg") center center;
  padding: 2.5rem;
}
.about-part-3 .container-fluid .ibox .pikholder {
  min-height: 120px;
  margin-bottom: 30px;
}
.about-part-3 .container-fluid .ibox .pikholder img {
  margin: auto;
  width: auto;
  height: 123px;
}
.about-part-3 .container-fluid .ibox span {
  color: #454240;
  font-size: 20px;
  text-align: center;
  display: block;
  margin-bottom: 20px;
}
.about-part-3 .container-fluid .gri-top {
  color: #B2B2B2;
  max-width: 1168px;
}
.about-part-3 .container-fluid .mw-708 {
  max-width: 708px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.about-part-3 .container-fluid .ulke-box {
  max-width: 380px;
  width: 100%;
  height: auto;
  position: relative;
}
.about-part-3 .container-fluid .ulke-box ul {
  list-style-type: none;
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}
.about-part-3 .container-fluid .ulke-box ul li {
  display: block;
  text-align: left;
  font-size: 21px;
  font-weight: 500;
  color: #777777;
}
.about-part-3 .container-fluid .mavi p {
  font-size: 1.0625rem;
}

.part-3-alt-fluid {
  max-width: 1424px;
  width: 100%;
}

.part-3-alt {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 50px;
}
.part-3-alt .mavi-box {
  width: 55.2668539326%;
  background-color: #E7F5FC;
  padding: 20px;
  max-width: 1000px;
  border-radius: 0.625rem;
}
.part-3-alt .mavi-box .acik {
  font-size: 1.25rem;
  color: #888888;
  text-align: center;
  font-weight: normal;
}
.part-3-alt .mavi-box .oge {
  background-color: #FFF;
  border-radius: 20px;
  padding: 15px 15px 10px 15px;
  margin-bottom: 30px;
  max-width: 565px;
  width: 100%;
}
.part-3-alt .mavi-box h4 {
  font-size: 2.5rem;
  padding-left: 20px;
  color: #5A5A5A;
  margin-bottom: 30px;
}
.part-3-alt .mavi-box p {
  color: #888888;
}
.part-3-alt .mavi-box span {
  display: inline-block;
  margin-bottom: 10px;
  color: #818181;
  font-size: 1.0625rem;
}
.part-3-alt .mavi-box img {
  width: auto;
  display: block;
}
.part-3-alt .dokuman-liste {
  width: 40.7303370787%;
  display: flex;
  /*
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  */
}
.part-3-alt .dokuman-liste .row {
  justify-content: space-between;
  align-items: stretch;
}
.part-3-alt .dokuman-liste .xrow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.about-footer .col p, .about-footer h4.title {
  color: #FFF !important;
}
.about-footer .col1 {
  background-color: #69BFEB !important;
}
.about-footer .col2 {
  background-color: #4FB6EB !important;
}
.about-footer .col3 {
  background-color: #33A3DC !important;
}

.services {
  padding: 0;
  margin: 0;
  display: block;
}
.services .top-title {
  color: #FFFFFF;
}
.services .ust-kisim {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}
.services .ust-kisim h2 {
  color: #5A5A5A;
  font-size: 6.1875rem;
  font-weight: bold;
  position: absolute;
  bottom: -63px;
  z-index: 2;
  text-align: center;
  width: 100%;
}
.services .ust-acik {
  margin-top: 40px;
}
.services .container-fluid {
  max-width: 1283px;
  padding: 15px;
  width: 100%;
  margin: auto;
  /*
  .gri-col { background-color: #F5F5F5; }
  .sari-col { background-color: #FFF8E6; }
  .yesil-col { background-color: #EDEEE0; }
  .mavi-col { background-color: #ECF4FF; }
  */
}
.services .container-fluid .col-md-4 {
  width: 41.075604053%;
}
.services .container-fluid .col-md-8 {
  width: 57.9890880748%;
}
.services .container-fluid .col-md-4, .services .container-fluid .col-md-8 {
  justify-content: center;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.services .container-fluid .col-inside {
  height: 100%;
  flex-direction: column;
  text-align: center;
  display: flex;
  justify-content: center;
}
.services .container-fluid .lacivert-col {
  background-color: #2B4AB1;
}
.services .container-fluid .kirmizi-col {
  background-color: #E5362C;
}
.services .container-fluid .yesil-col {
  background-color: #6AB658;
}
.services .container-fluid .turuncu-col {
  background-color: #F65A2C;
}
.services .container-fluid .small-col {
  border-radius: 10px;
  padding: 1.25rem;
}
.services .container-fluid .small-col img {
  display: inline-block;
  width: auto;
  max-height: 100px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2.1875rem;
}
.services .container-fluid .small-col p {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  max-width: 435px;
  width: 100%;
  color: #FFF;
  font-size: 1.125rem;
  font-weight: normal;
}
.services .container-fluid .ftitle {
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 1.5625rem;
  color: #FFF;
}

.services-footer .col p, .services-footer h4.title {
  color: #FFF !important;
}
.services-footer .col1 {
  background-color: #F9764F !important;
}
.services-footer .col2 {
  background-color: #F65B2E !important;
}
.services-footer .col3 {
  background-color: #E5562C !important;
}

.products3 {
  flex-direction: column;
}
.products3 .top-title {
  color: #5A5A5A;
}
.products3 .sol-logo {
  position: absolute;
  left: 20px;
  top: 1.25rem;
  z-index: 5;
}
.products3 .sol-logo img {
  max-width: 147px;
}
.products3 .ust {
  background: url("../../images/products/products-top-bg.png") bottom center repeat-x;
  padding-top: 30vh;
  padding-bottom: 1.875rem;
}
.products3 .ust .container-fluid {
  max-width: 1300px;
  width: 100%;
  margin: auto;
}
.products3 .ust .col-md-4 {
  text-align: center;
}
.products3 .ust .col-md-4 img {
  max-height: 200px;
  height: 100%;
  width: auto;
  margin-bottom: 25px;
  margin-top: 50px;
}
.products3 .ust .col-md-4 h3 {
  color: #5A5A5A;
}
.products3 .ust-acik .container-fluid {
  max-width: 1510px;
  width: 100%;
  margin: auto;
}
.products3 .ust-acik h2 {
  font-size: 6.1875rem;
  color: #5A5A5A;
}
.products3 .container-fluid h3 {
  font-weight: bold;
  font-size: 24px;
  color: #1F8DC8;
  margin: 15px auto 30px auto;
}
.products3 .container-fluid p {
  color: #474848;
  font-size: 1.25rem;
}
.products3 .container-fluid .ec-1, .products3 .container-fluid .ec-2, .products3 .container-fluid .col-md-4, .products3 .container-fluid .col-md-6 {
  position: relative;
  z-index: 2;
}
.products3 .zbg {
  position: absolute;
  top: 45px;
  bottom: 90px;
  right: 20%;
  left: 0;
  border-radius: 10px;
  z-index: 1;
}
.products3 .fluid-1, .products3 .fluid-2, .products3 .fluid-3, .products3 .fluid-4, .products3 .fluid-5, .products3 .fluid-6 {
  margin: auto;
}
.products3 .fluid-1 img, .products3 .fluid-2 img, .products3 .fluid-3 img, .products3 .fluid-4 img, .products3 .fluid-5 img, .products3 .fluid-6 img {
  border: solid 1px #EEE;
}
.products3 .fluid-1 .ec-1 h3, .products3 .fluid-1 .ec-2 h3, .products3 .fluid-2 .ec-1 h3, .products3 .fluid-2 .ec-2 h3, .products3 .fluid-3 .ec-1 h3, .products3 .fluid-3 .ec-2 h3, .products3 .fluid-4 .ec-1 h3, .products3 .fluid-4 .ec-2 h3, .products3 .fluid-5 .ec-1 h3, .products3 .fluid-5 .ec-2 h3, .products3 .fluid-6 .ec-1 h3, .products3 .fluid-6 .ec-2 h3 {
  margin-top: 0;
}
.products3 .fluid-1 .ec-1 p, .products3 .fluid-1 .ec-2 p, .products3 .fluid-2 .ec-1 p, .products3 .fluid-2 .ec-2 p, .products3 .fluid-3 .ec-1 p, .products3 .fluid-3 .ec-2 p, .products3 .fluid-4 .ec-1 p, .products3 .fluid-4 .ec-2 p, .products3 .fluid-5 .ec-1 p, .products3 .fluid-5 .ec-2 p, .products3 .fluid-6 .ec-1 p, .products3 .fluid-6 .ec-2 p {
  font-size: 17px;
}
.products3 .ec-ikon {
  margin-bottom: 15px;
}
.products3 .fluid-1 {
  max-width: 1200px;
  /*
  max-width: 848px;
  .ec-1{ width: percentage(438/818);}
  .ec-2{ width: percentage(304/818);}
  */
}
.products3 .fluid-1 .fluid-1-ic {
  max-width: 1130px;
  margin: auto auto auto 100px;
}
.products3 .fluid-1 .ec-1 {
  width: 40.7079646018%;
}
.products3 .fluid-1 .ec-1 p {
  max-width: 430px;
  color: #474848;
  text-align: center;
}
.products3 .fluid-1 .ec-2 {
  width: 46.017699115%;
}
.products3 .fluid-1 .cift-slayt {
  max-width: 304px;
  width: 100%;
}
.products3 .fluid-1 .zbg {
  background-color: #ECEDEE;
}
.products3 .fluid-2 {
  max-width: 848px;
}
.products3 .fluid-2 .ec-1 {
  width: 53.5452322738%;
}
.products3 .fluid-2 .ec-2 {
  width: 37.1638141809%;
}
.products3 .fluid-group-2 {
  max-width: 1228px;
  margin: auto;
}
.products3 .fluid-group-2 .zbg {
  background-color: #ECEDEE;
  left: 30px;
}
.products3 .fluid-3 {
  max-width: 1228px;
}
.products3 .fluid-3 .ec-1 {
  width: 59.2019543974%;
}
.products3 .fluid-3 .ec-2 {
  width: 36.9706840391%;
  background-color: #CBD7E7;
  border-radius: 10px;
}
.products3 .fluid-3 .ec-2 h3 {
  max-width: 236px;
}
.products3 .fluid-4 {
  max-width: 960px;
}
.products3 .fluid-4 .ec-1 {
  width: 46.6666666667%;
}
.products3 .fluid-4 .ec-2 {
  width: 47.8494623656%;
}
.products3 .fluid-group-3 {
  max-width: 1213px;
  margin: auto;
}
.products3 .fluid-group-3 .zbg {
  background-color: rgba(192, 232, 209, 0.6);
  left: -31px;
}
.products3 .fluid-5 {
  max-width: 1240px;
}
.products3 .fluid-5 .ec-1 {
  width: 57.520661157%;
  background-color: #BCECD0;
  border-radius: 10px;
  padding: 80px 30px 20px 30px;
}
.products3 .fluid-5 .ec-1 h3 {
  color: #FFF !important;
  max-width: 414px;
}
.products3 .fluid-5 .ec-1 p {
  max-width: 564px;
  width: 100%;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
}
.products3 .fluid-5 .ec-2 {
  width: 41.3223140496%;
}
.products3 .fluid-6 {
  max-width: 917px;
}
.products3 .fluid-6 .ec-1 {
  width: 39.6912899669%;
}
.products3 .fluid-6 .ec-2 {
  width: 55.5678059537%;
}
.products3 .fluid-5 img, .products3 .fluid-6 img {
  border: none !important;
}

.products-footer .col p, .products-footer h4.title {
  color: #FFF !important;
}
.products-footer .col1 {
  background-color: #349A70 !important;
}
.products-footer .col2 {
  background-color: #11724A !important;
}
.products-footer .col3 {
  background-color: #105E3E !important;
}

.contact {
  padding: 0;
  margin: 0;
  display: block;
}
.contact .top-title {
  color: #5A5A5A;
}
.contact .sol-logo {
  position: absolute;
  left: 20px;
  top: 1.25rem;
  z-index: 5;
}
.contact .sol-logo img {
  max-width: 147px;
}
.contact .container-fluid {
  padding: 70px 0 0 0;
  margin-top: 10%;
  position: relative;
  max-width: 1600px;
}
.contact .bg2 {
  position: absolute;
  left: 20%;
  right: -10px;
  bottom: -25px;
  top: 53%;
  background-color: rgba(52, 130, 208, 0.9);
  border-radius: 10px;
  z-index: 1;
}
.contact .sol, .contact .sag {
  display: inline-flex;
}
.contact .sol {
  width: 30%;
  position: relative;
  z-index: 2;
  padding-right: 20px;
  align-items: flex-end;
  /*
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-height: 100%;

   */
}
.contact .sol .icerik {
  padding: 20px 20px 20px 20px;
  text-align: center;
  border-radius: 10px;
  width: 100%;
}
.contact .sol .icerik h3 {
  color: #333B6E;
  font-size: 6.875rem;
  font-weight: bold;
  line-height: 95%;
  margin-bottom: 70px;
}
.contact .sol .icerik p {
  color: #FFF;
}
.contact .sol .icerik p a {
  color: #FFF;
}
.contact .sol .icerik .sol-bg {
  background-color: rgba(0, 127, 254, 0.73);
  position: absolute;
  border-radius: 10px;
  bottom: 0;
  right: 0;
  left: 0;
  top: 4.375rem;
}
.contact .sag {
  width: 70%;
  padding-left: 20px;
  padding-bottom: 40px;
  text-align: left;
}
.contact .mor {
  color: #34A2DB !important;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 25px;
  font-weight: 500;
}
.contact .harita {
  padding-left: 5%;
}
.contact .bg {
  max-width: 1380px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 200px;
  top: 0;
  border-radius: 10px;
  z-index: 1;
  background-color: #E8E8E8;
}

.contact-footer .col p, .contact-footer h4.title {
  color: #FFF !important;
}
.contact-footer .col1 {
  background-color: #5BADFF !important;
}
.contact-footer .col2 {
  background-color: #318EEB !important;
}
.contact-footer .col3 {
  background-color: #2D82D6 !important;
}

.panashelf {
  padding: 0;
  margin: 0;
  display: block;
}
.panashelf .sol-logo {
  position: absolute;
  left: 20px;
  top: 1.25rem;
  z-index: 5;
}
.panashelf .sol-logo img {
  max-width: 147px;
}
.panashelf .containerr {
  max-width: 1523px;
  width: 100%;
  position: relative;
}
.panashelf .containerr .icerik {
  z-index: 2;
  position: relative;
  padding: 25px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.panashelf .containerr .icerik .sol {
  width: 17.0715692712%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.panashelf .containerr .icerik .sol img {
  margin-bottom: 20px;
}
.panashelf .containerr .icerik .sag {
  width: 79.8424162837%;
}
.panashelf .containerr .icerik img {
  border-radius: 20px;
}
.panashelf .zwrapper {
  background-color: rgba(99, 107, 94, 0.87);
  padding: 20px 10px 0 10px;
  border-radius: 20px;
  right: -99999px;
  position: absolute;
}
.panashelf .zwrapper .ust {
  font-size: 114px;
  line-height: 69px;
  font-weight: bold;
}
.panashelf .zwrapper .ust .bir {
  color: #454545;
}
.panashelf .zwrapper .ust .iki {
  color: #34A2DB;
}
.panashelf .zwrapper .alt {
  font-size: 24px;
  color: #FFFFFF;
  text-align: right;
}
.panashelf .bg {
  z-index: 1;
  max-width: 1523px;
  position: absolute;
  left: 7%;
  right: 7%;
  top: 0;
  bottom: 0;
  border-radius: 20px;
  background-color: #F2F2F2;
}
.panashelf .shelf3-v2 .container-fluid {
  max-width: 1020px;
}
.panashelf .shelf3-v2 .container-fluid .c-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.panashelf .shelf3-v2 .container-fluid .c-1 {
  width: 19.3939393939%;
}
.panashelf .shelf3-v2 .container-fluid .c-2 {
  flex: 0 0 auto;
  width: 50%;
}
.panashelf .shelf3-v2 .container-fluid .c-3 {
  width: 28.3838383838%;
}
.panashelf .shelf3-v2 .container-fluid .c-4, .panashelf .shelf3-v2 .container-fluid .c-x2 {
  width: 48.8888888889%;
}
.panashelf .shelf3-v2 .container-fluid .c-x2 {
  padding: 0 !important;
}
.panashelf .shelf3-v2 .container-fluid .c-1, .panashelf .shelf3-v2 .container-fluid .c-2, .panashelf .shelf3-v2 .container-fluid .c-3, .panashelf .shelf3-v2 .container-fluid .c-4 {
  padding: 5px;
  text-align: center;
}
.panashelf .shelf3-v2 .container-fluid .ic {
  display: flex;
  flex-direction: column;
  padding: 7px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  font-size: 19px;
  font-weight: 500;
}
.panashelf .shelf3-v2 .container-fluid .cn-1 .ic {
  background-color: #E8E8E8;
  color: #545454;
}
.panashelf .shelf3-v2 .container-fluid .c-x2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.panashelf .shelf3-v2 .container-fluid .cn-2 .ic {
  background-color: #34A2DB;
  color: #FFFFFF;
  justify-content: center;
  align-items: center;
}
.panashelf .shelf3-v2 .container-fluid .cn-2 .illuminated {
  filter: drop-shadow(0px 6px 9px #f9f1da);
  white-space: nowrap;
}
.panashelf .shelf3-v2 .container-fluid .cn-3 .ic {
  background-color: #E8E8E8;
  justify-content: center;
  align-items: center;
}
.panashelf .shelf3-v2 .container-fluid .cn-3 .ic .dinamik {
  color: #34A2DB;
  font-style: italic;
}
.panashelf .shelf3-v2 .container-fluid .cn-3 .ic .gri {
  color: #CFCFCF;
}
.panashelf .shelf3-v2 .container-fluid .cn-3 .ic .koyu-gri {
  color: #545454;
}
.panashelf .shelf3-v2 .container-fluid .cn-4 .ic {
  background-color: #34A2DB;
  color: #545454;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.panashelf .shelf3-v2 .container-fluid .cn-4 .ic span {
  min-width: 115px;
  display: inline-block;
  background-color: #F3F3F3;
  color: #545454;
  border-radius: 5px;
  margin-top: 7px;
  margin-bottom: 7px;
}
.panashelf .shelf3-v2 .container-fluid .cn-5 .ic {
  background-color: #CFCFCF;
  color: #34A2DB;
  justify-content: center;
  align-items: center;
  min-height: 239px;
}
.panashelf .shelf3-v2 .container-fluid .cn-5 .ic span {
  background-color: #F3F3F3;
  border-radius: 5px;
  max-width: 115px;
  width: 100%;
  margin: 7px auto;
}
.panashelf .shelf3-v2 .container-fluid .cn-6 .ic {
  background-color: #E8E8E8;
}
.panashelf .shelf3-v2 .container-fluid .cn-6 .ic .box {
  background-color: rgba(255, 255, 255, 0.49);
  border-radius: 5px;
  padding: 15px;
  width: 100%;
}
.panashelf .shelf3-v2 .container-fluid .cn-6 .ic .box .gri {
  color: #545454;
}
.panashelf .shelf3-v2 .container-fluid .cn-6 .ic .box .renkli {
  border-radius: 5px;
  padding: 2px 5px;
  background-color: #34A2DB;
  color: #FFFFFF;
}
.panashelf .shelf3-v2 .container-fluid .cn-7 .ic {
  background-color: #E8E8E8;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.panashelf .shelf3-v2 .container-fluid .cn-7 .ic .b-1, .panashelf .shelf3-v2 .container-fluid .cn-7 .ic .b-2, .panashelf .shelf3-v2 .container-fluid .cn-7 .ic .b-3 {
  border-radius: 5px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: inline-block;
  width: 100%;
}
.panashelf .shelf3-v2 .container-fluid .cn-7 .ic .b-1 {
  background-color: #CFCFCF;
  color: #FFFFFF;
}
.panashelf .shelf3-v2 .container-fluid .cn-7 .ic .b-2 {
  background-color: #F3F3F3;
  color: #545454;
}
.panashelf .shelf3-v2 .container-fluid .cn-7 .ic .b-3 {
  background-color: #34A2DB;
  color: #FFFFFF;
}
.panashelf .shelf3 .container {
  max-width: 990px;
}
.panashelf .shelf3 .container2 {
  max-width: 990px;
  margin: auto;
}
.panashelf .shelf3 .renk-1 {
  color: #ED1F24;
}
.panashelf .shelf3 .renk-2 {
  color: #F26722;
}
.panashelf .shelf3 .renk-3 {
  color: #F3EC19;
}
.panashelf .shelf3 .renk-4 {
  color: #20AF4B;
}
.panashelf .shelf3 .renk-5 {
  color: #1C65B1;
}
.panashelf .shelf3 .renk-6 {
  color: #C41A7D;
}
.panashelf .shelf3 .sol {
  color: #545454;
  font-size: 2.75rem;
  font-weight: normal;
  text-align: center;
  background-color: #F5F5F5;
  border-radius: 20px;
}
.panashelf .shelf3 .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 20px 15px;
}
.panashelf .shelf3 .orta .mavi-box, .panashelf .shelf3 .orta .gri-box {
  font-size: 2.75rem;
  line-height: 130%;
  text-align: center;
  border-radius: 20px;
  font-style: normal;
  font-weight: normal;
}
.panashelf .shelf3 .orta .mavi-box {
  background-color: #34A2DB;
  color: white;
  margin-bottom: 15px;
}
.panashelf .shelf3 .orta .mavi-box .illuminated {
  filter: drop-shadow(0px 6px 9px #f9f1da);
  white-space: nowrap;
}
.panashelf .shelf3 .orta .gri-box {
  background-color: #F5F5F5;
}
.panashelf .shelf3 .orta .gri-box .gri {
  color: #CFCFCF;
}
.panashelf .shelf3 .orta .gri-box .koyu-gri {
  color: #545454;
}
.panashelf .shelf3 .orta .box-12 {
  display: flex;
  width: 100%;
  height: 100%;
}
.panashelf .shelf3 .sag {
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.panashelf .shelf3 .sag .b1, .panashelf .shelf3 .sag .b2, .panashelf .shelf3 .sag .b3 {
  font-size: 20px;
  font-weight: 500;
  border-radius: 2px;
  padding: 10px;
  max-width: 146px;
}
.panashelf .shelf3 .sag .b1 {
  background-color: #CFCFCF;
  color: #FFF;
}
.panashelf .shelf3 .sag .b2 {
  background-color: #FFF;
  color: #545454;
}
.panashelf .shelf3 .sag .b3 {
  background-color: #34A2DB;
  color: #FFF;
}
.panashelf .shelf3 .x-ana {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.panashelf .shelf3 .x1, .panashelf .shelf3 .x2, .panashelf .shelf3 .x3 {
  display: flex;
}
.panashelf .shelf3 .x1 {
  display: flex;
  flex-direction: column;
}
.panashelf .shelf3 .x1 .ic {
  background-color: #E8E8E8;
}
.panashelf .shelf3 .x1 .ic-gri {
  background-color: #CFCFCF !important;
}
.panashelf .shelf3 .x1 .ic-gri span {
  display: inline-block;
  background-color: #F3F3F3;
  border-radius: 5px;
  width: 100%;
}
.panashelf .shelf3 .x2 {
  display: flex;
  flex-direction: column;
}
.panashelf .shelf3 .x2 .x2-1 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
}
.panashelf .shelf3 .x2 .x2-1 .x-row {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  width: 100%;
}
.panashelf .shelf3 .x2 .x2-1 .x2-1-elem {
  width: 50%;
  height: 100%;
}
.panashelf .shelf3 .x2 .x2-1 .x2-1-elem:first-child {
  padding-right: 8px;
}
.panashelf .shelf3 .x2 .x2-1 .x2-1-elem:last-child {
  padding-left: 8px;
}
.panashelf .shelf3 .x2 .x2-2 {
  width: 100%;
  height: 100%;
  display: flex;
}
.panashelf .shelf3 .x3 .ic {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.panashelf .shelf3 .x3 .ic .b1, .panashelf .shelf3 .x3 .ic .b2, .panashelf .shelf3 .x3 .ic .b3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  border-radius: 3px;
  padding: 10px;
  max-width: 146px;
}
.panashelf .shelf3 .x3 .ic .b1 {
  background-color: #CFCFCF;
  color: #FFF;
}
.panashelf .shelf3 .x3 .ic .b2 {
  background-color: #FFF;
  color: #545454;
}
.panashelf .shelf3 .x3 .ic .b3 {
  background-color: #34A2DB;
  color: #FFF;
}
.panashelf .shelf3 .ic {
  padding: 15px 20px;
  background-color: #EEE;
  border-radius: 5px;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #545454;
}
.panashelf .shelf3 .ic.beyaz-wrap {
  padding-top: 40px;
  padding-bottom: 40px;
}
.panashelf .shelf3 .ic.mavi-ic {
  background-color: #34A2DB;
  color: #FFF;
}
.panashelf .shelf3 .ic .illuminated {
  filter: drop-shadow(0px 6px 9px #f9f1da);
  white-space: nowrap;
}
.panashelf .shelf3 .ic .dinamik {
  font-style: italic;
}
.panashelf .shelf3 .ic .gri {
  color: #CFCFCF;
}
.panashelf .shelf3 .ic .koyu-gri {
  color: #545454;
}
.panashelf .shelf3 .beyaz-ic {
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, 0.48);
  border-radius: 5px;
}
.panashelf .shelf3 .beyaz-ic span {
  font-size: 0.875rem;
  color: #545454;
  display: inline-block;
  margin-bottom: 15px;
}
.panashelf .shelf3 .beyaz-ic .buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 150px;
  margin: auto;
}
.panashelf .shelf3 .beyaz-ic button {
  color: #FFF;
  font-size: 0.9375rem;
  border: 0;
  background-color: #CFCFCF;
  border-radius: 3px;
  padding: 3px 10px;
}
.panashelf .shelf3 .beyaz-ic button.aktif {
  background-color: #34A2DB;
}
.panashelf .ft-link {
  color: #34A2DB;
  border-radius: 10px;
  padding: 5px 10px;
  font-size: 1.4375rem;
}
.panashelf .dondur {
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}
.panashelf .inolved .be-inolved {
  font-size: 6.1875rem;
  color: #5A5A5A;
  font-weight: bold;
}
.panashelf .inolved h5 {
  font-size: 1.563rem;
  font-weight: 500;
  color: #5A5A5A;
}
.panashelf .inolved p {
  font-size: 1.063rem;
  color: #B2B2B2 !important;
  line-height: 2.5rem;
  font-weight: 500;
}
.panashelf .inolved a {
  color: #34A2DB;
}
.panashelf .shelfx2 .container {
  max-width: 1463px;
  width: 100%;
  margin: auto;
  position: relative;
}
.panashelf .shelfx2 .container .ic {
  position: relative;
  z-index: 2;
  padding-left: 10px;
}
.panashelf .shelfx2 .container .ic .erow {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}
.panashelf .shelfx2 .container .ic .erow div {
  padding: 0 7.5px;
}
.panashelf .shelfx2 .container .ic img {
  border-radius: 7px;
}
.panashelf .shelfx2 .container .zbg {
  background-color: rgba(117, 124, 112, 0.87);
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -10%;
  right: 7%;
  top: 7%;
  border-radius: 7px;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.panashelf-footer .col p, .panashelf-footer h4.title {
  color: #FFF !important;
}
.panashelf-footer .col1 {
  background-color: #777E72 !important;
}
.panashelf-footer .col2 {
  background-color: #50584D !important;
}
.panashelf-footer .col3 {
  background-color: #40453E !important;
}

.banner-section {
  max-width: 100%;
}

.vehicle-detail-banner .car-slider-desc {
  max-width: 180px;
  margin: 0 auto;
}

.banner-slider .slider.slider-for {
  max-width: 84%;
  padding-right: 35px;
}

.banner-slider .slider.slider-nav {
  max-width: 16%;
}

.banner-slider .slider.slider-for,
.banner-slider .slider.slider-nav {
  width: 100%;
  float: left;
}

.banner-slider .slider.slider-nav {
  height: 610px;
  overflow: hidden;
}

.slider-banner-image {
  height: 610px;
}

.banner-slider .slider.slider-nav {
  padding: 20px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.panashelf .alt-text {
  position: absolute;
  right: -5%;
  text-align: right;
  z-index: 3;
}
.panashelf .sub-title, .panashelf .out-title, .panashelf .sub-title2, .panashelf .out-title2 {
  display: inline-block;
  width: 100%;
}
.panashelf .sub-title, .panashelf .sub-title2 {
  font-size: 9.375rem;
  line-height: 7.8125rem;
  color: #FFF;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}
.panashelf .out-title, .panashelf .out-title2 {
  font-size: 3.0625rem;
  line-height: 2.875rem;
  color: #9F9F9F;
}

.thumbnail-image {
  margin-bottom: 20px;
}

.slider-nav .slick-slide.thumbnail-image .thumbImg {
  max-width: 178px;
  height: 110px;
  margin: 0 auto;
  border-radius: 20px;
}

.slider-banner-image img,
.slider-nav .slick-slide.thumbnail-image .thumbImg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.slick-vertical .slick-slide:active,
.slick-vertical .slick-slide:focus {
  border: 0;
  outline: 0;
}

.slider-nav .slick-slide.slick-current span {
  color: #196DB6;
}

.slider-nav .slick-slide {
  text-align: center;
}

.slider-nav .slick-slide span {
  font-size: 14px;
  display: block;
  padding: 5px 0 15px;
}

/*
.slick-arrow {
  width: 100%;
  background-color: transparent;
  border: 0;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  height: 18px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
}
.slick-prev {
  top: 0;
}

.slick-next {
  bottom: 0;
  background-color: #fff;
}

.slick-prev.slick-arrow {
  // background-image: url(../images/black-up-arrow.png);
}

.slick-next.slick-arrow {
  // background-image: url(../images/black-down-arrow.png);
}
*/
/*End USE CSS for Slider*/
@media screen and (max-width: 991px) {
  .banner-slider .slider.slider-for,
.banner-slider .slider.slider-nav {
    max-width: 100%;
    float: none;
  }

  .banner-slider .slider.slider-for {
    padding-right: 0;
  }

  .banner-slider .slider.slider-nav {
    height: auto;
  }

  .slider-banner-image {
    height: 500px;
  }

  .slider.slider-nav.thumb-image {
    padding: 10px 30px 0;
  }

  .slider-nav .slick-slide span {
    padding: 5px 0;
  }

  /*
  .slick-arrow {
    padding: 0;
    width: 30px;
    height: 30px;
    top: 50%;
    bottom: 0;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
  }
  .slick-prev {
    left: 0;
    right: unset;
  }
  .slick-next {
    left: unset;
    right: 0;
    background-color: transparent;
  }

   */
  .vehicle-detail-banner .car-slider-desc {
    max-width: 340px;
  }

  .bid-tag {
    padding: 10px 0 15px;
  }

  .slider.slider-nav.thumb-image {
    white-space: nowrap;
  }

  .thumbnail-image.slick-slide {
    padding: 0px 5px;
    min-width: 75px;
    display: inline-block;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .slider-banner-image {
    height: 400px;
  }

  .slider.slider-nav.thumb-image {
    padding: 0px 20px 0;
    margin: 10px 0px 0;
  }

  .slider-nav .slick-slide.thumbnail-image .thumbImg {
    max-width: 140px;
    height: 80px;
  }

  .slick-prev.slick-arrow {
    background-position: center 10px;
  }

  .slick-next.slick-arrow {
    background-position: center 10px, center;
  }

  .slider-nav .slick-slide span {
    font-size: 12px;
    white-space: normal;
  }
}
@media screen and (max-width: 580px) {
  .slider-banner-image {
    height: 340px;
  }
}
@media screen and (max-width: 480px) {
  .slider-banner-image {
    height: 280px;
  }
}
@media screen and (max-width: 1280px) {
  .sub-title2 {
    font-size: 3.125rem !important;
    line-height: 2.5rem !important;
  }

  .out-title2 {
    font-size: 1.875rem !important;
    line-height: 1.6875rem !important;
  }
}
.panashop {
  /*
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
  */
  margin-top: 100px;
}
.panashop .pshop-title {
  font-size: 8.25rem;
  font-weight: bold;
  position: relative;
  z-index: 3;
  bottom: -60px;
  margin-bottom: 0;
  text-align: center;
}
.panashop .pshop-title .s1 {
  color: #454545;
}
.panashop .pshop-title .s2 {
  color: #34A2DB;
}
.panashop .ust {
  position: relative;
  margin: 30px 65px 50px 65px;
}
.panashop .ust .carousel-indicators {
  position: static;
}
.panashop .ust .carousel-indicators [data-bs-target] {
  width: 150px;
  height: 100%;
  opacity: 1;
  background-color: transparent !important;
}
.panashop .ust .slider-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.panashop .ust .slider-nav .slick-slide {
  width: 131px;
  height: 131px;
  margin-left: 8px;
  margin-right: 8px;
}
.panashop .ust .slider-nav .slick-slide img {
  width: 131px;
  height: 131px;
}
.panashop .fluid-1 {
  max-width: 1507px;
  margin: auto;
}
.panashop .ic {
  padding: 100px 30px 0 30px;
}
.panashop .zbg {
  position: absolute;
  width: 100%;
  left: 0;
  top: 70px;
  right: 0;
  bottom: 30%;
  background-image: linear-gradient(to bottom, #ffffff, #f8f8fb, #f0f2f6, #e7ecf2, #dde6ed, #cedeea, #bed7e6, #aecfe2, #95c4e0, #7ab9de, #5caddc, #34a2db);
  border-radius: 10px;
  z-index: 1;
}
.panashop .banner {
  max-width: 1718px;
  margin: auto;
}
.panashop .banner img {
  border-radius: 10px;
}
.panashop .banner .carousel-caption {
  left: 15px;
  right: 15px;
}
.panashop .banner .carousel-caption h5 {
  font-size: 3.75rem;
}
.panashop .urun-liste {
  display: block;
}
.panashop .urun-slider {
  margin-top: 30px;
}
.panashop .urun-slider .slick-track {
  display: flex;
}
.panashop .urun-slider .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}
.panashop .urun-slider .slick-slide {
  margin: 0 10px;
}
.panashop .urun-slider .slick-list {
  margin: 0 -10px;
}
.panashop .urun-slider .slick-disabled {
  display: none !important;
}
.panashop .urun-slider .sli-item {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  padding: 15px;
  border-radius: 10px;
  height: 100%;
  width: 100%;
}
.panashop .urun-slider .sli-item h3 {
  font-size: 1.5625rem;
  font-weight: 500;
  color: #454545;
  margin-bottom: 20px;
  margin-top: 25px;
}
.panashop .urun-slider .sli-item .img-holder {
  max-width: 273px;
  min-height: 341px;
  margin-right: auto;
  margin-left: auto;
}
.panashop .urun-slider .sli-item .urun-detay {
  margin-top: 10px;
  padding-top: 7px;
  font-size: 14px;
  color: #707070;
  max-width: 340px;
  width: 100%;
}
.panashop .urun-slider .sli-item .urun-detay table {
  width: 100%;
}
.panashop .urun-slider .sli-item .urun-detay table tr td:first-child {
  min-width: 90px;
}
.panashop .urun-slider .sli-item .urun-detay table > * > * {
  padding: 0.25rem 0.45rem;
}
.panashop .urun-slider .sli-item .urun-detay tr td {
  vertical-align: top;
}
.panashop .urun-slider .slick-next::before, .panashop .urun-slider .slick-prev::before {
  content: "";
}
.panashop .urun-slider .slick-next, .panashop .urun-slider .slick-prev {
  width: 24px;
  height: 46px;
}
.panashop .products-main-slider .carousel-control-next, .panashop .products-main-slider .carousel-control-prev {
  top: initial !important;
  bottom: 55px;
}
.panashop .products-main-slider .carousel-control-next {
  right: 265px !important;
}
.panashop .products-main-slider .carousel-control-prev {
  left: 265px !important;
}

.panashop-footer {
  margin-top: 0 !important;
}
.panashop-footer .col p, .panashop-footer h4.title {
  color: #FFF !important;
}
.panashop-footer .col1 {
  background-color: #4FB6EB !important;
}
.panashop-footer .col2 {
  background-color: #33A3DC !important;
}
.panashop-footer .col3 {
  background-color: #2F8EBE !important;
}

.panapusher .sol-logo, .plogoholder .sol-logo {
  position: absolute;
  left: 20px;
  top: 1.25rem;
  z-index: 5;
}
.panapusher .sol-logo img, .plogoholder .sol-logo img {
  max-width: 147px;
}

.panapusher {
  padding: 90px 0 0 0;
  margin: 0;
  display: block;
}
.panapusher .container {
  max-width: 1700px;
  width: 100%;
  position: relative;
}
.panapusher .container .icerik {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 756px;
  width: 100%;
}
.panapusher .container .icerik h1 {
  font-size: 2.8125rem;
  color: #707070;
  font-weight: normal;
}
.panapusher .container .icerik h3 {
  font-size: 3.125rem;
  font-weight: bold;
}
.panapusher .container .icerik h3 .mavi1 {
  color: #3396BB;
}
.panapusher .container .icerik h3 .mavi2 {
  color: #A1BAC5;
}
.panapusher .container .icerik h2 {
  font-size: 1.75rem;
  color: #707070;
  font-weight: normal;
}
.panapusher .container .icerik .top-price {
  text-align: right;
  color: #34A2DB;
  font-size: 1.75rem;
}
.panapusher .container .icerik .gri {
  background-color: #F5F5F5;
  padding: 15px;
  border-radius: 10px;
}
.panapusher .container .icerik .gri .form-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.panapusher .container .icerik .gri .form-group label {
  color: #B2B2B2;
  font-size: 1.375rem;
  font-weight: normal;
}
.panapusher .container .icerik .gri .form-group .buttons {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
}
.panapusher .container .icerik .gri .form-group .size-btn {
  font-size: 15px;
  padding: 2px 5px;
  display: inline-block;
  margin-left: 15px;
  background-color: #CFCFCF;
  color: #FFF;
  border-radius: 5px;
  border-color: transparent;
}
.panapusher .container .icerik .gri .form-group .size-btn.active {
  background-color: #34A2DB;
}
.panapusher .container .icerik .gri .form-group .input-groupp {
  max-width: 120px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.panapusher .container .icerik .gri .form-group .input-groupp .form-control {
  width: auto;
  max-width: 35px;
  max-height: 30px;
  border-radius: 5px !important;
  background: none;
  padding: 3px 5px !important;
}
.panapusher .container .icerik .gri .form-group .input-groupp button {
  color: #34A2DB;
  font-size: 1.25rem;
  box-shadow: none !important;
}
.panapusher .container .icerik .gri .form-group .total-right {
  display: flex;
  flex-direction: column;
  padding-right: 15px;
}
.panapusher .container .icerik .gri .form-group .total-right .total-price {
  color: #34A2DB;
  font-size: 1.375rem;
}
.panapusher .container .icerik .gri .form-group .total-right small {
  color: #B2B2B2;
  font-size: 0.6875rem;
}
.panapusher .container .icerik .mavi-btn {
  background-color: #34A2DB;
  border: none;
  color: #FFF;
  text-align: center;
  font-size: 1.375rem;
  font-weight: normal;
  width: 100%;
  max-width: 450px;
  margin: 0 auto 25px auto;
}
.panapusher .container .icerik p {
  color: #34A2DB;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 0.8125rem;
}
.panapusher .banner-slider-pusher .nav-holder {
  max-width: 521px;
  margin: auto;
  width: 100%;
  padding-left: 40px;
}
.panapusher .banner-slider-pusher .slider-banner-image img, .panapusher .banner-slider-pusher .slider-nav .slick-slide.thumbnail-image .thumbImg img {
  width: auto;
  height: 100%;
  margin: auto;
}
.panapusher .banner-slider-pusher .slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
  border: none !important;
}
.panapusher .banner-slider-pusher .slide-for {
  /*.slide {
    height: 100%;
  }*/
}
.panapusher .banner-slider-pusher .slide-for .slick-track {
  display: flex !important;
}
.panapusher .banner-slider-pusher .slide-for .slick-slide {
  height: auto !important;
}

.panapos .fluid-1 {
  margin: auto;
  max-width: 1170px;
}
.panapos .fluid-1 .ec-1 {
  width: 68.5384615385%;
}
.panapos .fluid-1 .ec-1 .bg {
  background-image: linear-gradient(to bottom, #ffffff, #fdfdff, #f9fbff, #f5faff, #f0f9ff, #ecf7fd, #e9f5fb, #e5f3f9, #e2eff5, #dfebf1, #dce8ed, #d9e4e9);
  position: absolute;
  z-index: 1;
  left: 10%;
  right: 0;
  bottom: 0;
  top: 0;
}
.panapos .fluid-1 .ec-2 {
  width: 29.6153846154%;
}
.panapos .fluid-2 {
  margin: auto;
  max-width: 1170px;
  padding-left: 10%;
}
.panapos .fluid-2 .ec-1 {
  padding-left: 10%;
}
.panapos .uclu {
  padding: 30px 0;
  text-align: center;
  border-radius: 10px;
  min-height: 230px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.panapos .uclu .ic {
  width: 100%;
}
.panapos .uclu p {
  width: 100%;
  display: block;
  margin: auto;
  font-size: 25px;
  font-weight: 500;
  line-height: 125%;
}
.panapos .uc-1 {
  color: #545454;
  background-color: #E8E8E8;
}
.panapos .uc-1 p {
  max-width: 230px;
}
.panapos .uc-2 {
  color: #FFFFFF;
  background-color: #34A2DB;
}
.panapos .uc-2 p {
  max-width: 215px;
}
.panapos .uc-3 {
  color: #FFF;
  background-color: #C5C5C5;
}
.panapos .uc-3 p {
  max-width: 318px;
}
.panapos .gri-bg {
  width: 100%;
  position: absolute;
  z-index: 1;
  background-color: #E8E8E8;
  border-radius: 5px;
  min-height: 110px;
}
.panapos .beyaz-box {
  width: 95%;
  margin: 20px auto auto auto;
  position: relative;
  z-index: 2;
  min-height: 125px;
  border: solid 1px #E8E8E8;
  border-radius: 5px;
  background-color: #FFF;
  font-size: 1.5rem;
  font-weight: 500;
  font-style: italic;
  color: #34A2DB;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.panapos .fluid-3 {
  margin: auto;
  max-width: 1500px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.panapos .fluid-3 .sol, .panapos .fluid-3 .sag {
  position: relative;
  z-index: 2;
}
.panapos .fluid-3 .sol {
  width: 50.2%;
}
.panapos .fluid-3 .sag {
  width: 47.1333333333%;
  padding-top: 170px;
}
.panapos .fluid-3 .zbg {
  background-color: #F2F2F2;
  position: absolute;
  z-index: 1;
  right: 10%;
  left: 20%;
  bottom: 5%;
  top: 5%;
  border-radius: 10px;
}
.panapos .fluid-3 .alan-0 {
  max-width: 383px;
  float: right;
  margin-bottom: 50px;
}
.panapos .fluid-3 .alan-0 h2, .panapos .fluid-3 .alan-0 h3 {
  line-height: 100%;
}
.panapos .fluid-3 .alan-0 h2 {
  font-size: 5.25rem;
  font-weight: bold;
  margin-bottom: 0;
}
.panapos .fluid-3 .alan-0 h2 .sp1 {
  color: #3396BB;
}
.panapos .fluid-3 .alan-0 h2 .sp2 {
  color: #A1BAC5;
}
.panapos .fluid-3 .alan-0 h3 {
  font-size: 2.8125rem;
  font-weight: 500;
  color: #777E72;
  margin-top: -5px;
}
.panapos .fluid-3 .alan-1 .mavi-box, .panapos .fluid-3 .alan-1 .gri-box, .panapos .fluid-3 .alan-2 .mavi-box, .panapos .fluid-3 .alan-2 .gri-box {
  display: inline-block;
  padding: 1px 5px;
  color: #FFF;
  font-size: 1.5625rem;
  border-radius: 2px;
  min-width: 80px;
  max-width: 110px;
  text-align: center;
  margin: auto;
}
.panapos .fluid-3 .alan-1 .ikili .mavi-box, .panapos .fluid-3 .alan-1 .ikili .gri-box, .panapos .fluid-3 .alan-2 .ikili .mavi-box, .panapos .fluid-3 .alan-2 .ikili .gri-box {
  margin: inherit !important;
}
.panapos .fluid-3 .alan-1 .mavi-box, .panapos .fluid-3 .alan-2 .mavi-box {
  background-color: #34A2DB;
}
.panapos .fluid-3 .alan-1 .gri-box, .panapos .fluid-3 .alan-2 .gri-box {
  background-color: #CFCFCF;
}
.panapos .fluid-3 .alan-1 {
  background-color: #E8E8E8;
  padding: 15px;
  border-radius: 5px;
}
.panapos .fluid-3 .alan-1 .ic {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 30px 15px;
  border-radius: 5px;
  text-align: center;
}
.panapos .fluid-3 .alan-1 .ic h4 {
  display: block;
  width: 100%;
  text-align: center;
  color: #545454;
  margin-bottom: 15px;
  font-size: 1.5625rem;
}
.panapos .fluid-3 .alan-1 .ic .uclu-holder {
  max-width: 375px;
  width: 100%;
  margin: auto;
}
.panapos .fluid-3 .alan-2 {
  display: flex;
  justify-content: space-between;
}
.panapos .fluid-3 .alan-2 .s-1 {
  width: 48%;
  min-height: 335px;
  background-color: #34A2DB;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
}
.panapos .fluid-3 .alan-2 .s-1 h3, .panapos .fluid-3 .alan-2 .s-1 h4 {
  font-weight: 500;
  text-align: center;
  font-size: 25px;
}
.panapos .fluid-3 .alan-2 .s-1 h3 {
  color: #FFFFFF;
}
.panapos .fluid-3 .alan-2 .s-1 h4 {
  color: #D9D9D9;
}
.panapos .fluid-3 .alan-2 .s-1 .s-1-1, .panapos .fluid-3 .alan-2 .s-1 .s-1-2 {
  width: 100%;
}
.panapos .fluid-3 .alan-2 .s-1 .s-1-1 {
  height: 50%;
  padding-top: 30px;
}
.panapos .fluid-3 .alan-2 .s-1 .s-1-1 h3 {
  margin-bottom: 0;
}
.panapos .fluid-3 .alan-2 .s-1 .s-1-2 {
  background-color: #FFFFFF;
  height: 50%;
  border-radius: 5px;
  padding: 20px;
  text-align: center;
}
.panapos .fluid-3 .alan-2 .s-1 .s-1-2 h4 {
  color: #545454;
  margin-bottom: 20px;
}
.panapos .fluid-3 .alan-2 .s-2 {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.panapos .fluid-3 .alan-2 .s-2 .s-2-1, .panapos .fluid-3 .alan-2 .s-2 .s-2-2 {
  border-radius: 5px;
  height: 48%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.panapos .fluid-3 .alan-2 .s-2 .s-2-1 h4, .panapos .fluid-3 .alan-2 .s-2 .s-2-2 h4 {
  font-size: 1.5625rem;
  font-weight: 500;
  max-width: 200px;
}
.panapos .fluid-3 .alan-2 .s-2 .s-2-2 h4 {
  max-width: 230px;
}
.panapos .fluid-3 .alan-2 .s-2 .s-2-1 {
  color: #FFFFFF;
  background-color: #C5C5C5;
}
.panapos .fluid-3 .alan-2 .s-2 .s-2-2 {
  color: #545454;
  background-color: #FFF;
}
.panapos .fluid-4 {
  max-width: 1402px;
  position: relative;
}
.panapos .fluid-4 .baslik-alan {
  max-width: 90%;
  margin-bottom: 40px;
}
.panapos .fluid-4 .sol {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: url("../../images/panapos/5-1n.png") 0px 0px no-repeat;
}
.panapos .fluid-4 .sag {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
.panapos .fluid-4 .cift-box {
  max-width: 371px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
}
.panapos .fluid-4 .beyaz-box-2, .panapos .fluid-4 .mavi-box-2, .panapos .fluid-4 .gri-box-2 {
  margin-bottom: 20px;
  border-radius: 5px;
  text-align: center;
}
.panapos .fluid-4 .beyaz-box-2 {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 7px;
  text-align: center;
  width: 100%;
  margin: 0;
}
.panapos .fluid-4 .beyaz-box-2 h3 {
  font-size: 24px;
  color: #545454;
  margin-bottom: 10px;
}
.panapos .fluid-4 .beyaz-box-2 .mavi-box {
  background-color: #34A2DB;
  color: #FFF;
  padding: 3px 10px;
  display: inline-block;
  border-radius: 3px;
}
.panapos .fluid-4 .mavi-box-2, .panapos .fluid-4 .gri-box-2 {
  color: #FFF;
  padding: 20px;
  font-size: 1.5625rem;
  font-weight: 500;
  float: right;
}
.panapos .fluid-4 .mavi-box-2 {
  background-color: #34A2DB;
  max-width: 395px;
  width: 100%;
}
.panapos .fluid-4 .gri-box-2 {
  background-color: #C5C5C5;
  max-width: 525px;
  width: 100%;
}
.panapos .fluid-4 .zbg {
  background-color: #F2F2F2;
  border-radius: 10px;
  position: absolute;
  left: 10%;
  right: 10%;
  top: 10%;
  bottom: 15%;
  z-index: 1;
}
.panapos .bbaslik {
  font-size: 5.25rem;
  font-weight: bold;
  margin-bottom: 0;
}
.panapos .bbaslik .sp1 {
  color: #3396BB;
}
.panapos .bbaslik .sp2 {
  color: #A1BAC5;
}
.panapos .sbaslik {
  font-size: 2.8125rem;
  font-weight: 500;
  color: #777E72;
  margin-top: -5px;
}
.panapos .f-iletisim {
  color: #34A2DB;
  font-size: 1.5625rem;
  font-weight: 500;
  margin: 7rem 0;
}

.panapos-footer .col p, .panapos-footer h4.title {
  color: #FFF !important;
}
.panapos-footer .col1 {
  background-color: #CBD6DB !important;
}
.panapos-footer .col2 {
  background-color: #A1B3BB !important;
}
.panapos-footer .col3 {
  background-color: #7F929B !important;
}

.login .top-title {
  color: #5A5A5A;
}
.login .sol-logo {
  position: absolute;
  left: 20px;
  top: 1.25rem;
  z-index: 5;
}
.login .sol-logo img {
  max-width: 147px;
}
.login .fluid-1 {
  max-width: 1360px;
  padding: 3rem 90px 0 90px;
  margin: 6rem auto auto auto;
  position: relative;
}
.login .fluid-1 .icerik {
  position: relative;
  z-index: 2;
}
.login .mavi-text {
  font-size: 1.25rem;
  font-weight: 500;
  color: #2D82D6;
}
.login .ana-foto {
  border-radius: 10px;
}
.login .login-box {
  background-color: #318EEB;
  color: #FFF;
  width: 100%;
  max-width: 770px;
  margin: auto;
  border-radius: 10px;
  padding: 50px 0 50px 0;
}
.login .login-box .ic {
  max-width: 580px;
  width: 100%;
  margin: auto;
  /* Adding a dotted border around the active tabbed-into checkbox */
}
.login .login-box .ic .form-control, .login .login-box .ic button {
  padding: 0.675rem 0.75rem;
}
.login .login-box .ic label {
  color: #FFF;
  font-size: 1.25rem;
  font-weight: normal;
}
.login .login-box .ic input[type=text], .login .login-box .ic input[type=password], .login .login-box .ic button {
  width: 100%;
  border-radius: 5px;
}
.login .login-box .ic button {
  margin-top: 15px;
  background-color: #2775C1;
  border-color: #2775C1;
  color: #FFF;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  outline: none;
}
.login .login-box .ic input[type=checkbox] + span:before {
  content: "";
  border: 1px solid #FFFFFF;
  border-radius: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.5em;
  margin-top: 3px;
  vertical-align: 1px;
  color: white;
}
.login .login-box .ic input[type=checkbox]:checked + span:before {
  /* NOTE: Replace the url with a path to an SVG of a checkmark to get a checkmark icon */
  background-image: url("../svg/ios-checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  /* The size of the checkmark icon, you may/may not need this */
  background-size: 25px;
  border-radius: 2px;
}
.login .login-box .ic input[type=checkbox]:focus + span:before,
.login .login-box .ic input[type=checkbox]:not(:disabled) + span:hover:before {
  /* Visible in the full-color space */
  /* Visible in Windows high-contrast themes
     box-shadow will be hidden in these modes and
     transparency will not be hidden in high-contrast
     thus box-shadow will not show but the outline will
     providing accessibility */
  outline-color: transparent;
  /*switch to transparent*/
  outline-width: 2px;
  outline-style: dotted;
}
.login .login-box .ic .cb-sol {
  width: 18px;
}
.login .login-box .ic .cb-sag {
  font-size: 12px;
  font-weight: normal;
}
.login .zbg {
  position: absolute;
  background-color: #E8E8E8;
  left: 0;
  right: 10%;
  bottom: 12%;
  top: 0;
  border-radius: 10px;
  z-index: 1;
}

.login-footer .col p, .login-footer h4.title {
  color: #FFF !important;
}
.login-footer .col1 {
  background-color: #5BADFF !important;
}
.login-footer .col2 {
  background-color: #318EEB !important;
}
.login-footer .col3 {
  background-color: #2D82D6 !important;
}

.whatsapp-fixed {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 79px;
  height: 79px;
  z-index: 2;
}
.whatsapp-fixed img {
  width: 79px !important;
  height: auto !important;
}

.footer {
  display: flex;
  flex-direction: row;
  margin: 0 0 10px 0;
  z-index: 1;
  position: relative;
  /*
  .col1 { background-color: #F5F5F5;}
  .col2 { background-color: #EEEEEE; }
  .col3 { background-color: #E8E8E8; }
  */
}
.footer .col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  justify-content: center;
}
.footer .col h4.title {
  font-size: 1.5625rem;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 15px;
}
.footer .col p {
  font-size: 1.0625rem;
  color: #FFF;
  text-align: center;
}
.footer .col > .ikon, .footer .col > .ikons {
  margin-bottom: 1.25rem;
}
.footer .col .ikons {
  display: flex;
}
.footer .col1 {
  background-color: #D1D1D1;
}
.footer .col2 {
  background-color: #707070;
}
.footer .col3 {
  background-color: #5A5A5A;
}

.copytext {
  text-align: center;
  font-size: 10px;
  color: #A7A7A7;
}

@media screen and (min-width: 768px) and (max-height: 780px) {
  .menu .menu-inner {
    padding-top: 2rem;
  }
  .menu .menu-inner .menu-sag ul li {
    font-size: 3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1368px) {
  .panashop .urun-slider .sli-item {
    min-width: initial;
  }
}
@media screen and (max-width: 1368px) {
  .about-part-1 .icerik .icerik-ic .sol {
    width: 45%;
    font-size: 1.3rem;
    padding-right: 10px;
  }
  .about-part-1 .icerik .icerik-ic .sol .sol-ust p {
    padding-left: 25px;
  }
  .about-part-1 .icerik .icerik-ic .sag {
    width: 55%;
    padding-left: 10px;
  }

  .contact .sol {
    width: 40%;
  }
  .contact .sol .icerik h3 {
    font-size: 5.5rem;
  }
  .contact .sag {
    width: 60%;
  }
  .contact .harita {
    padding: 0 30px;
  }

  .panashop .urun-liste {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 1280px) {
  .about-part-1 .icerik .icerik-ic .sol {
    padding-top: 80px;
  }

  .about-part-1 .icerik .icerik-ic .sol .sol-ust p {
    margin-bottom: 15px;
  }

  .about-part-1 .icerik .icerik-ic .sol .sol-beyaz {
    padding: 25px 50px;
  }
}
@media screen and (max-width: 768px) {
  .top-title {
    top: 5.5rem;
    font-size: 3rem;
  }

  .slayt .icerik {
    margin-bottom: 2.5rem;
  }
  .slayt .icerik .hello {
    font-size: 5.5rem;
  }
  .slayt .icerik p {
    font-size: 1.5rem;
  }

  .sol-ucgen {
    border-top: 240px solid rgba(255, 255, 255, 0.7);
    border-right: 240px solid transparent;
  }

  .sol-logo-holder {
    width: 240px;
    height: 240px;
    padding-left: 10px;
    padding-top: 20px;
  }
  .sol-logo-holder img {
    max-width: 120px;
  }

  .hservices .icerik {
    padding: 0.5rem 0.5rem;
    width: 100%;
  }
  .hservices .icerik .container-fluid .part, .hservices .icerik .container-fluid .part2x {
    max-width: 100%;
  }
  .hservices .icerik .container-fluid .part span, .hservices .icerik .container-fluid .part2x span {
    font-size: 1.4rem;
  }

  .hproducts {
    padding-right: 10px;
  }
  .hproducts .boxwrap {
    padding-bottom: 20px;
  }
  .hproducts .boxwrap .lbox {
    width: 100%;
  }
  .hproducts .boxwrap .bg {
    display: none;
  }
  .hproducts .rbox {
    position: static;
    top: auto;
    right: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
  }
  .hproducts .rbox .item {
    padding: 20px;
  }
  .hproducts .rbox .item img {
    max-width: 50%;
  }
  .hproducts .rbox .item span {
    font-size: 1rem;
  }

  .hpanapusher2 {
    min-height: auto;
    overflow: hidden;
  }
  .hpanapusher2 .container-fluid {
    margin: 0;
  }
  .hpanapusher2 .container-fluid .icerik {
    padding: 330px 0 0 0;
    background-position: top;
    justify-content: start;
    height: auto;
  }
  .hpanapusher2 .container-fluid .icerik .sol {
    max-width: 100%;
  }

  .hpanashelf {
    margin-top: 20px;
    min-height: auto;
  }
  .hpanashelf .title {
    font-size: 3.25rem;
    margin: 0 auto;
  }
  .hpanashelf .title .s3 {
    font-size: 1.5rem !important;
  }

  .panashelf .zwrapper {
    padding: 20px 10px;
  }
  .panashelf .zwrapper .ust {
    font-size: 3.063rem;
    line-height: 3.25rem;
  }
  .panashelf .zwrapper .alt {
    font-size: 21px;
  }
  .panashelf .ft-link {
    display: block;
  }

  .panashelf .shelf3 .x-ana {
    flex-direction: column;
  }
  .panashelf .shelf3 .x1, .panashelf .shelf3 .x2 {
    width: 100%;
    display: block;
    min-height: auto;
    margin-bottom: 20px;
  }
  .panashelf .shelf3 .x2 .x2-1 {
    flex-direction: column;
  }
  .panashelf .shelf3 .x2 .x2-1 .x2-1-elem {
    width: 100%;
    margin-bottom: 20px;
  }
  .panashelf .shelf3 .ic {
    height: auto;
  }
  .panashelf .shelf3 .beyaz-ic {
    margin-bottom: 20px;
  }

  .footer {
    flex-direction: column;
  }
  .footer .col > .ikon, .footer .col > .ikons {
    margin-bottom: 1rem;
  }
  .footer .col h4.title {
    font-size: 1.3rem;
  }
  .footer .col p {
    font-size: 0.85rem;
  }

  .menu .menu-inner {
    flex-direction: column;
    justify-content: start;
    padding-top: 20px;
  }
  .menu .menu-inner .menu-sag ul li {
    font-size: 3rem;
  }
  .menu .menu-inner .menu-sag ul li a.kapat svg {
    height: 35px;
    width: 35px;
  }
  .menu .menu-inner .menu-footer {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .about2 .ust-kisim .big-text {
    bottom: 0;
    padding-right: 0.75rem;
  }
  .about2 .sol {
    position: static;
    padding: 20px;
    margin-top: 15px;
    width: 100%;
  }
  .about2 .big-text {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  .about2 .kisim-2 .big-text {
    margin-top: 7px;
  }
  .about2 .pdli {
    padding: 12px;
  }
  .about2 .orta .sag {
    width: 100%;
  }
  .about2 .orta .bg {
    right: 0;
  }
  .about2 .orta .alt-acik {
    padding-top: 0;
  }
  .about2 .gri-box ul li {
    font-size: 1.45rem;
  }

  .about3 .big-text {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }

  .about-part-1 .icerik .icerik-ic {
    flex-direction: column-reverse;
  }
  .about-part-1 .icerik .icerik-ic .sol, .about-part-1 .icerik .icerik-ic .sag {
    width: 100%;
  }
  .about-part-1 .icerik .icerik-ic .sag {
    padding: 15px;
    margin-bottom: 20px;
  }
  .about-part-1 .icerik .icerik-ic .sol {
    padding: 0 30px 30px 30px;
  }
  .about-part-1 .icerik .icerik-ic .sol .sol-ust {
    padding: 10px;
  }
  .about-part-1 .icerik .icerik-ic .sol .sol-ust p {
    padding-left: 0;
    text-align: left;
  }
  .about-part-1 .icerik .icerik-ic .sol .sol-beyaz {
    padding: 15px;
  }
  .about-part-1 .icerik .icerik-ic .sol .sol-beyaz p {
    text-align: left;
  }
  .about-part-1 .icerik .icerik-ic .sol .golge-alan {
    display: none;
  }
  .about-part-1 .icerik .bg {
    left: 15px;
    right: 15px;
  }

  .about-part-2 .icerik {
    flex-direction: column;
  }
  .about-part-2 .icerik .sol, .about-part-2 .icerik .sag {
    width: 100%;
  }
  .about-part-2 .icerik .sol {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 5px;
    border-right: none;
    border-bottom: none;
  }
  .about-part-2 .icerik .sol .satir {
    padding: 15px;
    width: 100%;
  }
  .about-part-2 .icerik .sag {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    border-bottom: none;
    padding: 15px;
  }

  .about-part-3 .container-fluid .ulke-box ul {
    padding-left: 0;
  }

  .products .ust {
    padding-top: 20vh;
  }
  .products .ust-acik h2 {
    font-size: 3rem;
  }
  .products .ust .col-md-4 img {
    max-height: 220px;
    margin-bottom: 15px;
  }
  .products .ust .col-md-4 h3 {
    margin-bottom: 25px;
  }
  .products .orta2 h3, .products .orta7 h3 {
    font-size: 2rem;
  }
  .products .orta2 .bg, .products .orta7 .bg {
    left: 0;
    right: 0;
    width: 100%;
  }
  .products .orta2 .mh-960, .products .orta7 .mh-960 {
    max-width: 100% !important;
    height: auto !important;
  }
  .products .orta3 .icerik {
    position: static;
  }
  .products .orta4 .container .bg {
    width: 100%;
    top: -50px;
    left: 0;
    right: 0;
  }
  .products .orta7 .sol-stun {
    width: 100%;
  }
  .products .orta7 .sol-stun .sol-icerik {
    padding-top: 20px;
  }
  .products .orta7 .sag-stun {
    width: 100%;
  }
  .products .ybg {
    left: 0;
    width: 100%;
    right: 0;
  }

  .services .ust-kisim {
    background: url("../../images/services/services-ust.png") center center no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
    display: flex;
    position: relative;
  }
  .services .ust-kisim img {
    display: none;
  }
  .services .ust-kisim h2 {
    font-size: 3rem;
  }
  .services .container-fluid .col-md-4, .services .container-fluid .col-md-8 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .services .sv-row {
    padding: 10px;
  }

  .contact .container .bg {
    position: static;
    width: 100%;
  }
  .contact .container .icerik .yazi p {
    color: #555;
  }
  .contact .sol {
    position: static;
    width: 100%;
    padding: 10px 10px;
    background-color: transparent;
  }
  .contact .sol .icerik {
    background-color: rgba(191, 195, 223, 0.73);
    border-radius: 20px;
    width: 100%;
  }

  .panapusher {
    padding-top: 110px;
  }
  .panapusher .container .icerik h1 {
    font-size: 2.5rem;
  }
  .panapusher .container .icerik h2 {
    font-size: 1.5rem;
  }
  .panapusher .container .icerik p {
    margin-top: 5px;
  }

  .panashelf .banner-slider {
    display: flex;
    flex-direction: column-reverse;
  }

  .login .fluid-1 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .login .login-box {
    padding: 20px 15px;
  }
  .login .zbg {
    right: 0;
  }

  .contact .container-fluid {
    padding: 100px 0 0 0;
  }

  .contact .ust-alan {
    flex-direction: column !important;
  }

  .contact .sol .icerik h3 {
    font-size: 4.5rem;
  }

  .contact .sag {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
  }

  .contact .harita {
    padding: 0 10px;
  }
}
@media screen and (min-width: 768px) {
  .mb-md-6 {
    margin-bottom: 4rem !important;
  }

  .mt-md-6 {
    margin-top: 4rem !important;
  }

  .my-md-6 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .pt-md-6 {
    padding-top: 4rem !important;
  }

  .pb-md-6 {
    padding-bottom: 4rem !important;
  }

  .py-md-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media screen and (max-width: 450px) {
  .menu .menu-inner .menu-logo a {
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .menu .menu-inner .menu-logo img {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }

  .menu .menu-inner .menu-sag ul li {
    font-size: 40px;
  }

  .hservices .icerik .container-fluid .part:hover .bgwrap .inner,
.hservices .icerik .container-fluid .part:nth-child(3) .inner {
    font-size: 2.3rem !important;
  }

  .hservices .icerik .container-fluid .be-inolved {
    margin-top: 20px;
    font-size: 50px;
  }

  .hproducts2 .container-fluid {
    margin-top: 50px;
  }

  .hproducts2 .container-fluid .box-wrapper .lbox {
    width: 100%;
  }

  .hproducts2 .container-fluid .box-wrapper .rbox {
    width: 100%;
    position: relative;
    top: initial;
    right: initial;
    margin-top: 25px;
  }

  .hpanapusher2 .container-fluid .pushersvg {
    padding-bottom: 20px;
  }

  .hpanapusher2 .container-fluid .icerik {
    background-size: contain;
    min-height: initial;
    padding-bottom: 50px;
  }

  .hpanapusher2 .container-fluid .icerik .sol h3 {
    font-size: 65px;
  }

  .hpanashelf {
    padding-top: 20px;
  }

  .hpanashop h2 {
    font-size: 65px;
    bottom: -32.5px;
  }

  .hpanashop .icerik .img-holder {
    padding: 0 10px;
  }

  .radius-0 {
    border-radius: 0 !important;
  }

  .radius-10 {
    border-radius: 10px !important;
  }

  /* about */
  .about-part-2 {
    margin-bottom: 50px;
  }

  .about-part-3 .container-fluid .col-2x, .about-part-3 .container-fluid .col-1x {
    width: 100% !important;
  }

  .part-3-alt {
    flex-direction: column;
  }
  .part-3-alt .mavi-box {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .part-3-alt .dokuman-liste {
    width: 100%;
  }
  .part-3-alt .dokuman-liste .dokuman {
    margin-bottom: 20px;
  }

  /*services */
  .services .ust-kisim h2 {
    bottom: -37px;
  }

  .services .container-fluid .col-md-4, .services .container-fluid .col-md-8 {
    width: 100%;
  }

  /* products */
  .products3 .ust-acik h2 {
    font-size: 50px;
  }
  .products3 .cift-slayt {
    margin-bottom: 20px;
  }
  .products3 .fluid-1-ic {
    margin-left: 0 !important;
  }
  .products3 .fluid-1 .cift-slayt {
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
  }
  .products3 .fluid-1 .ec-1, .products3 .fluid-1 .ec-2, .products3 .fluid-3 .ec-1, .products3 .fluid-3 .ec-2, .products3 .fluid-4 .ec-1, .products3 .fluid-4 .ec-2, .products3 .fluid-5 .ec-1, .products3 .fluid-5 .ec-2, .products3 .fluid-6 .ec-1, .products3 .fluid-6 .ec-2 {
    width: 100%;
  }
  .products3 .fluid-1 .ec-1, .products3 .fluid-3 .ec-1, .products3 .fluid-4 .ec-1, .products3 .fluid-5 .ec-1, .products3 .fluid-6 .ec-1 {
    margin-bottom: 15px;
  }
  .products3 .fluid-6 .ec-1 > div {
    margin-bottom: 15px;
  }

  /* panapos */
  .panapos .fluid-3 {
    flex-direction: column;
  }
  .panapos .fluid-3 .sol {
    width: 100%;
  }
  .panapos .fluid-3 .sol .alan-0 h2 {
    font-size: 50px;
  }
  .panapos .fluid-3 .sag {
    width: 100%;
    padding-top: 35px;
  }
  .panapos .fluid-3 .alan-1 .ic .ikili {
    max-width: 250px;
    margin-right: auto;
    margin-left: auto;
  }
  .panapos .fluid-3 .alan-0 {
    float: none;
  }
  .panapos .fluid-3 .alan-2 .s-1 {
    padding: 5px;
  }
  .panapos .fluid-3 .alan-2 .s-1 h3, .panapos .fluid-3 .alan-2 .s-1 h4, .panapos .fluid-3 .alan-2 .s-2 .s-2-1 h4, .panapos .fluid-3 .alan-2 .s-2 .s-2-2 h4 {
    font-size: 18px;
  }
  .panapos .fluid-4 .baslik-alan {
    margin-bottom: 10px;
  }
  .panapos .bbaslik {
    font-size: 50px;
  }
  .panapos .sbaslik {
    font-size: 30px;
  }
  .panapos .fluid-4 .sol {
    position: relative;
    top: initial;
    left: initial;
    right: initial;
    bottom: initial;
    width: 100%;
    background: none;
  }
  .panapos .fluid-4 .beyaz-box-2 h3 {
    font-size: 20px;
  }
  .panapos .fluid-4 .mavi-box-2, .panapos .fluid-4 .gri-box-2 {
    font-size: 20px;
  }

  .panapos .fluid-3 .alan-1 .mavi-box, .panapos .fluid-3 .alan-1 .gri-box, .panapos .fluid-3 .alan-2 .mavi-box, .panapos .fluid-3 .alan-2 .gri-box {
    font-size: 20px;
  }

  /* panashelf */
  .panashelf {
    /*.panashelf*/
  }
  .panashelf .hpanashelf {
    margin-top: 100px !important;
  }
  .panashelf .inolved .be-inolved {
    font-size: 50px;
  }
  .panashelf .zwrapper {
    position: relative;
    left: initial;
    right: initial;
  }
  .panashelf .shelfx2 .container .ic .erow {
    flex-wrap: wrap;
  }
  .panashelf .shelfx2 .container .ic .erow div {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .panashelf .shelfx2 .container .zbg {
    top: 3%;
    bottom: 0;
    right: 1%;
    left: 1%;
  }

  .panashelf .shelf3-v2 .container-fluid .c-1,
.panashelf .shelf3-v2 .container-fluid .c-2,
.panashelf .shelf3-v2 .container-fluid .c-3,
.panashelf .shelf3-v2 .container-fluid .c-4,
.panashelf .shelf3-v2 .container-fluid .c-4,
.panashelf .shelf3-v2 .container-fluid .c-x2 {
    width: 100%;
  }

  .panashelf .shelf3-v2 .container-fluid .ic {
    height: auto;
  }

  /* panashop */
  .panashop .ust {
    margin: 10px 10px;
  }
  .panashop .pshop-title {
    font-size: 55px;
    bottom: -30px;
  }
  .panashop .ic {
    padding: 50px 0 0 0;
  }
}
.services .ust-kisim img {
  max-width: initial;
  width: 100%;
}