/*
Theme Name: Elissa
Theme URL: https://nivusoft.com
Author: NivuSoft
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}
body {
color: #444;
font-family: "Roboto", sans-serif;
}
*:focus {
outline: none !important;
}
a {
color: #007bff;
transition: 0.5s;
}
a:hover,
a:active,
a:focus {
color: #0b6bd3;
outline: none;
text-decoration: none;
}
p {
padding: 0;
margin: 0 0 30px 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Montserrat", sans-serif;
font-weight: 400;
margin: 0 0 0px 0;
padding: 0;
}
/* Back to top button */
.paketozellik::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #eaeaea;
}
.paketozellik::-webkit-scrollbar
{
width: 8px;
background-color: #eaeaea;
position: relative;
}
.paketozellik::-webkit-scrollbar-thumb
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
/* Prelaoder */
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
overflow: hidden;
background: #fff;
}
#preloader:before {
content: "";
position: fixed;
top: calc(50% - 30px);
left: calc(50% - 30px);
border: 6px solid #f2f2f2;
border-top: 6px solid #007bff;
border-radius: 50%;
width: 60px;
height: 60px;
-webkit-animation: animate-preloader 1s linear infinite;
animation: animate-preloader 1s linear infinite;
}
@-webkit-keyframes animate-preloader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes animate-preloader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes bildir {
0%,
50% {
transform: translateX(0);
animation-timing-function: cubic-bezier(.2, .25, .55, 1)
}

25% {
transform: translateX(-10px);
animation-timing-function: cubic-bezier(.45, 0, .8, .75)
}

75% {
transform: translateX(10px);
animation-timing-function: cubic-bezier(.45, 0, .8, .75)
}

to {
transform: translateX(0)
}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
background: #fff;
height: 80px;
transition: all 0.5s;
z-index: 97;
margin: 0 auto;
transition: all 0.5s;
padding: 20px 0;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.20);
}
.duyuru-alert {
position: relative;
color: #fff;
text-align: center;
border-radius: 0;
margin-bottom: 0;
border: none;
}
.duyuru-alert .close {
top: -3px;
transition: .3s;
}
.duyuru-alert .close:hover {
color: #fff;
opacity: .3;
}
.logo img {
padding: 0;
margin: -1px 0;
transition: .3s;
max-height: 40px;
}
.main-pages {
margin-top: 60px;
}
.lito, .libo {
    position: relative;
}
.lito::before {
    content: "";
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.libo::after {
    content: "";
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/
#intro {
width: 100%;
position: relative;
background-size: cover;
min-height: 650px;
overflow: hidden;
}
#intros {
width: 100%;
position: relative;
background-size: cover;
min-height: 375px;
overflow: hidden;
}
#introx {
width: 100%;
position: relative;
background-size: cover;
min-height: 350px;
overflow: hidden;
}
.full-height {
    height: calc(100vh - 80px);
}
.h-devam {
    position: absolute;
    bottom: 70px;
    width: 170px;
    text-align: center;
    left: calc(50% - 85px);
}
.h-devam a {
    color: #fff;
    letter-spacing: 10px;
}
.h-devam i {
    display: block;
    animation: 2s infinite float;
    font-size: 25px;
}
.h-devam {
    display: none;
}
.full-height .h-devam {
    display: block;
}
.hizlisip {
background: #eae9e9;
border: 10px solid #fff;
padding: 50px 30px 35px;
max-width: 350px;
margin: 0 auto;
overflow: hidden;
position: relative;
box-shadow: 0px 5px 25px #00000063;
}
.hizlisip2 {
    background: none;
}
.hizlisip2 .hiz-but {
    background: #fff !important;
    margin-top: 10px;
}
.hizsip-title {
    color: #fff;
}
.hizsip-p {
    color: #fff;
}
#intro .intro-img {
width: 50%;
float: right;
}
#intro .intro-info {
width: 50%;
float: left;
}
#intro .intro-info h2 {
color: #fff;
margin-bottom: 40px;
font-size: 48px;
font-weight: 700;
}
#intro .intro-info h2 span {
color: #74b5fc;
text-decoration: underline;
}
#intro .intro-info .btn-get-started,
#intro .intro-info .btn-services {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
display: inline-block;
padding: 10px 32px;
transition: 0.5s;
margin: 0 20px 20px 0;
color: #fff;
}
.btn:hover {color: #fff;}
.alan1madde {
background: #fff;
padding: 8px;
animation: float 2s ease infinite;
font-size: 15px;
font-weight: bold;
box-shadow: 0px 3px 15px #00000045;
}
.head-servis .nav {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}
.head-servis {
	position: relative;
    margin-bottom: 30px;
}
.head-servis:after {
    content: "";
    position: absolute;
    bottom: -20px;
    width: 100%;
    opacity: .1;
    border-bottom: 8px solid #333;
}
.hser i {
float: left;
padding: 5px;
margin-left: 5px;
font-size: 30px;
}
.hser.active {
color: #fff !important;
}
.hser:hover {
	color: #8e8e8e;
    background: #f1f1f1;
}
.hser::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50%);
    height: 100%;
    width: 0%;
    transition: .3s;
    z-index: -1;
}
.hser.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.hser::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: calc(50%);
    height: 8px;
    width: 0%;
    transition: .6s;
}
.hser.active::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    height: 8px;
    width: 100%;
    z-index: 1;
}
.hser.active {
	background: none;
}
.hser {
background: #fff;
position: relative;
background-size: cover;
line-height: 20px;
text-align: left;
cursor: pointer;
transition: .5s;
width: 100%;
margin: 0px 10px;
font-size: 17px;
padding: 10px 15px;
padding-bottom: 13px;
}

