html{color:#000;background:#FFF; height: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}a{text-decoration: none}

*{ box-sizing: border-box;outline: none; }
input { -webkit-appearance: none; border-radius: 0;}
*, *:after, *:before  {
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0;
    margin:0;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #aaaaaa;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaaaaa;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #aaaaaa;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #aaaaaa;
}

@font-face {
    font-family: 'AlrightSans-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('AlrightSans-Regular'), url('../fonts/AlrightSans-Regular-v3.otf') format('otf');
}

@font-face {
    font-family: 'AlrightSans-Medium';
    font-style: normal;
    font-weight: normal;
    src: local('AlrightSans-Medium'), url('../fonts/AlrightSans-Medium-v3.otf') format('otf');
}

@font-face {
    font-family: 'AlrightSans-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('AlrightSans-Bold'), url('../fonts/AlrightSans-Bold-v3.otf') format('otf');
}

@font-face {
    font-family: 'AlrightSans-Black';
    font-style: normal;
    font-weight: normal;
    src: local('AlrightSans-Black'), url('../fonts/AlrightSans-Black-v3.otf') format('otf');
}



body {
    font-family: 'AlrightSans-Regular', sans-serif;
    background: #ffffff;
    color: #49494b;
    font-size: 14px;
    position: relative;
    padding: 0px;
    margin: 0px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0;
}
a {
    text-decoration: none;
    color: #4a4a4a;
}
b, strong {
    font-weight: bold;
}

/* Base for label styling */
input[type="radio"].form-input:not(:checked),
input[type="radio"].form-input:checked {
    position: absolute;
    left: -9999px;
}
input[type="radio"].form-input:not(:checked) + label,
input[type="radio"].form-input:checked + label {
    padding-left: 1.95em;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    position: relative;
}

/* checkbox aspect */
input[type="radio"].form-input:not(:checked) + label:before,
input[type="radio"].form-input:checked + label:before {
    content: attr(data-label);
    font-size: 13px;
    color: #bfbcbc;
    position: absolute;
    left: 0;
    top: 0px;
    width: 20px;
    height: 20px;
    background: #fff;
    line-height: 20px;
    text-align: center;
    font-weight: 500;
    background: url('../images/check-unchecked.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

/* checked mark aspect */
input[type="radio"].form-input:checked + label:before {
    background: transparent;

}
/* checked mark aspect */
input[type="radio"].form-input:checked + label:after {
    position: absolute;
    content: ' ';
    background: url('../images/check-checked.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 20px;
    height: 20px;
    z-index: 99;
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0;
}

/* checked mark aspect changes */
input[type="radio"].form-input:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
input[type="radio"].form-input:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
input[type="radio"].form-input:disabled:not(:checked) + label:before,
input[type="radio"].form-input:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbbbbb;
    background-color: #dddddd;
}
input[type="radio"].form-input:disabled:checked + label:after {
    color: #999999;
}
input[type="radio"].form-input:disabled + label {
    color: #aaaaaa;
}

/* accessibility */
input[type="radio"].form-input:checked:focus + label:before,
input[type="radio"].form-input:not(:checked):focus + label:before {

}
.left-content{
    margin-top:10px;
    text-align: center;
    display: table;
    padding-left: 10px;
}
.rdleft{
   display: inline-block;
    margin-right:10px;
    margin-bottom: 10px;
    text-align: center;
}




/* Base for label styling */
input[type="checkbox"].form-input:not(:checked),
input[type="checkbox"].form-input:checked {
    position: absolute;
    left: -9999px;
}
input[type="checkbox"].form-input:not(:checked) + label,
input[type="checkbox"].form-input:checked + label {
    padding-left: 1.95em;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 28px;
    position: relative;
}

/* checkbox aspect */
input[type="checkbox"].form-input:not(:checked) + label:before,
input[type="checkbox"].form-input:checked + label:before {
    content: attr(data-label);
    font-size: 13px;
    color: #bfbcbc;
    position: absolute;
    left: 0;
    top: 0px;
    width: 30px;
    height: 30px;
    background: #fff;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    background: url('../images/checkbox-unchecked.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

/* checked mark aspect */
input[type="checkbox"].form-input:checked + label:before {
    background: transparent;

}
/* checked mark aspect */
input[type="checkbox"].form-input:checked + label:after {
    position: absolute;
    content: ' ';
    background: url('../images/checkbox-checked.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 30px;
    height: 30px;
    z-index: 99;
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0;
}

/* checked mark aspect changes */
input[type="checkbox"].form-input:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
input[type="checkbox"].form-input:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
input[type="checkbox"].form-input:disabled:not(:checked) + label:before,
input[type="checkbox"].form-input:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbbbbb;
    background-color: #dddddd;
}
input[type="checkbox"].form-input:disabled:checked + label:after {
    color: #000000;
}
input[type="checkbox"].form-input:disabled + label {
    color: #000000;
}

/* accessibility */
input[type="checkbox"].form-input:checked:focus + label:before,
input[type="checkbox"].form-input:not(:checked):focus + label:before {

}


body {
    font-family: 'Open Sans', sans-serif;
    background: #ffffff;
    color: #49494b;
    font-size: 14px;
    position: relative;
    padding: 0px;
    margin: 0px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0;
}
a {
    text-decoration: none;
    color: #4a4a4a;
}
b, strong {
    font-weight: bold;
}

.font-m{ font-family: "AlrightSans-Medium" }
.font-b{ font-family: "AlrightSans-Bold" }
.font-bl{ font-family: "AlrightSans-Black"}
.full-witdh{ width: 100%; }
input { -webkit-appearance: none; }
img{ user-select:none; }
.clear{clear: both;}
.clearfix{clear: both; font-size: 0px; height: 0px;}
.clear-after:after {
    content: '';
    display: block;
    clear: both;
}

.content{
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.header{
    z-index: 1000;
    position: relative;
}
.top-randevuiste{
    text-align: center;
    background-color: #156cb4;
    padding: 8px;
    /*position: fixed;*/
    width: 100%;
    max-width: 1400px;
    min-height: 63px;
    top:0px;
    display: block;
}
.randevuiste{
    display: inline-block;
    padding: 15px 25px;
    /*background: #156cb4;*/
    /*background: #fd8100;*/
    background-image: linear-gradient(to right, #D31027 0%, #EA384D 51%, #D31027 100%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
}
.randevuiste:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}
.randevubeyaz{
    text-align:center;
    border-radius:20px 20px 0px 0px;
    min-height:290px;
    padding:50px 20px 20px 20px;
    background:#fff;font-size:16px;
    color:#000;line-height: 30px;
}
.sagsabit{
    position: fixed;
    right: 10px;
    bottom: 30px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 60px !important;
    padding: 10px !important;
    width: 48px;
    display: none !important;
}
.sagsabit .fa{
    font-size:28px;
}
.viennalifeproducts{
    margin-top:150px;
}
.productdetail{
    margin-top:150px;
}
.productdetail .productrow{
    padding: 40px;
}
.urun-sol{
    max-height: 400px;
}
.productdetail-text{
    text-align: center;
    margin-top:20px;
    margin-bottom:15px;
    padding: 6px;
}
.productrow{
    margin: 0 0px;
    background: url("../images/urunler/urunler-bg.png") no-repeat;
    background-position: top left;
    min-height: 555px;
    background-size: contain;
    max-width: 1200px;
}
.productdiv {
    display: table-cell;
    margin-top:60px;
}
.productdiv img {
    position:relative;
    border-radius: 20px;
}

.productdiv .img-text {
    left: 0;
    position:absolute;
    text-align:center;
    top: 40px;
    width: 100%;
    padding: 20px;
    color: #fff;
    font-weight: bold;
}
.productcontainer{
    background-position: center;
}
.urun-1, .urun-4{
 /*   padding-top: 23px;*/

}
.productleft{
    display: table-cell;
    width: 50%;
    vertical-align: top;
    background: #eaf6fe;
    position: relative;
}
.productleft a:hover{
    text-decoration: none;
}
.productright{
    display: table-cell;
    width: 50%;
    vertical-align: top;
    background: #fff;
    border-radius: 82px;
    padding: 40px 8px;
    height: 360px;
    border: 1px solid #c9c6c9;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    margin-bottom:30px;
    text-align: center;
    position: relative;
}
.productright a{
    text-decoration: none;
}
.leftroundimg img{
    border-radius: 195px 0 0 0;
}
.urunaciklama{
    margin-top:100px;
}
.urunadi{
    color:#000;
    font-weight: bold;
    font-size: 24px;
    padding: 10px;
    text-align: center;
    margin-bottom: 11px;
}
.urunslogan{
    color:#000;
    padding: 10px;
}
.urunsloganp{
    /*background: #bfddef;*/
    color: #000;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    padding: 44px 62px;
    border-radius: 20px;
    max-width: 750px;
    margin-bottom: 30px;
    position: relative;
}
.urundetaybutton{
    text-align: center;
    padding: 10px;
}
.urunbtn{
    position: absolute;
    bottom:33px;
    width: 100%;
    width: 100%;
    left: 0;
}
.urunbtn img{
    max-width: 175px;
}
.nav img{
    height: 14px;
    margin-top: -5px;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.modalleftlogo{
    max-height: 100px;
}
.popup-mtitle{
    color: #c71782;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px;
    padding-top: 15px;
}
.popup-mtitle:before{
    /*content: '✓';*/
    content:'';
    background: url('../images/tick.png') no-repeat;
    font-weight: bolder;
    color:#c71782;
    position: absolute;
    left: -16px;
    background-size:22px;
    width: 40px;
    height: 40px;
}
.popup-mtext{
    color: #000;
    font-weight: normal;
    font-size: 14px;
}
.nesaglardiv{
    display: block;
    text-align: center;
    margin:0 auto;
}
.nesaglarleft{
    padding-left: 70px;
    padding-top: 50px;
    font-size:16px;
}
.danismanlikhizmet{
    text-align: left;
    font-size:24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
    text-decoration: underline;
}
/* Centered text */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.slide-buttons{
    text-align: center;
    display: inline-flex;
    position: relative;
    margin-top:20px;
}
.pdf-links{
    text-align: center;
    display: inline-flex;
}
.pdf-links a{
    margin-right: 8px;
}
.slide-pc{padding: 20px;}
.blubg{background: transparent}
.blubg .modal-content{background: transparent !important; border:0px !important;}
.blubg .modal-header{
    /*background: #eef5f8 ;*/
    background: #0c6fac ;
    border:0px;
    border-radius: 0px;

}
.blubg .modal-body{
    /*background: #eef5f8 ;*/
    background: #0c6fac ;
    border:0px;
    border-radius: 0px;
    padding: 30px;
}
.blubg .modal-footer {
    background: #0c6fac ;
    padding: 15px;
    text-align: right;
    border-top: transparent;
}
.graybg .close{z-index: 1000}
.graybg{background: transparent}
.graybg .modal-content{
    background: #fff url("../images/dortlubgsol.png") no-repeat;
    background-position: bottom right;
    background-size: auto 120px;
    /*
    background: transparent !important; border:0px !important;
    */
    }
.graybg .modal-header{
    /*background: #eef5f8 ;*/
    background: #fff ;
    border:0px;
    border-radius: 0px;

}
.graybg .modal-body{
    /*background: #eef5f8 ;*/

    border:0px;
    border-radius: 0px;
    padding: 30px;
}
.graybg .modal-footer {
    background: #fff ;
    padding: 15px;
    text-align: right;
    border-top: transparent;
}
.blubg .close{z-index: 1000}
.bggif img{width:170px; text-align: right;margin-top: 27px;float: right;margin-right: 77px;
    position: absolute;top:0; left:60%}
.popup-header{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color:#0b6bb4;
}
.justifytext{
    text-align: justify;
}
.hakkimizdadiv{
    margin:90px;
}
.hakkimizdadiv p{
    margin-bottom: 20px;
}
.hakkindaimg{
     margin: 0px; position: relative; top:-120px;
     height: 190px; display: block;
 }
.kvkgirisimg{
    margin: 0px; position: relative; top:-76px;
    height: 190px; display: block;
}
.modal-p40-p20{
    padding:40px;
}
.zoom:hover {
    transform: scale(1.07);
    transition: .9s ease;
}

#randevuolusturform{
    padding: 30px 5px 5px 5px;
    margin-bottom: 30px;
    background: #f0f8fb;
    border-radius: 25px;
    border:4px solid #c71882;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.randevurightwrap{
    position: relative;
    height: 500px;
}
.randevurighttext{
    padding: 10px;
    position: absolute;
    bottom: 10px;
    background: #fff;
    border-radius: 20px;
    border:2px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    text-align: center;
}
.randevu-baslik{
    font-size: 18px; color:#303030; font-weight: 700;text-align: center;
}
.randevucontainer{
    padding:20px; text-align: justify; border-radius: 15px;
}
.hodteklogo{
    position: absolute;
    bottom: 0px;
    right:0px;
}
.popupsolalt{
    position: absolute;
    bottom: 0px;
    left:0px;
    z-index: 1;
}
.gelecek-text{
    color: #000;
    font-size:28px;
    font-weight: bold;
}
.gelecek-text-p{
    color: #000;
    font-size:28px;
    font-weight: bold;
    line-height: 38px;
    padding-bottom: 8px;
    border-bottom: 2px solid #ca2127;
    max-width: 464px;
}
.gelecek-text-p2{
    color: #1d1d1b;
    font-size:14px;
    font-weight: normal;
    line-height: 22px;
    max-width: 464px;
    margin-top:30px;
}

.gelecek-text-urun{
    color: #d58698;
    font-size:34px;
    font-weight: normal;
    /*padding-left: 50px;*/
    display: flex;
    align-items: center;
    justify-content: left;
}
.gelecek-text-urun span {
    margin: 0 15px;
}
.gelecek-text-urun:before,
.gelecek-text-urun:after {
    /*background: #d58698;*/
    height: 2px;
    flex: 1;
    content: '';
    /*color: #d58698;*/
}
.gelecek-text-urun.left:after {
    background: none;
}
.gelecek-text-urun.right:before {
    background: none;
}
.gelecek-text-urun-p{
    color: #fff;
    font-size:40px;
    font-weight: normal;
    line-height: 48px;
    margin-top:10px;
    padding-left: 50px;
}
.gelecek-left{
    padding-right: 0px;
}
.gelecek-text-urun-p2{
    color: #fff;
    font-size:28px;
    font-weight: normal;
    line-height: 30px;
    max-width: 400px;
    margin-top:20px;
    margin-left: 50px;
    background: #d58698;
    border-radius:20px 0px 0px 0px;
    min-height:370px;
    padding:20px;
    padding-top: 20px;
    max-width:524px;
}
.gelecekbtn{
    position: absolute;right: 35px;
    bottom: 22px;
}
.slogan2{
    font-size:16px;
    display: block;
    line-height: 20px;
    padding-top: 25px;
}
.gelecek-text-urun2{
    color: #0051a6;
    font-size:34px;
    font-weight: normal;
    padding-left: 50px;
}
.gelecek-text-urun2-p{
    color: #d58698;
    font-size:26px;
    font-weight: normal;
    line-height: 33px;
    margin-top:10px;
    padding-left: 50px;
    font-weight: bold;
}
.gelecek-text-urun2-p2{
    color: #000;
    font-size:16px;
    font-weight: normal;
    line-height: 22px;
    margin-top:10px;
}
.gelecek-text-urun2-p2 ul{

}
.gelecek-text-urun2-p2 ul {
    list-style: none;
}
.gelecek-text-urun2-p2 ul li{
    margin-bottom: 10px;
}
.gelecek-text-urun2-p2 ul li span{
    display: table-cell;
}
.gelecek-text-urun2-p2 ul li:before {
    content: 'O';
    padding-right: 13px;
    font-weight: bolder;
    color:#d58698;
    display: table-cell;
}
.gelecek-text-urun2-p2 .read:before {
    content: '✓';
    padding-right: 13px;
    font-weight: bolder;
    color:#d58698;
    display: table-cell;
}

.altikon{
    background-position: right;
    min-height: 324px;
    margin-top:20px;
    margin-bottom:120px;
}
.ikon-container{
    margin-top: 90px;
    padding: 0 90px;
    font-size: 14px;
}
.ikon-container img {
    max-height: 90px;
}
.baslik{
    display: table;
    color: #ca2127;
    font-size: 28px;
    font-weight: bold;
    line-height: 38px;
}
.baslik-altcizgi{
    display: table;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    line-height: 38px;
    padding-bottom: 8px;
    padding-top: 30px;
    text-align: center;
    width: 100%;
}
.baslik-altcizgi-k{
    display: table;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    line-height: 17px;
    padding-bottom: 8px;
    border-bottom: 2px solid #ca2127;
    text-align: left;
}
.hakkimizdacontainer .col-md-6{
    min-height: 290px;
    font-size: 12px;
}
.hkleft {
    display: table-cell;
    padding-top:60px;
    width: 101px;
}
.hkright{
    display: table-cell;
}
.mfp-close, .mfp-preloader a:hover {
    color: #000 !important;
}
.danismancift{
    min-height: 590px;
}
.danismanlikhizmeti{
    background-position: right;
    min-height: 550px;
    margin-top:120px;
    margin-bottom:120px;
}
.dhp{
    margin-bottom:20px;
    float: left;
    display: table-cell;
}
.dh1{
    max-width: 450px;
    display: flex;
    margin-left: 10px;
}
.dh2{
    max-width: 380px;
    display: flex;
    margin-left: 10px;
}
.dh3{
    max-width: 330px;
    display: flex;
    margin-left: 10px;
}

.btn-grad {background-image: linear-gradient(to right, #E55D87 0%, #5FC3E4  51%, #E55D87  100%)}
.btn-grad {
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
}

.btn-grad:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}


.btn-grad-blue {background-image: linear-gradient(to right, #4776E6 0%, #8E54E9  51%, #4776E6  100%)}
.btn-grad-blue {
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

.btn-grad-blue:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.btn-grad-red {background-image: linear-gradient(to right, #D31027 0%, #EA384D  51%, #D31027  100%)}
.btn-grad-red {
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

.btn-grad-red:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.btn-grad-blue2 {background-image: linear-gradient(to right, #314755 0%, #26a0da  51%, #314755  100%)}
.btn-grad-blue2 {
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

.btn-grad-blue2:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.btn-turuncu{
    color: #fff;
    background-color: #f5852a;
    border-color: #f5852a;
    width: 260px;
}
.btn-turuncu:hover{
    color: #fff;
    background-color: #e63449;
    border-color: #e63449;
    width: 260px;
}
.btn-mavi{
    color: #fff;
    background-color: #0e84be;
    border-color: #0e84be;
    width: 260px;
}
.btn-mavi:hover{
    color: #fff;
    background-color: #e63449;
    border-color: #e63449;
    width: 260px;
}

.gelecek-text-urun3{
    color: #fff;
    font-size:34px;
    font-weight: normal;
    padding-left: 50px;
}
.gelecek-text-urun3-p{
    color: #fff;
    font-size:40px;
    font-weight: normal;
    line-height: 48px;
    margin-top:10px;
    padding-left: 50px;
}
.gelecek-text-urun3-p2{
    color: #fff;
    font-size:16px;
    font-weight: normal;
    line-height: 30px;
    max-width: 400px;
    margin-top:30px;
    margin-left: 50px;
    max-width:524px;
}
.bilgi-head{
    text-align: center;
    font-size: 40px;
    color: #026db0;
    margin-bottom: 20px;
}
.bilgi-p{
    text-align: center;
    font-size: 20px;
    color: #000;
}

.homepage{
    background-color: #fff;
   /* margin-top: 63px;*/
    position: relative;
}
.homepage .logo-icon{
    width: 74px;
    position: absolute;
    right: 50px;
    top: 30px;
}
.homepage .right-icon{
    width: 80px;
    position: absolute;
    right: 422px;
    bottom: 50px;
}
.homepage .left-col{
    /*min-height: 100vh;*/
    width: 1200px;
    margin: 0 auto;
    /*width:calc(100% - 500px);
    background: rgb(3,48,95);
    background: -webkit-linear-gradient(top left, rgba(3,48,95,1) 0%, rgba(11,103,172,1) 100%);
    background: -o-linear-gradient(top left, rgba(3,48,95,1) 0%, rgba(11,103,172,1) 100%);
    background: linear-gradient(to bottom right, rgba(3,48,95,1) 0%, rgba(11,103,172,1) 100%);
    background-image: url('../images/home-bg-left.png');*/
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}
.homepage .right-col{
    /*min-height: 100vh;*/
    width: 500px;
    /*background-color: #e4e4e4;
    background-image: url('../images/home-bg-right.png');
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
    */
    float: left;
    padding-left: 50px;
}
.homepage .left-col .content-menu{
    float: left;
    width: 100%;
    height: 111px;
}
.homepage .left-col .content-menu .logo{
    display: block;
    margin-top:20px;
    float: left;
}
.logoa{
    max-width: 420px;
    display: inline-block;
}
.logovl{
    max-height: 81px !important;;margin-top:42px !important;
}
.homepage .hod-icon{
    width: 74px;
    position: absolute;
    right: 30px;
    top: 0px;
}
.navbar-hod {
    background-color: transparent !important;
    border-color: transparent !important;
    margin-top: 41px;
}
.navbar-hod .navbar-nav > li > a{
    color:#64686a !important;
    font-weight: 700 !important;
    font-size: 13px;
}
.navbar-hod .navbar-toggle .icon-bar{
    background: #ca2127 !important;
}
.navdiv{display: inline-block;}
.homepage .left-col .content-left{
    float: left;
    width: 45%;
    padding-top: 30px;
    height: 145px;
}
.hodicondiv{
    float: right;
}
.homepage .left-col .content-left .logo{
    display: block;
    height: 50px;
    margin-left: 60px;
    margin-top:20px;
}
.navbar-toggle .icon-bar{height: 3px;}
.homepage .left-col .content-left .home-header{
    display: block;
    height: 120px;
    margin-top: 60px;
    margin-left: 60px;
}
.homepage .left-col .content-left .spot-text{
    padding-left: 60px;
    padding-top: 150px;
    padding-bottom: 10px;
    margin-top: 50px;
    color: #ca2127;
    font-size: 34px;
    font-weight: 300;
}
.homepage .left-col .content-left .spot-text b{
    font-weight: bold;
}
.homepage .left-col .content-left .productname{
    padding-left: 60px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
}
.homepage .left-col .content-left .description{
    padding-left: 60px;
    margin-top: 16px;
    color: #000;
    font-size: 14px;
    font-weight: 300;
}
.detaylibilgi{
    display: block;
}

.homepage .left-col .content-right{
    float: left;
    width: 55%;
    padding-right:50px;
    padding-left: 20px;
    text-align:center;
}
.homepage .left-col .content-right .top-image{
    width: 100%;
}

.homepage .left-col .content-right .veriguvenligi-button{
    display: inline-block;
    margin-top: 480px;
    margin-bottom: 30px;
}
.homepage .left-col .content-right .veriguvenligi-button img{
    display: inline-block;
    width: 70%;
    max-width: 400px;
}
.homepage .left-col .content-right .phone-graph{
    width: 100%;
    margin-top: 200px;
}


.homepage .right-col{
    width: 500px;
    /*
    background-color: #e4e4e4;
    background-image: url('../images/home-bg-right.png');
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
    */
    float: left;
    padding-left: 40px;
}

.homepage .right-col .top-image{
    display: block;
    width: 100%;
}

.homepage .right-col .container{
    padding-right: 50px;
}

.homepage .right-col .container .photos{
    display: block;
    width: 100%;
}
.homepage .right-col .container .description{
    margin-top: 20px;
    color: #414141;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}
.homepage .right-col .container .call{
    display: inline-block;
    width: 100%;
    text-align:center;
    margin-top: 50px;
}
.homepage .right-col .container .call img{
    display: inline-block;
    width: 70%;
}

.homepage .right-col .container .spot-text{
    margin-top: 0px;
    color: #414141;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}
.homepage .right-col .container .spot-text b{
    font-weight: bold;
}
.homepage .right-col .container .slogan{
    text-align: center;
}
.homepage .right-col .container .slogan span{
    margin: 0 auto 0;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #186cac;
    border-bottom: solid 1px #545454;
    display: inline-block;
    padding:0 10px 10px;
}
.homepage .right-col .container .footer{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #186cac;
}
.homepage .right-col .container .footer span,
.homepage .right-col .container .footer a{
    color: #186cac;
    display: inline-block;
    margin:0 5px;
}
.phone-content .phone-graph{
    width: 52%;
}
.vergiavantaji-button{
    text-align: left;
    display: inline-block;
    padding-left: 60px;
}
.vergiavantaji-button img{
    max-width: 320px;
}
.randevu-link{
    text-align: right;
    position: relative;
    top: -120px;
    right: 30px;
    height: 40px;
}
.randevu-link span{
    width: 300px;
    display: inline-block;
    text-align: left;
    font-size: 12px;
}
.beniarayin-button{
    text-align: right;
    display: inline-block;
    padding-right: 60px;
}
.beniarayin-button img{
    max-width: 200px;
}
.img-responsive{
    margin: 0 auto;
}
.text-justify{

}
.mt25{
    margin-top:25px;
}
.mt40{
    margin-top:40px;
}
.lgpdl70{
   padding-left: 70px;
}
/* Page 2 Aegon */
.aegonhakkinda-top{
    background-image: url('../images/graybg.png');
    background-repeat: repeat-x;
    text-align: center;
    padding-top:35px;
    padding-left: 60px;
    padding-right: 60px;
}
.aegonhakkinda-bottom{
    text-align: center;
    padding-top:35px;
    padding-left: 30px;
    padding-right: 30px;
}
.tecrube{
    font-size:36px;
    text-align: left;
    color: #006caf;
}
.tecrubeyil{
    font-size:50px;
    text-align: left;
    color: #006caf;
    font-weight: 700;
    padding-bottom: 20px;
}
.aegonproduct .productname{
    text-align: center;
    color: #186cac;
    font-size: 36px;
    font-weight: 700;
    padding-top: 20px;

}
.aegonproduct .description{
    padding-left: 60px;
    margin-top: 16px;
    color: #000;
    font-size: 14px;
    font-weight: 300;
}
.detaylibilgi{
    display: block;
}
/* Page 2 Aegon */

/* Form Page */

.randevu{
    background-color: #fff;
    margin-top:160px;
    padding-bottom: 50px;
}
.randevu-cerceve{
    margin: 0px 25px;
    /*border:6px solid #f08118*/
}
.randevu-left-image-div{
    padding-right: 0px !important;
}
.randevu .description {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: #000000;
    padding: 0px 65px;
}
.formpage{
    background-color: #eef5f8;
    position: relative;
    /*background: #eef5f8;*/
    padding: 50px 65px;
    /*background-image: url('../images/bg-gray.png');
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;*/
}
.formpage .logo-icon{
    width: 120px;
    position: absolute;
    right: 50px;
    top: 50px;
}
.formpage .logo{
    display: block;
    height: 50px;
}
.formpage .frame{
    border: solid 1px #b6b6b6;
    border-top-left-radius: 25px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 100px;
    padding: 100px 20px;
    position: relative;
    margin-top: 150px;
}
.formpage .form-description-mobile {
    display: none;
}
.formpage .frame .form-description{
    top:-120px;
    position: absolute;
    margin:0 auto;
    text-align: center;
    width: 100%;
    left: 0;
}
.formpage .frame .form-description img{
    height: 170px;
    display: inline-block;
}
.formpage .info-text-mobile{
    display: none;
}
.formpage .frame .info-text{
    bottom:-15px;
    position: absolute;
    text-align:center;
    line-height: 30px;
    width: 100%;
    left: 0;
}
.formpage .frame .info-text p{
    margin:0 auto;
    font-size: 24px;
    line-height: 30px;
    display: inline-block;
    background: #f8f8f8;
    padding: 0 10px;
    font-weight: 300;
}
.formpage .frame .info-text p b{
    font-weight: 900;
}


.formpage .frame .left-content{
    width: 40%;
    float: left;
    padding-right:30px;
    margin-top:31px;
}
.formpage .frame .right-content{
    width: 60%;
    float: left;
    padding-left:30px;
}

.yasaluyari{
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    top: -10px;
    position: relative;
    padding-left:5px;
}

.formpage .frame .left-content div{
    text-align: right;
    height: 55px;
    line-height: 55px;
}
.formpage .frame .right-content div{
    text-align: left;
}
.formpage .frame .right-content div img{
    text-align: left;
    height: 40px;
}
.form-footer{
    margin-top: 10px;
}
.form-footer .left-content{
    width: 50%;
    float: left;
    padding-right:20px;
}
.form-footer .right-content{
    width: 50%;
    float: left;
    padding-left:20px;
    text-align:right;
}


.form-footer .left-content a{
    display: inline-block;
}
.form-footer .left-content img{
    width: 80%;
    max-width: 600px;
}
.form-footer .right-content .slogan{
}
.form-footer .right-content .slogan span{
    margin: 0 auto 0;
    font-size: 30px;
    font-weight: bold;
    color: #186cac;
    border-bottom: solid 1px #545454;
    display: inline-block;
    padding:0 10px 10px;
}
.form-footer .right-content .footer{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 900;
    color: #186cac;
}
.form-footer .right-content .footer span,
.form-footer .right-content .footer a{
    color: #186cac;
    display: inline-block;
    margin:0 5px;
}

/* Form Page 2 */
.formpage2{
    min-height: 40vh;
    position: relative;
    padding: 30px 30px;
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
}
.formpage2 .logo-icon{
    width: 120px;
    position: absolute;
    right: 200px;
    top: 50px;
}
.formpage2 .close{
    position: absolute;
    right: 30px;
    top: 20px;
}
.formpage2 .close img{
    width: 60px;
    display: block;
}
.formpage2 .logo{
    display: block;
    height: 50px;
}

.formpage2 .header-content{
    margin-top: 150px;
}
.formpage2 .header-content .left-content{
    width: 60%;
    float: left;
    text-align: center;
}
.formpage2 .header-content .right-content{
    width: 40%;
    float: left;
}

.formpage2 .header-content .left-content img{
    transform: rotate(-5deg);
    display:inline-block;
    width: 80%;
    -webkit-box-shadow: 10px 10px 3px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 10px 10px 3px 0px rgba(0,0,0,0.24);
    box-shadow: 10px 10px 3px 0px rgba(0,0,0,0.24);
}

.formpage2 .header-content .right-content img{
    width: 100%;
    display:block;
}
.formpage2 .form-content p{
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: #000000;
}
.formpage2 .form-content .inputs{

}
.formpage2 .form-content .inputs .input{
    margin: 0px 0px 10px 0;
}
.formpage2 .form-content .inputs .input label{
    display: inline-block;
    width: 250px;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}
.formpage2 .form-content .inputs .input label.error, label.error{
    font-size: 12px !important;
    color:red !important;
}
.formpage2 .form-content .inputs .input input, .formpage2 .form-content .inputs .input select{
    display: inline-block;
    width: 95%;
    border: 2px solid #ededed;
    height: 40px;
    line-height: 40px;
    padding:0 20px;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    background: #fff !important;
}
.formpage2 .form-content .inputs .input input::placeholder{
    font-size: 14px;
    color: #000;
    line-height: 30px;
}

.formpage2 .form-content .inputs .checkbox{
    margin-top: 15px;
}

.formpage2 .form-content .inputs .checkbox input[type="checkbox"].form-input:not(:checked) + label,
.formpage2 .form-content .inputs .checkbox input[type="checkbox"].form-input:checked + label{
    font-size: 20px;
    font-weight: 600;
    color: #000000;
}
.formpage2 .form-content .inputs .checkbox input[type="checkbox"].form-input:not(:checked) + label a,
.formpage2 .form-content .inputs .checkbox input[type="checkbox"].form-input:checked + label a{
    color: #00AEEF;
}

.formpage2 .form-content .inputs .submit{
    margin-top: 20px;
    margin-bottom: 25px;
    /*margin-left: 184px;*/
}
.formpage2 .form-content .inputs .submit button, .submitbutton{
    display: inline-block;
    padding:15px 40px;
    background: linear-gradient(90deg, rgb(254, 182, 212) 0%, rgb(237, 138, 188) 25%, rgb(219, 90, 162) 50%, rgb(204, 51, 141) 75%, rgb(195, 28, 128) 100%);
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border:none;
    border-radius: 12px;


}




/* Form Page 3 */
.formpage3{
    min-height: 40vh;
    position: relative;
    padding: 50px 100px;
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
}
.formpage3 .logo-icon{
    width: 120px;
    position: absolute;
    right: 200px;
    top: 50px;
}
.formpage3 .close{
    position: absolute;
    right: 50px;
    top: 50px;
}
.formpage3 .close img{
    width: 60px;
    display: block;
}
.formpage3 .logo{
    display: block;
    height: 50px;
}

.formpage3 .page-header-text{
    display: block;
    width: 70%;
    margin-left: 15%;
    margin-top: 70px;
}

.formpage3 .header-content{
    margin-top: 40px;
}
.formpage3 .header-content .left-content{
    width: 30%;
    float: left;
    text-align: center;
}
.formpage3 .header-content .center-content{
    width: 40%;
    float: left;
    text-align: center;
}
.formpage3 .header-content .right-content{
    width: 30%;
    float: left;
    margin-top: 110px;
}

.formpage3 .header-content .center-content img{
    transform: rotate(-5deg);
    display:inline-block;
    width: 80%;
    -webkit-box-shadow: 10px 10px 3px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 10px 10px 3px 0px rgba(0,0,0,0.24);
    box-shadow: 10px 10px 3px 0px rgba(0,0,0,0.24);
}

.formpage3 .header-content .left-content img{
    width: 70%;
    display:block;
}
.formpage3 .header-content .right-content img{
    width: 100%;
    display:block;
}
.formpage3 .form-content{
    margin-top: 100px;
}
.formpage3 .form-content p{
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: #000000;
}
.formpage3 .form-content .inputs{
    margin-top: 40px;
}
.formpage3 .form-content .inputs .input{
    margin: 30px 0px;
    font-size: 0;
}
.formpage3 .form-content .inputs .input label{
    display: inline-block;
    width: 300px;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
}
.formpage3 .form-content .inputs .input input{
    display: inline-block;
    width: calc(100% - 300px);
    border: solid 2px #000000;
    border-radius: 25px;
    height: 40px;
    line-height: 40px;
    padding:0 20px;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
}
.formpage3 .form-content .inputs .input input::placeholder{
    font-size: 12px;
    color: #999999;
    line-height: 30px;
}

.formpage3 .form-content .inputs .checkbox{
    margin-top: 30px;
}

.formpage3 .form-content .inputs .submit{
    margin-top: 20px;
    text-align: right;
}
.formpage3 .form-content .inputs .submit span{
    display: inline-block;
    padding:0px 40px 0 0;
    height: 50px;
    line-height: 50px;
    color: #000000;
    font-size: 18px;
    font-weight: 600;
}

.formpage3 .form-content .inputs .submit button{
    display: inline-block;
    padding:0px 40px;
    height: 50px;
    line-height: 50px;
    background: #fd8100;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border:none;
    border-radius: 40px;
}

/* Static Page */

.staticpage{
    background-color: #f8f8f8;
    position: relative;
    padding: 50px 100px;
    background-image: url('../images/page-header-3.png');
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
}
.staticpage .logo-icon{
    width: 120px;
    position: absolute;
    right: 200px;
    top: 50px;
}
.staticpage .close{
    position: absolute;
    right: 50px;
    top: 50px;
}
.staticpage .close img{
    width: 60px;
    display: block;
}
.staticpage .logo{
    display: block;
    height: 50px;
}

.staticpage .header-content{
    margin-top: 150px;
}
.staticpage .header-content .left-content{
    width: 50%;
    float: left;
    text-align: center;
}
.staticpage .header-content .right-content{
    width: 50%;
    float: left;
}

.staticpage .header-content .right-content img{
    transform: rotate(-5deg);
    display:inline-block;
    width: 90%;
    -webkit-box-shadow: 10px 10px 3px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 10px 10px 3px 0px rgba(0,0,0,0.24);
    box-shadow: 10px 10px 3px 0px rgba(0,0,0,0.24);
}

.staticpage .header-content .left-content img{
    width: 80%;
    display:block;
}
.staticpage .static-content{
    margin-top: 100px;
    margin-bottom: 100px;
}
.staticpage .static-content h1{
    font-size: 30px;
    color: #000000;
    margin-bottom: 30px;
}
.staticpage .static-content .text{
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #000000;
}
.veriguvenligi .description{
    padding:50px 100px;
    margin-top: 16px;
    color: #000;
    font-size: 14px;
    font-weight: 300;
}

.content {
    background: #fff;
}
.footer-vig{
    margin-top:20px;
}
.slide-wrapper{
    display: table;
    width: 100%;
    height: auto;
    min-height: 500px;
}
.slide-bg{
    position: absolute;
    max-width: 1400px;
}
.text-container{
    padding-top: 120px;
    margin: 0 auto;
    max-width: 500px;
}
.slide-title{
    color: #fff;
    font-size: 30px;
    text-align: left;
    font-weight: 700;
    margin-bottom: 15px;
}
.slide-text{
    color: #fff;
    font-size: 24px;
    text-align: left;
}
.slide-right-img img{
    max-height: 455px;
    padding-top:80px;
}
.danismanimg{
    margin-bottom: 30px;
}
.danismantext{
    background: #feeff6;
    padding: 35px;
    font-size: 14px;
    margin-bottom: 30px;
}
.danismantext p{
    max-width: 265px;
}
.vighuk{
    max-height: 200px;
}
.randevu-form-wrap{
    background: url('../images/randevu-bg.png') no-repeat;
    background-position: right;
    background-size: contain;
    min-height: 500px;
}
.slide-btn{
    margin-top:30px;float: left;
}
@media only screen and (min-width: 991px){
    .product-text-head{
        width: 1400px;
    }
    .danismanimg img{
        min-height: 250px;
        float: right;
    }
    .danismantext{
        min-height: 250px;
    }
    .home-gelecek-div{padding-left:65px;}
    .footer-logo{float: left;}
    .footer-vig{
        float: left;
    }
    .vig1{ height: 36px;margin-right:25px;}
    .vig2{ height: 39px;margin-right:25px;}
    .vig3{ height: 37px;}
    .degerler1{
        height: 120px;
        float: right;
    }
    .degerler2{
        height: 120px;
        float: left;
    }
}

/* Geniş Ekran */
@media only screen and (min-width: 1400px){
    .content {
        width: 1400px;
    }
    .homepage .left-col .content-right .phone-graph{
        margin-top: 150px;
    }
}
/* Geniş Ekran */
@media only screen and (min-width: 1800px){
    .content {
        width: 100%;
        max-width: 1400px
    }
    .homepage .left-col .content-left{
        padding-right: 80px;
    }
    .homepage .left-col .content-right{
        padding-left: 80px;
    }
    .homepage .left-col .content-right .phone-graph{
        margin-top: 60px;
    }
    .formpage .frame .form-description {

    }
}


/* Tablet Dikey*/
@media only screen and (max-width: 1024px){
    body{
    }
    .productrow{
        margin:0 5px !important;
    }
    .content{
        width: 100%;
    }
    .homepage .logo-icon {
        width: 90px;
        position: absolute;
        right: 50px;
        top: 30px;
    }
    .homepage .right-icon{
        display: none;
    }
    .homepage .left-col{
        /*width: calc(100% - 400px);*/
        width: 100%;
    }
    .homepage .right-col{
        width: 400px;
    }
    .homepage .left-col .content-left .home-header {
        height: 90px;
        margin-top: 30px;
        margin-left: 30px;
    }
    .homepage .left-col .content-left .spot-text {
        padding-left: 30px;
        margin-top: 30px;
        font-size: 28px;
    }
    .homepage .left-col .content-left .productname{
        padding-left: 30px;
        color: #000;
        font-size: 16px;
        font-weight: 700;
    }
    .homepage .left-col .content-left .description {
        padding-left: 30px;
        margin-top: 16px;
        font-size: 12px;
    }
    .homepage .left-col .content-right {
        padding-right: 30px;
    }
    .homepage .left-col .content-right .phone-graph {
        margin-top: 250px;
    }
    .homepage .right-col .container {
        padding-right: 30px;
    }
    .homepage .right-col .container .spot-text {
        font-size: 16px;
    }
    .formpage .frame .form-description {
        top:-80px;
    }
    .formpage .frame .form-description img {
        height: 110px;
    }
    .formpage .frame .info-text p {
        font-size: 18px;
    }
    .left-content {
        width: 100%;
        float: left;
        text-align: center;
    }
    .right-content {
        width: 100%;
        float: left;
        text-align: center;
    }
    .gelecek-left{
        padding-right: 15px;
    }
    .gelecek-text-urun-p2{
        border-radius:20px 20px 20px 20px;
     }
    .gelecek-text-urun2-p{
        padding-left: 20px;
    }
    .gelecek-text-urun2-p2{
        margin-left: 20px;
    }
    .formpage2 .close {
        right: 30px;
        top: 30px;
    }
    .formpage2 .logo-icon {
        top: 20px;
    }
    .formpage2 .logo-icon{
        right: 150px;
    }
    .formpage2 .header-content .left-content img {
        width: 90%;
    }
    .formpage2 .header-content {
        margin-top: 90px;
    }
    .formpage3 .close {
        right: 30px;
        top: 30px;
    }
    .formpage3 .logo-icon {
        top: 20px;
    }
    .formpage3 .logo-icon{
        right: 150px;
    }
    .formpage3 .header-content .left-content img {
        width: 90%;
    }
    .formpage3 .header-content {
        margin-top: 10px;
    }
    .formpage3 .page-header-text {
        margin-top: 50px;
    }
    .formpage3 .header-content .right-content {
        margin-top: 70px;
    }


    .staticpage .close {
        right: 30px;
        top: 30px;
    }
    .staticpage .logo-icon {
        top: 20px;
    }
    .staticpage .logo-icon{
        right: 150px;
    }
    .staticpage .header-content .left-content img {
        width: 80%;
    }
    .staticpage .header-content {
        margin-top: 90px;
    }
}

/* Tablet Yatay */
@media only screen and (max-width: 1024px) and (max-height: 768px){

}
/* Tablet Yatay */
@media only screen and (max-width: 1080px) {
    .content {
        width: 1080px;
    }
    .homepage .left-col .content-menu {
        float: left;
        width: 100%;
        height: 111px;
        max-width: 1080px;
    }
    .dh-text-wrap {
        margin-top: 74px;
        width: 100%;
    }
    .productcontainer {
        background-position: center;
        max-width: 1080px !important;
        float: right;
    }
    .danismantext p {
        max-width: 900px;
    }
    .randevu-form-wrap {
        background: url('../images/randevu-bg.png') no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
        background-position: bottom;
        background-size: contain;
        min-height: 500px !important;
        height: 500px !important;
    }
    .randevurightwrap {
        height: 155px;
        margin-right: 0px !important;
    }
    .footer-vig {
        floet:left !important;
        margin-left: 45px
    }
    .slide-btn{
        text-align: center;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .navdiv{
        font-size: 12px;
    }
    .homepage .hod-icon{
        width: 50px;
    }
    .randevubeyaz{
        text-align:center;
        min-height:unset !important;
        padding:20px !important;
        margin-left:15px;
    }
    .gelecek-text-p2{
        max-width: unset;
    }
}
@media only screen and (max-width: 766px) {
    .navdiv{
        position: absolute;
        width: 100%;
        top:0px;
        display: block;
        z-index: 100;
        font-size: 12px;
    }
    .hodicondiv{
        float: left;
        max-width: 50px;
    }
    .navbar-hod #navbar{
        background: #eeedeb;
        margin-top: 10px;
    }
    .homepage .hod-icon{
        width: 50px;
    }
    .randevu-baslik{
        font-size: 28px; font-weight: bold; text-align: center;
    }
    .randevucontainer{
        padding:0px; text-align: justify; border-radius: 15px;
    }
    .formpage2 .form-content .inputs .submit {
        margin-top: 20px;
        margin-bottom: 70px;
    }

}
/* Mini Tablet Dikey */
@media only screen and (max-width: 991px){
    .footer-fil{
        margin-left: 40px !important;
    }
    .info-text-container{
        padding:10px;
    }
    .text-head {
        font-weight: 700;
        font-size: 28px !important;
    }
    .randevu-form-wrap {
        background: url('../images/randevu-bg.png') no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
        background-position: bottom;
        background-size: contain;
        min-height: 1080px;
    }
    .randevurightwrap {
        height: 270px;
        margin-right: 15px;
    }
    .randevurighttext {
        margin-right: 15px;
    }
    .randevu {
        background-color: #fff;
        margin-top: 160px;
        padding-bottom: 20px;
    }
    .viennalifeproducts {
        margin-top: 50px;
        background: url("../images/urunler/urunler-bg-dikey.png") no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
        background-position: top left;
        min-height: 555px;
        background-size: 70% 100%;
    }
    .productdiv {
        display: table-cell;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .productcontainer {
        background-position: center;
        max-width: 300px;
        float: right;
    }
    .productdetail .productcontainer {
        background-position: center;
        max-width: none !important;
        float: none !important;
    }
    .dortlu {
        height: 380px !important;
    }
    .urunsloganp img{
        height: 35px;
    }
    .danismanhizmeti {
        margin: 0 0px;
        background: url("../images/danisman-bg.png") no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
        background-position: top left;
        min-height: 555px;
        background-size: cover !important;
        height: 1048px;
    }
    .dh-text-wrap {
        margin-top: 30px;
        padding: 13px;
        width: 100% !important;
    }
    .dh-text {
        background-position: left 35px;
    }
    .dh-pembe-text {
        margin-top:40px;
        padding-top:40px;
    }
    .dortlu .radiocheck {
        display: table-cell;
        line-height: 18px !important;
    }
    .footer-logo{
        float: right;
        margin-right: 50px;
    }
    .oklar {
        max-width: 50px;
        margin-top: 0px !important;
    }
    .danismanbtn{
        height: 99px;
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
    }
    .danismanbtn img {
        max-height: 73px;
        text-align: center;
    }
    .productdetail {
        margin-top: 50px;
    }
    .productdetail .productrow{
        padding: 10px;
    }
    .slide-wrapper{
        display: table;
        width: 100%;
        height: auto;
        min-height: 250px;
        background: url("../sliders/slider-bg.png");
        background-position: top left;
        background-size: cover;
    }
    .slide-bg{
        position: absolute;
        object-fit: cover;
        height: 565px;
    }
    .danismanhakkinda{
        text-align: center;
        width: 100%;
    }
    .text-container{
        padding-top:20px;
        margin: 0 auto;
        max-width: 600px;
    }
    .slide-title{
        color: #fff;
        font-size: 36px;
        text-align: center;
    }
    .slide-text{
        color: #fff;
        font-size: 24px;
        text-align: center;
    }
    .slide-right-img img{
        max-height: 374px;
        padding-top:80px;
    }
    .footer-vig {
        margin-top: 20px;
        max-width: 290px;
        float: left;
    }
    .vig1{ height: 36px;}
    .vig2{ height: 39px;}
    .vig3{ height: 37px;}
    .content {
        width: 100%;
    }
    .hodicondiv{
        max-width: 70px;
    }
    .urunadi{
        font-size: 16px;
    }
    .urunslogan{
        font-size: 14px;
        margin-top:50px;
    }
    .urundetaybutton{
        font-size: 14px;
    }
    .nesaglarleft{
        padding-left: 0px;
        padding-top: 0px;
    }
    .gelecekbtn{
        position: unset;margin-top:40px;
    }
    .lgpdl70{
        padding-left: 0px;
    }
    .homepage .left-col .content-menu{
        padding-top: 0px;
    }

    .homepage .left-col .content-menu{
        height: 85px;
    }

    .bggif img{width:70px; text-align: right;margin-top: 27px;float: right;margin-right: 77px;
        position: absolute;top:0; left:69%}

    .top-left {
        position: absolute;
        top: 8px;
        left: 8px;
    }

    /* Top right text */
    .top-right {
        position: absolute;
        top: 8px;
        right: 8px;
    }
    .hakkimizdadiv{
        margin:45px 10px !important;
    }
    .hakkindaimg{
        margin: 0px; position: relative; top:-77px;
        height: 42px; display: block;
    }
    .kvkgirisimg{
        margin: 0px; position: relative; top:-72px;
        height: 42px; display: block;
    }
    .danismanbgimg{
        display: none;
    }
    .dntext{
        text-align: justify;
        margin-bottom: 0px;
        padding: 5px;
        position: unset;
        color: #000;
    }
    .dnad{text-align: left;font-size: 24px; font-weight: bold; padding-left: 5px;}
    .dnunvan{color:#0095d5;text-align: left;font-size: 14px; font-weight: bold; padding-left: 5px;}


    .homepage .left-col{
        width:100%;
    }
    .homepage .right-col{
        width:100%;
    }
    .homepage .left-col .content-right{

    }
    .homepage .left-col .content-right .phone-graph{
        margin-top: 150px;
    }
    .formpage .logo-icon{
        display: none;
    }
    .formpage .frame {
        padding: 60px 10px;
    }
    .formpage .frame .info-text {
        bottom: -25px;
        padding: 0 70px 0 100px;
    }
    .formpage .frame .form-description {
        top: -60px;
    }
    .formpage .frame .form-description img {
        height: 90px;
    }
    .formpage3 {
        padding: 50px 50px;
    }
    .formpage3 .header-content .right-content {
        margin-top: 10px;
    }
    .formpage3 .header-content .left-content img {
        width: 70%;
    }
    .formpage3 .header-content .center-content img {
        width: 90%;
    }
    .staticpage .logo-icon {
        right: 120px;
    }
    .staticpage .header-content {
        margin-top: 60px;
    }

    .homepage .logo-icon {
        display: none;
    }
    .homepage .right-icon{
        display: none;
    }
    .navbar-hod {
        background-color: transparent !important;
        border-color: transparent !important;
        margin-top: 16px;
    }
    .navbar-hod .navbar-nav > li > a {
        color: #000 !important;
        font-weight: bold !important;
        font-size: 12px;
    }
    .logo{ max-height: 61px !important;}
    .hakkimizdacontainer{
        margin-top:50px;
        margin-bottom: 60px;
    }
    .danismancift{
        min-height: 190px;
    }
    .ikon-container {
        padding: 20px !important;
        font-size: 14px;
    }
    .altikon{
        background-size: 53px;
    }
    .urunsloganp{
        marign:0 20px;
    }
    .danismanlikhizmeti {
        background-position: top right;
        background-size: 600px;
        margin-bottom:40px !important;
    }
    .baslik-altcizgi {
        font-size: 16px !important;
        font-weight: bold;
        line-height: 22px !important;
    }
    .danismanlikhizmeti .home-gelecek-div{
        margin-top:300px;
    }
    .productrow .baslik-altcizgi{
        margin: 0 auto !important;
        margin-bottom:35px !important;
    }
    .urunaciklama{
        margin-top:134px;
        font-size:14px;
    }
    .productrow {
        margin: 0 0px;
        background: none !important;
        background-position-x: 0%;
        background-position-y: 0%;
        background-position: bottom left;
        min-height: 555px;
    }
    .homepage .left-col .content-menu .logo {
        display: block;
        margin-top: 12px !important;
        float: left;
    }
    .logovl{
        max-width: 120px !important;; margin-top:25px !important;;float: left !important;;
        padding-right: 20px !important;
    }
    .dh-pembe-text {
        margin-top: 0px;
        padding-top: 0px;
    }
}


/* Mini Tablet Yatay */
@media only screen and (max-width: 991px) and (max-height: 768px){

}

/* Mobil Dikey */
@media only screen and (max-width: 767px){
    .content{
        width: 100%;
    }
    .modal-p40-p20{
        padding:20px;
    }
    .randevu-cerceve{
        margin: 0px 10px;
    }
    .randevu-left-image-div{
        padding-right: 15px !important;
    }
    .gelecek-text-urun-p2{
        margin-right:50px;
        margin-bottom: 40px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .formpage .logo {
        display: block;
        height: auto;
        width: 100%;
    }
    .homepage .left-col .content-menu .logo {
        height: 55px;
    }
    .homepage .left-col .content-left{
        width: 100%;
    }
    .homepage .left-col .content-right{
        width: 100%;
    }
    .homepage .left-col .content-left .spot-text{
        margin-right: 20px;
    }
    .homepage .left-col .content-left .description {
        padding-right: 30px;
    }
    .homepage .left-col .content-left .logo {
        margin-left: 30px;
        margin-right: 30px;
        width: calc(100% - 60px);
        height: auto;
    }
    .homepage .left-col .content-right .veriguvenligi-button {
        display: block;
        padding-right: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .homepage .left-col .content-right .phone-graph {
        margin-top: 50px;
    }
    .phone-content .phone-graph{
        width: 85%;
    }
    .vergiavantaji-button{
        text-align: left;
        display: inline-block;
        padding-left: 30px;
    }
    .vergiavantaji-button img{
        max-width: 320px;
    }
    .randevu-link{
        text-align: right;
        position: relative;
        top: 20px;
        right: 30px;
        min-height: 27vh;
    }
    .randevu-link span{
        width: 300px;
        display: inline-block;
        text-align: left;
        font-size: 12px;
    }
    .beniarayin-button{
        text-align: right;
        display: inline-block;
        padding-right: 60px;
    }
    .beniarayin-button img{
        max-width: 200px;
    }
    .aegonhakkinda-top{
        padding-left: 10px;
        padding-right: 10px;
    }
    .aegonhakkinda-bottom{
        padding-left: 10px;
        padding-right: 10px;
    }
    .aegonproduct .description{
        padding-left: 0px;
    }
    .tecrube{
        font-size:22px;
    }
    .tecrubeyil{
        font-size:34px;
    }
    .formpage {
        padding: 20px 10px;
    }
    .formpage .frame{
        margin-top: 20px;
    }
    .formpage .frame .form-description {
        display: none;
    }
    .formpage .form-description-mobile {
        display: block;
        margin-top:50px;
    }
    .formpage .form-description-mobile img {
        height: auto;
        width: 100%;
    }
    .formpage .frame .info-text{
        display: none;
    }
    .formpage .info-text-mobile{
        display: block;
        margin-top:20px;
        text-align: center;
        font-size: 18px;
    }
    .form-footer .left-content {
        padding-right: 0px;
    }
    .form-footer .right-content {
        padding-left: 0px;
    }
    .formpage .frame .left-content {
        width: 100%;
        padding-right: 0px;
        padding-left: 20px;
    }
    .formpage .frame .right-content {
        width: 100%;
        padding-left: 20px;
    }
    .formpage .frame .left-content div {
        text-align: left;
    }
    .form-footer .right-content .slogan span {
        font-size: 20px;
    }
    .formpage .frame .right-content .seperate-mobile{
        display: block;
        height: 1px;
        background: #343434;
        margin: 20px 20px;
    }
    .veriguvenligi .description{
        padding: 10px;
    }


    /* Form page 2 */
    .formpage2{
        padding: 20px 10px;
    }
    .formpage2 .close {
        right: 20px;
        top: 20px;
    }
    .formpage2 .close img {
        width: 40px;
    }
    .formpage2 .header-content .left-content {
        display: none;
    }
    .formpage2 .logo-icon {
        display: none;
    }
    .formpage2 .logo {
        display: block;
        height: auto;
        width: 80%;
    }
    .formpage2 .header-content {
        margin-top: 10px;
    }
    .formpage2 .header-content .right-content {
        width: 100%;
        text-align: center
    }
    .formpage2 .header-content .right-content img {
        height: 70px;
        width: auto;
        display: inline-block;
    }
    .formpage2 .form-content .inputs .input label {
        display: block;
        width: 100%;
        text-align: left;
        padding-left: 12px;
    }
    .formpage2 .form-content .inputs .input input {
        display: block;
        width: 95%;
        margin:0 auto;
    }
    .formpage2 .form-content .inputs .submit{
        margin-left: auto;
        text-align: center;
    }

    /* Form Page 3 */
    .formpage3{
        padding: 20px 10px;
    }
    .formpage3 .close {
        right: 20px;
        top: 20px;
    }
    .formpage3 .close img {
        width: 40px;
    }
    .formpage3 .header-content .center-content {
        display: none;
    }
    .formpage3 .header-content .left-content {
        width: 100%;
    }
    .formpage3 .header-content .right-content {
        width: 100%;
    }
    .formpage3 .logo-icon {
        display: none;
    }
    .formpage3 .logo {
        display: block;
        height: auto;
        width: 70%;
    }
    .formpage3 .header-content {
        margin-top: 15px;
    }
    .formpage3 .header-content .right-content {
        width: 100%;
        text-align: center;
        padding-top: 50px;
    }
    .formpage3 .header-content .right-content img {
        height: 70px;
        width: auto;
        display: inline-block;
    }
    .formpage3 .form-content .inputs .input label {
        display: block;
        width: 100%;
    }
    .formpage3 .form-content .inputs .input input {
        display: block;
        width: 100%;
    }
    .formpage3 .form-content .inputs .submit{
        margin-left: auto;
        text-align: center;
    }
    .formpage3 .header-content .left-content img {
        width: 50%;
        margin: auto;
        padding-top: 50px;
    }
    .formpage3 .page-header-text {
        margin-top: 30px;
    }
    .formpage3 .form-content {
        margin-top: 40px;
    }

    /* Static Page */
    .staticpage{
        padding: 20px;
    }
    .staticpage .close {
        right: 20px;
        top: 20px;
    }
    .staticpage .close img {
        width: 40px;
    }
    .staticpage .header-content .right-content {
        display: none;
    }
    .staticpage .logo-icon {
        display: none;
    }
    .staticpage .logo {
        display: block;
        height: auto;
        width: 80%;
    }
    .staticpage .header-content {
        margin-top: 10px;
    }
    .staticpage .header-content .left-content {
        width: 100%;
        text-align: center
    }
    .staticpage .header-content .left-content img {
        height: 70px;
        width: auto;
        display: inline-block;
    }
    .staticpage .static-content {
        margin-top: 70px;
        margin-bottom: 70px;
    }
}
.social-content{
    position: relative;
}
.right-col .container .social-icons{
    text-align: center;
    margin-top: 40px;
}
.right-col .container .social-icons img{
    height: 30px;
    display: inline-block;
    margin:0 2px;
}
.form-footer .right-content .social-icons img{
    height: 40px;
    display: inline-block;
    margin:0 1px;
}

/* Mobil Yatay */
@media only screen and (max-width: 767px) and (max-height: 450px){


}


/* Mobil Dikey */
@media only screen and (max-width: 479px){
    .content{
        width: 100%;
    }

}


/* Mini Mobil Dikey */
@media only screen and (max-width: 360px){
    .content{
        width: 100%;
    }

}


/* xMini Mobil Dikey */
@media only screen and (max-height: 500px){


}
.footer-bottom{
    margin: 0 auto;
    margin-top: 20px; background: #f4f5f7; padding: 15px; width: 100%;
}
.footer__social {
    float: right;
}
.footer__social img{
    height: 26px;
}
.footer__social-item {
    display: inline-block;
    margin-right: 5px;
}
.footer__social-link {
    font-size: 16px;
}
.h-textdiv{
    margin-bottom: 30px;
}
.h-title{
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}
.h-text{
    font-weight: normal;
    font-size: 12px;
    text-align: justify;
}
.theme-default .nivoSlider {
    position: relative;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px !important;
    -moz-box-shadow: 0px !important;
    box-shadow: 0px !important;
}
.modal-title{
    font-weight: bold;
}

.nivo-slider .caption {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
}

.nivo-slider h3 {
    margin: 0 0 5px;
}

.nivo-slider p {
    margin: 0;
}
.info-text-container{
    text-align: center;
}
.text-head{
    font-weight: 700;
    font-size: 34px;
}
.text-sub-head{
    font-weight: 500;
    font-size: 26px;
    margin-top:15px;
}
.text-sub-head span {
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    background: rgb(106, 191, 96);
    background: linear-gradient(90deg, rgb(106, 191, 96) 0%, rgb(0, 183, 199) 25%, rgb(196, 33, 133) 50%, rgb(243, 123, 43) 75%, rgb(254, 211, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
}
.text-detail{
    margin-top:25px;
    font-weight: 400;
    font-size: 18px;
}
.linep{width: 100%; text-align: center}
.linespan{width:50px; border-bottom:4px solid #000;display: block;
    margin: 0 auto;
margin-bottom:30px;}
.urun-bilgi-btn{
    margin-top: 34px;
    text-align: center;
    width: 100%;
}
.urun-bilgi-btn img{
    max-width: 214px;
}
#urunneden{
    margin: 0 0px;
    background: url("../images/urunneden-bg.png") no-repeat;
    background-position: bottom left;
    min-height: 723px;
    background-size: contain;

}
.danismanhizmeti{
    margin: 0 0px;
    background: url("../images/danisman-bg.png") no-repeat;
    background-position: top left;
    min-height: 555px;
    background-size: contain;

}
.dh-text-wrap{
    margin-top:150px;
    width: 589px;
}
.dh-text{
    margin: 0 0px;
    background: url("../images/danisman-ok.png") no-repeat;
    background-position: left 14px;
    min-height: 50px;
    padding-left: 50px;
    background-size: auto 27px;
    margin-bottom:20px;
}
.dh-pembe-text{
    color:#c71882;
    font-weight: 600;
    font-size:18px;
    float: right;
    max-width: 360px;

}
.sub-text{
    color: #000;
    font-size: 24px;
    text-align: center;
}
.urunsloganp img {
    max-height: 29px;
}
.footer-fil{
    margin-left: 95px !important;
}
.dortlu{
    background: #fff;
    height: 300px;
    width: 100%;
    padding: 40px;
    margin-bottom: 25px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    font-size: 13px;
    padding-top: 20px;
}
.dortlu .teminat{
    font-weight: 600;
    font-size:18px;
    display: block;
    width: 100%;
    margin-bottom:20px;
}
.dortlu .radiocheck{
    display: table-cell;
    line-height: 18px;
}
.dortlu1{
    border-radius: 130px 0 0 0 ;
    background: #fff url("../images/dortlubgsol.png") no-repeat;
    background-position: bottom right;
    background-size: auto 120px;
}
.dortlu2{
    border-radius: 0 130px 0 0 ;
    background: #fff url("../images/dortlubgsag.png") no-repeat;
    background-position: bottom left;
    background-size: auto 120px;
}
.dortlu3{
    border-radius: 0 0 0 130px ;
    background: #fff url("../images/dortlubgsol.png") no-repeat;
    background-position: bottom right;
    background-size: auto 120px;
}
.dortlu4{
    border-radius: 0 0 130px 0 ;
    background: #fff url("../images/dortlubgsag.png") no-repeat;
    background-position: bottom left;
    background-size: auto 120px;
}
.oklar{
    max-width:50px;
    margin-top:120px;
}
.devam{
    float: right;
    width: 100%;
    display: block;
    text-align: right;
    color: #c71c83;
    font-weight: 600;
}
.teminatikon{
    margin-bottom: 20px;
}
.teminatikon img{
    max-height: 40px;
}
@keyframes jump {
    0%   {transform: translate3d(0,0,0) scale3d(1,1,1);}
    40%  {transform: translate3d(0,5%,0) scale3d(1,1.1,1);}
    100% {transform: translate3d(0,15%,0) scale3d(1,1,1);}
}
.jump {
    transform-origin: 10% 10%;
    animation: jump 0.5s linear alternate infinite;
}