/*
Theme Name: Doruk İletişim
Theme URI: http://www.doruktahsilat.com/
Author: Creapeak
Author URI: http://creapeak.com/
Description: Creapeak tarafından özel olarak hazırlanmıştır.
Text Domain: themesettings
Tags:
*/

/*  ---- 0. GENERAL CSS ---- */
html,body{ margin: 0; padding: 0;}
body{
    font-family: 'Nunito Sans', sans-serif;
    background: #ffffff;
    color:#fff;
    width: 100%;
    height: 100%;
    background: url('images/bg01.jpg') center no-repeat; background-size: cover;
    background-attachment: fixed;

}


/*  ---- 1. MAIN BOARD  ---- */
.main-board{ position:relative; width: 100%; height: auto; top:0; left:0; display: block;}
.main-insider{ position: relative; width: 100%; height: 100%; z-index:2; }
body:after{position: fixed; z-index: 1; width: 100%; height: 100%; top:0; left:0; content: ""; display: block; opacity: .86;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005dab+1,002f7c+100 */
    background: rgb(0,93,171); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(0,93,171,1) 1%, rgba(0,47,124,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(0,93,171,1) 1%,rgba(0,47,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(0,93,171,1) 1%,rgba(0,47,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005dab', endColorstr='#002f7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.header{ position: relative; width: 100%; height: auto; padding: 30px 0 15px; display: block; }
.header .logo-side{ width: 170px; position: relative; float: left; display: block;}
.header .logo-side a{ position: relative; display: block; height: 100%; width: 100%;}
.header .navside{ position: relative; display: block; float: right; text-align: right; }
.header .navside ul{ position: relative; display: inline-block; padding-left: 0; margin-bottom: 0; text-align: right;}
.header .navside ul li { list-style: none; display: inline-block; }
.header .navside ul li a{ display: block; color:#fff; font-size: 16px; padding: 15px 15px; text-transform: uppercase; }

.content-area{ position: relative; width: 100%; height: auto; min-height: 700px; padding-bottom: 90px; display: flex; align-items: center; justify-content: center; }
.form-div{ width: 100%; position: relative; max-width: 480px; background: #fff; border-radius: 0; height: auto; overflow: hidden; }
.form-div.login-form-div{ max-width: 100%;}
.form-div.old-orders-table{ max-width: 100%;}
.form-div .head-form{ position: relative; overflow: hidden; width: 100%; height: 80px; background: url('images/headbg.jpg') center no-repeat; background-size: cover; display: flex; align-items: center; padding-left:  30px; }
.form-div .head-form div{ position: relative; z-index: 2; font-size: 30px; font-weight: 900;}
.form-div .head-form:after{z-index: 1; position: absolute; top:0; left:0; width: 100%; content: ""; height: 100%; background: rgba(10, 28, 53, 0.8); }
.form-div .form-content{ position: relative; width: 100%; height: auto; padding: 30px 15px; overflow: hidden; }
.form-div form label{ display: none;}
.form-div form select,
.form-div form textarea,
.form-div form input{ border: 0; box-shadow: none; background: transparent;}
.form-div .form-group{ position: relative; background: rgba(0,0,0,0.05); padding: 5px 0 5px 35px; border-radius: 3px; }
.form-div .form-group:after{ content: ""; font-family: FontAwesome; display: block; float: left; position: absolute; font-size: 22px; color: #8c8c8c; top: 7px; left:15px;}
.form-div .form-group.bayi-name:after{ content: "\f007";}
.form-div .form-group.bayi-password:after{ content: "\f13e";}
.form-div button{ background: #46b148; color:#fff; border-radius: 0; border: 0; width: 100%; padding: 10px 15px; font-weight: 900; font-size: 16px;}
.form-div button:active,
.form-div button:focus,
.form-div button:hover{ background: #347b35; color: #fff;}
.form-div .card-wrapper{ margin-bottom: 15px;}
#form_bayi_ekleme .form-group,
#form_product .form-group,
#form_card .form-group{ padding-left: 5px;}
.mobile-menu{ display: none;}
.payu-img-wrapper{ position: relative; width: 100%; height: auto; text-align: center;}
.payu-text-wrapper{ position: relative; width: 100%; padding-left: 10px; max-width: 360px; margin: 0 auto; display: block; height: auto; text-align: left;}
.payu-text-wrapper p { color:#8c8c8c; font-size: 13px; margin-bottom: 0;}
.payu-img-wrapper img{ position: relative; width: 100%; max-width:380px;  height: auto;}

.form-control:focus {
    outline: 0;
    box-shadow: none;
}

.footer{ z-index: 2; background:#FFFFFF; width: 100%; height: auto; min-height: 100px; padding: 25px 0 25px; display: block; position: relative; bottom: 0; border-bottom: 1px solid #e8e8e8;}
.footer ul{ position: relative; display: inline-block; padding-left: 0; margin-bottom: 0;}
.footer ul li { position: relative; display: inline-block; list-style: none; }
.footer ul li  a { position: relative; display: block; color: #8c8c8c; padding: 15px 15px 7px;}
.footer .social-side{ text-align: right; padding-top: 10px; }
.footer .social-side li a { color:#FFFFFF; background: #005dab; width: 30px; height: 30px; padding: 7px 10px 7px; text-align: center; border-radius: 3px;}


.table { color: #404040;}


.choose-div{ position: absolute; width: 100%; height: 100%; top:0; left:0;   z-index: 5; display: flex; align-items: center; justify-content: center;}
.choose-inside{ position: relative; width: 100%; max-width: 600px; height: auto; text-align: center;}
.choose-inside .logo-div{ width: 100%; height: auto; display: block; position: relative; text-align: center;}

.choose-inside h3{ font-weight: 600; margin-bottom: 30px;}
.choose-inside .choose-btns{ width: 100%; display: block; }
.choose-inside .choose-btns a.btn { border: 0; background: #46b148; color:#FFFFFF; text-transform: uppercase; font-size: 20px; font-weight: 900; padding: 10px 30px; }
.choose-inside .choose-btns a.btn:first-child{margin-right: 10px;}
@media (max-width: 768px){
    .card-side{ padding: 0;}
    .footer,
    .main-board{ position: relative;}
    .footer{ text-align: center;}
    .footer ul li { display: block;}
    .footer .social-side{ text-align: center; padding-bottom: 30px;}
    .footer .social-side ul li{ display: inline-block;}
    .content-area { display: block;}
    .header .navside{ display: none;}
    .mobile-menu{ display: block; float: right; text-align: right; padding-top:5px;}
    .mobile-menu .mobile-menu-inside{ display: none; position: relative; height: auto; padding: 15px 0 15px 10px;}
    .mobile-menu .mobile-menu-inside ul{ padding-left: 0; margin-bottom: 0;}
    .mobile-menu .mobile-menu-inside ul li{ list-style: none;}
    .mobile-menu .mobile-menu-inside ul li a { color:#fff; }
    .form-div.login-form-div .form-content{ padding-left: 0; padding-right: 0;}
    .jp-card-container{ max-width: 280px!important;}
    .jp-card{ min-width: 260px!important;}
    .form-div .head-form div{ font-size: 20px;}
}

@media (max-width: 480px){
    .choose-inside .choose-btns a.btn:first-child{margin-right: 0; margin-bottom: 10px;}
}

.form-div form#form_product label{ display: inline-block; position: absolute; top: -22px; color:#8c8c8c;}
.form-div form#form_product .form-group{ margin-top: 30px;}