.hser span {
left: 10px;
position: relative;
}
.hserx {
    padding: 15px 10px;
    background: #fff !important;
    background-size: cover;
    line-height: 20px;
    text-align: left;
    cursor: pointer;
    transition: .5s;
    width: 100%;
    margin-bottom: 10px;
    font-size: 17px;
    box-shadow: 0px 0px 15px #00000026;
}
.hserx span {
    left: 15px;
    position: relative;
}
.hserx i {
float: left;
padding: 5px;
margin-left: 8px;
margin-right: 0;
font-size: 30px;
}
.hizser-dalga {
text-align: left;
padding: 15px;
overflow: visible;
position: relative;
}
.hizser-keskin {
text-align: center;
padding: 15px;
margin-bottom: 30px;
margin-top: -68px;
overflow: visible;
position: relative;
}
.hizser-oval {
text-align: center;
padding: 15px;
margin-top: -82px;
margin-bottom: 30px;
overflow: visible;
position: relative;
}
.hizser-toval {
text-align: center;
padding: 15px;
margin-bottom: 30px;
margin-top: -120px;
overflow: visible;
position: relative;
}
.hizser-duz {
text-align: center;
padding: 15px;
margin-bottom: 30px;
margin-top: -80px;
overflow: visible;
position: relative;
}
.mogos {
    display: none;
}
.alan1 {display: block;
animation-delay: 0s;
animation-duration: 1s;}
.alan2 {display: none;animation-delay: 0s;
animation-duration: 1s;}
.alans1 {display: block;
animation-delay: 0s;
animation-duration: 1s;}
.alans2 {display: none;animation-delay: 0s;
animation-duration: 1s;}
.dikort {
position: relative;
width: 100%;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.hiz-but {
padding: 12px;
font-weight: bold;
width: 100%;
color: #fff;
box-shadow: 0px 3px 15px #00000047;
}
.alandugme {
border: none;
background: #fff;
min-width: 220px;
font-weight: bold;
cursor: pointer;
padding: 10px 30px;
box-shadow: 0px 0px 15px #00000024;
}
a.telbut {
color: #fff;
}
.telico:hover {
left: 0;
}
.telico i {
padding-top: 6px;
padding-right: 14px;
float: right;
font-size: 23px;}
.sorgu:hover {
left: 0;
}
.sorgu i {
padding-top: 6px;
padding-right: 14px;
float: right;
font-size: 22px;
}
.sorgu a {
text-decoration: none;
padding-left: 10px;
color: #fff;
text-align: left;
}

.sorgu {
position: relative;
left: -185px;
cursor: pointer;
width: 240px;
font-size: 23px;
color: #fff!important;
margin-right: 0;
z-index: 999;
padding: 10px 5px;
box-shadow: 0 3px 7px #0000002e;
transition: .7s;
}
.whatsappico:hover {
left: 0;
}
.whatsappico i {
padding-top: 4px;
padding-right: 12px;
font-size: 28px;
float: right;
}
.whatsappico a {
text-decoration: none;
padding-left: 10px;
color: #fff;
text-align: left;
}
.whatsappico {
position: relative;
left: -155px;
margin-bottom: 10px;
width: 210px;
font-size: 23px;
background: #69ad53;
color: #fff!important;
margin-right: 0;
z-index: 999;
padding: 10px 5px;
box-shadow: 0 3px 7px #0000002e;
transition: .7s;
}
.telico {
position: relative;
left: -180px;
margin-bottom: 10px;
width: 235px;
font-size: 23px;
background: #2196f3;
color: #fff!important;
margin-right: 0;
z-index: 999;
padding: 10px 5px;
box-shadow: 0 3px 7px #0000002e;
transition: .7s;
}
.left-connect {
    width: 0px;
    position: fixed;
    left: 0;
    bottom: calc(50% - 90px);
    height: 180px;
    z-index: 99;
}
.phone-fix {
position: relative;
height: 100%;
}
.phonemg img {
width: 230px;
}
.phone-item {
position: absolute;
width: 300px;
animation: bildir ease 3s infinite;
background: #fff;
padding: 8px;
height: 66px;
box-shadow: 0px 3px 15px #0003;
backface-visibility: hidden;
margin: 20px 0px;
}
.pho-items {
position: absolute;
top: calc(50% - 65px);
left: calc(50% - 150px);
}
.potem1 {
top: 0 ;
}
.potem2 {
top: 80px;
animation-delay: .5s;
}
.potem3 {
top: 160px;
animation-delay: 1s;
}
.inus1 {
color: #fff;
animation-duration: .5s;
}
.inus2 {
animation-duration: 1s;
}
.phone-img {
    position: absolute;
    width: 92px;
    height: 92px;
    top: 60px;
    left: calc(50% - 46px);
    border-radius: 100px;
    background: #ffffff;
    overflow: hidden;
    border: 2px solid #fdfdfd;
}
.phone-img img {
    width: 100%;
}
.p-item1 {
color: #fff;
font-size: 22px;
width: 50px;
height: 50px;
display: table-cell;
vertical-align: middle;
}
.p-item2 {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
text-align: left;
font-weight: bold;
color: #777;
line-height: 18px;
font-size: 15px;
}
.p-item2 span {
display: block;
font-weight: 400;
}
.mb50{margin-bottom: 50px;}
.ptb {padding: 150px 0px}
.head-ptb {padding: 60px 0px}

.alandugme:hover {
    animation: none;transform: scale(1.03);
}
.alandugme1:hover {
    animation: none;transform: scale(1.03);
}
.alandugme1 {
margin: 0 auto;
border: none;
min-width: 220px;
background: #fff;
border-bottom: 2px solid #d8d5d5;
font-weight: bold;
animation: salla 1s ease infinite;
cursor: pointer;
padding: 10px 30px;
box-shadow: 0px 0px 15px #00000024;
display: none;
}
#intro .intro-info .btn-get-started {
background: #007bff;
border: 2px solid #007bff;
color: #fff;
}
#intro .intro-info .btn-get-started:hover {
background: none;
border-color: #fff;
color: #fff;
}
#intro .intro-info .btn-services {
border: 2px solid #fff;
}
#intro .intro-info .btn-services:hover {
background: #007bff;
border-color: #007bff;
color: #fff;
}
.modal.left .modal-dialog,
.modal.right .modal-dialog {
position: fixed;
margin: auto;
width: 500px;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.modal.left .modal-content,
.modal.right .modal-content {
height: 100%;
overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
padding: 15px 15px 80px;
}
/*Left*/
.modal.left.fade .modal-dialog{
left: -500px;
-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
-o-transition: opacity 0.3s linear, left 0.3s ease-out;
transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog{
left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
right: -320px;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
right: 0;
}
/* ----- MODAL STYLE ----- */
.modal-content {
border: none;
}
.modal-header {
border-radius: 0;
background-color: #FAFAFA;
}
.modal {z-index: 99999;}
.close {
font-size: 30px;
font-weight: 700;
line-height: 1;
color: #fff;
opacity: 1;
text-shadow: none;
}
.btn-sipar {
color: #fff;
width: 100%;
padding: 10px;
}
.sip-alani {
    box-shadow: 0px 0px 20px #00000014;
    padding: 40px 30px;
    margin-bottom: 25px;
}
select.sipsel {
padding: 15px;
border: 1px solid #ccc;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
font-family: montserrat;
color: #2C3E50;
font-size: 13px;
}
.hiz-pro img {
border: 1px solid #ced4da;
}
.hiz-pro {
text-align: center;
margin-bottom: 20px;
margin-top: 10px;
}
.hiz-pro span {
font-size: 15px;
font-weight: bold;
color: #525151;
position: relative;
top: 2px;
}
.hiz-tak-say {
background: #333;
padding: 10px;
}
.hiz-uygun {
padding: 10px;
background: #28a745;
}
.hizlisip .form-control {
height: 50px;
padding-left: 16px;
border: 1px solid #fff;
box-shadow: 0px 3px 15px #0000001c;
}
#wizard-buttons {
    margin-top: 25px;
}
.wizard .kart {
    border: 3px solid #ececec;
    background: none;
    box-shadow: none;
    overflow: hidden;
    border-radius: 7px;
}
.pay-kapali {
    color: #888;
    font-weight: 500;
    text-decoration: line-through;
}
.label-text span {
    display: block;
    font-size: 13px;
    text-align: center;
    font-weight: 400;
    color: #999;
}
ul.banklist {
    margin: 10px 0px;
}
.wizard .nspat-dtext {
    color: #5f728a !important;
    font-size: 15px !important;
}
.btn-order {
    color: #fff;
    font-weight: bold;
    opacity: .7;
    transition: .3s;
    font-size: 17px;
    padding: 10px 25px;
}
.bo-ileri {
    opacity: 1;
}
.ns-select {
    box-shadow: 0px 3px 15px #0000001c;
    display: block;
    text-align: left;
    cursor: pointer;
    width: 100%;
    height: 50px;
    padding: 14px 15px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    position: relative;
}
.ns-select i.dropicon {
    float: right;
    position: relative;
    top: 4px;
    transition: .3s;
}
.ns-select.show i.dropicon {
    transform: rotate(90deg);
}
ul.ns-dropselect {
    display: none;
    position: absolute;
    left: 0;
    top: 55px;
    z-index: 999;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 20px #00000020;
    padding: 0;
    max-height: 208px;
    overflow: auto;
}
.ns-select-area {
    position: relative;
    margin-bottom: 15px;
    transition: .2s;
}
ul.ns-dropselect li {
    list-style: none;
    cursor: pointer;
    text-align: left;
    transition: .3s;
    padding: 9px 15px;
    font-size: 15px;
    border-bottom: 1px solid #00000010;
}
ul.ns-dropselect li:hover {
    background: #fafafa;
}
ul.ns-dropselect li:nth-last-child(1) {
    border: none;
}
ul.ns-dropselect li i {
    float: right;
    position: relative;
    top: 4px;
}
.ns-dropselect::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #eaeaea;
}
.ns-dropselect::-webkit-scrollbar
{
width: 8px;
background-color: #eaeaea;
position: relative;
}
.ns-dropselect::-webkit-scrollbar-thumb
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
.sip-overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000007a;
    z-index: 99;
}
.ns-select-area.show {
    z-index: 100;
}
.ns-select-area:nth-child(2).show {
    transform: translateY(-65px);
}
.ns-select-area:nth-child(3).show {
    transform: translateY(-130px);
}

