@import url('fonts.css');
@import url('icomoon.css?v=2');
@import url('royalslider.css');
@import url('royalslider-theme.css');
@import url('jquery.mmenu.all.css');
@import url('fancySelect.css');
@import url('magnific-popup.css');

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.2;
}


/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}


/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   aslan unal
   ========================================================================== */


/*lang example
:lang(en) p {
    
}
*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'regular';
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0;
}

a {
    text-decoration: none !important;
    outline: 0 !important;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

ul,
ol,
figure,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

ul,
ol {
    list-style: none;
}

strong,
b {
    font-family: 'bold';
    font-weight: normal !important;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #9b9b9b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #9b9b9b;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #9b9b9b;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #9b9b9b;
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: #af0011;
    background: -moz-linear-gradient(top, #af0011 0%, #e3002b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #af0011), color-stop(100%, #e3002b));
    background: -webkit-linear-gradient(top, #af0011 0%, #e3002b 100%);
    background: -o-linear-gradient(top, #af0011 0%, #e3002b 100%);
    background: -ms-linear-gradient(top, #af0011 0%, #e3002b 100%);
    background: linear-gradient(to bottom, #af0011 0%, #e3002b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#af0011', endColorstr='#e3002b', GradientType=0);
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url("../img/status.gif");
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}

.middle {
    width: 1020px;
    margin: 0 auto;
}

.relative {
    position: relative;
}

.mB30 {
    margin-bottom: 30px;
}

.mB20 {
    margin-bottom: 20px;
}

.mB15 {
    margin-bottom: 15px;
}

.mB10 {
    margin-bottom: 10px;
}

.btn {
    outline: 0 !important;
    display: inline-block;
    vertical-align: middle;
    font-family: "regular";
    font-size: 13px;
    line-height: 15px;
    letter-spacing: -0.50px;
    color: #555555;
    border: 2px solid #cd2530;
    -webkit-border-radius: 25px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    padding: 6px 17px;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

.btn:hover {
    background: #fff;
    color: #000;
    text-decoration: none;
}

.btn i {
    float: right;
    font-size:11px;
    margin-left:10px;
    line-height:16px;
}

.btn.orange {
    color:#f26522;
    border:2px solid #f26522;
}
.btn.orange:hover {
    color:#fff;
    background: #f26522;
}

.btn.orangeBg {
    color:#fff;
    border:2px solid #ffa200;
    background:#ffa200;
}
.btn.orangeBg:hover {
    color:#ffa200;
    border:2px solid #ffa200;
    background:#fff;
}
.btn.orangeBg i {
    float:none;
    font-size:12px;
    margin:0;
}
.btn.red {
    color:#fff;
    background:#cd2530;
    border:2px solid #cd2530;
}
.btn.red:hover {
    color:#cd2530;
    background: #fff;
}
.btn.black {
    font-family:'bold';
    color:#fff;
    border:2px solid #000;
    background:#000;
}
.btn.black:hover {
    color:#000;
    border:2px solid #000;
    background:transparent;
}
.btn.black i {
    float:none;
    font-size:13px;
    margin:0 0 0 5px;
}

.btn.f14 {
    font-size: 14px;
}

.wysiwyg {
    line-height: 1.2em;
    line-height: 1.714em;
    color: rgba(62, 67, 70, 0.7);
}

.wysiwyg > *{
    margin: 1.5em 0; 
}

.wysiwyg > *:first-child{
    margin-top: 0;
}

.wysiwyg > *:last-child{
    margin-top: 0;
}

#header {
    position: relative;
    float: left;
    width: 100%;
    height: 116px;
}

#header #logo {
    position: absolute;
    top: 65px;
    left: 0;
    width: 309px;
    height: 22px;
    margin: 0;
    background: url('../img/logo.svg?v=3') no-repeat center center;
}

#header #logo a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}

#nav {
    position: relative;
    float: right;
    width: 100%;
}

#nav #lang {
    position: absolute;
    right: 0;
    top: 0;
}

#nav #lang li {
    float: left;
    line-height: 30px;
}

#nav #lang li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 4px;
    color: #414141;
    font-size: 13px;
    letter-spacing: -0.6px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#nav #lang li a:hover {
    color: #000;
}

#nav #lang li.selected a {
    background: #e9e9e9;
}

#nav #lang li.selected a:hover {
    background: #c8c8c8;
}

#nav #webNav {
    position: relative;
    float: right;
    margin-top: 66px;
}
#nav #webNav ul {
    float: right;
}
#nav #webNav ul li {
    float: left;
    margin: 0 9px;
}

#nav #webNav ul li:last-child {
    margin-right: 0;
}

#nav #webNav ul li a {
    display: block;
    color: #414141;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.50px;
    font-family: 'bold';
}

#nav #webNav ul li a:hover {
    color: #e4002b;
}

#mobileMenu .mm-navbar-top-2 {
    background: transparent !important;
}

#mobileMenu .mm-navbar-top-2 .lang {
    float: left;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0;
}

#mobileMenu .mm-navbar-top-2 .lang a {
    width: 50%;
    line-height: 40px;
    font-family: "bold";
    display: inline-block;
}


/* home slider */

.homeBannerWrapper {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.homeBannerWrapper .homebanner {
    width: 100%;
    float: left;
    z-index: 2;
    overflow: hidden;
    background: #e4002b;
}

.homeBannerWrapper .homebanner .rsOverflow {
    background-color: #530002;
}

.homeBannerWrapper .homebanner .bannerWrap {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.homeBannerWrapper .homebanner .bannerContent {
    position: relative;
    margin: 0 auto;
    height: 467px;
    padding-left: 6.7%;
    z-index: 2;
}

.homeBannerWrapper .homebanner .rsSlide {
    background: transparent;
}

.homeBannerWrapper .homebanner .bannerImage {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 65%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    opacity: .7;
}

.homeBannerWrapper .homebanner .bannerImage::before,
.homeBannerWrapper .homebanner .bannerImage::after  {
    content: ' ';
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30%;
    background: -moz-linear-gradient(left,  rgba(83,0,2,1) 0%, rgba(83,0,2,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(83,0,2,1) 0%,rgba(83,0,2,0) 100%);
    background: linear-gradient(to right,  rgba(83,0,2,1) 0%,rgba(83,0,2,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#530002', endColorstr='#00530002',GradientType=1 );

}

.homeBannerWrapper .homebanner .bannerImage::before {
    left: -1px;
}

.homeBannerWrapper .homebanner .bannerImage::after {
    right: -1px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    width: 20%;
}

.homeBannerWrapper .homebanner .bannerText {
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    position: absolute;
    width: 46%;
    top: 50%;
    color: #fff;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
}

.homeBannerWrapper .homebanner .bannerText .btn {
    color: #fff;
    margin-top: 20px;
    border-color: white;
}

.homeBannerWrapper .homebanner .bannerText .btn:hover {
    color: #e3002b;
}

/*.homeBannerWrapper .homebanner .bannerImage {
    width: 100%;
    background: #e4002b;
    height: 463px;
    background-position: center center;
    background-repeat: no-repeat;
}

.homeBannerWrapper .homebanner .rsSlide {
    background: #fff;
}

.homeBannerWrapper .homebanner .bannerText {
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    position: absolute;
    width: 330px;
    top: 20%;
    color: #fff;
    padding-left: 70px;
}*/

.homeBannerWrapper .homebanner-arrow {
    position: absolute;
    top: 50%;
    background: none;
    border: none;
    z-index: 4;
    color: #fff;
    font-size: 25px;
    outline: none;
    padding: 0;
}

.homeBannerWrapper .homebanner-arrow.prev {
    left: calc(50% - 510px);
}

.homeBannerWrapper .homebanner-arrow.next {
    right: calc(50% - 510px);
}

.boxBlackTitle {
    display: inline-block;
    font-family: "semibold";
    font-size: 11px;
    line-height: 11px;
    background: #050505;
    padding: 8px;
    border: 1px solid #000;
}

a.boxBlackTitle:hover {
    background: transparent !important;
    border: 1px solid #fff;
}

.homeBannerWrapper .homebanner .boxBlackTitle {
    margin-bottom: 32px;
}

.homeBannerWrapper .homebanner .bannerText h2 {
    font-family: "light";
    font-weight: normal;
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 14px 0;
}

.homeBannerWrapper .homebanner .bannerText h3 {
    font-family: "regular";
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    width: 250px
}

.homeBannerWrapper .homebanner .bannerText .button {
    clear: both;
    float: left;
    font-family: "300";
    font-size: 1.5em;
}

.homeBannerWrapper .homebanner .rsBullets {
    bottom: 45px;
}

.rsBullet.rsNavSelected span {
    /*border: 2px solid #ed1c24;*/
    border: 2px solid #fff;
}


/*news*/

.homeBannerWrapper .newsSlideContent {
    position: absolute;
    overflow: hidden;
    z-index: 3;
    right: 0;
    top: 27px;
    background-color: #000;
    background-size: auto 100%;
    background-position: 100% 0;
    background-repeat: no-repeat;
    border-radius: 5px;
}

.homeBannerWrapper .newsSlideContent .boxBlackTitle {
    z-index: 2;
    position: absolute;
    left: 22px;
    top: 26px;
    color: #fff;
}

.homeBannerWrapper .newsSlideContent .boxBlackTitle.bottom {
    top: auto;
    bottom: 15px;
}

#newsSlider {
    z-index: 1;
    position: relative;
    float: left;
    width: 340px;
    height: 405px;
}

#newsSlider .newsText {
    position: absolute;
    left: 24px;
    top: 0px;
}

#newsSlider h2 {
    font-size: 23px;
    line-height: 25px;
    width: 200px;
    color: #fff;
    font-family: "light";
    margin-top: 55px;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.22);
}

#newsSlider .btn {
    margin-top: 20px;
}

