/*SIFIRLAMALAR*/
* { margin:0;  padding:0;font-family: 'Montserrat', sans-serif;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html, body, img, ol, ul, li, table, tbody, tfoot, thead, tr, th, td, button {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;text-decoration:none;list-style: none;}
body { background:#f7f8f9;}
button { cursor:pointer}
:focus { outline:0 }
a { color: inherit; text-decoration:none;}
#ScrollTop{position: fixed; right: 20px; bottom: 15px;cursor: pointer; display: none;border-radius: 3px; padding: 0; font-size: 18px; width: 36px; height: 36px; background: rgba(0,0,0,.3); border: 2px solid transparent;color: #fff;opacity: .5; line-height:36px; text-align:center;z-index:99}
/* Header */
.ust_header { width:100%; min-height:50px; background:#e3000f; overflow:hidden}
.ust_header ul.ust_menu li { width:207px; height:50px; float:left;border-right:1px solid #fff; margin-top:3px; color:#fff;}
.ust_header ul.ust_menu li i { display:inline-block; font-size: 15px; margin-right: 14px; text-align:center; color:#fff}
.ust_header ul.ust_menu li p { display:inline-block; font-size: 11px; line-height:50px; text-align:center; color:#fff}
.iconfe {width: 26px; height: 26px;display: inline-block; border: 1px solid #fff; line-height:26px;  text-align: center; color: #fff; border-radius: 50%;font-size: 14px; margin-top:12px; margin-right:10px; float:right; font-size: inherit;}
.iconfe:hover { background:#e3000f; color:#fff;border: 1px solid #e3000f;}
.ort { width:1200px; margin:auto}
.ort2 { width:980px; margin:auto}
header { height:115px; width:100%;position: relative; z-index:999; background:#fff; margin:auto}
header img { margin-left:30px; margin-top:20px}
header ul.menu { float:right; margin-right:30px}
header ul.menu li {margin-left: 9px;margin-right: 5px; padding:0 10px; float:left;}
header ul.menu li.drop:after {content: '\f107';font-family: 'FontAwesome'; margin-left:10px }
header ul.menu li a {font-size: 12px;color: #373636;line-height:115px}
header ul.menu li a:hover { color:#e3000f}
ul.menu li ul { visibility: hidden;opacity: 0; transition: visibility 0s, opacity 0.7s linear; position: absolute; top: 19px; left: 0px;margin-left: 15px;background:#333333; width:200px; padding:15px 0;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
ul.menu li ul li { width:100%;}
ul.menu li ul li a { color: #ffffff; font-size: 11px; line-height:30px}
ul.menu li > ul { top: auto;left: auto;}
ul.menu li:hover ul {visibility: visible;opacity: 1;margin-left: 0px;}
ul.menu li:hover ul, ul.menu li.hover ul{ display: block; }
.arama_b { float:right; line-height:115px; cursor:pointer}
.arama_t {border:none; margin-top: 35px;height: 40px; width: 0px;float:right;outline: none;font-size: 12px;
 color: #888888; margin-right:15px; padding-left:15px;-webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.header2b { position: fixed; z-index:999; height:115px; width:100%; background:#fff; top:-235px;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
header2b { height:115px; width:100%;position: relative;  background:#fff; margin:auto}
/* Header Son */
/* Slider */
.boxedcontainer	{	max-width: 1170px; margin:auto; padding:0px 30px;}
.tp-banner-container{width:100%;position:relative;padding:0;}
.tp-banner{width:100%;position:relative;}
.tp-banner-fullscreen-container {width:100%;position:relative;padding:0;}
/* Slider */
.slider_alt { width:100%; min-height:80px; background:#00963f; overflow:hidden; position:relative; z-index:99 }
.slider_alt button { padding:10px 15px ; border:2px solid #fff; color:#fff;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size:14px; float:right; margin-top:20px}
.slider_alt button:hover { background:#e3000f; color:#fff; border:2px solid #e3000f;}
.slider_alt p {float: left;font-size: 14px; color: #ffffff;letter-spacing: 0.1px; line-height:80px}
/* İcerik 1 */
.icerik1 { width:100%; padding:20px 0}
.icerik1 .ort2 div { width:33%; display: inline-block; margin:auto; position:relative; overflow:hidden; height:380px;}
.icerik1 img { width:290px; height:200px;}
.icerik1 h4 { margin-top: 30px; margin-bottom: 20px;font-size: 14px;font-weight: 700; width:90%;}
.icerik1  p { font-size: 12px;line-height: 26px;color: #888888; width:90%; height:70px; overflow:hidden}
.icerik1 a { display: inline-block;margin-top: 10px;font-size: 12px;text-transform: capitalize;color: #e3000f;letter-spacing: 0.1px;}
/* İçerik 1_2 */
.icerik1_2 { width:100%; padding:20px 0 40px 0; background:#fff}
.icerik1_2 .ort div { color:#333; width:24%; height:210px; display:inline-block; position:relative; overflow:hidden}
.icerik1_2 .ort div i { margin-top:30px; width:60px; height:60px; text-align:center; line-height:60px; border:2px solid #f2f2f2; color:#888; font-size:20px; border-radius:100%;}
.icerik1_2 .ort div h3 { margin-top: 15px;font-size: 15px; font-weight: 700;}
.icerik1_2 .ort div p {  margin-top: 15px;font-size: 13px;color:#888; width:90%; line-height:21px}
/* İcerik 2 */
.icerik2 { width:100%; padding:30px 0 10px 0; background:url(../img/icerikbg.jpg)}
.icerik2 h2 {font-size: 18px;font-weight: 700;margin-top: 0px;margin-bottom: 20px; color:#fff;position: relative;text-align: left;}
.icerik2 h2:after { width: 40px;content: ""; position: absolute;height: 3px; background-color: #e3000f; bottom:-15px; left:0}
ul#buton2 { float: right; width: 58%; border-top:1px solid #637a83; border-bottom:1px solid #637a83;min-height:45px; margin-bottom:40px; margin-top:-45px; position:relative; z-index:2}
ul#buton2 li { float:left; height:45px; padding:0 20px;text-align:center; color: #637a83; }
ul#buton2 li h3 {  font-size: 12px; line-height:45px;}
ul#buton2 li.aktif h3 { line-height:39px;}
ul#buton2 li.aktif { border-top:3px solid #e3000f; border-bottom:3px solid #e3000f; border-left:3px solid rgba(0,0,0,0);border-right:3px solid rgba(0,0,0,0); height:39px; color:#e3000f}
ul#buton2 li:hover{ color:#e3000f}
.temizle { clear:both}
.navi1 {margin:0px auto 0 auto; position:relative; z-index:5;}
.navi1 .item .fotobg {  max-width:285px; min-height:220px; border:1px solid #637a83;}
.navi1 .item { position:relative; overflow:hidden; height:222px}
.navi1 .item img { max-width:285px; margin:auto; text-align:center;height:220px;}
.navi1 .item .fotobg_z { width:100%; height:220px; background:rgba(255,255,255,0.8); position:relative; z-index:2;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; opacity:0; overflow:hidden; top:-220px; z-index:999 }
.navi1 .item .fotobg_z:hover { opacity:1}
.navi1 .item .fotobg_z i { float:right; color:#fff; background:#e3000f; padding:10px;}
.navi1 .item h4 {font-size: 14px;font-weight: 700; margin-top:30%; text-align:center}
.navi1 .item p {font-size: 14px; color: #777777; margin-bottom: 18px; line-height:30px}	
.navi1 .owl-controls { text-align: center; -webkit-tap-highlight-color: transparent;}
.navi1 .owl-nav [class*="owl-"] { font-size: 0; border-radius: 100%; padding: 7px 13px; margin: 0; color: #333;background: #fff; display:inline-block; cursor:pointer}
.navi1 .owl-nav .owl-prev {position: absolute; left: -50px;top: 90px;}
.navi1 .owl-nav .owl-next {position: absolute;right: -50px; top: 90px;}
.navi1 .owl-nav .owl-prev:before { content: "\f104"; font-family: 'FontAwesome';font-size: 18px;}
.navi1 .owl-nav .owl-next:before { content: "\f105"; font-family: 'FontAwesome'; font-size: 18px;}
.navi1 .owl-controls .owl-dot { padding-bottom: 30px;padding-top: 30px;}
.owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1;color: inherit;}
.navi1 .owl-dots .owl-dot span {border-radius: 0; background-color: #b9d1e8; width: 6px; height: 6px; margin: 0 5px; display:inline-block }
.navi1 .owl-dots .owl-dot:hover span, .navi1 .owl-dots .owl-dot.active span {background-color: #2b78c2;}
/* İçerik 3 */
.icerik3 { width:100%; padding:40px 0}
ul#buton3 { float: left; width: 100%;min-height:45px; margin-bottom:20px; position:relative; overflow:hidden; z-index:2}
ul#buton3 li { float:left; height:45px;text-align:center; color: #1a3a4b;    background-color: #fff; position:relative; margin-right:50px; margin-bottom:5px; }
ul#buton3 li.aktif .right-bg {border-color: rgba(0,0,0,0) rgba(0,0,0,0) #1a3a4b rgba(0,0,0,0);}
ul#buton3 li .right-bg {border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0); border-style:solid; border-width:45px; width:0; height:0; position:absolute; top:-45px; right:-44px}
ul#buton3 li.aktif .left-bg { border-color:  #1a3a4b rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);}
ul#buton3 li .left-bg { border-color:  #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0); border-style:solid; border-width:45px; width:0;height:0; position:absolute; left:-45px; margin-right:45px}
ul#buton3 li h3 {  font-size: 12px; line-height:45px; position:relative; z-index:2}
ul#buton3 li.aktif { color: #fff;    background-color: #1a3a4b; }
.icerik3 img { width:380px; height:280px; float:left; margin-right:30px}
.icerik3 .hizmet_ic { width:100%; overflow:hidden; min-height:280px; position:relative; background:#fff;}
.icerik3 h4 {margin-top: 30px;font-size: 18px; text-align:left;font-weight: 700;}
.icerik3 p {font-size: 12px; line-height: 26px;color: #888888; margin-top:20px; text-align:left;    height: 170px;
    overflow: hidden;
    position: relative;}
/* İçerik 3_2 */
.icerik3_2 { width:100%; padding:40px 0; position:relative; overflow:hidden; background:#fff;}
.icerik3_2 h2 {font-size: 18px;font-weight: 700;margin-top: 0px;margin-bottom: 20px; color:#333;position: relative;text-align:center; width:100px}
.icerik3_2 h2:after { width: 40px;content: ""; position: absolute;height: 3px; background: #e3000f; bottom:-15px; background-position:bottom center; margin-left:-5px}
.icerik3_2 h5 {  color:#888; line-height:26px; margin:40px 0; font-size:13px; font-weight:normal}
.icerik3_2_ic { width:740px; float:left}
ul#buton3_2 { float:left; width:100%;min-height:38px; position:relative; z-index:2}
ul#buton3_2 li { float:left; height:37px;text-align:center; color: #1a3a4b;    background-color: #fff; position:relative; padding:0 25px; border:1px solid #e5e5e5}
ul#buton3_2 li h3 {  font-size: 12px; line-height:37px; position:relative; z-index:2}
ul#buton3_2 li.aktif { color: #fff;    background-color: #e3000f; }
.icerik3_2 img { width:380px; height:280px; float:left; margin-right:30px}
.icerik3_2 .hizmet_ic { width:100%; float:left; overflow:hidden; min-height:240px; position:relative; background:#fff; padding:0 20px;border:1px solid #e5e5e5}
.icerik3_2 p {font-size: 12px; line-height: 26px;color: #888888; margin-top:20px; text-align:left; overflow:hidden}
.icerik3_2 .btn { float:right; padding:7px 12px; border:2px solid #888; color:#888; font-size:14px; opacity:0.5}
.icerik3_2 .btn:hover { opacity:1}
/* İçerik 4 */
.icerik4 { width:100%; padding:40px 0; background:#fff}
.icerik4 h2 {font-size: 18px;font-weight: 700;margin-top: 0px;margin-bottom: 20px;position: relative;text-align: left; color:#000;}
.icerik4 h2:after { width: 40px;content: ""; position: absolute;height: 3px; background-color: #e3000f; bottom:-15px; left:0}
/* döndürme */
.flip-container {perspective: 1000; display:inline-block}
.flip-container:hover .flipper, .flip-container.hover .flipper {transform: rotateY(180deg);}
.flip-container, .front, .back {width: 270px;height: 170px; margin-top:20px;     margin-right: 15px;}
.front { background:#f6f6f6; color:#333;}
.front i { margin-top:30px; width:60px; height:50px; text-align:center; line-height:50px; border:1px solid #e5e5e5; font-size:20px}
.front h3 { margin-top: 30px;font-size: 14px; font-weight: 700;}
.back { background:#e3000f;}
.back h3 {margin-top: 30px; font-size: 14px;  font-weight: 700; color:#fff;}
.back p {  margin-top: 20px;font-size: 12px;color:#fff; width:90%}
.flipper {transition: 0.6s;transform-style: preserve-3d;position: relative;}
.front, .back {backface-visibility: hidden;position: absolute;top: 0;left: 0;}
.front {z-index: 2;transform: rotateY(0deg);}
.back {transform: rotateY(180deg);}
.flip-container:hover .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper {transform: rotateY(180deg);}
/* İçerik 5 */
.icerik5 { width:100%; padding:30px 0 10px 0; background:url(../img/icerikbg.jpg); position:relative; overflow:hidden}
.icerik5 h2 {font-size: 18px;font-weight: 700;margin-top: 0px;margin-bottom: 20px; color:#fff;position: relative;text-align:center;}
ul#buton4 { width: 50%;height:75px; margin:auto}
ul#buton4 li { display:inline-block; height:75px; padding:0 20px;text-align:center; color: #637a83; }
ul#buton4 li h3 {  font-size: 12px; line-height:45px;}
ul#buton4 li i { text-align:center; font-size:30px;}
ul#buton4 li.aktif {color:#fff}
ul#buton4 li:hover{ color:#e3000f}
.fa-quote-right { color:#fff}
.icerik5 p {font-family: 'Gerorgia', serif;font-size: 17px;color: #ffffff; font-style: italic; width:60%; line-height:30px; margin:40px}
/* İçerik 5_2 */
.icerik5_2 { width:100%; padding:50px 0; background:url(../img/icerikbg.jpg); position:relative; overflow:hidden}
.icerik5_2 h2 {font-size: 34px;font-weight: 700;margin-top: 0px;margin-bottom: 20px; color:#fff;position: relative;text-align:left;}
.icerik5_2 p {margin: 5px 0px; font-size: 12px;display: block; color: #ffffff; line-height:26px}
.icerik5_2 a { font-size: 12px; font-weight: 700;color: #ffffff;height: 40px;display: inline-block;line-height: 37px; padding: 0px 15px; border: 2px solid #ffffff; border-radius: 3px; letter-spacing: 0.5px;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.icerik5_2 a:hover { background:#e3000f; color:#fff; border:2px solid #e3000f}
/* İçerik 6 */
.icerik6 { width:100%; padding:30px 0; background:#f6f6f6}
.icerik6 h2 {font-size: 18px;font-weight: 700;margin-top: 0px;margin-bottom: 20px;position: relative;text-align: left; color:#000;}
.icerik6 h2:after { width: 40px;content: ""; position: absolute;height: 3px; background-color: #e3000f; bottom:-15px; left:0}
.icerik6 .ic6 { width:360px; height:470px; display:inline-block; margin:33px 13px; background:#fff; position:relative; overflow:hidden}
.icerik6 .ic6 img { width:360px; height:245px;}
.icerik6 .ic6 .alt { padding: 30px;}
.icerik6 .ic6 .alt h4 {font-size: 14px;font-weight: 700; margin-bottom:20px; color:#333; text-align:left}
.icerik6 .ic6 .alt p { font-size:13px; text-align:left; color:#777; line-height:26px; height:90px; overflow:hidden}
.icerik6 .ic6 .alt h6 { font-size:13px; text-align:left; color:#777; line-height:26px; height:100px; overflow:hidden; line-height:45px}
.icerik6 .ic6 .alt h6:hover { color:#e3000f;}
.yazi_cizgi {border-top: 1px dashed #e5e5e5;}
/* İçerik 7 */
.icerik7 { width:100%; padding:30px 0 20px 0; background:#fff}
.icerik7 h2 {font-size: 18px;font-weight: 700;margin-top: 0px;margin-bottom: 20px;position: relative;text-align: left; color:#000;}
.icerik7 h2:after { width: 40px;content: ""; position: absolute;height: 3px; background-color: #e3000f; bottom:-15px; left:0}
.navi2 {margin:40px auto 0 auto; position:relative; z-index:5;}
.navi2 .item img { width:100%; height:120px;}
.navi2 .owl-controls { text-align: center; -webkit-tap-highlight-color: transparent;}
.navi2 .owl-nav [class*="owl-"] { font-size: 0; padding: 7px 23px; margin: 0; color: #333;background: #f6f6f6; color:#424242; display:inline-block; cursor:pointer}
.navi2 .owl-nav .owl-prev {position: absolute; left: -30px;top: 45px;}
.navi2 .owl-nav .owl-next {position: absolute;right: -30px; top: 45px;}
.navi2 .owl-nav .owl-prev:before { content: "\f104"; font-family: 'FontAwesome';font-size: 18px;}
.navi2 .owl-nav .owl-next:before { content: "\f105"; font-family: 'FontAwesome'; font-size: 18px;}
.navi2 .owl-controls .owl-dot { padding-bottom: 30px;padding-top: 30px;}
.owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1;color: inherit;}
.navi2 .owl-dots .owl-dot span {border-radius: 0; background-color: #b9d1e8; width: 6px; height: 6px; margin: 0 5px; display:inline-block }
.navi2 .owl-dots .owl-dot:hover span, .navi2 .owl-dots .owl-dot.active span {background-color: #2b78c2;}
/* İçerik 7_2 */
.icerik7_2 { width:100%; padding:30px 0 20px 0;}
.icerik7_2 h2 {font-size: 18px;font-weight: 700;margin-top: 0px;margin-bottom: 20px;position: relative;text-align:center; color:#000; width:300px;}
.icerik7_2 h2:after { width: 40px;content: ""; position: absolute;height: 3px; background-color: #e3000f; bottom:-15px; margin-left:-130px}
.navi3 {margin:40px auto 0 auto; position:relative; z-index:5;}
.navi3 .item { height:280px; position:relative; overflow:hidden;}
.navi3 .item img { width:260px; height:280px;}
.navi3 .item div { height:140px; width:100%; background:#e3000f; position:relative; z-index:2;padding-top: 25px; top:0px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.navi3 .item:hover  div { top:-140px; }
.navi3 .item div h4 { font-size: 14px; font-weight: 700;color: #ffffff;margin-bottom: 5px;}
.navi3 .item div p { font-size: 12px;color: #ffffff;}
.navi3 .item div i { color:#fff; font-size:15px; border:1px solid #fff; border-radius:3px; display:inline-block; margin:5px; width:30px; height:30px; line-height:30px}
.navi3 .owl-controls { text-align: center; -webkit-tap-highlight-color: transparent;}
.navi3 .owl-nav [class*="owl-"] { font-size: 0; padding: 7px 13px; margin: 0;background: #fff; color:#424242; display:inline-block; cursor:pointer; border-radius:100%}
.navi3 .owl-nav .owl-prev {position: absolute; left: -50px;top: 115px;}
.navi3 .owl-nav .owl-next {position: absolute;right: -50px; top: 115px;}
.navi3 .owl-nav .owl-prev:before { content: "\f104"; font-family: 'FontAwesome';font-size: 18px;}
.navi3 .owl-nav .owl-next:before { content: "\f105"; font-family: 'FontAwesome'; font-size: 18px;}
.navi3 .owl-controls .owl-dot { padding-bottom: 30px;padding-top: 30px;}
.owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1;color: inherit;}
.navi3 .owl-dots .owl-dot span {border-radius: 0; background-color: #b9d1e8; width: 6px; height: 6px; margin: 0 5px; display:inline-block }
.navi3 .owl-dots .owl-dot:hover span, .navi3 .owl-dots .owl-dot.active span {background-color: #2b78c2;}
/* Footer */
footer {background:#fff; background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 100px 0; overflow:hidden; border-top:3px solid #eee;}
footer .ort div { width:33%; float:left; text-align:left;}
footer .ort div p {    color: #888888; font-size:13px; margin:20px 0; line-height:20px; width:90%}
footer .ort div .iconf { width:25px; height:25px; font-size:14px; color:#bcbdbe; line-height:25px; text-align:center; border:2px solid #bcbdbe; margin-right:15px;}
footer .ort div .iconf:hover { background: #bcbdbe; color:#2d3741;}
footer div h3 {    color: #222; 
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    padding-bottom: 15px;
    position: relative;}
footer div h3:before {    content: "";
    width: 30px;
    height: 3px;
    background-color: #e3000f;
    position: absolute;
    left: 0;
    bottom: 0;}
footer div ul li {margin-top: 22px;    color: #888888;display: inline-block;
    width: 100%;
    position: relative; font-size:13px
}
footer div ul li i {     font-size: 20px;
    position: absolute; margin-left:-25px;
    top: 5px; color:#222;}
.son { width:100%; background:#00963f; height:50px; margin-top:-50px}
.son p { line-height:50px;
    margin-bottom: 0;
    font-size: 12px; color:#fff;}
/* Footer */
.alt_banner { height:300px; margin-top:-95px;}
.alt_banner h1 { width:70%; margin:auto; text-align:center; display:inline-block; margin-top:100px; color:#fff;}