/* ----- v CAN BE DELETED v ----- */
.btn-demo {
padding-left: 14px;
padding-bottom: 10px;
padding-top: 27px;
padding-right: 28px;
border-top-right-radius: 100%;
box-shadow: 0px 0px 15px #00000059;
}
.solaltbut i {
font-size: 22px;
color: #fff;
}
.solaltbut {
position: fixed;
left: 0;
z-index: 999;
bottom: 0;
transition: .5s;
}
.solaltbut:hover {
transform: scale(1.1);
}
.btn-demo:focus {
outline: 0;
}
.demo-footer {
position: fixed;
bottom: 0;
width: 100%;
padding: 15px;
background-color: #212121;
text-align: center;
}
.demo-footer > a {
text-decoration: none;
font-weight: bold;
font-size: 16px;
color: #fff;
}
.hizmet-icon {
font-size: 60px;
margin-top: 10px;
margin-bottom: 20px;
}
.hi-hizmet .hizmet-icon {
    font-size: 50px;
    margin-bottom: 12px;
}
.hi-hizmet .hizmet-baslik {
    overflow: hidden;
    font-size: 19px;
    height: 27px;
    margin-top: -5px;
    margin-bottom: 12px;
}
.hizmet-baslik span {
    font-weight: bold;
}
.hi-hizmetbut {
    color: #fff !important;
    font-weight: bold;
    padding: 4px;
    font-size: 18px;
    width: 90%;
    margin-top: 5px;
    margin-bottom: 10px;
    transition: .3s;
}
.hi-hizmetbut:hover {
    background: none;
}
.hizmet-baslik {
font-size: 22px;
margin-top: -5px;
}
.hizmet p {
margin-bottom: 10px;
font-size: 15px;
padding: 8px;
color: #696969;
}
.hi-hizmet {
    background: #fff;
    box-shadow: 0px 0px 15px #00000012;
    padding: 15px 20px;
    text-align: center;
    transition: .2s;
    position: relative;
}
.paket {
background: #fff;
box-shadow: 0px 0px 15px #00000012;
text-align: center;
transition: .2s;
position: relative;
}
.paket::after {
    content: "";
    position: absolute;
    left: 0;
    top: -5px;
    width: 100%;
    transition: .4s;
    height: calc(100% + 10px);
    opacity: 1;
    z-index: -1;
}
.paket:hover:after {
    transform: rotate(5deg);
    opacity: .7;
}
.p-wall {
    padding: 15px 20px;
    overflow: hidden;
    position: relative;
}
.hizmet.paket::after {
    content: none;
}
.paket-icon {
    font-size: 50px;
    transition: .4s;
    margin-top: 5px;
    margin-bottom: 12px;
}
.paket:hover .paket-icon {
    transform: rotate(-10deg);
}
.paketfiyat {
    position: relative;
    font-size: 23px;
    overflow: visible;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 30px;
    padding: 4px;
}
.paketfiyat span {
    color: #989898;
    position: absolute;
    width: 100%;
    top: -10px;
    padding-right: 5px;
    text-align: center;
    font-weight: 400;
    display: block;
    font-size: 15px;
    text-decoration: line-through;
}
.paketsatinal {
color: #fff !important;
transition: .4s;
overflow: visible;
font-weight: bold;
padding: 9px 15px;
width: calc(100% - 15px);
margin-bottom: 15px;
box-shadow: 0px 0px 14px #00000000;
}
.stn-ici {
    float: right;
}
.hizmetsatinal {
transition: .4s;
overflow: visible;
font-weight: bold;
position: absolute;
bottom: 15px;
padding: 10px;
font-size: 18px;
left: 10%;
color: #fff;
width: 80%;
margin-bottom: 15px;
box-shadow: 0px 0px 14px #00000061;
}
.paketliste .paket {
margin-bottom: 35px !important;
}
#hizlist .hizmet {
    padding: 15px 20px !important;
    min-height: 310px !important;
    margin-bottom: 30px;
}
#hizlist {
padding-top: 60px;
}
.paketliste {
padding-top: 50px;
}
.paketsatinal:hover {
    color: #fff;
    transform: scale(1.08);
    box-shadow: 0px 8px 14px #0000003b;
}
.paket-baslik span {
font-size: 18px;
top: -3px;
position: relative;
display: block;
}
.paket-baslik {
font-size: 22px;
margin-top: -5px;
}
.paketozellik {
height: 92px;
overflow-y: auto;
cursor: help;
margin: 0 auto;
width: calc(100% - 15px);
margin-top: 15px;
margin-bottom: 20px;
margin-right: 1px;
padding-right: 15px;
}
.paketozellik ul {
margin: 0;
padding-left: 0;
}
.paketozellik ul li {
list-style: none;
text-align: center;
font-size: 15px;
padding: 0;
margin: 0;
}
.paketozellik ul li i {
    font-size: 9px;
    position: relative;
    top: -2px;
}
.paketbaslik i {
font-size: 60px;
margin-bottom: 15px;
}
.paketbaslik p {
    max-width: 900px;
    margin: auto;
    font-weight: 300;
    margin-bottom: 30px;
}
.sipbaslik i {
font-size: 50px;
margin-bottom: 15px;
}
.hizmetbaslik i {
font-size: 60px;
margin-bottom: 15px;
}
.float i {
font-size: 60px;
margin-bottom: 15px;
animation: float 3s ease infinite;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.main-nav {
/* Drop Down */
/* Deep Drop Down */
}
.main-nav,
.main-nav * {
margin: 0;
padding: 0;
list-style: none;
}
.main-nav .drop-down ul a {color: #333;}
.main-nav > ul > li {
position: relative;
white-space: nowrap;
float: left;
}
.main-nav a {
display: block;
position: relative;
padding: 10px 12px;
transition: 0.3s;
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
}
.main-nav .drop-down ul {
display: block;
position: absolute;
left: 0;
top: calc(100% + 30px);
z-index: 99;
opacity: 0;
visibility: hidden;
padding: 10px 0;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
transition: ease all 0.3s;
}
.main-nav .drop-down:hover > ul {
opacity: 1;
top: 100%;
visibility: visible;
}
.main-nav .drop-down li {
min-width: 180px;
position: relative;
}
.main-nav .drop-down ul a {
padding: 10px 20px;
font-size: 13px;
}
main#main {
min-height: 470px;
}
.menubut1 {
padding: 5px 10px;
margin-left: 15px;
transition: .4s;
text-align: center;
box-shadow: 0px 2px 10px #0000001c;
}
.menubut1 a {
padding: 5px 15px !important;
font-size: 20px;
}
.menubut1:hover {transform: scale(1.04);}
.menubut2 {
padding: 0px 15px;
margin-left: 15px;
cursor: pointer;
transition: .4s;
box-shadow: 0px 2px 10px #0000001c;
}
.menubut2:hover {transform: scale(1.04);}
#header li.drop-down {
    margin-right: 15px;
}
.main-nav .drop-down > a:after {
    content: "";
    position: absolute;
    top: 13px;
    right: -5px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
.main-nav .drop-down .drop-down ul {
top: 0;
left: calc(100% - 30px);
}
.main-nav .drop-down .drop-down:hover > ul {
opacity: 1;
top: 0;
left: 100%;
}
.main-nav .drop-down .drop-down > a {
padding-right: 35px;
}
.main-nav .drop-down .drop-down > a:after {
content: "\f105";
position: absolute;
right: 15px;
}
/* Mobile Navigation */
.mobile-nav {
position: fixed;
text-align: left;
bottom: 0;
z-index: 9999;
left: 0;
bottom: -100%;
padding: 0px 10px;
padding-bottom: 15px;
width: 100%;
background: #fff;
padding-top: 35px;
transition: 0.4s;
}
.mobile-nav * {
margin: 0;
padding: 0;
list-style: none;
}
.mobile-nav a {
display: block;
position: relative;
color: #fff;
padding: 10px 20px;
font-weight: 500;
}
.mobile-nav-kapat {
    background: #1d2542;
    border: none;
    font-size: 22px;
    box-shadow: 0px 3px 20px #0000003d;
    color: #fff;
    position: absolute;
    width: 49px;
    height: 49px;
    top: -20px;
    border-radius: 100px;
    left: calc(50% - 25px);
}
.mobile-nav-kapat i {
    padding-left: 1px;
}
.menubut1 .mobile-nav a {
	color: #fff !important;
}
.drop-down.active ul {
    background: #00000005 !important;
}
.mobile-nav.d-lg-none .drop-down ul li a {
    font-weight: 400;
	opacity: .8;
    padding: 7px 0px;
}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {
text-decoration: none;
}
.mobile-nav .drop-down > a:after {
 content: "";
    position: absolute;
    top: 13px;
    right: 5px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent #717171 #717171 transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
.mobile-nav .drop-down.active > a:after {
 transform: rotate(45deg);
}
.mobile-nav .drop-down ul {
    display: none;
    padding: 10px 0px;
    max-height: 200px;
    overflow: auto;
}

@keyframes scrollgoster {
    0% {
    transform: translateY(0px);
    }
    50% {
    transform: translateY(-30px);
    }
    100% {
    transform: translateY(0px);
    }
}
.mobile-nav .drop-down li {
padding-left: 20px;
}
.mobile-nav-active .mobile-nav li {
	animation: .8s ease menuiti;
}
.mobile-nav-active .mobile-nav li:nth-child(1) {
	animation-duration: .4s;
}
.mobile-nav-active .mobile-nav li:nth-child(2) {
	animation-duration: .6s;
}
.mobile-nav-active .mobile-nav li:nth-child(3) {
	animation-duration: .8s;
}
.mobile-nav-active .mobile-nav li:nth-child(4) {
	animation-duration: 1s;
}
.mobile-nav-active .mobile-nav li:nth-child(5) {
	animation-duration: 1.2s;
}
.mobile-nav-active .mobile-nav li:nth-child(6) {
	animation-duration: 1.4s;
}
.mobile-nav-active .mobile-nav li:nth-child(7) {
	animation-duration: 1.6s;
}
.mobile-nav-active .mobile-nav li:nth-child(8) {
	animation-duration: 1.8s;
}

@keyframes menuiti {
	0% {
    opacity: 0;
    transform: translate3d(0,100%,0);
	}
	100% {
	    opacity: 1;
	    transform: none;
	}
}
.mobile-nav-toggle {
position: absolute;
right: 0;
top: 0;
z-index: 99;
border: 0;
background: none;
font-size: 24px;
transition: all 0.4s;
outline: none !important;
line-height: 1;
cursor: pointer;
text-align: right;
}

.ortala {text-align: center;}
.mobile-nav-toggle i {
margin: 18px 0px 0 0;
}
.mobile-nav-overly {
width: 100%;
height: 100%;
z-index: 9997;
top: 0;
left: 0;
position: fixed;
background: rgba(19, 39, 57, 0.8);
overflow: hidden;
display: none;
}
.mobile-nav-active {
overflow: hidden;
}
.mobile-nav-active .mobile-nav {
bottom: 0;
max-height: calc(100% - 30px);
}
.mobile-nav-active .mobile-nav-toggle i {
position: relative;
}
/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
/* Sections Header
--------------------------------*/
.servis-alani {
    padding-top: 50px;
    padding-bottom: 50px;
}
.section-header {
    position: relative;
}
.section-header h3 {
font-size: 36px;
text-align: center;
font-weight: bold;
position: relative;
}
.section-header p {
text-align: center;
margin: auto;
font-size: 15px;
padding-bottom: 30px;
margin-bottom: 10px;
color: #555;
width: 50%;
}
.alticiz::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: calc(50% - 8px);
    border: 3px solid #fff;
    z-index: 2;
    bottom: 9px;
    animation: 3s infinite salla;
}
.alticiz::after {
    content: "";
    position: absolute;
    width: 70px;
    height: 4px;
    left: calc(50% - 35px);
    z-index: 1;
    bottom: 15px;
}

.ser-alani .section-header p {
    max-width: 750px;
    width: 100%;
    margin-bottom: 0px;
}

.koyu .alticiz::after {
	background: #fff !important;;
}
/* Section with background
--------------------------------*/
.section-bg {
background: #ecf5ff;
}
/* About Us Section
--------------------------------*/
.fsoya {
    text-align: center;
}
.fsoya img {
    height: 50px;
    margin-bottom: 5px;
}
.fsoya span {
    display: block;
}
.fsaya {
    font-weight: 300;
    text-align: center;
    margin-bottom: 65px;
}
.fsaya ul {
    padding: 0;
}
.fsaya ul a {
    margin: 0 5px;
}
.foot-sm a {
    color: #fff;
    margin: 0px 6px;
}
.foot-sm {
    font-size: 26px;
    margin-bottom: 15px;
}
.foot-sm i {
    transition: .5s;
}
.foot-sm i:hover {
    transform: scale(1.1);
}
.menubut2 a {color: #fff !important;}
.menubut1 a {color: #fff !important;}
#about {
background: #fff;
}
.x404 {
text-align: center;
padding: 100px 0px;
}
#about .about-container .background {
margin: 20px 0;
}
#about .about-container .content {
background: #fff;
}
#about .about-container .title {
color: #333;
font-weight: 700;
font-size: 32px;
}
#about .about-container p {
line-height: 26px;
}
#about .about-container p:last-child {
margin-bottom: 0;
}
#about .about-container .icon-box {
background: #fff;
background-size: cover;
padding: 0 0 30px 0;
}
#about .about-container .icon-box .icon {
float: left;
background: #fff;
width: 64px;
height: 64px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
border: 2px solid #007bff;
transition: all 0.3s ease-in-out;
}
#about .about-container .icon-box .icon i {
color: #007bff;
font-size: 24px;
}
#about .about-container .icon-box:hover .icon {
background: #007bff;
}
#about .about-container .icon-box:hover .icon i {
color: #fff;
}
#about .about-container .icon-box .title {
margin-left: 80px;
font-weight: 600;
margin-bottom: 5px;
font-size: 18px;
}
#about .about-container .icon-box .title a {
color: #283d50;
}
#about .about-container .icon-box .description {
margin-left: 80px;
line-height: 24px;
font-size: 14px;
}
#about .about-extra {
padding-top: 60px;
}
#about .about-extra h4 {
font-weight: 600;
font-size: 24px;
}
/* Services Section
--------------------------------*/
#services {
margin-bottom: 50px;
}
#services .box {
    padding: 30px;
    position: relative;
    display: flex;
    overflow: hidden;
    margin: 0 0px 30px 00px;
    background: #fff;
    box-shadow: 0 10px 29px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}