#newsSlider .rsImage {
    opacity: .7;
    background-position: center 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
}

#newsSlider .rsSlide,
#newsSlider .rsOverflow {
    background: #000;
}

#newsSlider:hover .rsImage {
    opacity: .9;
}

#newsSlider .rsBullets {
    bottom: 36px;
}


/*home gray section */

.homeGraySection {
    float: left;
    overflow: hidden;
    width: 100%;
    background: #ececec;
    padding: 55px 0 45px 0;
}

.homeWhiteSection {
    float: left;
    width: 100%;
    padding: 0 0 50px;
    margin-top: -40px;
}

.homeWhiteSection .middle::after {
    clear: both;
    display: block;
    content: ' ';
    overflow: hidden;
}

.box {
    float: left;
    position: relative;
    width: 33.3333333%;
    height: 250px;
    overflow: hidden;
}

.homeWhiteSection .box {
    background-color: #a40000;
    color: #fff;
    padding: 20px 30px;
    font-size: 16px;
    line-height: 20px;
    position: relative;
}

.homeWhiteSection strong {
    display: block;
    margin-bottom: 8px;
}

.homeWhiteSection .box-image {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
}

.homeWhiteSection .box.dark {
    background-color: #950000;
}

.homeWhiteSection .box.darker {
    background-color: #870000;
}

.homeWhiteSection .box.light {
    background-color: #b20000;
}


/*box1*/

.box.box1 {
    color: #303030;
    padding: 11px 30px;
}

.box.box1 .title {
    font-size: 26px;
    font-family: 'bold';
    letter-spacing: -1px;
}

