@charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin-ext'); html {
    width: 100%;
    height: 100%;
}

Body {
    font-family: 'Roboto', sans-serif;
    background: #F3F3F3;
}

.c {
    clear: both !important;
}

a {
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 0;
    padding: 0;
    cursor: pointer
}

a:hover {
    text-decoration: none;
}

.dblock {
    display: block
}

.dnone {
    display: none
}

.ohidden {
    overflow: hidden !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.fw200 {
    font-weight: 200 !important
}

.fw300 {
    font-weight: 300 !important
}

.fw400 {
    font-weight: 400 !important
}

.fw600 {
    font-weight: 600 !important
}

.fw700 {
    font-weight: 700 !important
}

.fs3 {
    font-size: 4px !important
}

.fs4 {
    font-size: 4px !important
}

.fs5 {
    font-size: 5px !important
}

.fs6 {
    font-size: 6px !important
}

.fs7 {
    font-size: 7px !important
}

.fs8 {
    font-size: 8px !important
}

.fs9 {
    font-size: 9px !important
}

.fs10 {
    font-size: 10px !important
}

.fs11 {
    font-size: 11px !important
}

.fs12 {
    font-size: 12px !important
}

.fs13 {
    font-size: 13px !important
}

.fs14 {
    font-size: 14px !important
}

.fs15 {
    font-size: 15px !important
}

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

.fs18 {
    font-size: 18px !important
}

.fs20 {
    font-size: 20px !important
}

.fs22 {
    font-size: 22px !important
}

.fs24 {
    font-size: 24px !important
}

.fs26 {
    font-size: 26px !important
}

.fs28 {
    font-size: 28px !important
}

.fs30 {
    font-size: 30px !important
}

.fs35 {
    font-size: 35px !important
}

.fs40 {
    font-size: 40px !important
}

.fs45 {
    font-size: 45px !important
}

.fs50 {
    font-size: 50px !important
}

.fs60 {
    font-size: 60px !important
}

.fs70 {
    font-size: 70px !important
}

.fs80 {
    font-size: 80px !important
}

.fs90 {
    font-size: 90px !important
}

.fs100 {
    font-size: 100px !important
}

.pn {
    padding: 0 !important
}

.p1 {
    padding: 1px !important
}

.p2 {
    padding: 2px !important
}

.p3 {
    padding: 3px !important
}

.p4 {
    padding: 4px !important
}

.p5 {
    padding: 5px !important
}

.p6 {
    padding: 6px !important
}

.p7 {
    padding: 7px !important
}

.p8 {
    padding: 8px !important
}

.p10 {
    padding: 10px !important
}

.p12 {
    padding: 12px !important
}

.p15 {
    padding: 15px !important
}

.p20 {
    padding: 20px !important
}

.p25 {
    padding: 25px !important
}

.p30 {
    padding: 30px !important
}

.p35 {
    padding: 35px !important
}

.p40 {
    padding: 40px !important
}

.p50 {
    padding: 50px !important
}

.ptn {
    padding-top: 0 !important
}

.pt5 {
    padding-top: 5px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt25 {
    padding-top: 25px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt35 {
    padding-top: 35px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt50 {
    padding-top: 50px !important
}

.prn {
    padding-right: 0 !important
}

.pr5 {
    padding-right: 5px !important
}

.pr10 {
    padding-right: 10px !important
}

.pr15 {
    padding-right: 15px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr25 {
    padding-right: 25px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr35 {
    padding-right: 35px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr50 {
    padding-right: 50px !important
}

.pbn {
    padding-bottom: 0 !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb35 {
    padding-bottom: 35px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pln {
    padding-left: 0 !important
}

.pl5 {
    padding-left: 5px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl15 {
    padding-left: 15px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl25 {
    padding-left: 25px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl35 {
    padding-left: 35px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl50 {
    padding-left: 50px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mauto {
    margin-left: auto;
    margin-right: auto
}

.mn {
    margin: 0 !important
}

.m1 {
    margin: 1px !important
}

.m2 {
    margin: 2px !important
}

.m3 {
    margin: 3px !important
}

.m4 {
    margin: 4px !important
}

.m5 {
    margin: 5px !important
}

.m8 {
    margin: 8px !important
}

.m10 {
    margin: 10px !important
}

.m15 {
    margin: 15px !important
}

.m20 {
    margin: 20px !important
}

.m25 {
    margin: 25px !important
}

.m30 {
    margin: 30px !important
}

.m35 {
    margin: 35px !important
}

.m40 {
    margin: 40px !important
}

.m50 {
    margin: 50px !important
}

.mtn {
    margin-top: 0 !important
}

.mt5 {
    margin-top: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt70 {
    margin-top: 70px !important
}

.mrn {
    margin-right: 0 !important
}

.mr5 {
    margin-right: 5px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr15 {
    margin-right: 15px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr25 {
    margin-right: 25px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr35 {
    margin-right: 35px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr50 {
    margin-right: 50px !important
}

.mbn {
    margin-bottom: 0 !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.mln {
    margin-left: 0 !important
}

.ml5 {
    margin-left: 5px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml25 {
    margin-left: 25px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml35 {
    margin-left: 35px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml50 {
    margin-left: 50px !important
}

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

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

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

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

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

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

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

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

.mv70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important
}

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

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

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

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

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

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

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

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

.mh70 {
    margin-left: 70px !important;
    margin-right: 70px !important
}

.mtn5 {
    margin-top: -5px !important
}

.mtn10 {
    margin-top: -10px !important
}

.mtn15 {
    margin-top: -15px !important
}

.mtn20 {
    margin-top: -20px !important
}

.mtn30 {
    margin-top: -30px !important
}

.mrn5 {
    margin-right: -5px !important
}

.mrn10 {
    margin-right: -10px !important
}

.mrn15 {
    margin-right: -15px !important
}

.mrn20 {
    margin-right: -20px !important
}

.mrn30 {
    margin-right: -30px !important
}

.mbn5 {
    margin-bottom: -5px !important
}

.mbn10 {
    margin-bottom: -10px !important
}

.mbn15 {
    margin-bottom: -15px !important
}

.mbn20 {
    margin-bottom: -20px !important
}

.mbn30 {
    margin-bottom: -30px !important
}

.mln5 {
    margin-left: -5px !important
}

.mln10 {
    margin-left: -10px !important
}

.mln15 {
    margin-left: -15px !important
}

.mln20 {
    margin-left: -20px !important
}

.mln30 {
    margin-left: -30px !important
}

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

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

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

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

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

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

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

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

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

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

#overlay {
    color: #fff;
    font-size: 28px;
    text-align: center;
    padding-top: 30%;
    display: none;
    background-color: #000;
    background-image: url(../images/load.gif);
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999 !important;
    filter: alpha(opacity=75);
    -khtml-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
}

#ntCommenterOverlay {
    color: #fff;
    font-size: 28px;
    text-align: center;
    padding-top: 30%;
    display: none;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999 !important;
    filter: alpha(opacity=75);
    -khtml-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.ani,.btn {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.pRel {
    position: relative
}

.pb100 {
    padding-bottom: 100px
}

.pb150 {
    padding-bottom: 150px
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.container {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -10px;
    margin-left: -10px
}

p {
    margin: 0 0 15px
}

#main_navbar {
    border: none;
    background: #2056C3 ;
    z-index: 999;
    margin: 0;
    border-radius: 0;
    min-height: 80px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

#main_navbar.navbar-fixed-top {
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.26);
}

.navbar-neonturk {
}

.navbar-neonturk> li> a {
    color: #fff!important;
    font-size: 14px;
    padding: 15px 15px;
    font-weight: 400;
    margin-left: 1px;
}

.navbar-neonturk> li> a:hover,.navbar-neonturk> li> a.active,.navbar-neonturk> li.open > a, .navbar-neonturk> li.active> a {
    color: #fff!important;
    background: #093080!important
}

.dropdown-menu li a {
    line-height: 12px
}

.navbar-brand {
    height: 50px;
    padding: 0;
    position: relative;
    z-index: 9;
    margin-top: -40px!important;
}

.navbar-neonturk ul li a {
    color: #ffffff !important;
    font-size: 13px;
    padding: 12px 15px;
    font-weight: 300;
    border-top: 1px solid #2056C3;
}

.navbar-neonturk ul li a.active {
    color: #fff;
    font-weight: 500;
    ;padding: 15px
}

.navbar-neonturk >.open>a,.navbar-neonturk >.open>a:focus,.navbar-neonturk >.open>a:hover {
    color: #555;
    background: #093080
}

.navbar-neonturk>li>.dropdown-menu {
    background-color: #093080!important;
    border: none
}

.navbar-neonturk li ul li a:hover {
    background: none;
    color: #fff!important
}

.navbar-footer> li> a {
    color: #000!important;
    font-size: 16px;
    padding: 13px 15px;
    border-radius: 100px;
    font-weight: 600
}

.navbar-footer> li> a:hover,.navbar-footer> li> a.active,.navbar-footer> li.open > a {
    color: #fff!important;
    background: #005FB4!important
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 8px;
    margin-top: 0px;
    margin-right: 15px;
    margin-bottom: 5px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #fff!important;
}

.ms-caption {
    padding: 15px;
    color: #fff;
    font-size: 40px !important;
    line-height: 70px !important;
    font-weight: 300;
    max-width: 600px;
}

.ms-caption span {
    box-shadow: 0 0 0 10px #2056C3;
    background-color: #2056C3;
    color: #fff;
}

.shadow {
    transition: all .2s linear;
    -webkit-box-shadow: 0px 5px 19px -5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 19px -5px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 19px -5px rgba(0,0,0,0.15);
}

.shadow.dark {
    transition: all .2s linear;
    -webkit-box-shadow: 0px 5px 19px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 19px -5px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 19px -5px rgba(0,0,0,0.5);
}

.btn-info {
    background-color: #2056C3;
}

.btn-info:hover,.btn-info:active.btn-info:focus {
    background-color: #1a479f;
}

.bgWhite {
    color: #000;
    background-color: #fff
}

.dropdown-menu {
    min-width: 100px;
}

.popup-placement {
    position: fixed;
    right: 0;
    bottom: 0;
}

.popup-placement-social .popup-placement-social-item a {
    float: left;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
    font-size: 28px;
    text-align: center;
    line-height: 50px;
    color: white;
    margin-right: 15px;
    margin-bottom: 9px;
}

.popup-placement-social .popup-placement-social-item a:hover {
    box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.4);
}

.popup-placement-social .popup-placement-social-mail a {
    background: #848484;
}

.popup-placement-social .popup-placement-social-phone a {
    background: #ec5923;
}

.popup-placement-social .popup-placement-social-whatsapp a {
    background: #4dc247;
}

.popup-placement-social .popup-placement-social-skype a {
    background: #0084ff;
}

.popup-placement .popup-placement-btn {
    background: #FF6550;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: white;
    font-size: 28px;
    overflow: hidden;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
    margin-bottom: 11px;
    outline: none;
    cursor: pointer;
    margin-right: 15px;
}

.popup-placement .popup-placement-btn:hover {
    box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.4);
}

.popup-placement .popup-placement-social {
    display: none;
}

.breadcrumb {
    font-size: 12px;
    background-color: transparent;
    padding: 0;
    color: #ccc;
}

.breadcrumb li a {
    color: #ccc;
}

.breadcrumb li a:hover {
    color: #111
}

.breadcrumb li.active {
    color: #ccc
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #2056C3;
    border-color: #2056C3
}

.panel-primary {
    border-color: #2056C3
}

.form-control,.btn {
    border-radius: 0
}

.btn-send {
    background: #67666B;
    line-height: 60px;
    color: #fff
}

.btn-send:hover,.btn-send:active {
    background: #28282a;
    line-height: 60px;
    color: #fff
}

.contactForm {
}

.contactForm .form-group {
    margin-bottom: 30px
}

.btn {
    border: none
}

.pagination {
    background-color: #fff;
    -webkit-box-shadow: 0 5px 19px -5px rgba(0,0,0,0.36);
    -moz-box-shadow: 0 5px 19px -5px rgba(0,0,0,0.36);
    box-shadow: 0 5px 19px -5px rgba(0,0,0,0.36)
}

.btn-submit {
    float: right;
    border: 1px solid #ccc;
    padding: 25px 40px;
    color: #fff!important;
    background-color: #2056C3;
    -webkit-box-shadow: 0 5px 19px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 19px -5px rgba(0,0,0,0.2);
    box-shadow: 0 5px 19px -5px rgba(0,0,0,0.2)
}

.btn-submit:hover,.btn-submit:active {
    background-color: #000
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px
}

.form-control {
    border-radius: 0;
    border: none;
    padding: 0 10px;
    background-color: #f5f5f5;
    box-shadow: none;
    height: 50px;
    color: #000
}

.bd-highlight {
    background-color: #f7f7f7
}

.calculate {
    font-size: 14px!important;
    line-height: 34px
}

.p-2 {
    padding: 2px
}

.calculate .form-control {
    border-radius: 0;
    border: none;
    padding: 0 10px;
    background-color: #fff;
    box-shadow: none;
    height: 35px;
    color: #000;
    border: 1px solid #ccc
}

.calculate .row {
    margin: 0
}

.hesap-btn {
    padding: 0;
    height: 100px;
    line-height: 100px;
    background-color: #fff;
    border: 1px solid #2056C3;
    display: block;
    margin-bottom: 20px;
    color: #111;
    font-weight: 600
}

.hesap-btn:hover,.hesap-btn:focus,.hesap-btn.active {
    background-color: #2056C3;
    color: #fff
}

.calculate #sonuc h5 {
    text-align: center;
    background-color: #f5f5f5;
    display: block;
    font-size: 16px;
    padding: 10px
}

.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

#accordion .panel {
    margin-bottom: 0;
    border-radius: 0!important
}

#accordion .panel-default>.panel-heading {
    color: #333;
    background-color: #f9f9f9;
    border-color: #fff;
    border-bottom: 1px solid #e6e6e6
}

#accordion .panel-default>.panel-heading a {
    display: block;
    padding: 5px 0
}

.sideMenuWR {
    margin-bottom: 20px;
}

.sideMenuWR .item {
    display: block;
    color: #fff;
    padding: 4%;
    background-color: #2056C3;
    margin-bottom: 20px;
}

.sideMenuWR .item .title {
    padding: 7% 0;
}

.sideMenuWR .item:nth-child(even) {
    background-color: #093080;
}

.pagination .btn-info {
    background: #004F8C;
    color: #fff
}

.img-responsive-16by9 {
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden
}

.img-responsive-4by3 {
    display: block;
    height: 0;
    padding-bottom: 66.25%;
    overflow: hidden
}

.img-responsive.full {
    width: 100%
}

.mediaItem {
    position: relative;
    margin-bottom: 5px
}

.mediaItem a {
    display: block;
    border: 10px solid #fff
}

.mediaItem .mediaItemTitle {
    z-index: 999;
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 5px 10px;
    background: rgba(0,0,0,0.63);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    resize: vertical;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.mediaItem:hover .mediaItemTitle {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 10px;
    padding: 5px;
    background: rgba(0,0,0,0.63);
    color: #fff;
    text-align: center
}

.mediaItem .embed-responsive-item {
    overflow: hidden
}

.embed-responsive-800600 {
    padding-bottom: 66.6%
}

.separator {
    background: url(../images/sep.png) center;
    height: 22px;
    margin: 20px 0
}

.separator.sm {
    height: 15px;
    margin: 15px 0
}

.hover {
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    position: relative
}

.hover:hover {
    z-index: 99;
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}

.hover2 {
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    position: relative
}

.hover2:hover {
    z-index: 99;
    opacity: .8
}

.hover3 {
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    position: relative
}

.hover3:hover {
    -webkit-box-shadow: 0px 5px 19px -5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 19px -5px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 19px -5px rgba(0,0,0,0.15);
}

.hover4 {
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    position: relative;
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .6
}

.hover4:hover {
    -webkit-filter: grayscale(0);
    filter: none;
    opacity: 1
}

.btn.s1 {
    background-color: #fff;
    border: 1px solid #efefef;
    color: #000;
    padding: 17px 30px;
    font-weight: 600;
    -webkit-box-shadow: 0 0 28px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 28px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 28px 0 rgba(0,0,0,0.1)
}

.btn.s1:hover {
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: 0 0 28px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 28px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 28px 0 rgba(0,0,0,0.2)
}

.headerSocialLang {
}

.headerSocialLang .social {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 300;
}

.headerSocialLang .social li {
    list-style: none;
    display: inline-block;
    margin: 10px 0;
    padding: 0
}

.headerSocialLang .social li a {
    color: rgba(255, 255, 255, 0.65);
    font-size: 14px;
    padding: 4px 6px;
}

.headerSocialLang .lang {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 300;
    margin-left: 10px
}

.headerSocialLang .lang li {
    list-style: none;
    display: inline-block;
    margin: 10px 0;
    padding: 0
}

.headerSocialLang .lang li a {
    color: rgba(255, 255, 255, 0.65);
    font-size: 14px;
    padding: 2px 4px;
    border: 1px solid #fff9;
    border-radius: 4px;
    text-align: center
}

.headerSocialLang .lang li a:hover {
    color: rgba(255, 255, 255, 0.65);
}

.headerSocialLang .lang li.open a {
    color: #2056C3;
    background: #fff;
}

.headerSocialLang .lang ul {
}

.headerSocialLang .lang ul li {
    display: block;
}

.headerSocialLang .lang ul li a {
    display: block;
    color: #2056C3;
}

.homeCorporate {
    padding: 8% 4%;
    padding-right: 10% ;
    overflow: hidden;
}

.homeCorporate .title {
    font-size: 30px;
    margin-bottom: 15px
}

.greyBG {
    background-color: #F4F4F4;
}

.blueBG {
    background-color: #255ED1;
}

.bgLightBlue {
    background: rgba(32, 86, 195, 0.2)
}

.bgLightRed {
    background: rgba(206,206,206, 0.2)
}

.contentHeader {
    padding: 50px 0 20px;
    margin-bottom: 20px;
    color: #111;
    background-color: #FDFDFD;
}

.contentHeader .title {
    font-size: 18px;
}

.ntSideMenu.navbar-nav {
    display: block;
    width: 100%;
    margin: 0 ;
    margin-bottom: 20px;
}

.ntSideMenu.navbar-nav li {
    display: block;
    float: none
}

.ntSideMenu.navbar-nav>li.open>.dropdown-menu {
    float: none;
    position: relative;
    display: block;
    width: 100%;
    background: #ccc;
    border: none;
    box-shadow: none;
    padding: 0;
    z-index: 99;
}

.ntSideMenu.navbar-nav li a {
    float: none;
    padding: 12px 20px;
    color: #111;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
    font-weight: 700;
}

.ntSideMenu.navbar-nav li a.active {
    color: #fff;
    background: #093080;
}

.ntSideMenu.navbar-nav li a:hover {
    color: #111;
    background: #f9f9f9;
}

.ntSideMenu.navbar-nav li li a {
    font-size: .9em;
    padding-left: 30px;
    color: #111;
    background: #fff
}

.brandCarouselWR {
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    padding: 10px 0;
}

.catNewsLists {
}

.catNewsLists .item {
    display: block;
    border: 1px solid #eeeeee;
    padding: 2%;
    margin-bottom: 15px;
}

.catNewsLists .item .title {
    color: #000000;
    font-weight: 700;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.catNewsLists .item .desc {
    color: #111;
    height: 100px;
    overflow: hidden;
}

.homeTitle {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    padding: 3% 0;
}

.homeProducts {
    padding: 3%
}

.productLists {
}

.productLists .item {
    display: block;
    border: 1px solid #eeeeee;
    padding: 2%;
    margin-bottom: 15px;
    background: #fff;
}

.productLists .item .title {
    text-align: center;
    color: #000000;
    font-weight: 500;
    padding: 15px 0;
    font-size: 12px;
    border-top: 1px solid #efefef;
    height: 75px;
}

.ourPowers {
}

.ourPowers .item {
    display: block;
    border: 3px solid #eeeeee;
    padding: 20% 0;
    margin-bottom: 15px;
    text-align: center
}

.ourPowers .item .title {
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 24px;
}

.ourPowers .item .desc {
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    font-size: 20px;
}

.ourServices {
}

.ourServices .item {
    display: block;
    position: relative;
    border: 1px solid #fff;
    margin-bottom: 15px;
    background: #fff;
    text-align: center;
}

.ourServices .item .title {
    position: absolute;
    bottom: 7%;
    left: 5%;
    right: 5%;
    background: #fff;
    display: inline-block;
    text-align: center;
    color: #000000;
    font-weight: 600;
    font-size: 24px;
    box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.15);
    padding: 15px 30px;
}

.certLists {
}

.certLists .item {
    display: block;
    border: 1px solid #eeeeee;
    padding: 2%;
    height: 100%;
}

.certLists.certificate .item {
    margin-bottom: 15px;
}

.certLists .item .title {
    text-align: center;
    color: #000000;
    font-weight: 500;
    padding: 15px 0;
    font-size: 14px;
}

.brandCarousel .item {
    width: 140px;
    height: 90px;
    margin-right: 10px;
}

.productSlider .item {
    width: 100%
}

.productTab {
    background-color: #949DAD;
}

.productTab li a {
    padding: 15px 25px;
    color: #fff;
    border-radius: 0;
    background-color: #949DAD;
}

.productTab li:hover a,.productTab li.active a,.productTab li a:active {
    background-color: #8E96A5 !important;
}

.hvrbox,.hvrbox * {
    box-sizing: border-box;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
}

.hvrbox {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    height: auto
}

.hvrbox img {
    max-width: 100%
}

.hvrbox .hvrbox-layer_bottom {
    display: block
}

.hvrbox .hvrbox-layer_top {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(247, 83, 36, 0.8);
    color: #fff;
    padding: 15px;
    -moz-transition: all .4s ease-in-out 0;
    -webkit-transition: all .4s ease-in-out 0;
    -ms-transition: all .4s ease-in-out 0;
    transition: all .4s ease-in-out 0
}

.hvrbox:hover .hvrbox-layer_top,.hvrbox.active .hvrbox-layer_top {
    opacity: 1
}

.hvrbox .hvrbox-text {
    font-size: 20px;
    display: inline-block;
    position: absolute;
    top: 15%;
    left: 5%;
    bottom: 5%;
    right: 5%;
    font-weight: 300;
}

.hvrbox .hvrbox-text_mobile {
    font-size: 15px;
    border-top: 1px solid #b3b3b3;
    border-top: 1px solid rgba(179,179,179,0.7);
    margin-top: 5px;
    padding-top: 2px;
    display: none
}

.hvrbox.active .hvrbox-text_mobile {
    display: block
}

.brandWithNumbers {
    background: #CC211B url("/view/frontend/assets/img/home/000.jpg");
    background-size: cover;
    padding: 5% 0;
}

.brandWithNumbers .homeTitle {
    color: #fff;
    font-weight: 500;
}

.brandWithNumbers .text {
    background-color: #EBEBEB;
    color: #000;
    padding: 20px
}

.brandWithNumbers .text .title {
    font-size: 36px;
    font-weight: 600;
    padding : 35px 25px 0;
}

.brandWithNumbers .text .desc {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 1.5em;
    padding: 25px;
}

.brandWithNumbers .counters .counter {
    color: #fff;
    padding: 10% 0%;
    border: 1px solid rgba(235, 235, 235, 0.5);
    text-align: center;
    margin-bottom: 15px
}

.brandWithNumbers .counters .counter .title {
    font-size: 60px;
    font-weight: 700;
    margin-top: 15px;
}

.brandWithNumbers .counters .counter .desc {
    font-size: 22px;
    font-weight: 300;
    height: 110px;
}

.productRequestForm {
    display: inline-block;
    float: right;
    padding: 25px;
    font-size: 14px;
    color: #ffffffa3;
    font-weight: 400;
    background-color: #01A2A3;
    margin-bottom: 30px
}

.productRequestForm:hover {
    color: #fff;
}

.sDetail {
    padding: 25px;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    background-color: #1E9A9B;
}

.contentWR {
    padding-bottom: 50px;
    background: #fff
}

.contentWR h1 {
    color: #111;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
}

.contentWR .modTitle {
    background: url(../images/sep2.png) repeat-x bottom;
    color: #000;
    padding: 30px 0;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px
}

.contentWR .content {
    padding: 3%;
    font-size: 16px;
    color: #000;
    font-weight: 400;
}

.contentWR .content.s2 {
    padding: 2%;
}

.contentWR .content img {
    max-width: 100%;
    height: auto!important
}

.contentWR .content .exDetail {
    font-size: 12px;
    font-weight: 600;
    margin: 10px
}

.contentWR .content .table {
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #ccc !important;
}

.contentWR .content .table th {
    font-size: 12px;
    font-weight: 500;
}

.contentWR .bigTitle.brown {
    background-color: #B16253;
    color: #fff
}

.contentWR .modTitle.brown {
    background-color: #B16253;
    color: #fff
}

.contentWR .bigTitle.brown2 {
    background-color: #BF8D6D;
    color: #fff
}

.contentWR .modTitle.brown2 {
    background-color: #BF8D6D;
    color: #fff
}

.contentWR .bigTitle.blue {
    background-color: #9AA2C9;
    color: #fff
}

.contentWR .modTitle.brown2 {
    background-color: #9AA2C9;
    color: #fff
}

.col-centered {
    float: none;
    margin: 0 auto
}

.border {
    border: 1px solid #eaeaea
}

.addressrow {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    padding: 10px 0;
}

.addressrow .fa {
    color: #2e2e2e;
    width: 25px;
    font-size: 18px;
    text-align: center;
    margin-right: 15px;
}

.bottom-bar-sosyal-medya {
    margin: 13px auto;
    text-align: center
}

.bottom-bar-sosyal-medya a {
    padding: 3px 7px;
    margin: 0;
    color: #0476bc;
    font-size: 24px;
    display: inline-block
}

.bottom-bar-sosyal-medya a:hover {
    color: #005FB4;
    text-decoration: none;
    background-color: #fff
}

.headerBG img {
    position: absolute;
    bottom: 0;
    left: 0
}

.navAbs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.ms-skin-light-6 .ms-bullets.ms-dir-h {
    bottom: 50px
}

.ms-view {
    background: transparent
}

.box a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #FFF;
    font-weight: 700;
    text-align: center;
    padding: 10px 0
}

.box a:hover {
    text-decoration: none
}

.box a span {
    display: block;
    width: 100%;
    font-size: 13px;
    color: #FFF;
    font-weight: 400;
    text-align: center
}

.box.b2 a {
    background-color: #fff;
    color: #41475c
}

.box.b2 span {
    background-color: #fff;
    color: #41475c
}

.navbar-collapse {
    padding: 0
}

.table-responsive {
    border: none;
    margin: 0;
    padding: 0
}

.footer-bottom {
    background-color: #2056C3;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 300;
    font-size: 12px;
    padding: 20px 0
}

.footer-bottom a {
    color: rgba(255, 255, 255, 0.4);
}

.footer-address {
    color: #fff;
    font-weight: 300;
    font-size: 18px
}

.footer-social {
    color: #fff;
    font-weight: 300;
}

.footer-social ul {
    margin: 0;
    padding: 0
}

.footer-social ul li {
    list-style: none;
    display: inline-block;
    margin: 10px 0;
    padding: 0
}

.footer-social ul li a {
    color: #fff;
    font-size: 23px;
    padding: 4px 10px;
    border-radius: 10px
}

.facebook:hover {
    background-color: #3d5a98!important;
    color: #FFF!important
}

.twitter:hover {
    background-color: #00abe1!important;
    color: #FFF!important
}

.google-plus:hover {
    background-color: #db4826!important;
    color: #FFF!important
}

.youtube:hover {
    background-color: #ee1c1b!important;
    color: #FFF!important
}

.linkedin:hover {
    background-color: #00689a!important;
    color: #FFF!important
}

.instagram:hover {
    background-color: #125688!important;
    color: #FFF!important
}

.footer {
    background-color: #2056C3;
    color: #e8e8e8;
    padding: 30px 0;
    border-bottom: 1px solid #225dd3;
}

.footer p {
    margin: 0 0 15px;
    padding: 0;
    font-weight: 300;
    font-size: 13px
}

.footer a {
    color: #fff !important;
}

.footer-title {
    text-transform: uppercase;
    font-size: 13px;
    padding-bottom: 6px;
    white-space: nowrap;
    font-weight: 500;
    color: #fffffff7;
}

.footer ul {
    padding: 0;
    margin: 0
}

.footer ul li {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer ul li a {
    font-weight: 300;
    color: #fffffff0;
    line-height: 18px;
    font-size: 11px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.footer ul li a:hover {
    text-decoration: none;
    color: #fff
}

.footerSocialWR {
    background: #fff;
    border-top: 1px solid #EBEBEB;
    padding: 20px 0;
    text-align: center
}

.footerSocial li {
    display: inline-block;
    list-style: none
}

.footerSocialWR .footerSocial-title {
    display: inline-block;
    line-height: 55px;
    font-size: 18px;
    padding: 0 20px
}

ul.footerSocial {
    display: inline-block;
    margin: 0;
    padding: 0
}

ul.footerSocial li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px!important;
    text-align: center;
    margin: 4px 4px 4px 0;
    font-size: 26px
}

ul.footerSocial li a:hover {
    color: #fff !important;
}

a.teklif-al.navbar-right {
    background: #16C47F!important;
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    font-size: 13px;
    margin-top: 8px;
    line-height: 30px;
    border-radius: 2px;
    float: right;
}

a.e-tahsilat.navbar-right {
    background: #2056C3!important;
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    font-size: 13px;
    margin-top: 8px;
    line-height: 30px;
    border-radius: 2px;
    float: right;
    border: #093080 1px solid !important;
}

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

@media (max-width: 1199px) {
    .navbar-brand>img {
        height: 60px;
    }

    .content-row {
        display: flex;
        flex-direction: column;
    }

    .content-col {
        order: 3;
        display: flex-item;
        margin-top: 20px;
    }

    .category-contentHeader {
        /* display: none; */
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 100vh;
    }
}

@media (max-width: 991px) {
    .ms-caption {
        font-size: 30px !important;
        line-height: 60px !important;
    }
}

@media (max-width: 767px) {
    .headerSocialLang > ul {
        float: right;
    }

    .navbar-neonturk {
        margin: 0;
    }

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

    .homeCorporate {
        padding: 8% 4%;
        padding-right: 4%;
        overflow: hidden;
    }

    .productTab.nav-pills>li {
        width: 49%;
    }
}

@media (max-width: 680px) {
    .ms-caption {
        font-size: 18px !important;
        line-height: 45px !important;
    }
}

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

.contentHeader .title {
    font-size: 3rem;
    text-transform: uppercase;
}

.breadcrumb li a {
    color: #ccc;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .contentHeader .title {
        font-size: 1.5rem;
    }

    .breadcrumb {
        font-size: 1rem
    }

    .contentHeader {
        padding: 0px;
        color: #111;
        background-color: #FDFDFD;
        padding: 25px 0px 0px 0px;
        margin-bottom: 2rem;
    }
}

@media (max-width: 767px) {
    .mobile-order {
        display: flex;
        flex-direction: column-reverse;
    }
    .mt-2 {
    margin-top: 2rem;
}

}


.responsive-table {
    overflow: auto;
}

.grecaptcha-badge {
    display: none !important;
}

#whatsappIcon {
            display: flex;
            align-items: center;
            justify-content: center;
            position: fixed;
            bottom: 10px;
            right: 10px;
            width: 60px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            font-size: 30px;
            border-radius: 50%;
            cursor: pointer;
        }
        #whatsappIcon img {
            width: 100%;
            height: 100%;
        }
        .whatsappTooltip {
            display: none;
            position: fixed;
            bottom: 80px;
            right: 10px;
            background-color: #333333;
            color: #fff;
            padding: 2px 5px;
            border-radius: 5px;
            font-size: .75rem;
            z-index: 1000;
        }
        .whatsappTooltipText {
            display: none;
        }
        #whatsappChat {
            display: none;
            padding: 0 0 10px 0;
            position: fixed;
            bottom: 10px;
            right: 10px;
            max-width: 400px;
            height: auto;
            color: white;
            background-color: white;
            border-radius: 10px;
            flex-direction: column;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
			z-index: 9147483647;
        }
        .whatsappText {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            gap: 10px;
            background-color: #f5f5f5;
        }
        .whatsappInput {
            display: flex;
            background-color: white;
            border: 1px solid #e5e5e5e5;
            border-radius: 20px;
            margin: 10px 10px;
        }
        .whatsappInput button {
			display: flex;
    align-items: center;
    justify-content: center;
            background-color: #128C7E  !important;
			outline: 0;
			color: white !important;
            border: 0;
            border-radius: 0 20px 20px 0 !important;
        }
        .whatsappInput input {
            background-color: white !important;
            color: gray !important;
            outline: 0;
            border: 0;
            border-radius: 20px 0 0 20px !important;
            width: 100%;
            padding: 10px 20px;
        }
        .whatsappInput input::placeholder {
            color: gray !important;
        }
        .whatsappInput button {
            cursor: pointer;
            width: 70px;
            margin-left: auto;
            margin-right: auto;
        }
        .whatsappInput button img {
            width: 25px;
            height: 25px;
			max-width: 25px !important;
        }

        #whatsappChatCloseIcon {
            cursor: pointer;
        }

        .whatsappChatText {
            background-color: #e5e5e5e5;
            color: gray;
            padding: 10px 10px;
            border-radius: 10px 10px 10px 0;
        }

        .whatsappChatHeader {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 20px;
            background-color: #01A54F;
            border-radius: 10px 10px 0 0;
        }

        .whatsappChatHeader span {
            font-weight: bold;
        }