#services .box:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
#services .icon {
position: relative;
}
#services .icon i {
font-size: 64px;
line-height: 1;
transition: 0.5s;
position: relative;
top: 50%;
transform: translateY(-50%);
}
#services .title {
margin-left: 20px;
font-weight: 700;
margin-bottom: 3px;
font-size: 18px;
}
#services .title a {
color: #111;
}
#services .box:hover .title a {
color: #007bff;
}
#services .description {
font-size: 14px;
margin-left: 20px;
line-height: 24px;
margin-bottom: 0;
}
#why-us {
padding: 60px 0;
background: #004a99;
}
#why-us .section-header h3,
#why-us .section-header p {
color: #fff;
}
#why-us .card {
background: #00458f;
border-color: #00458f;
margin: 0 15px;
padding: 15px 0;
text-align: center;
color: #fff;
transition: 0.3s ease-in-out;
height: 100%;
}
#why-us .card:hover {
background: #003b7a;
border-color: #003b7a;
}
#why-us .card i {
font-size: 48px;
padding-top: 15px;
color: #bfddfe;
}
#why-us .card h5 {
font-size: 22px;
font-weight: 600;
}
#why-us .card p {
font-size: 15px;
color: #d8eafe;
}
#why-us .card .readmore {
color: #fff;
font-weight: 600;
display: inline-block;
transition: 0.3s ease-in-out;
border-bottom: #00458f solid 2px;
}
#why-us .card .readmore:hover {
border-bottom: #fff solid 2px;
}
#why-us .counters {
padding-top: 40px;
}
#why-us .counters span {
font-family: "Montserrat", sans-serif;
font-weight: bold;
font-size: 48px;
display: block;
color: #fff;
}
#why-us .counters p {
padding: 0;
margin: 0 0 20px 0;
font-family: "Montserrat", sans-serif;
font-size: 14px;
color: #cce5ff;
}
/* Portfolio Section
--------------------------------*/
#portfolio {
padding: 60px 0;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
#portfolio #portfolio-flters {
padding: 0;
margin: 5px 0 35px 0;
list-style: none;
text-align: center;
}
#portfolio #portfolio-flters li {
cursor: pointer;
margin: 15px 15px 15px 0;
display: inline-block;
padding: 6px 20px;
font-size: 12px;
line-height: 20px;
color: #007bff;
border-radius: 50px;
text-transform: uppercase;
background: #ecf5ff;
margin-bottom: 5px;
transition: all 0.3s ease-in-out;
}
#portfolio #portfolio-flters li:hover,
#portfolio #portfolio-flters li.filter-active {
background: #007bff;
color: #fff;
}
#portfolio #portfolio-flters li:last-child {
margin-right: 0;
}
#portfolio .portfolio-item {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
#portfolio .portfolio-item .portfolio-wrap {
overflow: hidden;
position: relative;
border-radius: 6px;
margin: 0;
}
#portfolio .portfolio-item .portfolio-wrap:hover img {
opacity: 0.4;
transition: 0.3s;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
opacity: 0;
transition: 0.2s linear;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 {
font-size: 22px;
line-height: 1px;
font-weight: 700;
margin-bottom: 14px;
padding-bottom: 0;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a {
color: #fff;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a:hover {
color: #007bff;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info p {
padding: 0;
margin: 0;
color: #e2effe;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview,
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details {
display: inline-block;
line-height: 1;
text-align: center;
width: 36px;
height: 36px;
background: #007bff;
border-radius: 50%;
margin: 10px 4px 0 4px;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview i,
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details i {
padding-top: 6px;
font-size: 22px;
color: #fff;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover,
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover {
background: #3395ff;
}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover i,
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover i {
color: #fff;
}
#portfolio .portfolio-item .portfolio-wrap:hover {
background: #003166;
}
#portfolio .portfolio-item .portfolio-wrap:hover .portfolio-info {
opacity: 1;
}
/* Testimonials Section
--------------------------------*/
#testimonials {
    margin-top: 20px;
    margin-bottom: 15px;
    background: #ffffff;
    box-shadow: 0px 0px 15px #0000002e;
    margin-bottom: 30px;
    position: relative;
}

#testimonials .testimonial-item h2 {
font-size: 27px;
font-weight: 600;
margin: 10px 0 5px 0;
}
#testimonials .testimonial-item h3 {
font-size: 20px;
font-weight: bold;
margin: 10px 0 5px 0;
}
#testimonials .testimonial-item h4 {
font-size: 14px;
margin: 0 0 15px 0;
}
#testimonials .testimonial-item p {
font-style: italic;
}
#testimonials .owl-nav,
#testimonials .owl-dots {
margin-top: 5px;
text-align: center;
}
#testimonials .owl-dot {
display: inline-block;
margin: 0 5px;
width: 12px;
height: 12px;
transition: .4s;
opacity: .6;
}
#testimonials .owl-dots {
display: block;
position: relative;
top: -20px;
}
#testimonials .owl-dot.active {
    width: 20px;
    opacity: 1;
}