.box.box1 ul {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.box.box1 ul li {
    float: left;
    width: 50%;
    padding-bottom: 25px;
}

.box.box1 ul li p {
    font-family: 'semibold';
    font-size: 14px;
}
.box.box1 ul li p i {
    font-size:10px;
}

.box.box1 ul li p i.icon-arrow-up-graph {
    color:#48b94d;
}
.box.box1 ul li p i.icon-arrow-down-graph {
    color:#e4002b;
}

.box.box1 ul li span {
    display: block;
    font-family: 'bold';
    font-size: 20px;
    letter-spacing: -1px;
}


/* box2 */

.box.box2 .tab .tabContent {
    padding: 10px 25px 10px 25px;
}

.box.box2 .padding {
    float: left;
    width: 100%;
    padding: 15px 20px 0 20px;
}

.box.box2 canvas {
    width: 100% !important;
    max-width: 800px;
    height: auto !important;
    min-height: 150px !important;
    max-height: 150px !important;
}


/*box3*/

.box.box3 {
    color: #303030;
    padding: 20px 30px;
}

.box.box3 .title {
    font-size: 16px;
    font-family: 'bold';
    letter-spacing: -1px;
}

.box.box3 ul {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.box.box3 ul li {
    float: left;
    width: 50%;
    padding-bottom: 25px;
    min-height: 81px;
}

.box.box3 ul li p {
    font-family: 'semibold';
    font-size: 14px;
}

.box.box3 ul li p i {
    float: left;
    font-size:18px;
    line-height:19px;
    margin-right: 8px;
    color:#e4002b;
    min-height: 55px;
}

.box.box3 ul li span {
    display: inline-block;
    font-family: 'bold';
    font-size: 20px;
    letter-spacing: -1px;
}

.box.box4 .text {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #fff;
    width: 200px;
}

.box.box4 .text p {
    font-family: 'bold';
    font-size: 14px;
    letter-spacing: -0.50px;
    padding-bottom: 15px;
}


/* ar - ge*/

.box.box5 .text {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #fff;
    width: 200px;
}

.box.box5 .text p {
    font-family: 'bold';
    font-size: 14px;
    letter-spacing: -0.50px;
    padding-bottom: 15px;
}


/* duyurular */

.box.box6 {
    padding: 25px;
    color: #fff;
    background: #630000;
    position: relative;
}

.box.box6 .rsOverflow,
.box.box6 .rsSlide {
    background: #630000;
}

.box.box6 #announcementSlider {
    float: left;
    width: 100%;
    height: 100%;
}

.box.box6 .title {
    float: left;
    font-family: 'bold';
    font-size: 18px;
    padding-bottom: 15px;
    letter-spacing: -0.50px;
}

.box.box6 .boxBlackTitle.bottom {
    top: auto;
    bottom: 30px;
    z-index: 2;
    position: absolute;
    left: 22px;
    color: #fff;
}

.box.box6 .newsText {
    float: left;
    width: 100%;
    color: #fff;
}

.box.box6 .newsText p {
    font-family: 'light';
    font-size: 17px;
    padding-bottom: 15px;
}
.box.box6 .newsText p i {
    float: left;
    font-size:32px;
    font-weight:normal;
    margin-right:10px;
}
.box.box6 .newsText span {
    font-family: 'regular';
    font-size: 13px;
    padding-left:45px;
}

.box.box6 .rsBullets {
    position: absolute;
    bottom: auto;
    top: 130px;
    left: 0px;
    right: 0px;
    margin: auto;
}


/*box 7*/

.box.box7 .text {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #fff;
    width: 200px;
}

.box.box7 .text p {
    font-family: 'regular';
    font-size: 14px;
    letter-spacing: -0.50px;
    padding: 10px 0 15px 0;
}


/*box 8*/

.box.box8 .text {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #fff;
    width: 135px;
}

.box.box8 .text p {
    font-family: 'bold';
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.50px;
    padding: 0 0 5px 0;
}

.box.box8 .text span {
    float: left;
    font-family: 'regular';
    font-size: 14px;
    line-height: 16px;
    width: 80%;
    margin-right: 20%;
    padding: 0 0 15px 0;
}


/* box 9*/

.box.box9 {
    padding: 20px 25px 0 25px;
    color: #fff;
    background: #a40000;
    position: relative;
}

.box.box9 p {
    font-family: 'bold';
    font-size: 14px;
    letter-spacing: -0.50px;
    padding-bottom: 10px;
}

.box.box9 ul {
    float: left;
    width: 100%;
}

.box.box9 ul li {
    padding: 7px 0;
    border-bottom: 1px solid #b32b2b;
}

.box.box9 ul li:last-child {
    border-bottom: 0;
}

.box.box9 ul li a {
    color: #fff;
    display: block;
    font-size: 14px;
}

.box.box9 ul li a:hover {
    color: #ffbcbc;
}


/*END home*/


/* content*/

.contentTwoCol {
    position: relative;
    float: left;
    width: 100%;
    display: table;
    line-height: 1.4;
}

.contentTwoCol .subMenu {
    display: table-cell;
    vertical-align: top;
    background: #cd2530;
}

.contentTwoCol .subMenu ul {
    float: right;
    width: 260px;
    margin: 55px 50px 55px 0;
}

.contentTwoCol .subMenu ul a {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 0;
    display: block;
}

.contentTwoCol .subMenu ul a:hover {
    color: #ffc6ca;
}
.contentTwoCol .subMenu ul li {
    position: relative;
}
.contentTwoCol .subMenu ul li.active a {
    background: #fff;
    color: #cd2530;
    border-radius: 20px;
    padding-left: 25px;
    margin-left: -25px;
}
.contentTwoCol .subMenu ul li.active a:after {
    font-family:'icomoon';
    content:'\e605';
    position: absolute;
    right:10px;
    top:10px;
}
.contentTwoCol .rightContent {
    position: relative;
    display: table-cell;
    vertical-align: top;
    background-size: cover !important;
    background-repeat: no-repeat;
}

.contentTwoCol .rightContent.red {
    color: #fff;
}
.contentTwoCol .rightContent.red .desc a {
    color: #FFE200;
}

.contentTwoCol .desc {
    font-size: 13px;
}

.contentTwoCol .rightContent.gray { 
    color: #555555;
    background: #f7f7f7; 
    background: -moz-radial-gradient(center, ellipse cover,  #f7f7f7 0%, #ededed 22%, #f9f9f9 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f7f7f7), color-stop(22%,#ededed), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #f7f7f7 0%,#ededed 22%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #f7f7f7 0%,#ededed 22%,#f9f9f9 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #f7f7f7 0%,#ededed 22%,#f9f9f9 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #f7f7f7 0%,#ededed 22%,#f9f9f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    
}

.contentTwoCol .rightContent.gray.light {
    background: #f9f9f9;
}

.contentTwoCol .rightContent.environmental:before {
    position: absolute;
    content:'';
    width:100%;
    height:100%;
    background: url('../img/environmental-bg.png');
    background-size:100% !important; 
    background-repeat:no-repeat; 
    background-position:left bottom;    
}
.contentTwoCol .rightContent .textContent {
    position: relative;
    z-index: 1;
    float: left;
    width: 742px;
}

.contentTwoCol .rightContent .textContent .share {
    float: right;
    padding: 20px 0;
}

.contentTwoCol.fullSlider .share {
    position: absolute;
    right: 0;
    top: 0;
}

.contentTwoCol .rightContent .textContent .share span {
    font-family: 'semibold';
    font-size: 13px;
}

.contentTwoCol .rightContent .textContent .share span,
.contentTwoCol .rightContent .textContent .share a {
    float: left;
    padding-left: 10px;
    color: #fff;
}

.contentTwoCol .rightContent .textContent .share a.facebook_share {
    color:#3b5998;
    opacity:.8;
}
.contentTwoCol .rightContent .textContent .share a.twitter_share {
    color:#00aced;
    opacity:.8;
}
.contentTwoCol .rightContent .textContent .share a:hover {
    opacity:1;
}
.contentTwoCol .rightContent.gray .textContent .share span {
    color:#252525;
}
.contentTwoCol .rightContent .textContent .padding {
    float: left;
    width: 100%;
    padding: 0 35px 35px 35px;
}
.contentTwoCol .rightContent .textContent .padding.full {
    padding: 0 0 35px 35px;
}
.contentTwoCol.fullSlider .rightContent .textContent .padding {
    position: absolute;
    top: 110px;
    left: 0;
}

.contentTwoCol .rightContent .textContent h1 {
    font-family: 'bold';
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -1px;
    padding: 10px 0 35px 0;
}

.contentTwoCol .rightContent .textContent h2 {
    font-family: 'bold';
    font-size: 28px;
    line-height: 28px;
    letter-spacing: -1px;
    padding: 10px 0 35px 0;
}

.rightContent .textContent .big {
    font-family:'regular';
    font-size:18px;
    padding-bottom:45px;
}
.rightContent .textContent .bigItalic {
    font-family:'semibold';
    font-size:20px;
    font-style:italic;
    letter-spacing:-0.25px;
    padding-bottom:40px;
}

.contentTwoCol .rightContent.gray .textContent h1 { 
    color:#3d3d3d;
}

.contentTwoCol .rightContent.gray .textContent h2 { 
    color:#3d3d3d;
}

.contentTwoCol .rightContent .textContent .first {
    font-family: 'light';
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -1px;
    padding: 0 0 35px 0;
}
.contentTwoCol .rightContent .textContent p {
    padding: 0 0 20px 0;
}
.contentTwoCol .rightContent .textContent .image {
    float: right;
}
.contentTwoCol.fullSlider .rightContent .textContent .first {
    font-family: 'regular';
    font-size: 16px;
    line-height: 22px;
    width: 480px;
    letter-spacing: 0;
}

.contentTwoCol .rightContent .textContent .sliderContent {
    float: left;
    width: 100%;
}

.contentTwoCol .rightContent .textContent .sliderContent .aboutSlider {
    float: left;
    width: 463px;
    height: 288px;
    margin: 0 28px 10px 0;
    border-radius: 5px;

}

.contentTwoCol .rightContent .textContent .sliderContent .aboutSlider.wide {
    width: 100%;
    height: auto;
    margin-right: 0;
}

.contentTwoCol .rightContent .textContent .sliderContent .aboutSlider .rsOverflow {
    width: 100% !important;
}

.contentTwoCol .rightContent .textContent .sliderContent .aboutSlider .rsOverflow,
.contentTwoCol .rightContent .textContent .sliderContent .aboutSlider .rsSlide {
    background: transparent !important;
}

.contentTwoCol .rightContent .textContent .sliderContent .aboutSlider img {
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
}

.contentTwoCol .rightContent .textContent .sliderContent p {
    font-size: 14px;
    line-height: 20px;
}

.contentTwoCol.fullSlider .facilitySlide {
    height:100%;
}
.contentTwoCol.fullSlider .rsOverflow {
    min-height: 100%;
}

.facilitySlide .rsArrowLeft {
    left:40px;
    top:auto;
    bottom:15px;
    
}
.facilitySlide .rsArrowRight {
    left:95px;
    top:auto;
    bottom:15px;
    
}

.facilitySlide .rsArrowIcn {
    display:none;
}

.facilitySlide .rsArrow {
    opacity:.7;
    width:46px;
    height:46px;
    border:2px solid #fff;
    border-radius:50%;
    text-align:center;
}
.facilitySlide .rsArrow:before {
    font-family:'icomoon';
    color:#fff;
    content: "\e624";
    font-size:18px;
    line-height:43px;
}

.facilitySlide .rsArrow.rsArrowRight:before {
    content:'\e605';
}
.facilitySlide .rsArrow:hover {
    opacity:1;
}
.facilitySlide img {
    width: 100%;
}

.whiteContent {
    float: left;
    width: 100%;
    margin: 35px 0;
    padding-bottom:40px;
    border-bottom: 1px solid #dfdfdf;
}

.whiteContent .textContent {
    width: 742px;
    font-family: 'regular';
    font-size: 14px;
    line-height: 22px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.textContent .dataTable {
    border-collapse: collapse;
    margin: 15px 0;
    width: 100%;
}

.textContent .dataTable td {
    border: 1px solid #909090;
    padding: 15px 18px;
    vertical-align: top;
}

.textContent .dataTable .icon {
    height: 35px;
    display: block;
    margin-bottom: 16px;
}

.textContent .dataTable strong {
    display: block;
    font-family: 'regular';
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 20px;
    min-height: 100px;
}

.textContent .dataTable .data {
    color: #e3002b;
    font-family: 'semibold';
    font-size: 20px;
}

.textContent .dataTable .link {
    color: #e3002b;
    font-family: 'semibold';
    font-size: 16px;
}

.casual-link {
    display:inline;
    color:#e3002b;
    text-decoration:underline !important;
}
.casual-link:hover, .casual-link:active {
    text-decoration:none !important;
    color:#000;
}


.whiteContent p {
    margin: 15px 0;
}

.whiteContent h4 {
    color:#363636;
    font-family:'semibold';
    font-size:24px;
}

.whiteContent .circleList {
    float: left;
    width:100%;
    padding:20px 30px;
}
.whiteContent .circleList li {
    position: relative;
    font-family:'bold';
    padding:3px 0 3px 20px;
    font-size:14px;
    list-style: none;
    color:#3d3d3d;
}
.whiteContent .circleList li:before  {
    content:"";
    position: absolute;
    left:0;
    top:9px;
    width:10px;
    height:10px;
    background:#e4002b;
    border-radius:50%;
}
.whiteContent .circleList.purple li:before {
   background:#e4002b; 
}
.environmentalContent .circleList2 {
    float: left;
    width:100%;
    padding:20px 30px;
}
.environmentalContent .circleList2 li {
    position: relative;
    font-family:'bold';
    padding:3px 0 3px 20px;
    font-size:14px;
    list-style: none;
    color:#3d3d3d;
}
.environmentalContent .circleList2 li:before  {
    content:"";
    position: absolute;
    left:0;
    top:9px;
    width:10px;
    height:10px;
    background:#e4002b;
    border-radius:50%;
}
.environmentalContent .circleList2.purple2 li:before {
   background:#e4002b; 
}
.whiteContentSlider {
    float: left;
    width:100%;
    margin:20px 0;
}

.whiteContentSlider .contentSlider {
    float: left;
    width:70%;
}
.whiteContentSlider .contentSlider .rsOverflow {
    width: 100% !important;
}

.whiteContentSlider .contentSlider .rsOverflow,
.whiteContentSlider .contentSlider .rsSlide {
    background: transparent !important;
}

.whiteContentSlider .contentSlider img {
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
}
.whiteContentSlider .rText {
    float: left;
    width:30%;
    padding-left:35px;
    color:#363636;
    font-family:'bold';
    font-weight:normal;
    font-size:14px;
}

/* timeline */

.timelineContent {
    float: left;
    width: 100%;
    margin: 145px 0;
}

.timelineContent h2 {
    font-family: 'light';
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    width: 235px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.timeline {
    width: 410px;
    margin: 0 auto;
    position: relative;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

.timeline .line {
    position: absolute;
    left: 50%;
    background: #ff3f49;
    width: 2px;
    height: 2400px;
}

.timeline .row {
    width: 172px;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: right;
    font-family: "bold";
    color: #000;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

.timeline .row h3 {
    color: #2e2e2e;
    font-size: 14px;
    font-family: "regular";
    line-height: 18px;
    margin: 0 0 9px;
}

.timeline .row .dot {
    background: #fff;
    position: absolute;
    top: 0px;
    right: -42px;
    z-index: 9;
}

.timeline .row .dot .pin {
    background-color: transparent;
    width: 16px;
    height: 16px;
    border: 3px solid #ff3f49;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: auto;
}

.timeline .row .dot.large {
    right: -48.5px;
}

.timeline .row .dot.large .pin {
    width: 30px;
    height: 30px;
    border: 5px solid #ff3f49;
}

.timeline .row .date {
    font-size: 15px;
    font-family: 'bold';
    font-weight: normal;
    margin: 0 0 5px;
}

.timeline .row.odd {
    right: 0px;
    left: auto;
    text-align: left;
}

.timeline .row.odd .dot {
    left: -40px;
    right: auto;
}

.timeline .row.odd .dot.large {
    left: -47.5px;
}

.timeline .row.big {
    color: #000;
}

.timeline .row.big h2 {
    font-size: 20px;
    line-height: 22px;
}
/* takvim*/
.calendar-list {
    float: left;
    width:100%;
    margin:15px 0;
}

.calendar-list li {
    width:100%;
    padding:0 18px;
    display:table;
    border-radius:5px;
    background:#5c090a;
    margin:3px 0;
    min-height:86px;
}
.calendar-list li div {
    display:table-cell;
    vertical-align:middle;
}
.calendar-list li div.left {
    width:30%;
    padding-right:5%;
}
.calendar-list li div.left i {
    float: left;
    font-size:26px;
    margin-right:10px;
}
.calendar-list li div.right {
    width:65%;
    font-family:'bold';
}
/*pdf list*/
.changeSelectContent .pdf-list {
    display:none;
}
.pdf-list {
    float: left;
    width:100%;
    margin:15px 0;
}

.pdf-list li {
    display:block;
    width:100%;
    border-radius:5px;
    overflow: hidden;
    color:#791919;
    margin:5px 0;
    height:50px;
}
.pdf-list li a {
    float: left;
    background:#cd2530;
    width: 100%;
    line-height:50px;    
    padding:0 18px;
    color:#fff;
}

.pdf-list li a:hover {
    background:#dc5760;
    color:#fff;
}

.pdf-list li a div.left {
    float: left;
}

.pdf-list li a div.left i {
    float: left;
    font-size:32px;
    line-height:50px;
    margin-right:10px;
}
.pdf-list li a div.left span {
    float: left;
    font-family:'bold';
    font-size:16px;
    letter-spacing:-1px;
}
.pdf-list li a div.right {
    float: right;
    
}
.pdf-list li a div.right span {
    float: left;
    font-size:13px;
    margin-right:5px;
}
.pdf-list li a div.right i {
    float: left;
    line-height:50px;
}



/*  finansal özet*/

.legendContent {
    font-size: 12px;
}
.legendContent span
{
  width: 28px;
  height: 14px;
  display: block;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 6px 2px 0;
}

.whiteContent .legendContent span {

    top: 5px
}
.miniChartContainer {

    width: 50%;
    float: left;
   
}
.chartTitle { font-weight: bold; padding: 0 0 5px 0; font-size: 14px;
}
h2.chartTitle{
    font-weight: bold; padding: 0 0 10px 0; font-size: 20px;
}

/*çevre*/
.environmentalContent {
    float: left;
    width:100%;
    padding:15px 0 300px 0; 
}

.environmentalContent h2,
.environmentalContent h3 {
    color:#00a651;
    font-family:'bold';
    font-size:22px;
    padding-bottom:15px;
}
.environmentalContent h3 {
    font-size:16px;
}

.iconList {
    width:100%;
    text-align:center;
    display:table;
}
.iconList li {
    display:table-cell;
    vertical-align:top;
    padding:0 15px;
    font-size:14px;
    width:120px;
}
.iconList li i {
    display:block;
    text-align:center;
    width:100%;
    color:#17ad60;
    font-size:42px;
    margin-bottom:15px;
}

/*insan kaynakları */
.hrContent {
    float: left;
    width:100%;
    padding:15px 0; 
}

.hrContent h3 {
    color:#3d3d3d;
    font-family:'regular';
    font-size:14px;
}

.hrContent .iconList {
    margin-top:40px;
}
.hrContent .iconList li i {
    color:#e4002b;
}
.hrContent .iconList li i.icon-people {
    font-size:75px;
    line-height: 42px;
}
.rightContent .pieChart {
    margin:0 auto;
    width:100%;
    padding-bottom: 55%;
    margin-bottom:50px;
    position: relative;
    text-align:center;
}

.rightContent .pieChart #pieChart{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.innerChart {
    position: relative;
    width: 100%;
    margin:0 auto;
    text-align:center;
    margin-bottom:30px;
    padding-bottom: 50%;
}

.innerChart .chart {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.innerChart .chart g[aria-labelledby="id-66-title"],
.rightContent .pieChart #pieChart g[aria-labelledby="id-66-title"] {
    /*display: none;*/
    opacity: 0;
    pointer-events: none;
}

/*.innerChart::before, .rightContent .pieChart::before {
    position: absolute;
    display: block;
    content: ' ';
    bottom: 0;
    left: 0;
    width: 70px;
    height: 40px;
    background-color: #fff;
    z-index: 10;
} 

.rightContent .pieChart::before {
    background-color: #f3f3f3;
}*/

/* contact */
.contactBox {
    color:#3d3d3d;
    float: left;
    width: 100%;
    height:100px;
    background:#fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    overflow:hidden;
    min-height:262px;  
}
.contactBox .infoBox {
    float: left;
    width:45%;
    padding:28px 30px 0 30px;
}
.contactBox .infoBox h2 {
    font-family:'bold';
    font-size:24px;
    line-height:24px;
    letter-spacing:-1px;
}
.contactBox .infoBox p {
    font-family:'regular';
    font-size:14px;
    line-height:18px;
    color:#787878;
}
.contactBox .infoBox h3 {
    font-family:'regular';
    font-size:13px;
    line-height:16px;
    color:#787878;
    margin-top:15px;
}
.contactBox .infoBox span {
    font-family:'bold';
    display:block;
    font-size:13px;
    line-height:16px;
    color:#787878;
}
.contactBox .infoBox .btn {
    margin:8px 0;
}
.contactBox .mapBox {
    position: relative;
    float: left;
    width:55%;
    height:100%;
    background:#ccc;
}
.contactBox .mapBox #map {
    position: relative;
    z-index: 1;
    float: left;
    width:100%;
    height:100%;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;    
}
.contactBox .mapBox .btn {
    position: absolute;
    top:15px;
    right:15px;
    z-index: 2;
}

/* news */
.newsBox {
    background-color: #f9f9f9;
    padding: 70px 0 50px;
    clear: both;
    color: #3f4447;
}
.newsBox h1 {
    font-family: 'bold';
    font-size: 36px;
    letter-spacing: -.05em;
    margin-bottom: 85px;
}

.newsBox .newsList::after {
    content: ' ';
    overflow: hidden;
    display: block;
    clear: both;
}

.newsBox .newsItem {
    clear: both;
    margin-bottom: 60px;
}

.newsBox .newsItem::after {
    content: ' ';
    overflow: hidden;
    display: block;
    clear: both;
}

.newsBox .newsItem .image {
    border-radius: 5px;
    width: 110px;
    float: left;
}

.newsBox .newsItem .content {
    float: right;
    width: calc(100% - 130px);
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.01em;
}

.newsBox .newsItem .content > div {
    opacity: .7;
}

.newsBox .newsItem h3 {
    margin-bottom: 5px;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: -.01em;
}

.newsBox .newsItem .btn {
    border-color: #000;
    margin-top: 20px;
}

.newsBox .newsPagination {
    text-align: center;
}

.newsBox .newsPagination a, .newsBox .newsPagination span {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    font-size: 14px;
    margin: 0 3px;
    color: #3f4447;
}

.newsBox .newsPagination span {
    color: #fff;
    background: #af0a0d;
}

.newsDetail {
    background-color: #f9f9f9;
    padding: 70px 0 30px;
    clear: both;
    color: #3f4447;
}

.newsDetail h1 {
    font-family: 'bold';
    font-size: 36px;
    letter-spacing: -.05em;
    line-height: 53px;
    margin-top: 10px;
}

.newsDetail h2 {
    font-family: 'bold';
    font-size: 14px;
    letter-spacing: -.01em;
    line-height: 24px;
    margin-bottom: 30px;
}

.newsDetail .date {
    font-size: 15px;
    letter-spacing: -.01em;
    line-height: 26px;
}

.newsDetail .gallery {
    margin: 20px 0;
}

.newsDetail .gallery .gallery-image {
    width: 100%;
}

.newsDetail .article-content {
    font-size: 14px;
}

/*accordion*/
.accordion {
    float: left;
    width: 100%;
    list-style: none;
}
.accordion li {
    position: relative;
    margin: 8px 0;
    padding: 15px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #5c090a;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;    
}

.accordion li>a { 
    display: block;
    color:#fff;
    font-family: "bold";
    font-size: 16px;
}
.accordion li>a:before {
    font-family: 'icomoon';
    content: "\e61a";
    color:#fff;
    font-size: 14px;
    width: 14px;
    height: 16px;
    position: absolute;
    left: 10px;
    top:16px;
}
.accordion li.selected>a:before {
    content: "\e615";
}
.accordion li>a:hover { 
    color: #fff;
}
.accordion .accordionContent {
    display: none;
    padding: 15px 0;
    color:#fff;
    font-family: "regular";
    font-size: 14px;
    line-height: 22px;
}
.accordion .accordionContent p {
    padding: 5px 0;
    margin:0;
}


.accordion .accordionContent p,
.accordion .accordionContent a {
    position: relative;
    display: block;
    width: 100%;
    float: left;
    color: #fff;
}

.accordion.white li {
    background:#fff;
    border:1px solid #d7d7d7;
}

.accordion.white .accordionContent,
.accordion.white .accordionContent p,
.accordion.white .accordionContent a {
    color:#3d3d3d;
}
.accordion.greenTxt li>a,
.accordion.greenTxt li>a:before {
    color:#00a651;
}
.accordion.purpleTxt li>a,
.accordion.purpleTxt li>a:before {
    color:#5808b3;
}

.accordion .whiteContentSlider .rText {
    font-family:'regular';
}

/* imagecontent */
.imgcontent {}

.imgcontent li::after {
    content: ' ';
    display: block;
    clear: both;
}

.imgcontent li + li {
    margin-top: 30px;
    padding-top: 40px;
    border-top: 1px solid #d9d9d9;
}

.imgcontent .imgcontent-image {
    float: left;
    width: 126px;
    margin-right: 55px;
    border-radius: 5px;
}

.imgcontent .imgcontent-image + .imgcontent-content {
    float: left;
    width: calc(100% - 181px);
}

.imgcontent .imgcontent-content {
    letter-spacing: -.01em;
}

.imgcontent .imgcontent-content .title {
    font-family: 'bold';
    font-size: 23px;
}

.imgcontent .imgcontent-content .subtitle {
    font-family: 'semibold';
    display: block;
    font-size: 16px;
}

.imgcontent .imgcontent-content .text {
    font-size: 16px;
    line-height: 1.625em;
    color: #767a7c;
}

.imgcontent .imgcontent-content > * + * {
    margin-top: 12px;
}

.imgcontent .imgcontent-content .text > * + * {
    margin-top: 5px;
}

/* table */
.table {
    float: left;
    width: 100%;
    margin: 15px 0;
    padding: 25px 23px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
}

.rightContent .table {
    border:1px solid #bfbfbf;
}
.table table {
    float: left;
    width: 100%;
}

.table table tr {
    line-height: 30px;
}

.table table tr:nth-child(odd) {
    background: #ededed;
}
.rightContent .table table tr:nth-child(odd) {
    background:transparent;
}
.table table tr th,
.table table tr td {
    padding: 0 10px;
    font-size:14px;
}
.rightContent .table table tbody tr {
    border-bottom:1px solid #c3c3c3;
}
.table table thead {
    background:#cfcfcf;
}
.table table thead th,
.table table thead td,
.table table tfoot th,
.table table tfoot td {
    color:#333333;
    font-family:'bold';
    text-align:left;
}

.table table .tRight {
    text-align:right;
}

/*fancy select*/
div.fancy-select div.trigger:after {
    font-family:'icomoon';
    content: "\e602";
    font-size:12px;
    right:15px;
}
div.fancyselect.style1 ul.options,
div.changeSelect.style1 ul.options  {
    background:#cd2530;
}
div.fancyselect.style1 ul.options li,
div.changeSelect.style1 ul.options li{
    padding:8px 10px 8px 20px;
    color:#fff;
    font-size:16px;
    font-weight:normal;
    font-family:'regular'
}

div.fancyselect.style1 ul.options,
div.fancyselect.style1 ul.options.open,
div.changeSelect.style1 ul.options,
div.changeSelect.style1 ul.options.open {
    top:49px;
    width:100%;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;    
}

div.fancyselect.style1 div.trigger,
div.changeSelect.style1 div.trigger {
    border-radius:5px;
    font-family:'light';
    font-size:23px;
    width:auto;
}
div.fancyselect.style1 div.trigger.open,
div.changeSelect.style1 div.trigger.open {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;  
}

/*form*/
.generalForm {
    float: left;
    width: 100%;
    padding: 0;
}
.generalForm.contactForm {
    width:520px;
}
.generalForm .formItem {
    float: left;
    position: relative;
    width: 100%;
    display: block;
    padding: 7px 0;
    margin-bottom: 0 !important;
}
.generalForm .formItem>i {
    color:#cccccc;
    position: absolute;
    left:20px;
    top:25px;
    font-size:16px;
}
.generalForm .formItem.left {
    float: left;
    position: relative;
    width: 49%;
    margin-right: 2%;
}
.generalForm .formItem.right {
    float: right;
    position: relative;
    width: 49%;
}
.generalForm .formItem.right:after {
    content: " "; /* 1 */
    display: table; /* 2 */
    clear:both;
}
.generalForm .formItem.radioBox table input {
    float: left;
    margin-top: 3px;
}
.generalForm .formItem.radioBox table label {
    float: left;
    margin-left: 5px;
}
.generalForm label {
    color:#777777;
    font-family: "regular";
    font-weight: normal;
    font-size: 15px;
    padding-bottom: 3px;
    font-weight: normal;
    display: block;
}
.generalForm input[type="text"], 
.generalForm input[type="password"], 
.generalForm textarea, 
.generalForm select {
    width: 100%;
    resize: none;
    margin-bottom: 10px;
    padding: 16px 10px 16px 55px;
    display: block;
    border:0;
    outline: 0;
    background-color: #fff;
    border:1px solid #fff;
    color:#9b9b9b;
    font-family: "regular";
    font-weight: normal;
    font-size: 14px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.generalForm input[type="text"][readonly], 
.generalForm input[type="password"][readonly], 
.generalForm textarea[readonly]  {
    background: #f4f4f4 !important;
    border:1px solid #fff;
}

.generalForm select {
    width: 100%;
}
.generalForm label.error, 
.generalForm .formItem span.error, 
.generalForm .formItem span.fail {
    position: absolute;
    font-size:12px;
    width: 100%;
    margin: -10px 0 0 0 !important;
    font-weight: normal;
    display: block;
    color: #d30037;
}

.generalForm span.phoneForRes {
    font-size: 10px;
}

.formSuccess{
    width: 320px;
    margin: 0 auto;
    height: 500px;
    padding-top: 165px;
    text-align: center;
    font-size: 27px;
    font-family: 'bold';
}

.onayImage{
    width:72px;
    height: 72px;
    background: url(../img/ok.gif) no-repeat;
    margin: 0 auto 20px;
}

.invalidError {
    float: left;
    width: 100%;
    margin: -9px 0 6px 0 !important;
    font-weight: normal;
    display: block;
    color: #d30037;
}
.generalForm label.valid, .generalForm .formItem span.success, .generalForm .formItem span.valid {
    float: left;
    width: 100%;
    margin: -9px 0 3px 0 !important;
    font-weight: normal;
    display: block;
    color: #5cd03d;
}
.generalForm input.error, .generalForm textarea.error {
    border: 1px solid #d30037;
}
.generalForm input.valid, .generalForm textarea.valid {
    border: 1px solid #5cd03d;
}
.generalForm .formItem .captcha {
    float: left;
    padding-bottom: 10px;
}
.generalForm .formItem.captcha .textbox {
    width: 70px;
    float: left;
}
.generalForm .formItem .desc {
    float: left;
    padding: 7px 10px 5px 0;
}
.generalForm .charLeft {
    font-size: 11px;
    font-style: italic;
    margin: -8px 0 10px 0;
    float: right;
}
div.success {
    font-size: 12px;
    font-weight: bold;
    float: left;
    color: #fff;
    background-color: #6ba044;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
div.fail {
    font-size: 12px;
    font-weight: bold;
    float: left;
    color: #fff;
    background-color: #d11508;
    padding: 10px;
    display: block;
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;    ;
}
div.success p,
div.fail p {
    font-family: "bold";
    color:#fff !important;
    padding: 5px 0 !important;
}
.generalForm .captchaImg {
    width: 144px;
    height: 34px;
    float: left;
    margin: 10px 5px 0 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* footer */

#footer {
    float: left;
    width: 100%;
}

#footer .first {
    float: left;
    width: 100%;
    padding: 25px 0 25px 0;
}

#footer .first .call {
    float: left;
    line-height: 35px;
    font-family: 'bold';
    font-size: 22px;
    letter-spacing: -1px;
}
#footer .first .call i {
    font-size:42px;
    float: left;
    margin-right:12px;
    
}

#footer .first .call .txt {
    display: inline-block;
    color: #3d3d3d;
}

#footer .first .call .num {
    display: inline-block;
    color: #ff0000;
    font-family: 'light';
    padding-left: 5px;
}

#footer .first .social {
    float: right;
    line-height: 35px;
}