.owl-carousel .owl-stage-outer {padding: 20px 0px;}
.owl-carousel .paket {
margin: 0px 15px;
}
.owl-carousel .hi-hizmet {
    margin: 0px 11px;
}
.item .tek.blog {    margin: 0px 12px;
box-shadow: 0px 0px 15px #0000001c;}
.owl-carousel .owl-item img {width: auto;}
.owl-carousel .paket:hover {
box-shadow: 0px 0px 15px #0000001c;
}
.owl-dots {
display: none;
}
.owl-nav {
display: none;
}
.blogliste .blog {
margin-bottom: 30px;
}
/* Team Section
--------------------------------*/
#team {
background: #fff;
padding: 60px 0;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
#team .member {
text-align: center;
margin-bottom: 20px;
position: relative;
border-radius: 50%;
overflow: hidden;
}
#team .member .member-info {
opacity: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
transition: 0.2s;
}
#team .member .member-info-content {
margin-top: 50px;
transition: margin 0.2s;
}
#team .member:hover .member-info {
background: rgba(0, 62, 128, 0.7);
opacity: 1;
transition: 0.4s;
}
#team .member:hover .member-info-content {
margin-top: 0;
transition: margin 0.4s;
}
#team .member h4 {
font-weight: 700;
margin-bottom: 2px;
font-size: 18px;
color: #fff;
}
#team .member span {
font-style: italic;
display: block;
font-size: 13px;
color: #fff;
}
#team .member .social {
margin-top: 15px;
}
#team .member .social a {
transition: none;
color: #fff;
}
#team .member .social a:hover {
color: #007bff;
}
#team .member .social i {
font-size: 18px;
margin: 0 2px;
}
/* Clients Section
--------------------------------*/
#clients {
padding: 60px 0;
box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
#clients .clients-wrap {
border-top: 1px solid #d6eaff;
border-left: 1px solid #d6eaff;
margin-bottom: 30px;
}
#clients .client-logo {
padding: 64px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-right: 1px solid #d6eaff;
border-bottom: 1px solid #d6eaff;
overflow: hidden;
background: #fff;
height: 160px;
}
#clients .client-logo:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
#clients img {
transition: all 0.4s ease-in-out;
}
/* Contact Section
--------------------------------*/
.iform label {float: left;}
#contact {
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
padding: 60px 0;
overflow: hidden;
}
#contact .section-header {
padding-bottom: 30px;
}
#contact .contact-about h3 {
font-size: 36px;
margin: 0 0 10px 0;
padding: 0;
line-height: 1;
font-family: "Montserrat", sans-serif;
font-weight: 300;
letter-spacing: 3px;
text-transform: uppercase;
color: #007bff;
}
#contact .contact-about p {
font-size: 14px;
line-height: 24px;
font-family: "Montserrat", sans-serif;
color: #888;
}
#contact .social-links {
padding-bottom: 20px;
}
#contact .social-links a {
font-size: 18px;
display: inline-block;
background: #fff;
color: #007bff;
line-height: 1;
padding: 8px 0;
margin-right: 4px;
border-radius: 50%;
text-align: center;
width: 36px;
height: 36px;
transition: 0.3s;
border: 1px solid #007bff;
}
#contact .social-links a:hover {
background: #007bff;
color: #fff;
}
#contact .info {
color: #283d50;
}
#contact .info i {
font-size: 32px;
color: #007bff;
float: left;
line-height: 1;
}
#contact .info p {
padding: 0 0 10px 36px;
line-height: 28px;
font-size: 14px;
}
#contact .form #sendmessage {
color: #007bff;
border: 1px solid #007bff;
display: none;
text-align: center;
padding: 15px;
font-weight: 600;
margin-bottom: 15px;
}
#contact .form #errormessage {
color: red;
display: none;
border: 1px solid red;
text-align: center;
padding: 15px;
font-weight: 600;
margin-bottom: 15px;
}
#contact .form #sendmessage.show,
#contact .form #errormessage.show,
#contact .form .show {
display: block;
}
#contact .form .validation {
color: red;
display: none;
margin: 0 0 20px;
font-weight: 400;
font-size: 13px;
}
#contact .form input,
#contact .form textarea {
border-radius: 0;
box-shadow: none;
font-size: 14px;
}
#contact .form button[type="submit"] {
background: #007bff;
border: 0;
border-radius: 20px;
padding: 8px 30px;
color: #fff;
transition: 0.3s;
}
#contact .form button[type="submit"]:hover {
background: #0067d5;
cursor: pointer;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
color: #eee;
font-size: 14px;
margin-top: 110px;
}
#footer a {
    color: #fff;
}
.footer-top {
    position: relative;
    z-index: 9;
}
#footer .footer-top .footer-info {
margin-bottom: 30px;
}
.footerilet {
    color: #fff !important;
    padding: 10px 30px;
    font-weight: 400;
    position: relative;
    transition: .5s;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0px 0px 15px #00000000;
}
.footerilet:hover {
    box-shadow: 0px 3px 25px #00000047;
}
.foot-iletisim {
    padding: 30px 50px;
    background: #ffffff;
    box-shadow: 0px 0px 15px #0000002e;
    margin-bottom: 40px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.fi-alan1 {
    display: table-cell;
    vertical-align: middle;
    max-width: 70%;
}
.fi-alan1 h3 {
    font-weight: bold;
}
.fi-alan1 p {
    margin-bottom: 0;
}
.fi-alan2 {
    width: 20%;
    text-align: center;
    position: relative;
}
.foot-iletisim::before {
    content: "";
    position: absolute;
    width: 96%;
    height: 100%;
    top: -13px;
    left: 2%;
    transition: .7s;
    z-index: -1;
    opacity: .7;
    box-shadow: 0px 0px 15px #00000038;
}
.foot-iletisim::after {
    content: "";
    position: absolute;
    width: 92%;
    height: 100%;
    top: -26px;
    left: 4%;
    transition: .7s;
    z-index: -1;
    opacity: .4;
    box-shadow: 0px 0px 15px #00000038;
}
.footer-bottom {
    position: relative;
    background: linear-gradient(to top, #00000042, transparent);
    margin-top: 15px;
}
#footer .footer-top h4 {
font-size: 14px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
position: relative;
padding-bottom: 10px;
}
#footer .footer-top .footer-links {
margin-bottom: 30px;
}
#footer .copyright {
text-align: center;
padding-top: 10px;
}
#footer .credits {
text-align: center;
font-size: 13px;
color: #f1f7ff;
}
/*------
#Blog
----*/
.tek.blog img {
    width: 100%;
    height: 180px;
    position: relative;
    margin-top: -30px;
    margin-bottom: 20px;
    box-shadow: 0px 3px 15px #0000002e;
}
.tek.blog {
    background: #fff;
    padding: 15px 20px;
    transition: .4s;
    border-radius: 30px;
    margin-top: 20px;
    box-shadow: 0px 0px 15px #0000001c;
}
.tek.blog:hover {
transform: scale(1.03);
}
.tek.blog:hover .animebut {
bottom: 0px;
width: 100px;
animation: none;
box-shadow: 0px 3px 15px #0000002e;
}
.animebut i {transition: .7s;}
.tek.blog:hover .animebut i {
transform: rotate(360deg);
}
#start1 {
    margin-bottom: 35px;
}
#blogyazi {margin: 20px 0px 40px 0px;}
#makaleyazi .section-header p {
    text-align: center;
    margin: auto;
    font-size: 15px;
    padding-bottom: 0;
    margin-top: 10px;
    margin-bottom: 0;
    color: #555;
    width: 90%;
}
.y-buts {
    position: absolute;
    bottom: 0;
    width: 60px;
    left: calc(50% - 30px);
    text-align: center;
    padding: 7px 0px;
    font-size: 25px;
    background: #fff;
    box-shadow: 0px -5px 20px #00000026;
}
.y-buts:hover {
    padding: 9px 0px;
}