#footer .first .social li {
    display: inline-block;
    width:22px;
    height:22px;
    margin:0 5px;
    text-align:center;
}
#footer .first .social li:first-child {
    margin-left:0;
}
#footer .first .social li a {
    color:#535353;
    font-size:16px;
    line-height:22px;
    display:block;
}

#footer .first .social li:first-child a:hover {
    color: #4464a2;
}
#footer .first .social li:nth-child(2) a:hover {
    color: #2eacf6;
}
#footer .first .social li:nth-child(3) a:hover {
    color: #007bb6;
}
#footer .first .social li:nth-child(4) a:hover {
    color: #517fa4;
}
#footer .first .social li:nth-child(5) a:hover {
    color: #bb0000;
}


#footer .second {
    float: left;
    width: 100%;
    padding: 15px 0 20px 0;
    background: #f7f7f7;
}

#footer .second .left {
    float: left;
}

#footer .second .right {
    float: right;
}

#footer .second .ag {
    float: left;
    width: 90px;
    height: auto;
    text-indent: -9999px;
}

#footer .second .ag img {
    width: 100%;
    display: block;
}

html[lang="en"] #footer .second .ag img.tr {display: none;}
html[lang="tr"] #footer .second .ag img.en {display: none;}

#footer .second .isuzu {
    float: left;
    width: 93px;
    height: 16px;
    background: url('../img/isuzu.svg') no-repeat;
    background-size:cover;
    text-indent: -9999px;
    margin: 20px;
}