.neler-yapm {
    margin-bottom: 20px;
}
.blco {
text-align: center;
}
.blco h2 {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    height: 45px;
    overflow: hidden;
}
.blco p {
    font-size: 15px;
    opacity: .8;
    margin: 10px 0px;
}
.animebut {
    padding: 5px 20px;
    color: #fff;
    width: 60px;
    transition: 0.7s;
    position: relative;
    margin: 0 auto;
    margin-top: 5px;
    bottom: -15px;
}
.animebut:hover {
    transform: scale(1.1);
}
.icicerik {
    margin-top: -265px;
    position: relative;
    z-index: 9;
}
.icicerik.pagex {
    margin-top: -110px;
}
.post-head-title {
    margin-bottom: 25px;
}
#intros.pagez {
    min-height: 300px;
}
.pagez .paketbaslik {
    padding-top: 22px;
}
.pagez .paketbaslik h2 {
    font-size: 34px;
    font-weight: bold;
}
.textz .paketbaslik {
    margin-bottom: 0px;
    padding-top: 0;
}
.iceriks {
    padding: 20px 30px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 15px #00000017;
}
.iceriks h2 {
    font-size: 27px;
    font-weight: 600;
}
.icerikdetay {
    font-size: 13px;
    color: #969696;
    margin-bottom: 10px;
}
.icerikgorsel {
    margin-bottom: 20px;
}
.icerikgorsel img {
    width: 100%;
    margin-top: -65px;
    box-shadow: 0px -10px 20px #00000020;
}
.iceriks p {
    padding: 15px 0px;
    color: #6b6b6b;
    margin:0;
}
.icerikalan {
    padding: 0px 10px;
}
.icerikalan img {
    margin: 0px 10px;
}
.navbar-light {
  border-bottom: solid 1px #e9ecf4; }
  .navbar-light .navbar-brand img {
    height: 25px; }
  .navbar-light .navbar-nav .nav-link {
    padding: 30px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #030303; }


/* Wizard */
.wizard .audible {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.wizard .steps {
    padding-top: 30px;
    padding-bottom: 30px;
}
.wizard .steps > ul {
    list-style: none;
    padding-left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7b7f89), to(#7b7f89));
    background-image: linear-gradient(#cecece, #cecece);
    background-size: calc(100% - 50px) 4px;
    background-repeat: no-repeat;
    background-position: center;
}
.wizard .steps > ul li a {
    display: inline-block;
}
.wizard .steps > ul li span.number {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #7b7f89;
    text-align: center;
    line-height: 50px;
    color: #fff;
  }
.wizard .content {
    margin-bottom: 45px;
}
.wizard .content .title {
    display: none;
}
.wizard .content .bd-wizard-step-title {
    font-size: 20px;
    font-weight: bold;
    color: #7b7f89;
    margin-bottom: 25px;
}
.wizard .content .section-heading {
    font-size: 35px;
    font-weight: bold;
    color: #5d5d5d;
    margin-bottom: 5px;
}
.wizard .content p {
    font-size: 16px;
    color: #9a9a9a;
}
.wizard .content .purpose-radio {
    position: relative;
    display: inline-block;
}
.wizard .content .purpose-radio .purpose-radio-input {
    position: absolute;
    opacity: 0;
}
.kupon-area {
    position: relative;
}
.kupon-area .btn-kpon {
    background: #bbbbbb !important;
    border: none !important;
    box-shadow: none !important;
    color: #fff;
    position: absolute;
    transition: .3s;
    right: 12px;
    top: 12px;
    padding: 4px 15px;
}
.kupon-area .btn-kpon:hover {
    background: #908f8f;
}

.wizard .content .purpose-radio .purpose-radio-input:checked + .purpose-radio-label .label-icon .label-icon-default {
    display: none;
}
.wizard .content .purpose-radio .purpose-radio-input:checked + .purpose-radio-label .label-icon .label-icon-active {
    display: inline-block;
}
.wizard .content .purpose-radio .purpose-radio-input:checked + .purpose-radio-label .label-text {
    font-weight: bold;
}
.wizard .content .purpose-radio .purpose-radio-label {
    display: -webkit-box;
    display: flex;
    width: 100%;
    height: 184px;
    max-width: 100%;
    border: 3px solid #ececec;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
@media (max-width: 575px) {
.wizard .content .purpose-radio .purpose-radio-label {
    width: 100%;
}
.hizlisip {
    max-width: 100%;
}
}
.wizard .content .purpose-radio .purpose-radio-label .label-icon {
    font-size: 45px;
    color: #737373;
    margin-bottom: 12px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.wizard .content .purpose-radio .purpose-radio-label .label-icon .label-icon-active {
    display: none;
}
.wizard .content .purpose-radio .purpose-radio-label .label-text {
    font-size: 16px;
    font-weight: bold;
    color: #737373;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.wizard .content .purpose-radios-wrapper {
    margin-top: 40px;
    display: flex;
}
.wizard .content .purpose-radios-wrapper .purpose-radio {
    margin-right: 18px;
    width: 100%;
}
.wizard .content .purpose-radios-wrapper .purpose-radio:nth-last-child(1) {
    margin-right: 0;
}
@media (max-width: 575px) {
.wizard .content .purpose-radios-wrapper .purpose-radio {
    margin-right: 0;
    margin-bottom: 18px;
    width: 100%;
    max-width: none;
}
}
.wizard .content .purpose-radios-wrapper .purpose-radio:last-child {
    margin-right: 0;
}
.wizard .content .form-control {
    padding: 26px 25px;
    min-height: 50px;
    border-radius: 6px;
    border: solid 3px #ececec;
    box-shadow: none;
}
.wizard .content .form-control::-webkit-input-placeholder {
    color: #919aa3;
}
.wizard .content select.form-control {
    padding: 16px 20px;
    height: 58px;
    color: #969696;
    background: url(../img/d-down.png) no-repeat;
    -webkit-appearance: none;
    background-position: right;
    background-position-x: 98%;
}
.wizard .content textarea.form-control {
    padding: 17px 20px;
    color: #888;
}
.wizard .content .form-control::-moz-placeholder {
    color: #919aa3;
}
.wizard .content .form-control:-ms-input-placeholder {
    color: #919aa3;
}
.wizard .content .form-control::-ms-input-placeholder {
    color: #919aa3;
}
.wizard .content .form-control::placeholder {
    color: #919aa3;
}
.wizard .actions > ul {
    list-style: none;
    padding-left: 0;
    display: -webkit-box;
    display: flex;
}
.wizard .actions li a {
    display: inline-block;
    border-radius: 6px;
    padding: 12px 30px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.wizard .actions li.disabled {
    display: none;
}
.wizard .actions li:not(.disabled) + li, .wizard .actions li:not(:first-child):last-child {
    margin-left: 15px;
}
@media (min-width: 768px) {
.wizard.vertical {
    padding-left: 125px;
    position: relative;
    min-height: 450px;
}
.wizard.vertical .steps {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 480px;
    position: absolute;
    left: 25px;
    display: -webkit-box;
    display: flex;
}
.wizard.vertical .steps > ul {
    width: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background-size: 4px calc(100% - 50px);
    margin-bottom: 0;
}
.wizard.vertical .steps > ul li:not(:last-child) {
    margin-bottom: 24px;
}
}
@media (max-width: 760px) {
    #wizard {
        padding: 0px 15px;
    }
    .wizard .content .purpose-radios-wrapper {
        flex-wrap: wrap;
    }
    .wizard .content .purpose-radios-wrapper .purpose-radio {
        margin-bottom: 0;
    }
    .wizard .content .purpose-radio .purpose-radio-label .label-icon {
        font-size: 25px;
        margin-right: 9px;
        display: inline-block;
        margin-bottom: 0px;
        position: relative;
        top: 2px;
    }
    .wizard .content .purpose-radio .purpose-radio-label .label-text {
        font-size: 20px;
        display: inline-block;
    }
    .wizard .label-text span {
        display: none;
    }
    .wizard .content .purpose-radio .purpose-radio-label {
            text-align: left;
            padding-left: 21px;
            display: -webkit-box;
            width: 100%;
            height: 63px;
            max-width: 100%;
            -webkit-box-align: start;
    }
    .wizard .steps {
        padding-top: 0px;
    }
    .pho-items {
        top: calc(50% - 50px);
        }
    .order-pack-area {
        margin-top: 35px;
        padding: 0px 10px;
    }
    .m-or1 {
        order: 1;
    }
    .m-or2 {
        order: 2;
    }
    .iceriks {
        padding: 20px 15px;
    }
    .icerikalan img {
        margin: 10px 0px;
    }
    .hizsip-p {
        display: none;
    }
    .hizsip-title {
        margin-top: 30px;
    }
    .menubut1 a {
        padding: 10px 15px !important;
    }
    .mobile-nav-active .left-connect {
    z-index: 9;
}
}
.order-pack-area .form-control {
    padding: 10px 25px;
    min-height: 50px;
    color: #888;
    font-size: 17px;
    border-radius: 6px;
    border: solid 3px #ececec;
    box-shadow: none;
}
.order-pack-area .f-bilg span {
    font-weight: bold;
    float: right;
}
.order-pack-area .section-heading {
    font-size: 25px;
    font-weight: bold;
    color: #5d5d5d;
    margin-bottom: 5px;
}
.order-pack-area .card .card-header {
    background: #fff;
    border: none;
    font-weight: 600;
    font-size: 19px;
    color: #777;
    cursor: pointer;
}
.order-pack-area .card {
    border: 3px solid #ececec;
    background: #fff;
    overflow: hidden;
    border-radius: 7px;
}
.order-pack-area .card .card-body {
    padding: 10px 25px;
    padding-bottom: 25px;
}
.order-pack-area .box-title {
    position: relative;
}
.order-pack-area .box-title i {
    position: absolute;
    left: -35px;
    top: -10px;
    font-size: 55px;
    opacity: .15;
    transform: rotate(-15deg);
}
.order-pack-list ul {
    padding: 0;
    padding-left: 15px;
    margin:0;
}
.order-pack-list ul li {
    list-style: none;
    color: #777;
}
.order-pack-list ul li i {
    font-size: 10px;
    position: relative;
    top: -2px;
    color: #999;
}
.order-accordion .card-header .box-title img {
    float: right;
    width: 18px;
    margin-top: 5px;
    transition: .3s;
}
.order-accordion .card-header.collapsed .box-title img {
    transform: rotate(-90deg);
}

ul.pagination {
    padding-top: 25px;
    width: 100%;
    justify-content: center;
}
ul.pagination li.active a {
    background: #d7d7d7;
    padding: 4px 8px;
    margin: 0px 3px;
    border-radius: 4px;
    color: #585858;
}
ul.pagination li a {
    background: #f2f2f2;
    padding: 4px 8px;
    border-radius: 4px;
    color: #585858;
}
/*---------------------
SORGULAMA
---------*/
.sorgualan input {
    width: 100%;
    padding: 15px 25px;
    border: none;
    background: #0000000f;
    position: relative;
}
.sorgualan {
margin-top: 5%;
position: relative;
}
.kapabut i{transition: .6s;    box-shadow: 0px 0px 30px #ffffff7a;
border-radius: 50px;}
.kapabut i:hover {transform: rotate(360deg);box-shadow: 0px 0px 30px #fff;}
.sorgubut {border: none;
padding: 11px 30px;
border-radius: 30px;
transition: .4s;
position: absolute;
right: 0px;
margin: 6px;
color: #fff;}
.sorgubut:hover {color: #fff;transform: scale(0.9);}
.sorgusonuc {margin-top: 50px;}
.sorgusonuc p {margin: 0;padding: 0;}
/*form styles*/
#msform {
text-align: center;
position: relative;
}

/*inputs*/
#msform input, #msform textarea, #msform select {
padding: 15px;
border: 1px solid #ccc;
margin-bottom: 10px;
height: 50px;
width: 100%;
box-sizing: border-box;
font-family: "Montserrat", sans-serif;
color: #696969;
font-size: 13px;
}
.sip-checkbox {
    width: auto !important;
    height: auto !important;
}
.sipfiso { 
    padding: 10px 20px;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    background: #efefef;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    text-align: left;
    font-size: 13px;
}
.sipfiso span {
float: right;
font-weight: bold;
}
.tamamlandi.sipfiso {text-align: center;font-size: 16px;overflow: auto}
.tamamlandi.sipfiso span {float: none}
button.btn.kupuyg.xrb.keskin:hover {transform: scale(0.90);}
button.btn.kupuyg.xrb.keskin {
position: absolute;
transition: .4s;
right: 38px;
margin-top: 9px;
padding: 4px 20px;
color: #fff !important;
}
#msform input:focus, #msform textarea:focus {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #545454;
outline-width: 0;
transition: All 0.5s ease-in;
-webkit-transition: All 0.5s ease-in;
-moz-transition: All 0.5s ease-in;
-o-transition: All 0.5s ease-in;
}
/*buttons*/
#msform .action-button {
width: 150px;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 10px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
transform: scale(1.04);
transition: .4s;
}
#msform .action-button-previous {
width: 100px;
background: #C5C5F1;
font-weight: bold;
color: white;
border: 0 none;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
}
#msform .action-button-previous:hover, #msform .action-button-previous:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1;
}
/*headings*/
.fs-title {
font-size: 18px;
text-transform: uppercase;
color: #2C3E50;
margin-bottom: 10px;
letter-spacing: 2px;
font-weight: bold;
}
.fs-subtitle {
font-weight: normal;
font-size: 13px;
color: #666;
margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
margin-bottom: 30px;
overflow: hidden;
padding: 0;
counter-reset: step;
}
#progressbar li {
list-style-type: none;
text-transform: uppercase;
font-size: 9px;
width: 33.33%;
float: left;
position: relative;
letter-spacing: 1px;
}
#progressbar li:before {
content: counter(step);
counter-increment: step;
width: 24px;
height: 24px;
line-height: 26px;
display: block;
font-size: 12px;
color: #333;
background: #eaeaea;
margin: 0 auto 10px auto;
}
/*progressbar connectors*/
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: #eaeaea;
position: absolute;
left: -50%;
top: 9px;
z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
color: white;
}
/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/
@media (min-width: 992px) {
#testimonials .testimonial-item p {
width: 100%;
}
.inus1 p {
padding-right: 75px;
}

}
@media (max-width: 991px) {
#header {
height: 60px;
padding: 10px 0;
}
#header .logo h1 {
font-size: 28px;
padding: 8px 0;
}
#intro .intro-img {
width: 80%;
float: none;
margin: 0 auto 25px auto;
}
#intro .intro-info {
width: 80%;
float: none;
margin: auto;
text-align: center;
}
#why-us .card {
margin: 0;
}
}
@media (min-width: 768px) {
.menubut1 {
	border-top-right-radius: 0px !important;
}
}
@media (max-width: 768px) {
.mogos {
    display: inline-block;
}
.left-connect {
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    bottom: 20px;
}
.left-connect.show {
    opacity: 1;
    visibility: visible;
}
.inus1 {
    margin-bottom: -30px;
}
.servis-alani {
    padding-top: 15px;
}
#blogyazi {
    margin: 20px 0px 20px 0px;
}
#intro {
    padding: 40px 0 60px 0;
}
.fi-alan1 {
    display: block;
    vertical-align: middle;
    max-width: 100%;
    text-align: center;
}
.fi-alan2 {
    margin-top: 25px;
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
}
.footerilet {
    top: auto;
    transform: none;
}
.foot-iletisim {
    display: block;
}
.bl-yaz {
    margin-bottom: 25px;
}
#services {
    margin-bottom: 35px;
}
.sip-alani {
    box-shadow: none;
    padding: 0px 10px;
}
.hserx {
    width: 96%;
    margin: 0 auto;
    margin-bottom: 12px;
}
.ptb {
    padding: 120px 5px;
}
.phone-fix {
transform: scale(0.85);
}
#intro .intro-info {
width: 100%;
}
#intro .intro-info h2 {
font-size: 34px;
margin-bottom: 30px;
}
.lito::before {
    height: 70px;
}
.libo::after {
    height: 70px;
}
.hi-hizmet {
    padding: 12px 20px;
    top: 15px;
    margin: 12px 15px;
}
.hi-hizmet .hizmet-icon {
    font-size: 40px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 17px;
    border-right: 1px solid #e6e6e6;
}
.hiz-saga {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}
.hi-hizmet .hizmet-baslik {
    overflow: hidden;
    font-size: 19px;
    height: auto;
    margin-top: 0;
    margin-bottom: 0px;
    text-align: left;
}
.hizmet-baslik b {
    font-size: 21px;
}
.hizmet-baslik span {
    display: block;
    position: relative;
    top: -2px;
    font-weight: 400;
}
.hi-hizmetbut {
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.section-header p {
width: 100%;
}
.logo img {
padding: 0;
margin: 0px 0;
transition: .3s;
max-height: 35px;
}
.menubut1{
margin: 10px 25px;}
.menubut2 {
margin: 10px 25px;}
#testimonials .testimonial-item {
text-align: center;
}
.dikort{
top: 48%;
}
.solaltbut i {
font-size: 23px;
color: #fff;
}
.btn-demo {
padding-left: 15px;
padding-bottom: 12px;
z-index: 9999999;
padding-top: 27px;
padding-right: 27px;
border-top-right-radius: 100%;
box-shadow: 0px 0px 15px #00000059;
}
#testimonials .testimonial-item .testimonial-img {
float: none;
margin: auto;
}
#testimonials .testimonial-item h3,
#testimonials .testimonial-item h4,
#testimonials .testimonial-item p {
margin-left: 0;
}
.dikort.modikort {
text-align: center;
margin-bottom: 20px;
position: inherit;
top: auto;
transform: none;
}
.mogiz {
display: none !important;
}
.dikort.modikort h1 {
font-size: 26px;
margin-bottom: 10px;
}
.paket {
margin: 0px 25px !important;
margin-bottom: 20px;
}
#hizlist {
    padding-top: 45px;
}
#hizlist .hizmet{
    margin-bottom: 30px !important;
}
.tek.blog {
margin: 0px 20px !important;
margin-bottom: 40px !important;
}
.mobmb20{
    margin-bottom: 20px;
}
.hizlisip {
padding: 30px 20px;
margin: 30px 10px;
margin-top: 15px;
}
}
.fsaya a {
color: #fff;
text-decoration: none;
}
button.btn.kupuyg.xrb.keskin.btn-success {
font-weight: bold;
background-color: #28a745 !important;
}
.kupon-load {
width: 100%;
display: inline-block;
min-height: 200px;
padding: 50px;
}
span#kurumsal {
width: 100%;
display: flex;
flex-wrap: wrap;
}