#footer .second .cr,
#footer .second .dis {
    float: left;
    font-family: 'regular';
    font-size: 14px;
    color: #4e4e4e;
    padding: 17px 0 0 0;
}

#footer .second .dis {
    padding-left: 5px;
}

#footer .second .dis:hover {
    color: #df0000;
}

#footer .second .right .pstv-txt {
    float: left;
    font-family: 'regular';
    font-size: 14px;
    color: #4e4e4e;
    padding: 17px 12px 0 0;
}

#footer .second .pstv {
    float: left;
    width: 82px;
    height: 17px;
    margin: 17px 0 0 0;
    /*background: url('../img/positive.svg') no-repeat;*/
    background-size:cover;
    text-indent: -9999px;
}

.tab {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.tab .tabLinks {
    float: left;
    width: 100%;
    text-align: center;
}

.tab .tabLinks li {
    display: inline-block;
    font-family: 'semibold';
}

.tab .tabLinks li a {
    color: #303030;
    display: block;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: -1px;
    padding: 10px 17px;
    background: #dcdcdc;
    border-radius: 25px;
    margin: 0 2.5px;
}

.tab .tabLinks li a:hover {
    background: #acacac;
}

.tab .tabLinks li.active a {
    background: #e4002b;
    color: #fff;
}

.tab .tabContent {
    float: left;
    width: 100%;
    height: 100%;
}

.tab .tabContent .item {
    float: left;
    width: 100%;
    height: 100%;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.toggle {
    display: none;
    position: absolute;
    z-index: 5;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 52px;
    height: 52px;
    right: 15px;
    top: 25px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.toggle:focus {
    outline: none;
}

.toggle span {
    display: block;
    position: absolute;
    top: 24px;
    left: 7px;
    right: 7px;
    height: 5px;
    background: #000;
}

.toggle span::before,
.toggle span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #000;
    content: "";
}

.toggle span::before {
    top: -10px;
}

.toggle span::after {
    bottom: -10px;
}

.toggle.theme.is-active {
    background-color: #e4032d;
}

.toggle.theme.is-active span {
    background: none;
}

/*mmenu css*/

.mm-selected > a {background-color: transparent !important;}


/* ==========================================================================
   Language style
   ==========================================================================*/
/*
 * .en style   
 */

 /* Home Box3 */
.en .box.box3 ul li p {
    font-size: 13px;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */


/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}


/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

.isuzuMainPopup.mfp-bg{opacity:0;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ase-out;transition:all 0.5s ease-out;}
.isuzuMainPopup.mfp-bg.mfp-ready{opacity:0.6;}
.isuzuMainPopup.mfp-bg.mfp-removing{opacity:0;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ase-out;transition:all 0.5s ease-out;}
.isuzuMainPopup.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.isuzuMainPopup.mfp-wrap.mfp-ready .mfp-content{opacity:1;}
.isuzuMainPopup.mfp-wrap.mfp-removing .mfp-content{opacity:0;}
.isuzuMainPopup .mfp-close{width:auto;position:absolute;color:#fff;top:0;right:10px;}
.isuzuPopup{position:relative;width:auto;margin:0 auto;}
.isuzuPopup img{width:100%;}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media screen and (max-width: 1240px) {
    .contentTwoCol .subMenu {
        width: 30% !important;
        padding-left:0 !important;
    }
    .contentTwoCol .rightContent {
        width: 70% !important;
    }
    .contentTwoCol .subMenu ul {
        width: 100%;
        margin: 55px 0;
    }
    .contentTwoCol .subMenu ul a {
        padding: 10px 25px !important;
        margin: 0 !important;
        border-radius: 0 !important
    }
    .whiteContent .textContent {
        width: 65%;
        padding-right: 15px;
    }
    .contentTwoCol .rightContent .textContent .padding.full {
        padding-right:10px;
    }
}

@media screen and (max-width: 1100px) {
    .middle {
        width: 100%;
        padding: 0 15px;
    }

    .homeBannerWrapper .homebanner-arrow.prev {
        left: 15px;
    }
    .homeBannerWrapper .homebanner-arrow.next {
        right: 15px;
    }

    #header #logo {
        left: 15px;
    }
    .contentTwoCol .rightContent .textContent {
        width: 100%;
    }
    .contentTwoCol .rightContent .textContent .share {
        padding-right: 15px;
    }
}

@media screen and (max-width: 1024px) {
    #header {
        height: 100px;
    }
    #header #logo {
        top: 50px;
        width:250px;
    }
    #nav #webNav {
        margin-top: 54px;
    }
    #nav #webNav ul li a {
        font-size:13px;
    }
    .newsSlideContent {
        right: 15px !important;
    }
    #footer .second .left {
        width: 100%;
    }
    #footer .second .right {
        float: left;
    }
    /*#mobileMenu {
        display: none;
    }*/
    html.mm-opened {
        overflow: visible;
    }
}

@media screen and (max-width: 960px) {
    #header #logo {
        top:45px;
    }
    #nav #webNav ul li {
        margin: 0 7px;
    }
    #nav #webNav ul li a{
        font-size: 14px;        
    }
    .homeBannerWrapper .newsSlideContent {
        width: 48.5%;
        overflow: visible;
    }
    #newsSlider {
        width: 100%;
    }
    .homeBannerWrapper .homebanner .rsBullets {
        position: absolute;
        left: 15px;
        bottom: 30px;
        height: auto;
        padding: 0;
    }
    .homeGraySection {
        background: #fff;
        padding: 15px 0 0 0;
    }
    .homeWhiteSection {
        margin-top: 0;
    }
    .box {
        width: 50%;
        margin: 0 !important;
    }
    .box.box1 {
        background: #dcdcdc;
    }
    .box.box2 {
        padding: 10px;
        background: #ececec;
    }
    .box.box2 .tab .tabContent {
        padding: 0 !important;
    }
    .box.box3 {
        padding: 10px;
        background: #f5f5f5;
        width: 100%;
    }
    .box.box9 {
        width: 100%;
    }
     #header {
        height: auto;
        min-height: 100px;
    }
    #header #nav .middle {
        height: 100px;
    }
    /*#mobileMenu {
        display: block;
    }
    #mobileMenu.mm-opened {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) !important;
    }*/

    .mm-listview > li > a, .mm-listview > li > span {
        padding: 14px 10px 14px 20px !important;
        font-size: 15px;
    }

    .toggle {
        display: block;
    }
    #webNav,
    #lang {
        display: none;
    }
    /*#mobileMenu {
        display: none;
    }*/
    html.mm-opened {
        overflow: visible;
    }
}