@media (max-width: 790px){
.hser {
    width: 100%;
    margin: 0px 5px;
    height: 55px;
    text-align: center;
}
.head-servis .nav {
    width: 90%;
    margin: 0 auto;
    flex-wrap: nowrap;
}
.hi-tab-content {
    width: 100%;
}
.hser i {
    float: initial;
    margin-left: 0;
    padding: 0;
    padding-top: 3px;
}
.hser span {
    display: none;
}
.ser-alani {
    margin-top: 15px;
}
.ser-alani .section-header h3 {
    font-size: 27px;
}
.ser-alani .section-header p {
    margin-bottom: -10px;
}
.telico {
    left: calc(-235px + 42px) !important;
    margin-bottom: 5px;
    padding: 5px;
}
.telico i {
    padding-top: 7px;
    padding-right: 8px;
    font-size: 22px;
    float: right;
}
.whatsappico {
    left: calc(-210px + 42px) !important;
    margin-bottom: 5px;
    padding: 5px;
}
.whatsappico i {
    padding-top: 5px;
    padding-right: 8px;
    font-size: 24px;
    float: right;
}
.sorgu {
    left: calc(-240px + 42px) !important;
    margin-bottom: 5px;
    padding: 5px;
}
.sorgu i {
    padding-top: 7px;
    padding-right: 10px;
    float: right;
    font-size: 19px;
}
}
.nonshake {
    animation: shake 0.2s cubic-bezier(.11,.07,.19,.10) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}
.recaptcha {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.g-recaptcha {
    width: 300px;
    margin: auto;
}
textarea.keskin {
    height: 97px !important;
    display: inline-block;
    width: 100%;
}
.inus1 {
    min-height: 500px;
}
.gecistir {
    position: relative;
    overflow: hidden;
    cursor: not-allowed !important;
    pointer-events: none;
}
.gecistir::before {
    content: '';
    display: block;
    position: absolute;
    left: -300px;
    top: 0;
    height: 100%;
    width: 300px;
    background: linear-gradient(to right, transparent 0%, #e8e9ef 50%, transparent 100%);
    animation: load .7s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;
    z-index: 99;
    cursor: wait;
}
@keyframes load {
    from {
        left: -300px;
    }
    to   {
        left: 100%;
    }
}
div#_order_payment {
    position: relative;
    overflow: hidden;
}
@media(max-width: 700px){
    .inus2 {
        margin-top: 15px;
    }
    .inus1 {
    min-height: 10px; 
}
}