@media screen and (max-width: 800px) {
    .homeBannerWrapper .newsSlideContent {
        width: 50%;
    }
    /*.homeBannerWrapper .homebanner .bannerImage {
        height: 400px;
    }
    .homeBannerWrapper .homebanner .bannerText {
        font-size: 8.5px;
    }*/
    .newsSlideContent {
        right: 0 !important;
        top: 0 !important;
        border-radius: 0 !important;
    }
    .contentTwoCol .rightContent .textContent .padding {
        padding: 15px 15px 30px 15px;
    }
    .contentTwoCol .rightContent .textContent .padding.full {
        padding: 15px 10px 30px 15px;
    }
    .contentTwoCol .rightContent .textContent .share {
        padding: 15px 15px 0 15px;
    }
    .whiteContent {
        padding: 0;
        margin:10px 0;
    }
    .whiteContent .textContent {
        width: 100%;
        margin: 0;
        padding: 15px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;        
    }

    .whiteContentSlider .contentSlider {
        width:100%;
    }
    .whiteContentSlider .rText {
        width:100%;
        padding:10px 0 !important;
    }

    .contactBox {
        min-height:0;
        height:auto;
    }
    .contactBox .infoBox {
        padding-bottom:20px;
    }
    .contactBox .mapBox,
    .contactBox .mapBox #map {
        min-height:250px;
    }
    .contactBox .infoBox,
    .contactBox .mapBox {
        width:100%;
    }
    #footer .second .isuzu {
        margin: 20px 20px 23px 20px;
    }
    #footer .second .cr {
        width: 80%;
    }
    #footer .second .dis {
        width: 20%;
        text-align: right;
    }
}

@media screen and (max-width: 768px) {
    .homeBannerWrapper .homebanner {
        margin-bottom: 15px;
    }
    .homeBannerWrapper .homebanner .bannerImage {
        width: 100%;
        background-color: #530002;
        position: relative;
        height: 400px;
    }
    .homeBannerWrapper .homebanner .bannerImage::before {
        right: 0;
        top: auto;
        width: auto;
        height: 30%;
        background: -moz-linear-gradient(top,  rgba(83,0,2,0) 0%, rgba(83,0,2,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(83,0,2,0) 0%,rgba(83,0,2,1) 100%);
        background: linear-gradient(to bottom,  rgba(83,0,2,0) 0%,rgba(83,0,2,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00530002', endColorstr='#530002',GradientType=0 );
    }
    .homeBannerWrapper .homebanner .bannerImage::after {
        display: none;
    }

    .homeBannerWrapper .homebanner .bannerContent {
        padding-left: 15px;
        height: auto;
    }

    .homeBannerWrapper .homebanner-arrow {
        top: 175px;
    }

    .homeBannerWrapper .homebanner .bannerText {
        width: 100%;
        position: relative;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        padding-bottom: 70px;
    }
    /*.homeBannerWrapper .homebanner .bannerImage {
        height: 380px;
    }
    .homeBannerWrapper .homebanner .bannerText {
        font-size: 8px;
    }
    .homeBannerWrapper .homebanner .bannerImage {
        height: 400px;
        background-position: bottom center;
    }
    .homeBannerWrapper .homebanner .bannerText {
        font-size: 9px;
        text-align: center;
        margin: 0 0 80px 0;
        left: 0;
        width: 100%;
        padding: 0 5%;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }*/
    /*.homeBannerWrapper .homebanner .rsOverflow {
        background: #fff;
    }*/
    .boxBlackTitle {
        color: #fff;
    }
    .homeBannerWrapper .homebanner .rsBullets {
        float: none;
        margin-left: 0px;
    }
    .homeBannerWrapper .homebanner .rsBullet.rsNavSelected span {
        background: transparent !important;
    }
    .newsSlideContent,
    #newsSlider {
        position: relative !important;
        width: 100% !important;
    }
    #newsSlider .rsImage {
        width: auto;
        opacity: 1 !important;
        background-size: cover !important;
    }
    .contentTwoCol .subMenu {
        display: none !important;
    }
    .contentTwoCol .rightContent {
        width: 100% !important;
    }
    .contentTwoCol .rightContent .textContent .sliderContent .aboutSlider {
        width: 100%;
        height: auto;
        margin: 0 0 10px 0;
    }
    .contentTwoCol .rightContent .textContent .sliderContent .aboutSlider img {
        width: 100%;
    }
    .timelineContent {
        margin: 30px 0 0 0;
    }
    .contentTwoCol .rightContent .textContent h1 {
        font-size: 32px;
        padding: 10px 0;
    }
    .contentTwoCol .rightContent .textContent h2 {
        font-size: 22px;
        padding: 10px 0;
    }
    .contentTwoCol .rightContent .textContent .first {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0;
        padding: 0 0 10px 0;
    }
    .contentTwoCol.fullSlider .share {
        position: relative;
        right: auto;
        top: auto;
    }
    .contentTwoCol.fullSlider .rightContent .textContent .padding {
        position: relative;
        top: auto;
        left: auto;
        min-height: 350px;
    }
    .contentTwoCol.fullSlider .rightContent .textContent .first {
        width: auto;
    }
    .facilitySlide .rsArrowLeft {
        left:15px;
    }
    .facilitySlide .rsArrowRight {
        left:65px;
    }


    /*çevre*/
    .environmentalContent {
        padding-bottom:150px;
    }
    .iconList {
        display:block;
        text-align:left;
    }
    .iconList li {
        width:100%;
        display:block;
        padding:10px 0;
        margin:10px 0;
        border-bottom:1px solid #ccc;
    }
    .iconList li:last-child{
        border-bottom:0;
    }    
    .iconList li i {
        text-align:center;
        display:inline-block;
        width:40px;
        margin-bottom:0;
        font-size:24px;
        vertical-align:top;
    }
    .hrContent .iconList li i.icon-people {
        font-size:38px;
        line-height:24px;
    }
    .iconList li span {
        line-height:14px;
        width:80%;
        display:inline-block;
    }
    .whiteContent .accordion {
        margin-bottom:30px;
    }

    .whiteContent .circleList {
        padding:20px 0;
    }

    .environmentalContent .circleList2 {
        padding:20px 0;
    }

    .generalForm .formItem.left, .generalForm .formItem.right {
        width: 100%;
        margin-right: 0;
    }
    .generalForm.contactForm { 
        width:100%;
    }

    .rightContent .pieChart {
        padding-bottom: 95%;
    }


}

@media screen and (max-width: 640px) {
    .box {
        width: 100%;
        background-size: cover !important;
    }
    .box.box1,
    .box.box2,
    .box.box3 {
        padding: 20px !important;
    }
    .box.box4 .text p,
    .box.box5 .text p,
    .box.box7 .text p,
    .box.box8 .text span {
        font-family: 'bold';
        font-size: 14px;
    }
    #footer .first .social {
        float: left;
        width: 100%;
    }

    .textContent .dataTable {
        display: block;
    }

    .textContent .dataTable td {
        /*padding: 10px 8px;*/
        display: block;
        width: 100%!important;
    }

    .textContent .dataTable td + td {
        border-top: none;
    }

     .textContent .dataTable tr + tr td:first-child {
        border-top: none;
    }

    .textContent .dataTable .icon {
        height: 30px;
        margin-bottom: 10px;
    }

    .textContent .dataTable strong {
        min-height: 0;
    }

    .textContent .dataTable .data {
        /*font-size: 14px;*/
    }
}

@media screen and (max-width: 600px) and (min-width: 480px) {
    #newsSlider {
        background-position: 75% 0% !important;
    }
}

@media screen and (max-width: 520px) {
    .timelineContent h2 {
        float: left;
        width: auto;
        text-align: left;
        font-size: 20px;
        line-height: 24px;
        font-family: 'bold';
    }
    .timeline {
        width: 100%;
        float: left;
    }
    .timeline:before {
        content:'';
        position: absolute;
        left: 13px;
        top:0;
        background: #ff3f49;
        width: 2px;
        height: 100%;        
    }
    .timeline .line {
        display:none;
    }
    .timeline .row {
        position: relative;
        margin-left:46px;
        margin-bottom:40px;
        right: auto;
        top:auto !important;
        left: auto;
        text-align: left;
    }
    .timeline .row:last-child {
        margin-bottom:0;
    }
    .timeline .row .dot {
        right: auto;
        left: -40px;
    }
    .timeline .row .dot.large {
        right: auto;
        left: -48px;
    }
    .whiteContent {
        border: 0;
    }
    .contentTwoCol .rightContent .textContent .image {
        float: left;
        width:100%;
        text-align:center;
    }
    .calendar-list li {
        padding:10px;
        display:block;
        min-height:0;
    }
    .calendar-list li div {
        display:block;
    }
    .calendar-list li div.left {
        width:100%;
        height:30px;
        font-family:'bold';
        text-decoration:underline;
    }
    .calendar-list li div.right {
        width:100%;
    }


    .pdf-list li {
        height:auto;
    }
    .pdf-list li a {
        line-height:0;
    }
    .pdf-list li a div.right {
        display:none;
    }
    .pdf-list li a div.left {
        width:100%;
        line-height:0;
    }

    .pdf-list li a div.left span {
        display:block;
        width:100%;
        line-height:normal;
    }

    #footer .first {
        padding: 20px 0;
        background: #f7f7f7;
    }

    #footer .second {
        background: #e7e7e7;
    }

    #footer .first .call .num {
        display:block;
        margin-top:-7px;
    }
    #footer .first .call {
        margin-bottom:10px;
    }    
    #footer .first .call i {
        font-size:60px;
    }
    #footer .second .isuzu {
        display:none;
    }
    #footer .second .dis {
        margin: 5px 0 15px 0;
        padding:0;
        float: left;
        width:100%;
        text-align:center;
        text-decoration: underline !important;
    }    
    #footer .second .cr {
        width: 220px;
        float:none;
        display:block;
        margin:0 auto;
        text-align: center;
        padding: 10px 0;
    }    
    
    #footer .second .ag {
        float:none;
        display:block;
        text-align:center;
        margin:0 auto !important;
    }
    #footer .second .right {
        display: none;
    }

    /* imgcontent */
    .imgcontent .imgcontent-image {
        width: 110px;
        margin-right: 20px;
    }

    .imgcontent .imgcontent-image + .imgcontent-content {
        width: calc(100% - 130px);
    }
}

@media screen and (max-width: 480px) {
    #header #logo {
        width:228px;
    }
    .box.box3 {
        height:auto;
    }
    .box.box3 ul li {
        width:100%;
        padding-bottom:10px;
    }
    .box.box6 .newsText p {
        font-size:14px;
        line-height:16px;
        font-family:'regular';
    }
    .homeBannerWrapper .homebanner {
        margin-bottom: 0;
    }
    /*.homeBannerWrapper .homebanner .bannerText {
        position: static;
        color: #444;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        margin-top: 20px;
    }
    .homeBannerWrapper .homebanner .bannerImage {
        height: 290px;
    }
    .homeBannerWrapper .homebanner .rsBullet span {
        background-color: #a3a3a3;
    }*/
    #newsSlider {
        background-position: 100% 0% !important;
    }
    #newsSlider h2 {
        width: 97%;
    }
    #newsSlider .rsBullets {
        bottom: 50px;
    }
    .homeBannerWrapper .newsSlideContent .boxBlackTitle.bottom {
        bottom: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .contentTwoCol .rightContent .textContent .image img { 
        width:100%;
    }
    .table {
        padding: 0;
        border: 0;
        border-radius: 0;
    }

    /* imgcontent */
    .imgcontent .imgcontent-image {
        width: 120px;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .imgcontent .imgcontent-image + .imgcontent-content {
        float: none;
        width: auto;
    }
}

@media screen and (max-width: 360px) {
    .homeBannerWrapper .homebanner .bannerImage {
        height: 240px;
    }
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {

}


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}
@media (max-width: 768px) and (min-width: 320px) {
    #cookieseal-banner button {
        margin: 0 auto !important;
        margin-bottom: 10px !important;
        background-color: #D8997A;
    }

    #cookieseal-banner .cookieseal-banner-body p {
        margin-bottom: 10px !important;
        font-size: 1rem;
    }

    #cookieseal-banner .cookieseal-banner-body {
        display: block !important;
        text-align: center !important;
    }
}


.disabledContent {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    opacity: .35;
}

.disabledContent > * {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.errors {
    border: 1px solid red !important;
}