html, body, div, span, applet, object, iframe,  blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 



figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { 	margin: 0; 	padding: 0;	border: 0; font-size: 100%;font: inherit; vertical-align: baseline;}



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



h1, h2, h3, h4, h5, h6, p {margin: 0; 	padding: 0;	border: 0;vertical-align: baseline; }



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 200;}



ol, ul {list-style: none;}



blockquote, q {	quotes: none;}



blockquote:before, blockquote:after, q:before, q:after {	content: '';content: none;}



table {	border-collapse: collapse;border-spacing: 0;}



input, input:hover, input:focus, button, button:hover, button:focus, textarea {resize: none; outline: 0; outline: none; border: none; box-shadow: none;}



a,a:hover,a:focus {text-decoration: none; outline: none; color: }



b,strong {font-weight: bold;}



img {max-width: 100%; display: block;}



body, html {min-height: 100%;}



body.hkPage {background: #F8F8F8;}



body.overflow , html.overflow {overflow: hidden; height: 100%;}



.header {float: left; width: 100%; position: fixed; top: 0; left: 0; font-family: 'SF Pro Text'; z-index: 10; height: 85px;  transition: 1s; /* background-color: black;*/}



.header .headerBox {max-width: 1180px; margin: 0px auto;}



/*.header .logo {float: left; margin-top: 23px; transition: 0.5s;}



.header .logo a {float: left; width: 180px; height: 39px; background: url(../images/logo.png) no-repeat; transition-duration: 1s; background-size: auto 100%;}



.header .menu {float: left; margin: 0 0 0 0;}



.header .menu ul li {float: left; z-index: 1;}



.header .menu ul li.z-index {z-index: 2;}



.header .menu ul li.z-index .fullSubMenu {z-index: 3;}



.header .menu ul li> a{float: left; position: relative; margin: 0 20px; padding: 35.5px 0; font-size: 12px; color: #FFF; font-weight: 500; transition: 0.5s; letter-spacing: 1.8px;}



.header .menu ul li:hover> a, .header .menu ul li> a.active, .header .menu ul li> a.activeS {color: #396EBB;}



.header .menu ul li> a:after {content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background:#396EBB; transition: width 0.5s;}



.header .menu ul li.menuLi:hover> a:after, .header .menu ul li> a.active:after, .header .menu ul li> a.activeS:after {width: 100%;}



.header .menu ul li:last-child> a {padding-right: 0;}



.header.background {background: #FFF; transition:background  1.5s;-webkit-box-shadow: 0px 1px 13px 0px rgba(0,0,0,0.40); -moz-box-shadow: 0px 1px 13px 0px rgba(0,0,0,0.40); box-shadow: 0px 1px 13px 0px rgba(0,0,0,0.40)}







.header.background .logo a { background: url(../images/headerLogo.png) no-repeat; height: 39px; transition-duration: 0.5s; background-size: auto 100%; background-position: center center; }



.header .logo.heights a { height: 39px; transition-duration: 0.5s; background-size: auto 100%; background-position: center center; }*/











.header .logo {float: left; /* margin-top: 12px; */ transition: 0.5s; /* margin-left: -30px; */}



.header .logo a {float: left; width: 200px; height: 90px; background: url(../uploads/logo/footer/logo-white_1.svg) no-repeat; transition-duration: 1s; background-size: auto 100%;}



.header .menu {float: left; margin: 0 0 0 0;}



.header .menu ul li {float: left; z-index: 1;}



.header .menu ul li.z-index {z-index: 2;}



.header .menu ul li.z-index .fullSubMenu {z-index: 3;}



.header .menu ul li> a{float: left; position: relative; margin: 0 15px; padding: 35.5px 0; font-size: 12px; color: #FFF; font-weight: 500; transition: 0.5s; letter-spacing: 1.8px;}



.header .menu ul li:hover> a, .header .menu ul li> a.active, .header .menu ul li> a.activeS {color: #dec6b4;}



.header .menu ul li> a:after {content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background:#ffffff; transition: width 0.5s;}



.header .menu ul li.menuLi:hover> a:after, .header .menu ul li> a.active:after, .header .menu ul li> a.activeS:after {width: 100%;}



.header .menu ul li:last-child> a {padding-right: 0;}



.header.background {background: #FFF; transition:background  1.5s;-webkit-box-shadow: 0px 1px 13px 0px rgba(0,0,0,0.40); -moz-box-shadow: 0px 1px 13px 0px rgba(0,0,0,0.40); box-shadow: 0px 1px 13px 0px rgba(0,0,0,0.40)}



.header.background .logo a { background: url(../uploads/logo/logo_1.svg) no-repeat; height: 85px; transition-duration: 0.5s; background-size: auto 100%; background-position: center center; }



.header .logo.heights a { height: 85px; transition-duration: 0.5s; background-size: auto 100%; background-position: center center; }















/*.header.background .logo {margin-top: 12px;}*/



.header.background .menu ul li a {color: #0B2448}



.header.background .menu ul li > a:after {background:#0B2448; }



.header.background .search .bg, .header.background .lang{color:#0B2448;}



.header.background .search .bg, .header.background .lang .bg {background:#0B2448;}



.header.background .search .icon {background: url(../images/searchIconHover.png);}



.header.background .search.active .icon {background: url(../images/searchCloseHover.png) center center;}



.header .lang {float: left; width: 50px; line-height: 85px; font-size: 14px; font-weight: 200; text-align: center; color: #FFF; margin-left: 1px; cursor: pointer; position: relative;}



.header .lang .list {position: absolute; top: 100%; left: -85px; width: calc(85px * 4); display: none;}



.header .lang .list a {float: left; width: 85px; background: rgba(255,255,255, 0.2); color: #FFF; }



.header .lang .list a + a {background: rgba(255,255,255, 0.3); }



.header .lang .list a + a + a{background: rgba(255,255,255, 0.4);}



.header.background .lang .list a {background: rgba(11,36,72, 0.4);}



.header.background .lang .list a + a {background: rgba(11,36,72, 0.5); }



.header.background .lang .list a + a + a{background: rgba(11,36,72, 0.6);}



.header .search {float: left; width: 85px; line-height: 85px; text-align: center; cursor: pointer; position: relative;}



.header .search .bg, .header .lang .bg {background: #FFF; opacity: 0; position: absolute; top: 0; left: 0;z-index: 0; width: 100%; height: 100%;}



.header .search .bg  {opacity: 0;}



.header .lang:hover .bg {opacity: 0.1;}



.header .search:hover .bg  {opacity: 0.15;}



.header .search .icon  {width: 14px; height: 14px; display: inline-block; background: url(../images/searchIcon.png) no-repeat center center; transition: 0.5s;}



.header .search.active .icon {background: url(../images/searchClose.png) no-repeat center center; transition: 0.5s;}



.fullSubMenu, .fullSearch {position: absolute; top: 85px; left: 0; width: 100%; z-index: 0; background: #0097DA; padding: 60px 0; transition: 1s;}



.fullSubMenu {top: 85px; display: none; transition:none; background: #FFF;}



.fullSubMenu.active, .fullSearch.active {top: 85px;}



.fullSearch {padding: 0 0; height: 0; opacity: 0; overflow: hidden; z-index: 2; background: #fff; transition: 0.5s;}



.fullSearch.active{height: 70px; opacity: 1; transition: 0.5s;}



.fullSearch.height {height: auto}



.fullSearch .headerBox {max-width: 900px;}



.fullSearch .searchBox {float: left; width: 100%; position: relative;  background: #fff;}



.fullSearch .searchBox .headerBox {position: relative; display: grid; display: flex;}



.fullSearch .searchBox .headerBox form {width: 100%;}



.fullSearch .headerBox input {height: 70px; float: left; width: 100%; font-weight: 200; padding: 0 15px 0 25px; background: none; color: #000;}



.fullSearch .headerBox input::-ms-clear {display: none;}



.fullSearch .headerBox input::-ms-reveal {display: none;}



.fullSearch .headerBox input:placeholder  {color: #000;}



.fullSearch .headerBox input::placeholder  {color: #000;}



.fullSearch .headerBox button {position: absolute; left: 0; top: 0; width: 14px; background: url(../images/searchIconHover.png) no-repeat center center; height: 100%;}



.fullSearch .searchItem {float: left; width: 100%; font-weight: 200; display: none;}



.fullSearch .searchItem .title {font-size: 24px; color: #000; padding: 25px 0 35px 0; float: left; width: 100%;}



.fullSearch .searchItem .searchPg {float: left; width: 100%; overflow: auto; max-height: 420px; padding-bottom: 50px;}



.fullSearch .searchItem .searchPg .item {float: left; width: 100%; padding-bottom: 30px; border-bottom: 1px solid rgba(11,36,72,0.3); margin-bottom: 30px;}



.fullSearch .searchItem .searchPg .item:last-child {margin-bottom: 0px;}



.fullSearch .searchItem .searchPg .item .breadSearch {float: left; width: 100%; margin-top: 10px;}



.fullSearch .searchItem .searchPg .item .breadSearch div {float: left; margin-right: 5px; font-size: 12px; background: url(../images/breadCrumbArrow.png) right center no-repeat; padding-right: 10px; color: #34445d;}



.fullSearch .searchItem .searchPg .item .breadSearch div:last-child {background: none;}



.fullSearch .searchItem .searchPg .sTitle {font-size: 18px; color: #0B2448; margin-bottom: 10px;}



.fullSearch .searchItem .searchPg .desc {font-size: 12px; color: #000; line-height: 24px;}



.fullSubMenu .menuItem {float: left; width: 100%;}



.fullSubMenu .menuItem .item {float: left; width: 25%; padding: 0 15px; /*display: none;*/}



.fullSubMenu .menuItem .item a {float: left; width: 100%; position: relative; margin:0 0; padding: 0 0; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}



.fullSubMenu .menuItem .item a:after {content: ""; width: 100%; height: 100%; position: absolute; left: 0; background: url(../images/mnHvBg.png) no-repeat center center; background-size: 100% 100%; top: 26%; transition:0.5s;}



.fullSubMenu .menuItem .item a:hover:after {top: 0;}



.fullSubMenu .menuItem .item a img {float: left; width: 100%; transition:0.5s;}



.fullSubMenu .menuItem .item a:hover img {transform: scale(1.1);}



.fullSubMenu .menuItem .item a .name {position: absolute; bottom: 30px; left: 0;width: 100%; text-align: center; font-size: 16px; color: #FFF; font-family: "SF Pro Text"; font-weight: 200; transition:0.5s; z-index: 2;}



.fullSubMenu .menuItem .item a:hover .name {bottom: 40px;}



.fullSubMenu.menuItem1, .fullSubMenu.menuItem3, .fullSubMenu.menuItem4 {padding: 0 0;}



.fullSubMenu .Containers {width: 100%; display: flex;}



.fullSubMenu .area1 {float: left; width: 33.3333333%; background: #29292a; min-height: 100%; padding: 60px 0 60px 30px;}



.fullSubMenu .area1 ul li {float: left; width:100%;}



.fullSubMenu .area1 ul li a {float: left; width: 100%; line-height: 50px; margin:0 0; padding: 0 0; color: #FFF !important; text-indent: 40%; font-size: 17px; font-weight: 200; letter-spacing: 0px;}



.fullSubMenu .area1 ul li a:after {display: none;}



.fullSubMenu .area1 ul li a:hover, .fullSubMenu .area1 ul li a.active {background: #FFF; color:#052F5A !important;}



.fullSubMenu .area2 {float: left; width: 33.3333333%; min-height: 100%; padding: 60px 0 60px 90px;}



.fullSubMenu .area2 .listingMn, .fullSubMenu .area3 .listingImg {float: left; width: 100%; display: none;}



.fullSubMenu .area2 .listingMn:first-child {display: block;}



.fullSubMenu .area2 ul li {float: left; width: 100%;}



.fullSubMenu .area2 ul li a {float: left; position: relative; color: #000000 !important; padding: 0 0; margin: 0 0; line-height: 50px; font-size: 18px; font-weight: 200; letter-spacing: 0px;}



.fullSubMenu .area2 ul li a:hover {color: #000000 !important; padding-left: 15px;}



.fullSubMenu .area2 ul li a:after { content: ""; position: absolute;bottom: 0; left: 0; width: 0; height: 1px; background:#5D7487;transition: 0.5s;}



.fullSubMenu .area2 ul li a:hover:after {width: 100%;}



.fullSubMenu .area3 {float: left; width: 33.3333333%; min-height: 100%;  padding: 60px 0;}



.fullSubMenu .area3 .title {float: left; width: 100%; line-height: 45px; color:#000000; font-weight: bold; font-size: 16px;}



.fullSubMenu .area3 .img {float: left; width: 100%;}



.fullSubMenu .area3 .img img {border-radius: 7px; }



.fullSubMenu .area3 .listingImg:first-child {display: block;}



.homeSlider {position: relative; background: #181b20;}



.homeSlider .slide .item {position: relative; height: 100vh;}



.homeSlider .slide .item:before {content: ""; position: absolute; top: 0; left: 0; width: 61.6%; height: 100%; background: url(../images/slideBg.png) no-repeat right center; background-size: auto 100%; z-index: 2;}



@media only screen and (min-width: 1920px) and (max-height: 1200px) {



	.homeSlider .slide .item:before {width: 58.8%;}



}



.homeSlider .slide .item:after {content: ""; position: absolute; top: 0; left: 0; width: 36%; height: 100%; /* background:#0B2448; */ z-index: 1;}



.homeSlider .slide .item img {width: 100%;}



.homeSlider .slide .boxContent { z-index: 10; position: absolute; width: 100%; height: 100%; left: 0; top:0;}



.homeSlider .itemContainer {max-width: 1180px; margin: 0px auto;}



.homeSlider .slide .contents {color:#fff; position: absolute; top: 50%; transform: translate(0, -50%); max-width: 520px;  font-family: 'SF Pro Text'; z-index: 3;}



.homeSlider .slide .title {font-size: 54px; font-weight: 700; line-height: 64px; margin-top: -20px; transition: 0.5s;}



.homeSlider .slide .desc {font-size: 14px; font-weight: 200; line-height: 24px; margin-top: 40px; transition: 1s;}



.homeSlider .slide .link a {margin-top: 80px; transition: 0.5s;}



.homeSlider .slide .link a {float: left;line-height: 42px; font-size: 14px; font-weight: 200; color:#fff; }



.homeSlider .slide .link a span {float: right; width: 41px; height: 41px; border: 1px solid #FFF; border-radius: 100%; margin-left: 26px; transition:0.5s; position: relative;}



.homeSlider .slide .link a span:after {content:"";position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/slideDetail.png) no-repeat center center; transition:1s;}



.homeSlider .slide .link:hover a span:after {transform: rotate(180deg);}



.homeSlider .slide .item.slick-active .title {margin-top: 0;}



.homeSlider .slide .item.slick-active .desc {margin-top: 20px;}



.homeSlider .slide .item.slick-active .link a {margin-top: 50px;}







.homeSlider #slider-k {width: 48.9%;  font-family: 'SF Pro Text'; height: 100%; float: right; position: relative; z-index: 11; white-space: nowrap; text-overflow: ellipsis;}



.homeSlider #slider-k .frame-k {width: 26.5%; height: 100%; display: inline-block; margin-left: -4px; /*border-left: 7px solid #fff;*/ cursor: pointer; transition: 0.5s; position: relative;transform: skewX(-17.21deg); overflow: hidden;}



.homeSlider #slider-k .frame-k:before {content: ""; position: absolute; top: 0; left: 0; width: 7px; height: 100%; background: url(../images/bgSliderK.jpg) no-repeat; background-size: auto 100%; z-index: 2;}



.homeSlider #slider-k .frame-k:first-child {border-left: 0;}



.homeSlider #slider-k .frame-k:last-child {width: 39%;}



.homeSlider #slider-k .frame-k:first-child:before {display: none;}



.homeSlider .slide .frame-k:nth-child(3):hover .img {left: -95%;}



.homeSlider #slider-k .frame-k.hovers {width: 59.0%;}



.homeSlider #slider-k .frame-k:last-child.hovers, .homeSlider #slider-k .frame-k:first-child.hovers {width: 62.25%;}



.homeSlider #slider-k .frame-k.hoverPrev {width: 14.75%; transition: 0.5s;}



.homeSlider #slider-k .frame-k.hoverPrev .img, .homeSlider #slider-k .frame-k.hoverNext .img {width: 500%; left: -150%;}



.homeSlider #slider-k .frame-k.hoverNext {width: 17.75%; transition: 0.5s;}



.homeSlider #slider-k .frame-k:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0,0.6); transition: 0.5s; opacity: 0;z-index: 1;}



.homeSlider #slider-k .frame-k.hoverNext:after, .homeSlider #slider-k .frame-k.hoverPrev:after{opacity: 1;}



.homeSlider #slider-k:hover .frame-k:after {opacity: 1;}



.homeSlider #slider-k:hover .frame-k.hovers:after {opacity: 0;}



.homeSlider #slider-k .frame-k.hoverNext .name, .homeSlider #slider-k .frame-k.hoverPrev .name {left: -500%;}



.homeSlider #slider-k .frame-k a{ position: absolute; top: 0; left:0; width: 100%; height: 100%; z-index: 10;}



.homeSlider #slider-k .frame-k .name { position: absolute; bottom: 0; width: 100%; padding: 20px 15px 30px 15px; font-size: 16px; font-weight: 200; color: #FFF; text-align: center; background: #181b20; left: -100%; transition: 0.5s;}



.homeSlider #slider-k .frame-k .name {left: -200%;}



.homeSlider #slider-k .frame-k .name span {transform: skewX(17deg); display: block;}



.homeSlider #slider-k .frame-k:hover .name { left: 0;}



/*.homeSlider #slider-k .frame-k + .frame-k {left: 29.5%;}



.homeSlider #slider-k .frame-k + .frame-k + .frame-k {left: 58%;}



.homeSlider #slider-k .frame-k + .frame-k + .frame-k + .frame-k {left: 87.5%;}*/



.homeSlider .slide .frame-k .img {transform: skewX(17deg); width: 300%; height: 100%; position: absolute; top: 0; left:-75%; overflow: hidden;  background-position: center center; background-size: auto 100%; background-repeat: no-repeat; transition: 0.5s; }



.sliderteslaico {position: absolute; bottom: 40px; left: 0; width: 100%; color: #6E8496;}



.sliderteslaico .teslaico {max-width: 320px;font-family: 'SF Pro Text'; font-weight: 200;}



.sliderteslaico .teslaico div {display: table-cell; vertical-align: middle; }



.sliderteslaico .teslaico div + div {padding-left: 20px; font-size: 11px; color: #6E8496;}







.homeProduct {float: left; width: 100%; padding:60px 0 30px 0;font-family: 'SF Pro Text'; font-weight: 200; background: #E2E9EC;}



.homeProduct .contents {max-width: 1180px; margin: 0px auto;}



.homeProduct .box {margin-bottom: 45px;}



.homeProduct .box .title {font-size: 38px; color: #DD0100; margin-bottom: 10px;}



.homeProduct .box .desc {font-size: 14px; line-height: 24px;}



.homeProduct .itemLeft {float: left; width: 100%;}



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



.homeProduct .itemLeft .item {float: left; width: 33.3333333%; padding: 0 10px; margin-bottom: 60px; max-height: 476px;}



.homeProduct .itemLeft .item .img, .rightText .pgListItem .item .img, .globalPresenceList .globalList .newsRelated .item .img {float: left; width: 100%; position: relative; overflow: hidden; height: 375px; transition: 0.5s;}



.homeProduct .itemLeft .item .img:before,.rightText .pgListItem .item .img:before, .detailListPg .pgListItemLst .item .img:before, .globalPresenceList .globalList .newsRelated .item .img:before {content: ""; transition:0.5s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,94,184,0.6); opacity: 0;}



.homeProduct .itemLeft .item:hover .img:before, .rightText .pgListItem .item:hover .img:before, .detailListPg .pgListItemLst .item:hover .img:before, .newsRelated .item:hover .img:before {opacity: 1;}



.homeProduct .itemLeft .item:hover .img, .rightText .pgListItem .item:hover .img, .globalPresenceList .globalList .newsRelated .item:hover .img {height: 277px; transition: height 0.5s;}



.homeProduct .itemLeft .item img {max-width: 100%; display: block;}



.homeProduct .itemLeft .item .img .name {position: absolute; bottom: 0; left: 30px; line-height: 45px; background:rgb(0 0 0 / 87%); color: #FFF; font-size: 14px; padding: 0 24px; }



.homeProduct .itemLeft .item .slides img {width: 100%;}



.homeProduct .itemLeft .item .bottom, .rightText .pgListItem .item .bottom, .newsRelated .item .bottom {background: #FFF; padding: 25px 25px 25px 25px; float: left; width: 100%; transition: 0.5s; overflow: hidden; height: 102px; position: relative;}



.homeProduct.homeproductRes .itemLeft .item .bottom {height: 123px;}



.homeProduct.homeproductRes .itemLeft .item:hover .bottom {height: 221px;}



.homeProduct.homeproductRes .itemLeft .item .bottom .title {white-space: initial;}



.homeProduct .itemLeft .item:hover .bottom, .rightText .pgListItem .item:hover .bottom {height: 200px;}



.newsRelated .item:hover .bottom {height: 238px;}



.homeProduct .itemLeft .item .bottom .title {font-size: 18px; font-weight: 100; color: #003478; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



.homeProduct .itemLeft .item .bottom .desc, .rightText .pgListItem .item .bottom .desc {font-size: 14px; line-height: 24px; font-weight: 100; color: #000; margin-bottom: 20px; overflow: hidden; height: 24px; transition: 0.5s;}



.homeProduct .itemLeft .item:hover .bottom .desc, .rightText .pgListItem .item:hover .bottom .desc {height: 72px;}



.homeProduct .itemLeft .item .bottom .link {background: url(../images/bArrowWhite.png) no-repeat 25px center #373d46; display: inline-block; line-height: 40px; color: #FFF; padding: 0 30px 0 40px; font-size: 13px; transition: 0.2s;}



.homeProduct .itemLeft .item .bottom .bottom0,.rightText .pgListItem .item .bottom .bottom0 {position: absolute; bottom: -100%; transition: 0.5s;}



.homeProduct .itemLeft .item:hover .bottom .bottom0,.rightText .pgListItem .item:hover .bottom .bottom0 {bottom: 25px; transition: 0.5s;}



.homeProduct .itemLeft .item .bottom .link:hover {padding: 0 30px 0 50px;}



.homeProduct .itemLeft .item .not-slide {position: relative;}



.homeProduct .itemLeft .item .text, .homeProduct .itemLeft .item .not-slide .text {position: absolute; bottom: 30px; left: 50px; font-size: 14px; color: #FFF; font-weight: 200;}



.homeProduct .itemLeft .item .slick-dots {position: absolute; bottom: 30px; right: 50px;}



.homeProduct .itemLeft .item .slick-dots li {float: left;}



.homeProduct .itemLeft .item .slick-dots li button {background: url(../images/productI.png) no-repeat; width: 8px; height: 8px; float: left; text-indent: -9999px; overflow: hidden; transition: 0.5s; outline: none;}



.homeProduct .itemLeft .item .slick-dots li.slick-active button {background: url(../images/productIHover.png) no-repeat; transition: 0.5s;}



.homeNews {float: left; width: 100%; margin-top: 60px; padding-left: 100px;}



.homeNews .itemStatic {float: left; width: 50%; padding-right: 25px;}



.homeNews .itemStatic img, .homeNews .itemDynamic img {float: left; width: 100%; transition: 0.5s;}



.homeNews .itemStatic .img, .homeNews .itemDynamic .img  {float: left; width: 100%; position: relative; overflow: hidden;}



.homeNews .itemStatic:hover .img img, .homeNews .itemDynamic .itemss:hover .img img {transform: scale(1.1);}



.homeNews .itemStatic .text, .homeNews .itemDynamic .list .text {float: right; margin-right: 25px; width: 100%; margin-top: 35px; font-size: 14px; color: #1C2E3D; font-family: 'SF Pro Text';}



.homeNews .itemStatic .text {margin-right: 0;}



.homeNews .itemStatic .text .date, .homeNews .itemDynamic .list .date {float: left; background: #092f52; color: #FFF; text-align: center; font-weight: 200; padding:17px 0 21px 0; width: 70px; margin-right: 35px; transition: 0.5s;}



.homeNews .itemStatic .text .date .sup, .homeNews .itemDynamic .list .date .sup {float: left; width: 100%; font-size: 33px; line-height: 33px;}



.homeNews .itemStatic .text .right, .homeNews .itemDynamic .list .right {float: left; width: calc(100% - 105px);}



.homeNews .itemStatic .text .right .title, .homeNews .itemDynamic .list .right .title {font-size: 24px; margin-bottom: 6px; font-weight: 200; width: 100%;display: block;  overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}



.homeNews .itemStatic .text .right .desc, .homeNews .itemDynamic .list .right .desc {font-size: 14px; line-height: 24px; font-weight: 200;}



.homeNews .itemDynamic {float: left; width: 50%; padding-left: 25px;}



.homeNews .itemDynamic .box, .homeNews .itemStatic .box {float: left; max-width: 520px; font-family: 'SF Pro Text'; font-weight: 200; margin-bottom: 22px;}



.homeNews .itemDynamic .box .title, .homeNews .itemStatic .box {font-size: 33px; color: #DD0100; margin-bottom: 10px;}



.homeNews .itemDynamic .box .desc, .homeNews .itemStatic .box {font-size: 14px; color: #1C2E3D; line-height: 24px;}



.homeNews .itemStatic .box {display: none;}



.homeNews .itemDynamic .list .date {margin-right: 20px;}



.homeNews .itemDynamic .list {float: left; width: 100%; overflow: hidden;}



.homeNews .itemDynamic .list .slick-slider img {width: 100%;}



.homeNews .itemDynamic .list .itemss {padding-right: 50px;}



.homeNews .itemDynamic .list .itemss .date {background:#212c2c; }



.homeNews .itemDynamic .list .itemss.slick-active:hover .date {background:#9BD9EA; }



.homeNews .itemDynamic .list .text {width: 100%; margin-right: 0; padding-right: 0px;}



.homeNews .itemDynamic .list .right .title {font-size: 24px;}



.homeNews .itemDynamic .list .right .desc {font-size: 13px; line-height: 18px; height: 53px; overflow: hidden; display: block;}



.homeNews .newsChange {float: left; width: 100%; margin-top: 60px; text-align: center;}



.homeNews .newsChange .box {float: right; width: 100%; max-width: 100%; text-align: center;}



.homeNews .newsChange .box .center {display: inline-block; margin: 0 20px; width: 200px;font-family: 'SF Pro Text'; font-weight: 200; border: 1px solid #E3E3E3; border-radius: 50px; line-height: 50px; font-size: 16px; color: #1C2E3D;}



.homeNews .newsChange .box .center a {color: #1C2E3D;}



.homeNews .newsChange .box .left, .homeNews .newsChange .box .right {display: inline-block; width: 51px; height: 51px; vertical-align: middle;}



.homeNews .newsChange .box .left div, .homeNews .newsChange .box .right div {float: left; cursor: pointer; width: 50px; height: 50px; border:1px solid #D0D0D0; border-radius: 100%; transition: 0.5s; background: url(../images/homeImgNewsPrev.png) no-repeat center center; background-position: 13px center;}



.homeNews .newsChange .box .right div {background: url(../images/homeImgNewsNext.png) no-repeat center center; background-position: -24px center;}



.homeNews .newsChange .box .left div {float: right;}



.homeNews .newsChange .box .left div:hover {background-position: -27px center;}



.homeNews .newsChange .box .right div:hover {background-position: 15px center;}







.homeCorporate {float: left; width: 100%; margin-top: 60px; padding: 0 200px;}



.homeCorporate .contents {overflow: hidden;}



.homeCorporate .contents .slick-slider {margin: 0 -15px;}



.homeCorporate .item {position: relative;font-family: 'SF Pro Text'; font-weight: 200; padding: 0 15px;}



.homeCorporate .item img {width: 100%; transition: 1s;}



.homeCorporate .item a {float: left; overflow: hidden; width: 100%; position: relative;}



.homeCorporate .item a:after {content: ""; width: 100%; height: 100%; position: absolute; background: url(../images/mnHvBg.png) no-repeat center center; background-size: 100% 100%; top: 31%; transition:0.5s;}



.homeCorporate .item a:hover:after {top: 0;}



.homeCorporate .item a:hover .text {bottom: 40px;}



.homeCorporate .item a:hover img {transform: scale(1.1);}



.homeCorporate .item .text {position: absolute; bottom: 30px; width: 100%; font-size: 14px; z-index: 2; color: #FFF; font-weight: 200; text-align: center; transition: 0.5s;}



.homeCorporate .slick-dots {float: left; width: 100%; text-align: center; margin-top: 75px;}



.homeCorporate .slick-dots li {display: inline-block; padding: 0 4px; vertical-align: middle;}



.homeCorporate .slick-dots li button {float: left; width: 8px; height: 8px; border-radius: 100%; background: #9EABB7; opacity: 0.4; transition: 0.3s; text-indent: -9999px; overflow: hidden; padding: 0;}



.homeCorporate .slick-dots li button:hover, .homeCorporate .slick-dots li.slick-active button {width: 12px; height: 12px; background: #DD0100; opacity: 1;}



.footer {float: left; width: 100%; margin-top: 120px; padding: 70px 0 0 0; background: #181b20;}



.footer .footerContainer {max-width: 1180px; margin: 0px auto;}



.footer .left {float: left; width: 100%; margin-top: 50px; font-family: 'SF Pro Text'; font-weight: 200; text-align: center;}



.footer .left .logo {float: left; clear: both;}



.footer .kalkans {float: right; width: 240px;color: #8FA3B4;  font-size: 11px; margin-top: -25px;}



.footer .kalkans span {display: inline-block; vertical-align: middle;text-align: left;line-height: 14px;}



.footer .kalkans img {display: inline-block; vertical-align: middle; margin-right: 18px; }



.footer .kalkans a {color: #8FA3B4; font-weight: 500; transition: 0.5s; }



.footer .kalkans a:hover {color: #fff;}



.footer .left .teslaico {float: left; }



.footer .left .teslaico div {display: table-cell; vertical-align: middle; }



.footer .left .teslaico div + div {padding-left: 20px; font-size: 11px; color: #6E8496;}



.footer .right {float: left; width:100%;}



.footer .right .list {float: left; width: 20%; font-family: 'SF Pro Text'; font-weight: 200;}



.footer .right .list .list {float: left; width: 100%;}



.footer .right .list .title {font-size: 12px; font-weight: 500; color:#FFF; margin-bottom: 20px;}



.footer .right .list .title a {color: #FFF;}



.footer .right .list ul li {width: 100%;}



.footer .right .list ul li a {float: left; width: 100%; transition:0.5s; color: #6E8496; font-size: 11px; line-height: 15px; padding: 5px 0;}



.footer .right .list ul li a:hover { color: #FFF;}



.footer .right .app {float: right;font-family: 'SF Pro Text'; font-weight: 200; margin-top: 185px;}



.footer .right .app a {float: left;  height: 45px; border:1px solid #B7C2CB; border-radius: 40px; padding:7px 30px 0 70px; font-size: 12px; color: #6E8496; transition:0.5s; letter-spacing: 1.5px;}



.footer .social {float: right; margin-top: -115px; color: #fff; font-size: 12px;font-family: 'SF Pro Text'; font-weight: 500; text-align: right;}



.footer .social .follow { margin-bottom: 24px; float: left; width: 100%;}



.footer .social a {display: inline-block; vertical-align: middle; opacity: 1; transition: 0.5s; padding: 0 10px; color: #6E8496; clear: both;}



.footer .social a:last-child {padding: 0 0 0 10px;}



.footer .social a img {display: inline-block; vertical-align: middle; width: 30px;}



.footer .social a span {/*display: inline-block;*/ display: none !important; vertical-align: middle; padding-left: 10px;}



.footer .social a:hover {color: #FFF; opacity: 0.7;}



.footer .logos {margin: 0px auto; width: 580px;}



.footer .logos div {display: inline-block; vertical-align: middle; background-size: 100% auto !important; margin:0px 13px; transition: 0.5s; position: relative;}



.footer .logos div a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}



.footer .logos span.logo-title { margin-top: -40px; float:left; width: 100%; font-family: 'SF Pro Text'; font-size: 12px; font-weight: 500; color: #FFF; text-align: center; margin-bottom:20px;}



.footer .logos .bl100 {display: inline-block; width: 100%;}



.footer .logos .logo1 {width: 154px; height: 50px; background: url(../images/umbraco.svg) no-repeat; margin: 0 13px 0 0;}



.footer .logos .logo2 {width: 154px; height: 50px; background: url(../images/ozbilgsoft.svg) no-repeat;}



.footer .logos .logo3 {width: 154px; height: 50px; background: url(../images/dijitalnetx.svg) no-repeat;}



.footer .logos .logo4 {width: 154px; height: 36px; background: url(../images/ozbilghosting.svg) no-repeat;}



.footer .logos .logo5 {width: 190px; height: 40px; background: url(../images/kesintisizhosting.svg) no-repeat;}



.footer .logos .logo6 {width: 154px; height: 40px; background: url(../images/globalogame.svg) no-repeat; margin: 0 0 0 13px;}



.footer .logos .logo7 {width: 154px; height: 50px; background: url(../images/tesladigiage.svg) no-repeat; margin: 0 13px 0 0;}



.footer .logos .logo8 {width: 154px; height: 50px; background: url(../images/teslaweb.svg) no-repeat;}



.footer .logos .logo9 {width: 154px; height: 50px; background: url(../images/teslanft.svg) no-repeat;}



.footer .logos .logo10 {width: 154px; height: 50px; background: url(../images/teslatech.svg) no-repeat;}



.footer .logos .logo11 {width: 154px; height: 50px; background: url(../images/teslameta.svg) no-repeat; margin: 0 0 0 13px;}



.footer .logos .logo12 {width: 154px; height: 50px; background: url(../images/teslapos.svg) no-repeat; margin: 0 0 0 13px;}



.footer .logos .logo13 {width: 154px; height: 50px; background: url(../images/teslagate.svg) no-repeat; margin: 0 0 0 13px;}



.footer .logos .logo14 {width: 154px; height: 50px; background: url(../images/teslarobotik.svg) no-repeat; margin: 0 0 0 13px;}



.footer .logos .logo15 {width: 154px; height: 50px; background: url(../images/teslaus.svg) no-repeat; margin: 0 0 0 13px;}



.footer .right .app a:hover {color: #FFF;}



.footer .right .app a.apple {float: left; background: url(../images/appleStore.png) no-repeat 15px center; margin-right: 20px;}



.footer .right .app a.google {float: left; background: url(../images/googlePlay.png) no-repeat 28px center; }



.footer .bottom {float: left; width: 100%; margin-top: 40px; border-top: 1px solid rgba(110, 132, 150, 0.1); padding: 25px 0;  font-family: 'SF Pro Text'; font-weight: 200; color: #fff;}



.footer .bottom .logo {float: left;}



.footer .bottom .logo img {float: left; height: 35px;}



.footer .bottom .copyRight {margin: 0px auto; margin-top: 25px; font-size: 11px; width: 400px; text-align: center; color: #6E8496; font-weight: 200; font-family: 'SF Pro Text';}



.footer .bottom .link {float: right;}



.footer .bottom .link a {float: left; font-size: 12px; margin: 0 0 0 50px; transition: 0.5s; color: #FFF;}



.footer .bottom .link a:hover {color: #6E8496;}



.footer .bottom .link a:first-child {margin: 0 0 0 0px;}



.bannerPage {height: 300px; float: left; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}



.bannerPage .bannerContent {max-width: 1180px; margin: 0px auto;}



.bannerPage .title {font-size: 40px; color: #FFF; font-family: 'SF Pro Display'; font-weight: 200; position: absolute; /*top: 50%; transform: translate(0px, -25%);*/bottom: 39px;}



.bannerPage .title.fulls {font-size: 40px;}



.bannerPage .bannerContent.detailPg .title {top: auto; bottom: 39px; transform: none; /*text-transform: uppercase;*/}



.bannerPage .bottom {position: absolute; bottom: 0; padding: 8px 0; background: rgba(11,36,72,0.8); width: 100%; color: #FFF; font-size: 20px; font-weight: 200; left: 0; font-family: 'SF Pro Text';}



.beadCrumb {float: left; width: 100%; border-bottom: 1px solid #E7E7E7; background:#FFF; font-family: 'SF Pro Text'; font-weight: 200;}



.beadCrumb .contain {width: 1180px; margin: 0px auto;}



.beadCrumb .breadList {float: left; max-width: calc(100% - 240px); overflow: hidden;}



.beadCrumb .breadList.w100 {max-width: 100%;}



.beadCrumb ul li {float: left; font-size: 12px; color: #1C2E3D; line-height: 80px;max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 25px;}



.beadCrumb ul li:last-child {margin-right: 0;}



.beadCrumb ul li a {float: left; max-width: 100%; font-size: 12px; color: #1C2E3D; padding-right: 30px; background: url(../images/breadCrumbArrow.png) right center no-repeat; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



.beadCrumb ul li a:hover {}



.beadCrumb .textSize {float: right;}



.beadCrumb .textSize .minus, .beadCrumb .textSize .plus, .beadCrumb .textSize .printP {float:left; line-height: 80px; width: 80px; cursor: pointer; border-right: 1px solid #DFDFDF; text-align: center;}



.beadCrumb .textSize .minus img, .beadCrumb .textSize .plus img , .beadCrumb .textSize .printP img {display: inline-block; vertical-align: middle;}



.beadCrumb .textSize .printP { border-left: 1px solid #DFDFDF;}



.detailPage {margin-bottom: -120px; float: left; width: 100%;}



.detailPage .contents, .contactPage .contents {margin: 0px auto; width:  1180px; display: flex;align-content: flex-start; font-family: 'SF Pro Text'; font-weight: 200;}



.detailPage .contentshaber, .contactPage .contentshaber {margin: 0px auto; align-content: flex-start; font-family: 'SF Pro Text'; font-weight: 200;}



.contactPageHtml .contents {margin: 0px auto; width: 1180px; font-family: 'SF Pro Text'; font-weight: 200;}



.detailPage .leftMenu {float: left; width: 275px; padding-top: 50px; padding-left: 48px;}



.detailPage .leftMenu .title {font-size: 14px; font-family: 'SF Pro Display'; font-weight: 600; margin-bottom: 5px; color: #1C2E3D; padding-bottom: 10px; float: left; border-bottom: 1px solid #5D7487;}



.detailPage .leftMenu ul {margin-bottom: 35px; float: left; width: 100%;}



.detailPage .leftMenu ul li {float: left; width: 100%;}



.detailPage .leftMenu ul li a {float: left; width: 100%; color: #1C2E3D; font-size: 14px; transition: 0.5s; padding: 7px 0; line-height: 18px; font-weight: 500;}



.detailPage .leftMenu ul li a:hover, .detailPage .leftMenu ul li a.active {color: #0097DA;}



.detailPage .rightText {float: left; width: calc(100% - 275px); padding:45px 0 0 60px; color: #1C2E3D; min-height: 900px;}



.detailPage .rightText .title {font-size: 33px; margin-bottom: 40px;}



.detailPage .rightText .desc { padding-bottom: 30px; font-size: 14px; line-height: 24px; text-align: justify;}



.detailPage .rightText .desc img {height: auto;}



.detailPage .rightText .lnht {line-height: 24px;}



.rightText .pgListItem .item {float: left; width: 33.3333333%; padding: 0 15px; margin-bottom: 60px;}



.rightText .pgListItem .item .img, .newsRelated .item .img {float: left; width: 100%; position: relative;}



.rightText .pgListItem .item img, .newsRelated .item img {width: 100%; display: block;}



.rightText .pgListItem .item .img .name, .phNewsList .videoCoverItem .img .name, .newsRelated .img .name {position: absolute; bottom: 0; left: 30px; line-height: 45px; background:rgba(255,255,255, 0.4); color: #FFF; font-size: 14px; padding: 0 24px; }



.rightText .pgListItem .item .slides img {width: 100%;}



.rightText .pgListItem .item .bottom, .newsRelated .item .bottom {background: #FFF; padding: 25px 25px; float: left; width: 100%; border:1px solid #F1F1F1;}



.rightText .pgListItem .item .bottom .title, .phNewsList .videoItem .title, .newsRelated .item .title, .rightText .pgListItem .item .bottom .title a, .phNewsList .videoItem .title a, .newsRelated .item .title a {font-size: 18px; font-weight: 100; color: #003478; margin-bottom: 10px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}



.rightText .pgListItem .item .bottom .desc, .phNewsList .videoItem .desc, .newsRelated .item .desc {font-size: 14px; font-weight: 100; color: #000; margin-bottom: 20px; padding-bottom: 0; line-height: 24px;}



.rightText .pgListItem .item .bottom .link, .phNewsList .videoItem .link a, .newsRelated .item .link {background: url(../images/bArrowWhite.png) no-repeat 25px center #005EB8; display: inline-block; line-height: 40px; color: #FFF; padding: 0 30px 0 40px; font-size: 13px; transition: 0.2s;}



.rightText .pgListItem .item .bottom .link:hover, .phNewsList .videoItem .link a:hover, .newsRelated .item .link:hover {padding: 0 30px 0 50px;}



.rightText .fullItem {margin-bottom: 60px;}



.rightText .fullItem .img {float: left; width: 30%; overflow: hidden; position: relative;}



.rightText .fullItem .img img {float: left; width: 100%; transition: 0.5s;}



.rightText .fullItem:hover .img img {transform: scale(1.1);}



.rightText .fullItem .text {padding-left: 20px; color: #1C2E3D; float: left; width: 70%;}



.rightText .fullItem .text .title, .rightText .fullItem .text .title a {font-size: 33px; font-weight: 200; color: #000; display: block; margin-bottom: 10px; transition: 0.5s;}



.rightText .fullItem:hover .text .title, .rightText .fullItem:hover .text .title a {color: #0E95D5;}



.rightText .fullItem .text .desci {display: block; font-size: 14px; line-height: 24px; display: block; margin-bottom: 20px;}



.rightText .fullItem .text .link {display: inline-block; font-size: 13px; color: #005EB8; background:url(../images/kAll.png) no-repeat left center; padding-left: 25px; line-height: 22px; transition: 0.5s; }



.rightText .fullItem:hover .link {padding-left: 35px;  background:url(../images/kAllHover.png) no-repeat left center;}



.rightText .detailsl {margin-bottom: 15px; text-align: center;}



.rightText .detailsl img {max-width: 100%; display: inline-block;}



.rightText .detailsl .slick-next, .rightText .detailsl .slick-prev {width: 50px; height: 50px; z-index: 3; position: absolute; top: 50%; transform: translate(0, -50%); text-indent: -99999px; overflow: hidden;transition: 0.5s; }



.rightText .detailsl .slick-next:hover, .rightText .detailsl .slick-prev:hover {opacity: 0.7;}



.rightText .detailsl .slick-next {background: url(../images/detailslRight.png); right: 45px;}



.rightText .detailsl .slick-prev {background: url(../images/detailslLeft.png); left: 45px;}



.rightText .detailsl .slick-disabled {opacity: 0.3;}



.rightText .detailsl .slick-disabled:hover {opacity: 0.3;}



.rightText .dtLkList {float: left; width: 100%;  }



.rightText .propertyPg {float: left; width: 100%; margin-bottom:90px; }



.rightText .propertyPg .propertyTable{float: left; width: 100%; border: 1px solid #EFEFEF; border-radius: 2px;}



.rightText .propertyPg .propertyTable .pTitle {line-height: 65px; float: left; width: 100%; border-bottom: 1px solid #efefef; border-radius: 2px; text-align: center; font-weight: bold;}



.rightText .propertyPg .propertyTable .list {float: left; width: 100%; line-height: 65px;}



.rightText .propertyPg .propertyTable .list .pName {float: left; width: 70%; padding-left: 50px;border-bottom: 1px solid #efefef; border-radius: 2px; }



.rightText .propertyPg .propertyTable .list:last-child .pName {border-bottom: none; }



.rightText .propertyPg .propertyTable .list .pContent {float: left; width: 30%; background: #EFEFEF; text-align: center; border-radius: 2px; }



.textSizeItem .lineHeight {line-height: initial;}



.downloadLnk {float: left; width: 100%; background: #971010; line-height: 65px;text-align: center; margin: 120px 0 -120px 0; font-family: 'SF Pro Text'; font-weight: 200; transition: 1s; position: relative; z-index: 2;}



.downloadLnk a {color:#FFF; font-size: 14px; display: inline-block; vertical-align: middle; transition: 1s; position: relative; padding: 0 30px; margin: 0 -2px;}



.downloadLnk a:after {position: absolute; top: 50%; right: 0; transform: translate(0, -50%); width: 1px; height: 20px; background: #FFFFFF; opacity: 0.3; content: "";}



.downloadLnk a:last-child:after {display: none;}



.downloadLnk a span {display: inline-block; width: 24px; height: 22px; background: url(../images/downloadLnk.png) no-repeat; vertical-align: middle; margin-right: 25px; transition: 1s;}



.downloadLnk a:hover {background:#181b20; color: #FFF;}



/*.downloadLnk:hover a span {background: url(../images/downloadLnkHover.png) no-repeat;}*/



.pageLoading {position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 999; background: #fff; transition:1s;}



.pageLoading .loadingContent{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}



.pageLoading .loadingContent .img {width: 100%; text-align: center; position: absolute; top: 100%; transition-duration: 1s; transition-delay: 0.5s; padding-left: 10px;}



.pageLoading .loadingContent .load {width: 100%; text-align: center; position: absolute; top: 100%; transition:1s; opacity: 0;}



.pageLoading.active .load {top: 50%; transform: translate(0, -50%); opacity: 1; transition:1s; }



.js-loading-indicator{display:inline-block;border-radius:50%;border:3px solid transparent;border-top-color:#3498db;border-right-color:#3498db;-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1002;width:100%;height:100%}



.js-loading-indicator.double::before{content:"";position:absolute;border-radius:50%;top:5px;left:5px;right:5px;bottom:5px;border:3px solid transparent;border-top-color:#e74c3c;-webkit-animation:spin 3s linear infinite;-moz-animation:spin 3s linear infinite;animation:spin 3s linear infinite}



.js-loading-indicator.triple::after,.js-loading-indicator.triple::before{content:"";position:absolute;border-radius:50%;border:3px solid transparent}



.js-loading-indicator.triple::before{top:5px;left:5px;right:5px;bottom:5px;border-top-color:#e74c3c;-webkit-animation:spin 3s linear infinite;-moz-animation:spin 3s linear infinite;animation:spin 3s linear infinite}



.js-loading-indicator.triple::after{top:15px;left:15px;right:15px;bottom:15px;border-top-color:#f9c922;-webkit-animation:spin 1.5s linear infinite;-moz-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}



.pageLoading.removes {top: -100%;}



.home__scroll-cta {width: 80px; height: 80px; position: absolute; bottom:40px; left: 40%; background: none; border: none; outline: none !important;}



.arrow-button__border,.arrow-button__border svg{position:absolute;top:0;left:0;width:100%;height:100%; outline: none;}



.arrow-button__border svg {stroke:#FFF;fill:none;-webkit-backface-visibility:hidden;backface-visibility:hidden; outline: none !important;}



.arrow-button__border svg:focus, .arrow-button__border svg:hover {outline: none !important;}



.arrow-button__border svg:first-child{opacity:0.2;}



.arrow-button__border svg:last-child{stroke-dasharray:207.34512px 207.34512px;stroke-dashoffset:207.34512px;visibility:hidden;-webkit-transition:visibility 0s 1.5s;transition:visibility 0s 1.5s;-webkit-animation:arrow-button__border-out 1.5s cubic-bezier(.77,0,.175,1);animation:arrow-button__border-out 1.5s cubic-bezier(.77,0,.175,1)}



html:not(.touch) .arrow-button:hover .arrow-button__border svg:last-child{visibility:inherit;-webkit-transition:none;transition:none;-webkit-animation:arrow-button__border-over 1.5s cubic-bezier(.77,0,.175,1) forwards;animation:arrow-button__border-over 1.5s cubic-bezier(.77,0,.175,1) forwards; outline: none !important;}



@-webkit-keyframes arrow-button__border-over{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);stroke-dashoffset:0}}



@keyframes arrow-button__border-over{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);stroke-dashoffset:0}}



@-webkit-keyframes arrow-button__border-out{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);stroke-dashoffset:0}to{-webkit-transform:rotate(270deg);transform:rotate(270deg);stroke-dashoffset:-207.34512px}}



@keyframes arrow-button__border-out{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);stroke-dashoffset:0}to{-webkit-transform:rotate(270deg);transform:rotate(270deg);stroke-dashoffset:-207.34512px}}



.arrow-button__picto{position:absolute;top:50%;left:50%;display:block;width:15px;height:9px;stroke:#FFF;stroke-width:2px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.455,.03,.515,.955);animation-timing-function:cubic-bezier(.455,.03,.515,.955)}



.arrow-button--down .arrow-button__picto{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);-webkit-animation-name:arrow-button__picto-out-down;animation-name:arrow-button__picto-out-down}



html:not(.touch) .arrow-button--down:hover .arrow-button__picto{-webkit-animation-name:arrow-button__picto-over-down;animation-name:arrow-button__picto-over-down}



.arrow-button--right .arrow-button__picto{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-name:arrow-button__picto-out-right;animation-name:arrow-button__picto-out-right}



html:not(.touch) .arrow-button--right:hover .arrow-button__picto{-webkit-animation-name:arrow-button__picto-over-right;animation-name:arrow-button__picto-over-right}



.arrow-button--left .arrow-button__picto{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-name:arrow-button__picto-out-left;animation-name:arrow-button__picto-out-left}



html:not(.touch) .arrow-button--left:hover .arrow-button__picto{-webkit-animation-name:arrow-button__picto-over-left;animation-name:arrow-button__picto-over-left}



@-webkit-keyframes arrow-button__picto-over-down{0%{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}50%{-webkit-transform:translate(-50%,100%) rotate(90deg);transform:translate(-50%,100%) rotate(90deg);opacity:0}50.01%{-webkit-transform:translate(-50%,-200%) rotate(90deg);transform:translate(-50%,-200%) rotate(90deg)}to{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);opacity:1}}



@keyframes arrow-button__picto-over-down{0%{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}50%{-webkit-transform:translate(-50%,100%) rotate(90deg);transform:translate(-50%,100%) rotate(90deg);opacity:0}50.01%{-webkit-transform:translate(-50%,-200%) rotate(90deg);transform:translate(-50%,-200%) rotate(90deg)}to{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);opacity:1}}



@-webkit-keyframes arrow-button__picto-over-right{0%{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}50%{-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0}50.01%{-webkit-transform:translate(-200%,-50%);transform:translate(-200%,-50%)}to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}}



@keyframes arrow-button__picto-over-right{0%{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}50%{-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0}50.01%{-webkit-transform:translate(-200%,-50%);transform:translate(-200%,-50%)}to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}}



@-webkit-keyframes arrow-button__picto-over-left{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scaleX(-1);transform:translate(-50%,-50%) scaleX(-1)}50%{-webkit-transform:translate(-100%,-50%) scaleX(-1);transform:translate(-100%,-50%) scaleX(-1);opacity:0}50.01%{-webkit-transform:translate(100%,-50%) scaleX(-1);transform:translate(100%,-50%) scaleX(-1)}to{-webkit-transform:translate(-50%,-50%) scaleX(-1);transform:translate(-50%,-50%) scaleX(-1);opacity:1}}



@keyframes arrow-button__picto-over-left{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scaleX(-1);transform:translate(-50%,-50%) scaleX(-1)}50%{-webkit-transform:translate(-100%,-50%) scaleX(-1);transform:translate(-100%,-50%) scaleX(-1);opacity:0}50.01%{-webkit-transform:translate(100%,-50%) scaleX(-1);transform:translate(100%,-50%) scaleX(-1)}to{-webkit-transform:translate(-50%,-50%) scaleX(-1);transform:translate(-50%,-50%) scaleX(-1);opacity:1}}



@-webkit-keyframes arrow-button__picto-out-down{0%{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}50%{-webkit-transform:translate(-50%,-200%) rotate(90deg);transform:translate(-50%,-200%) rotate(90deg);opacity:0}50.01%{-webkit-transform:translate(-50%,100%) rotate(90deg);transform:translate(-50%,100%) rotate(90deg)}to{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);opacity:1}}@keyframes arrow-button__picto-out-down{0%{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}50%{-webkit-transform:translate(-50%,-200%) rotate(90deg);transform:translate(-50%,-200%) rotate(90deg);opacity:0}50.01%{-webkit-transform:translate(-50%,100%) rotate(90deg);transform:translate(-50%,100%) rotate(90deg)}to{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);opacity:1}}



@-webkit-keyframes arrow-button__picto-out-right{0%{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}50%{-webkit-transform:translate(-200%,-50%);transform:translate(-200%,-50%);opacity:0}50.01%{-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}}



@keyframes arrow-button__picto-out-right{0%{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}50%{-webkit-transform:translate(-200%,-50%);transform:translate(-200%,-50%);opacity:0}50.01%{-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}}



@-webkit-keyframes arrow-button__picto-out-left{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scaleX(-1);transform:translate(-50%,-50%) scaleX(-1)}50%{-webkit-transform:translate(100%,-50%) scaleX(-1);transform:translate(100%,-50%) scaleX(-1);opacity:0}50.01%{-webkit-transform:translate(-100%,-50%) scaleX(-1);transform:translate(-100%,-50%) scaleX(-1)}to{-webkit-transform:translate(-50%,-50%) scaleX(-1);transform:translate(-50%,-50%) scaleX(-1);opacity:1}}



@keyframes arrow-button__picto-out-left{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scaleX(-1);transform:translate(-50%,-50%) scaleX(-1)}50%{-webkit-transform:translate(100%,-50%) scaleX(-1);transform:translate(100%,-50%) scaleX(-1);opacity:0}50.01%{-webkit-transform:translate(-100%,-50%) scaleX(-1);transform:translate(-100%,-50%) scaleX(-1)}to{-webkit-transform:translate(-50%,-50%) scaleX(-1);transform:translate(-50%,-50%) scaleX(-1);opacity:1}}



.home__screen,.page{visibility:hidden}



.home__screen{position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}



.home__screen--current{visibility:inherit;z-index:2}



.home__screen__inner{padding-top:16vh}



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



.thmbSlder .thumbnailSl {position: absolute; bottom: 40px; opacity: 0; left: 50%; transform: translate(-50%, 0); transition: 1s;}



.thmbSlder:hover .thumbnailSl {opacity: 1; } 



.thmbSlder .thumbnailSl .list { transition: 0.5s;max-width: 270px; }



.thmbSlder .thumbnailSl .list .slick-track {background: rgba(0,0,0,0.7); border-top-left-radius: 4px;  border-top-right-radius: 4px; padding: 5px 0;}



.thmbSlder .thumbnailSl .list .slick-slide { padding: 0 2px; position: relative;}



.thmbSlder .thumbnailSl .list .slick-slide:after {content:"";width: 100%; height: calc(100% + 4px); position: absolute; top: -2px; left: 0; transition: 0.5s; z-index: -1;}



.thmbSlder .thumbnailSl .list .slick-slide.slick-active.slick-center:after {background: #FFF;}



.thmbSlder .thumbnailSl .list img {width: 100%;}



.thmbSlder .thumbnailSl .list .slick-prev {position: absolute; left: -30px; top: 50%; width: 30px; background: url(../images/detlLeSlider.png) no-repeat center center rgba(0,0,0,0.7); text-indent: -9999px; overflow: hidden; height: 100%; top: 0; border-top-left-radius: 4px;}



.thmbSlder .thumbnailSl .list .slick-next {position: absolute; right: -30px; top: 50%; width: 30px; background: url(../images/detlRiSlider.png) no-repeat center center rgba(0,0,0,0.7); text-indent: -9999px; overflow: hidden; height: 100%; top: 0; border-top-right-radius: 4px;}



.img-and-text {float: left; width: 100%; margin-bottom: 100px; display: flex;}



.img-and-text .img, .img-and-text .textDe {float: left; width: 50%;}



.img-and-text .img img {height: 100%; float: left;}



.img-and-text .textDe {background: #2B577A; color: #FFF; font-size: 16px; line-height: 24px; font-weight: 200; padding: 45px 45px;}



.percentProperty {float: left; width: 100%; margin-bottom: 100px;}



.percentProperty .left { float: left; width: 55%; padding-right: 30px; }



.percentProperty .left .subTitle {font-size: 17px; line-height: 24px;margin-bottom: 25px;}



.percentProperty .right{width: 45%; float: left; border: 1px solid #EFEFEF; border-radius: 2px;}



.percentProperty .right div {float: left; width: 100%; line-height: 65px; border-bottom:1px solid #EFEFEF; text-align: center; }



.percentProperty .right div .spTitle {float: left; width: 100%; font-weight: bold;}



.percentProperty .right div:last-child {border-bottom: none; }



.none1920, .hrMobile, .mobileLang {display: none;}



.prMbSlide {float: left; width: 100%;}



.prMbSlide .slick-prev, .prMbSlide .slick-next, .homeNews .itemDynamic .list .slick-prev, .homeNews .itemDynamic .list .slick-next {width: 51px; height: 51px; text-indent: -9999px; overflow: hidden; position: absolute; top: 50%; transform: translate(0, -50%); z-index: 2;}



.prMbSlide .slick-prev, .homeNews .itemDynamic .list .slick-prev {background: url(../images/mbSliRight.png) no-repeat center center; left: 15px;}



.prMbSlide .slick-next, .homeNews .itemDynamic .list .slick-next {background: url(../images/mbSliLeft.png) no-repeat center center; right: 15px;}



.prMbSlide .slick-next {right: 30px;}



.detailPTitle {font-size: 33px; margin-bottom: 15px; line-height: initial; text-align: initial;}



.detailPage .tpListing .dtLkList {padding-bottom: 50px;}



.detailPage .tpListing .dtLkList sup {font-size: 9px; top: -8px;}



.globalPresenceList {float: left; width: 100%;} 



.globalPresenceList .globalTitle {float: left; width: 100%; font-size: 33px; margin-bottom: 30px;}



.globalPresenceList .globalList {float: left; width: 100%; margin-bottom: 50px; position: relative;}



.globalPresenceList .globalList .left, .globalPresenceList .globalList .right{position: absolute; top: calc(100px - 22.5px); width: 45px; height: 45px; cursor: pointer; z-index: 2;}



.globalPresenceList .globalList .left {left: -7px;}



.globalPresenceList .globalList .right {right: -7px;}



.globalPresenceList .globalList .item {padding: 0 15px;}



.globalPresenceList .globalList .item .img {float: left; width: 100%; height: 198px;position: relative; overflow: hidden; transition: 0.5s;}



.globalPresenceList .globalList .item .img:before {content: ""; transition:0.5s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,94,184,0.6); opacity: 0;}



.globalPresenceList .globalList .item .img img {width: 100%;}



.globalPresenceList .globalList .item:hover .img:before {opacity: 1;}



.globalPresenceList .globalList .item:hover .img {height: 0; transition: height 0.5s;}



.globalPresenceList .globalList .item .text {float: left; width: 100%; height: 130px;position: relative;padding: 25px 25px; overflow: hidden; transition: 0.5s; border: 1px solid #F1F1F1;}



.globalPresenceList .globalList .item:hover .text {height: 328px;}



.globalPresenceList .globalList .item .text .titles {font-size: 18px; font-weight: 100; color: #003478; margin-bottom: 10px; overflow: hidden;}



.globalPresenceList .globalList .item .text .descs {font-size: 14px; line-height: 24px; font-weight: 100; color: #000; margin-bottom: 20px; overflow: hidden; height: 24px; transition: 0.5s;}



.globalPresenceList .globalList .item .text:hover .descs {margin-bottom: }



.globalPresenceList .globalList .item .text .btn a {background: url(../images/bArrowWhite.png) no-repeat 25px center #181b20; display: inline-block; line-height: 40px; color: #FFF; padding: 0 30px 0 40px; font-size: 13px; transition: 0.5s;color: #FFF; font-weight: 200; font-size: 12px; left: 25px;}



.globalPresenceList .globalList .item .text .btn {position: absolute; bottom: -100%; transition: 0.5s; border-radius: 0; padding: 0; margin:0; left: 25px;}



.globalPresenceList .globalList .item:hover .text .btn {bottom: 25px; transition: 0.5s;}



.globalPresenceList .globalList .item .text .btn:hover a{padding: 0 30px 0 50px;}



.globalPresenceList .globalList .item .contentText {float: left; font-size: 14px; margin-top: 10px; opacity: 0; transition: 0.5S;}



.globalPresenceList .globalList .item:hover .contentText {opacity: 1; margin-top: 0;}



.globalPresenceList .globalList .item .contentText .adress, .globalPresenceList .globalList .item .contentText .phone, .globalPresenceList .globalList .item .contentText .mail  {float: left; width: 100%;margin-bottom: 10px; font-size: 14px; font-weight: 200; padding-left: 25px; color: #1C2E3D;}



.globalPresenceList .globalList .item .contentText .adress {background: url(../images/cAdress.png) no-repeat left 4px; min-height: 24px;}



.globalPresenceList .globalList .item .contentText .phone {background: url(../images/cPhone.png) no-repeat center left;}



.globalPresenceList .globalList .item .contentText .phone + .phone, .contactPageHtml .leftPg .phone + .phone {background: url(../images/cFax.png) no-repeat center left;}



.globalPresenceList .globalList .item .contentText .mail {background: url(../images/cMail.png) no-repeat center left;}



.globalPresenceList .globalList .item .contentText .mail a {color: #1C2E3D;}



.headerMaps {float: left; width: 100%;}



.headerMaps img {float: left; width: 100%;}



.headerMaps #map {float: left; width: 100%; height: 425px;}



.contactPage, .contactPageHtml {float: left; width: 100%;}



.contactHeader.header .menu ul li> a {color: #000000;}



.contactHeader.header .search .bg, .contactHeader.header .lang .bg  {background: #000;}



.contactHeader.header .lang {color: #000;}



.contactHeader.header .search .icon {background: url(../images/blackSearch.png) no-repeat center center}



.contactHeader.header .lang .list a {background: rgba(0,0,0, 0.2);}



.contactHeader.header .lang .list a + a {background: rgba(0,0,0, 0.3)}



.contactHeader.header .logo a { background: url(../images/headerLogo.png) no-repeat; background-size: auto 100%; background-position: center center; }



.contactPage .leftImg, .contactPage .rightContact, .contactPageHtml .leftImg, .contactPageHtml .rightContact {float: left; width: 60%; padding-top: 50px;}



.contactPage .rightContact, .contactPageHtml .rightContact {width: 34%; float: right;}



.contactPage .leftPg, .contactPageHtml .leftPg {float: left; width: 65%; padding-top: 50px; padding-right: 40px;}



.contactPage .leftPg .pTitle, .contactPage .rightContact .pTitle, .contactPageHtml .leftPg .pTitle, .contactPageHtml .rightContact .pTitle {float: left; width: 100%;font-size: 33px; margin-bottom: 15px;}



.contactPage .leftPg .maps, .contactPageHtml .leftPg .maps {float: left; width: 100%; margin-bottom: 30px; width: 100%;}



.contactPage .leftPg .maps img, .contactPageHtml .leftPg .maps img {max-width: 100%;}



.contactPage .leftPg .adress, .contactPage .leftPg  .phone, .contactPage .leftPg .mail, .contactPageHtml .leftPg .adress, .contactPageHtml .leftPg  .phone, .contactPageHtml .leftPg .mail  {float: left; width: 100%;margin-bottom: 15px; font-size: 14px; font-weight: 200; padding-left: 25px; color: #1C2E3D;}



.contactPage .leftPg .adress, .contactPageHtml .leftPg .adress {background: url(../images/cAdress.png) no-repeat left 4px; min-height: 24px;}



.contactPage .leftPg .phone, .contactPageHtml .leftPg .phone {background: url(../images/cPhone.png) no-repeat center left;}



.contactPage .leftPg .mail, .contactPageHtml .leftPg .mail {background: url(../images/cMail.png) no-repeat center left;}



.contactPage .leftPg .mail a, .contactPageHtml .leftPg .mail a {color: #1C2E3D;}



.rightContact .box {float: left; width: 100%; border:1px solid #F1F1F1; margin-top: 10px; padding: 25px 25px;}



.rightContact .box .spTitle {font-size: 18px; font-weight: 200; color: #003478; margin-bottom: 10px;}



.rightContact .box .desc {font-size: 14px; line-height: 24px; margin-bottom: 14px;}



.rightContact .box a {background: url(../images/bArrowWhite.png) no-repeat 25px center #181b20; display: inline-block; line-height: 42px; color: #FFF; padding: 0 30px 0 40px; font-size: 12px; transition: 0.5s;}



.rightContact .box a:hover {padding: 0 30px 0 50px;}



.contactPageHtml .leftPg, .contactPageHtml .rightContact {margin-bottom: 90px;}



.deratilPercentProm {float: left; width: 100%; border: 1px solid #EFEFEF; display: flex; margin-bottom: 30px;}



.deratilPercentProm .left{float: left; width: 55%;}



.deratilPercentProm .right {float: left; width: 45%;}



.deratilPercentProm .left .topTitle {float: left; width: 100%; min-height: 66px; border-bottom: 1px solid #efefef; padding: 12px 0 12px 30px;}



.deratilPercentProm .right {border-left: 1px solid #efefef;}



.deratilPercentProm .left .topTitle .mTitle {font-size: 20px; font-weight: bold;}



.deratilPercentProm .left .topTitle .mSubTitle {font-size: 14px; font-weight: bold;}



.deratilPercentProm .left .boxContent {align-items: center; display: flex; height: calc(100% - 66px); float: left; padding:0 50px 0 50px; width: 100%;}



.deratilPercentProm .left .boxContent .ms {float: left; width: 100%;}



.deratilPercentProm .left .boxContent .ms label {float: left; width:100%; margin-bottom: 20px; font-size: 14px; line-height: 24px;}



.deratilPercentProm .left .boxContent .ms label div {float: left; width: 70px;}



.deratilPercentProm .left .boxContent .ms label span {font-weight: bold; margin-right: 5px;}



.deratilPercentProm .left .boxContent .ms label span:last-child {margin-right: 0;}



.deratilPercentProm .left .boxContent .ms label:last-child {margin-bottom: 0;}



.deratilPercentProm .right .topTitle {float: left; width: 100%; line-height: 66px; padding-left: 50px; background: #005EB8; color: #FFF;}



.deratilPercentProm .right .topTitle .mTitle {font-size: 15px; font-weight: bold; line-height: 66px;}



.deratilPercentProm .right .topList { float: left; width: 100%; max-height: 400px; background: #FFF;}



.deratilPercentProm .right .topList .mCSB_inside > .mCSB_container { margin-right: 0;}



.deratilPercentProm .right .topList ul li {font-size: 14px; padding: 10px 15px 10px 30px; line-height: 20px; border-bottom: 1px solid #EFEFEF;}



.deratilPercentProm .right .topList ul li:last-child {border-bottom:none;}



.deratilPercentProm .right .topList .mCSB_scrollTools {width: 4px;}



.deratilPercentProm .right .topList .mCSB_scrollTools .mCSB_draggerRail {background: none;}



.deratilPercentProm .right .topList .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #0B2448;}



.detailAbilityProm {float: left; width: 100%; margin-bottom: 30px;}



.detailAbilityProm .left, .detailAbilityProm .right {float: left; width: 50%;}



.detailAbilityProm .left {padding-right: 30px;}



.detailAbilityProm .left .aTitle {font-size:17px; margin-bottom: 30px; padding-top: 10px; font-weight: bold;}



.detailAbilityProm .left .aDesc {font-size: 14px; line-height: 24px;}



.detailAbilityProm .right {border:1px solid #EFEFEF;}



.detailAbilityProm .right .aTitle {line-height: 24px; display: inline-block; text-align: center; font-size: 15px; font-weight: bold; border-bottom: 1px solid #efefef; color: #FFF; background: #005EB8; padding: 15px 15px; width: 100%;}



.detailAbilityProm .right .aContent { overflow: auto; max-height: 280px;}



.detailAbilityProm .right .aContent .mCSB_inside > .mCSB_container {margin-right: 0;}



.detailAbilityProm .right .aContent ul li {padding: 10.5px 30px; line-height: 20px; font-size: 14px; border-bottom: 1px solid #efefef;}



.detailAbilityProm .right .aContent ul li:last-child {border-bottom: none;}



.detailAbilityProm .mCSB_scrollTools {width: 4px;}



.detailAbilityProm .mCSB_scrollTools .mCSB_draggerRail {background: none;}



.detailAbilityProm .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #0B2448;}



.detail-img-text {float: left; width: 100%; margin-bottom: 30px;}



.detail-img-text .img-, .detail-img-text .texts- {float: left; width: 50%;}



.detail-img-text .img- {padding-left: 15px;}



.detail-img-text .img- img {max-width: 100%;}



.detail-img-text .texts- {padding-right: 15px;}



.detail-img-text .texts- .text-title {font-size: 17px; margin-bottom: 25px;}



.detail-img-text .texts- .text-desc {font-size: 14px; line-height: 24px;}



.detail-img-text.text-rights .img- {padding-right: 15px; padding-left: 0;}



.detail-img-text.text-rights .texts- {padding-left:15px; padding-right: 0;}



.header.background.MenusOpen {background:#0B2448; }



.mobileMenuIcon {display: none; width: 20px; height: 14px; background: url(../images/mobileMenu.png) no-repeat center center; position: absolute;padding: 35px; right: 0; transition: 0.2s;}



.header.background .mobileMenuIcon {background: url(../images/mobileMenuWhite.png) no-repeat center center;}



.mobileMenuIcon.active {background: url(../images/mobileMenuHover.png) no-repeat center center;}



.mobileMenu {display: none; position: fixed; top: 0; left: -100%; background: #0B2448; width: 100%; height: 100%; z-index: 9; transition: 0.5s; padding-top: 120px; font-family: 'SF Pro Text'; font-weight: 200;}



.mobileMenu.right0 {left: 0;}



.mobileMenu .mobileSearch {float: left; padding: 0 15px; position: relative; width: 100%; margin-bottom: 12px; border-bottom: 1px solid rgba(110,132,150,0.3);}



.mobileMenu .mobileSearch input {float: left; width: 100%; height: 45px; font-weight: 200;font-size: 15px; color: #FFF; background: #0B2448; font-family: 'SF Pro Text'; padding: 0 25px;}



.mobileMenu .mobileSearch input:placeholder {color: #FFF;}



.mobileMenu .mobileSearch input::placeholder {color: #FFF;}



.mobileMenu .mobileSearch input:-ms-placeholder {color: #FFF;}



.mobileMenu .mobileSearch button {position: absolute; left: 15px; top: 16px; width: 14px; height: 14px; background: url(../images/mobileSearchIcon.png) no-repeat center center;}



.mobileMenu .mobileMenuList {height: calc(100% - 58px); overflow: auto; width: 100%; padding: 0 15px;}



.mobileMenuList ul li {float: left; width: 100%;}



.mobileMenuList ul li a {float: left; width: 100%; font-size: 18px; color: #FFF;font-weight:bold; padding: 13px 0; background: url(../images/menuPlus.png) no-repeat right center;}



.mobileMenuList ul li a.active {background: url(../images/menuMinus.png) no-repeat right center;}



.mobileMenuList ul li ul {padding-left: 15px; display: none; float: left; width: 100%;}



.mobileMenuList ul li:hover > ul {display: block;}



.mobileMenuList ul li ul li a {color: #FFF;background: none;padding: 6px 0;font-weight: bold; font-size: 16px; font-weight: 200; }



.mobileMenuList ul li ul li a.active {background: none;}



.mobileMenuList ul li ul li ul li a {color: #97AAB8;font-size: 14px;padding: 6px 0; background: none; font-weight: 700;}



.mobileMenuList ul li ul li ul li a.active {background: none;}



.mobileLang {position: absolute;right: 70px; top: 10px; line-height: initial;}



.mobileLang span, .mobileLang a {font-size: 14px; font-weight: bold; color: #FFF; transition: 0.5s;padding: 16px 16px; float: left; width: 50px; text-align: center;transition: 0.5s;}



.mobileLang a {background:rgba(255,255,255, 0.2);}



.header.background .mobileLang:hover a {background: rgba(11,36,72, 0.2); color: #0b2448;}



.header.background .mobileLang span {color: #0b2448;}



.header.background .mobileLang:hover span {background: rgba(11,36,72, 0.1);}



.mobileLang .mnList {display: none; width: 50px; margin-top: 75px;}



.mobileLang:hover .mnList {display: block;}



.mobileLang:hover span { background: rgba(255,255,255, 0.1);}



.boardOfDirector {float: left; width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}



.boardOfDirector .item {width:  calc(25% - 15px); margin: 0px calc(100% - 65%); clear: both; margin-bottom: 30px;}



.boardOfDirector .item + .item {display: inline-block; width: calc(25% - 15px); clear: none; margin: 0 7px 20px 7px;}



.boardOfDirector .item .img {float: left; width: 100%; background-position: top center; background-size: contain; background-repeat: no-repeat;}



.boardOfDirector .item .img img {float: left; width: 100%; opacity: 0;}



.boardOfDirector .item .nm-unit {display: inline-block; width: 100%; border: 1px solid #F1F1F1; padding: 15px 10px;}



.boardOfDirector .item .nm-unit .name {font-size: 16px; color: #003478; margin-bottom: 10px;}



.boardOfDirector .item .nm-unit .unit {font-size: 13px; color: #1C2E3D;}



.listPercents {display: flex; width: 100%; flex-wrap: wrap;}



.listPercents .l-items {flex: 50%; clear:both;flex-grow: 1; margin-bottom: 30px;}



.listPercents .l-items:nth-child(even) {padding-left: 15px;}



.listPercents .l-items:nth-child(odd) {padding-right: 15px;}



.listPercents .l-items .l-title {font-size: 17px; margin-bottom: 15px; font-weight: 700;}



.listPercents .l-items .l-ins ul li, .listPercents .l-items p {font-size: 14px; line-height: 24px;}



.listPercents .l-items .l-ins ul li { list-style: disc; list-style-position: outside; margin-left: 15px;}



.full-img {margin-bottom: 60px; float: left; width: 100%; }



.full-img img {border-radius: 3px;}



.detailTabs {float: left; width: 100%; margin-bottom: 100px; border: 1px solid #EFEFEF;}



.detailTabs .tabs {float: left; width: 100%; background: #000000;}



.detailTabs .tabs ul li {float: left;}



.detailTabs .tabs ul li a {float: left; min-width: 140px; line-height: 40px; font-size: 15px; font-weight: bold; padding: 0 15px; color: #FFF; transition: 0.7s;}



.detailTabs .tabs ul li a.active, .detailTabs .tabs ul li a:hover {color: #FFF; background: #05B8BA;}



.tabContents {float: left; width: 100%; padding: 60px 15px 30px 15px;}



.tabContents .tabList {float: left; width: 100%; display: none;}



.tabContents .tabList:first-child {display: block;}



.tabContents .detail-img-text {margin-bottom: 0;}



.pagePager {float: left; width: 100%; text-align: center; margin-bottom: 100px; font-size: 16px;}



.pagePager ul li {display: inline-block; vertical-align: middle; margin: 0 -1px;}



.pagePager ul li a {float: left; color: #003478; line-height: 30px; width: 30px; transition: 0.5s;}



.pagePager ul li.prev a, .pagePager ul li.next a { width: 50px; }



.pagePager ul li a:hover, .pagePager ul li a.active {color: #FFF; background: #003478;}



.pagePager .numbers {float: left; width: 100%; font-size: 16px; color: #1C2E3D; font-weight: 200; margin-bottom: 20px;}



.pagePager .pageindex {display: inline-block; border:1px solid #CCCCCC; line-height: 40px; color: #1C2E3D; font-size: 12px; font-weight: 200; padding: 0 30px 0 40px; background:url(../images/breadCrumbArrow.png) no-repeat 22px 18px; transition: 0.5s;}



.pagePager .pageindex:hover {background:url(../images/breadCrumbArrow.png) no-repeat 30px 18px;}



.detailListPg {float: left; width: 100%; background: #FFF !important;}



.detailListPg .rightText {width: 100%; padding: 60px 0;} 



.detailListPg .pgListItemLst, .detailListPg .pressReleasePg {float: left; width: 100%;}



.detailListPg .pgListItemLst .item {float: left; margin-bottom: 40px;}



.detailListPg .pgListItemLst .item .img {float: left; width: 100%; height: 335px; overflow: hidden; transition: 0.5s; position: relative;}



.detailListPg .pgListItemLst .item .img img {float: left; width: 100%;}



.detailListPg .pgListItemLst .item .bottom {float: left; width: 100%; height: 70px; border: 1px solid #F1F1F1; padding: 25px 25px; overflow: hidden; position: relative; transition: 0.5s;}



.detailListPg .pgListItemLst .item .bottom .title, .threeItemList .item .bottom .title  {font-size: 18px; font-weight: 200; color: #003478; margin-bottom: 0;}



.detailListPg .pgListItemLst .item .bottom .date {font-size: 14px; color: #1C2E3D; margin-top: 10px;}



.detailListPg .pgListItemLst .item .bottom .bottom0 {position: absolute; bottom: -100%; transition: 0.5s;}



.detailListPg .pgListItemLst .item .bottom .bottom0 .link {background: url(../images/bArrowDownWhite.png) no-repeat 25px center #005EB8; display: inline-block; line-height: 40px; color: #FFF; padding: 0 30px 0 40px; font-size: 13px; transition: 0.5s;}



.detailListPg .pgListItemLst .item .bottom .bottom0 .link.right {background: url(../images/bArrowWhite.png) no-repeat 25px center #005EB8;}



.detailListPg .pgListItemLst .item .bottom .bottom0 .link:hover {padding: 0 30px 0 50px;}



.detailListPg .pgListItemLst .item:hover .img {height: 126px;}



.detailListPg .pgListItemLst .item:hover .bottom {height: 147px;}



.detailListPg .pgListItemLst .item:hover .bottom .bottom0 {bottom: 25px;}



.threeItemList {float: left; width: 100%;}



.threeItemList .item {margin-bottom: 40px;}



.threeItemList .item .img, .threeItemList .item .img img {float: left; width: 100%;}



.threeItemList .item .bottom {float: left; border: 1px solid #F1F1F1; padding: 25px 25px; width: 100%; }



.threeItemList .item .bottom .title {margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



.threeItemList .item .bottom .date {color: #1C2E3D; font-size: 14px; }



.pressDetailPg {max-width: 845px; margin: 0px auto;}



.pressDetailPg .prTpTt {float: left; width: 100%; margin-bottom: 15px;}



.pressDetailPg .prTpTt .prTitle {font-size: 33px; color: #1C2E3D; font-weight: 200; width: calc(100% - 80px); float: left;}



.pressDetailPg .prTpTt .prDate {float: right;  margin:20px 0 0 0; font-size: 14px;}



.pressAtt {float: left; width: 100%; border-top: 1px solid #F0F0F0; padding: 0 20px;}



.pressAtt .pAttTitle {float: left; width: 100%; font-size: 33px; color: #1C2E3D; margin:12px 0 30px 0;}



.pressAtt .downloadLink {float: left; width: 100%; margin-bottom: 22px;}



.pressAtt .downloadLink:last-child {margin-bottom: 0;}



.pressAtt .downloadLink a {color: #1C2E3D; float: left; width: 100%; padding-left: 45px;font-size: 14px; line-height: 18px; background-repeat: no-repeat !important;}



.pressAtt .downloadLink a span {display: block;}



.pressAtt .downloadLink a strong {font-weight: bold;}



.pressAtt .downloadLink.zip a{background: url(../images/downloadZip.png) left center;}



.pressAtt .downloadLink.pdf a{background: url(../images/downloadPdf.png) left center;}



.pressAtt .downloadLink.jpg a{background: url(../images/downloadJpg.png) left center;}



.pressAtt .downloadLink.docx a{background: url(../images/downloadDocx.png) left center;}



.press-next-prev {float: left; width: 100%; margin:60px 0 0 0;}



.press-next-prev .left, .press-next-prev .right {float: left; width: 50%;}



.press-next-prev .left {padding-right: 50px;}



.press-next-prev .right {padding-left: 50px;}



.press-next-prev a {float: left; width: 100%; border: 1px solid #F1F1F1;}



.press-next-prev .left a {padding:25px 15px 25px 100px; background: url(../images/pressLeft.png) no-repeat 30px 30px;}



.press-next-prev .right a {padding:25px 100px 25px 15px; text-align: right;  background: url(../images/pressRight.png) no-repeat 298px 30px;}



.press-next-prev a .name {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px;margin-bottom: 12px; color: #003478;}



.press-next-prev a .date {color: #1C2E3D; font-size: 14px; }



.detailListPg .pgListItemLst.pressReleasePg .item .bottom {height: 100px;}



.detailListPg .pgListItemLst.pressReleasePg .item .nme {float: left; height: 43px; background: rgba(159,159,159,0.8); line-height: 43px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: calc(100% - 30px); font-size: 14px; color: #FFF; padding: 0 25px; margin: -43px 15px 0 15px; position: relative; z-index: 2;}



.detailListPg .pgListItemLst.pressReleasePg .item:hover .bottom {height: 177px;}



.detailListPg .pgListItemLst.pressReleasePg .item:hover .bottom .link {bottom: 30px;}



.phNewsList .item .desc, .globalPresenceList .globalList .newsRelated .item .desc {margin-top: 80px;}



.phNewsList .item:hover .desc, .globalPresenceList .globalList .newsRelated .item:hover .desc {margin-top: 0px;}



.phNewsList .item .dates, .globalPresenceList .globalList .newsRelated .item .dates {font-size: 14px; color: #1C2E3D; position: absolute; bottom: 25px; left: 25px;}



.phNewsList .item .bottom0 {right: 25px;}



.globalPresenceList .globalList .newsRelated .item .bottom0 {bottom: -100%; right: 25px; float: right; position: absolute; transition: 0.5s;}



.globalPresenceList .globalList .newsRelated .item:hover .bottom0 {bottom: 25px;}



.phNewsList .videoItem {border-top: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; padding: 15px 0; margin-bottom: 60px; float: left; width: 100%;}



.phNewsList .videoItem .title {float: left; width: 100%; overflow: visible; white-space: inherit;}



.phNewsList .videoItem .desc, .phNewsList .videoItem:hover .desc {margin-top: 69px;}



.phNewsList .videoItem .dates {bottom: 0; left: 15px;}



.phNewsList .videoItem .videoLeftItem {float: left; width: 50%; padding-right: 40px; position: relative;}



.phNewsList .videoItem .videoLeftItem .desc {padding-bottom: 0;}



.phNewsList .videoItem .videoLeftItem .link {float: right; margin-top: 30px;}



.phNewsList .videoCoverItem {float: left; width: 50%; padding-left: 30px;}



.phNewsList .videoCoverItem .img {float: left; width: 100%; position: relative;}



.phNewsList .videoCoverItem .img:after {content: ""; position: absolute; top: 50%; left: 50%; width: 46px; height: 46px; background: url(../images/play-circle.png) no-repeat center center; transform: translate(-50%, -50%);}



.relatedNews .globalList .left, .relatedNews .globalList .right {top: calc(50% - 22.5px)}



.globalPresenceList .globalList .newsRelated .item .img {height: 270px;}



.globalPresenceList .globalList .newsRelated .item:hover .img {height: 134px;}



.relatedNews {float: left; width: 100%; border-top: 1px solid #D2D2D2; padding: 55px 0 0 0;}



.inovationPgList {float: left; width: 100%;}



.inovationPgList .pTitle {font-size: 36px; color: #1C2E3D; margin-bottom: 20px;}



.inovationPgList .pDesc {font-size: 14px; color: #000000; margin-bottom: 15px; line-height: 20px;}



.inovationPgList .pLink {font-size: 12px; display: inline-block; color: #005EB8; background: url(../images/kAllIn.png) no-repeat left center; line-height: 21px;}



.inovationPgList .pLink a {color:#4FACEF; padding-left: 27px; transition: 0.5s;}



.inovationPgList .pLink a:hover {padding-left: 40px;}



.inovationPgList .innList {float: left; width: 100%; margin-top: 60px;}



.inovationPgList .innList .tTitle {font-size: 36px; color: #1C2E3D; margin-bottom: 14px;}



.inovationPgList .innList .tDesc {font-size: 14px; line-height: 20px; color: #1C2E3D; margin-bottom: 15px;}



.inovationPgList .innList.right {float: right;}



.inovationPgList .innList.right .img {float: left; max-width: 100%;}



.inovationPgList .innList .text {float: right;width: 470px; background: #FFF; border: 4px solid #F1F1F1; padding: 25px 25px; position: relative;margin-top: -16%;}



.inovationPgList .innList .text:before {width: 4px; height: calc(100% + 8px); content: ""; position: absolute; left: -4px; top: -4px; background: #005EB8;}



.inovationPgList .innList.left .img {float: right;}



.inovationPgList .innList.left .text {float: left;}



.inovationPgList .innList:last-child {margin-bottom: 100px;}



.inovationPgList .innList.red .text:before {background: #E02226;}



.inovationPgList .innList.full {background: #0B2448;}



.inovationPgList .innList.full .img {float: left; width: 47%;}



.inovationPgList .innList.full .ftext {float: left; width: 53%; padding:30px 30px; color: #FFF; }



.inovationPgList .innList.full .ftext .tTitle {font-size: 36px; margin-bottom: 10px; color: #FFF;}



.inovationPgList .innList.full .ftext .tDesc {font-size: 14px; margin-bottom: 15px; color: #FFF; line-height: 20px;}



.inovationPgList .innList.full .ftext .pLink { background: url(../images/kAllWhite.png) no-repeat left center;}



.inovationPgList .innList.full .ftext .pLink a {color: #FFF;}



.pressDetailPg .inovationPgList .pDesc {margin-bottom: 30px;}



.inovationPgList .contents {display: block;}



.inovationPgList .fs {margin: 90px auto; max-width: 700px; text-align: center;}



.inovationPgList .subList {float: left; width: 100%; font-family: 'SF Pro Text';}



.inovationPgList .subList a {float: left; width: 33.3333333%; height: 400px; position: relative; overflow: hidden;}



.inovationPgList .subList a:after, .inovationPgList .subList a + a + a:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0B2448; z-index: 1;}



.inovationPgList .subList a + a:after {background: #052F5A;}



.inovationPgList .subList a .img {float: left; position: absolute; left: calc(50% - 240px); top: calc(50% - 240px); z-index: 2; height: 480px; width:480px; background-repeat: no-repeat;background-position: center center; background-size: auto 100%; margin-left: 0px auto; border-radius: 100%; opacity: 0.1; transition: 0.4s ease-out;}



.inovationPgList .subList a:hover .img {width: 248px; height: 248px; left: calc(50% - 124px); top: calc(50% - 124px); opacity: 0.6;}



.inovationPgList .subList a .itemCenter {float: left; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; position: absolute;font-size: 15px; color: #FFF; font-weight: 500; white-space: nowrap;}



.inovationPgList .subList a .itemCenter:after {content:""; position: absolute; bottom: -8px; width: 100%; height: 2px; background: #44A8F2; left: 0; }



.inovationPgList .subList a .itemCenter:before {content:""; transition: 0.5s; position: absolute; bottom: -8px; width: 0; height: 2px; background: #FFF; left: 50%; opacity: 0; z-index: 4}



.inovationPgList .subList a:hover .itemCenter:before {opacity: 1; left: 0; width: 100%;}



.inovationPgList .listPercentLeft {width: 100%; float:left; position: relative; background: #EAEFF5;}



.inovationPgList .listPercentLeft .img {width: 50%; float: left;}



.inovationPgList .listPercentLeft .img img {width: 100%;}



.inovationPgList .listPercentLeft .texts {width: 50%; float: left; position: absolute; top: 50%; right: 0; width: 100%; transform:translate(0, -50%);}



.inovationPgList .listPercentLeft .rightElem {float: right;max-width: 430px;}



.inovationPgList .listPercentLeft .texts .pTitle {font-size: 36px; line-height: 44px; font-weight: 200; margin-bottom: 15px;color: #1C2E3D;}



.inovationPgList .listPercentLeft .texts .pDesc {font-size: 16px; line-height: 24px; font-weight: 200; margin-bottom: 15px;color: #6F7F8B;}



.inovationPgList .listFullLeft {height: 600px; float: left; width: 100%; position: relative; background-size: cover; background-position: center auto; background-repeat: no-repeat;}



.inovationPgList .listFullLeft .leftElem {position: absolute; top: 50%; transform: translate(0, -50%); max-width: 430px;}



.inovationPgList .listFullLeft .rightElem {margin-top: 19%; max-width: 430px; float: right;}



.inovationPgList .listFullLeft .leftElem .pTitle, .inovationPgList .listFullLeft .leftElem .pDesc, .inovationPgList .listFullLeft .rightElem .pTitle, .inovationPgList .listFullLeft .rightElem .pDesc {color: #FFF;}











.inovationProject {float: left; width: 100%; margin-bottom: 50px; margin-top: 50px;}



.inovationProject .item {float: left; width: 140px; text-align: center;}



.inovationProject .item {margin: 0 60px;}



.inovationProject .item:last-child, .inovationProject .item:first-child {margin: 0 0;}



.inovationProject .item .img {float: left; width: 100%;}



.inovationProject .item .percent {font-size: 36px; color: #1C2E3D; text-align: center; float: left; width: 100%; position: relative; padding: 10px 0; margin-bottom: 10px;}



.inovationProject .item .percent span {display: block;}



.inovationProject .item .percent:after {width: 40px; height: 2px; content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); background: #05B8BA;}



.inovationProject .item + .item .percent:after {background: #2327AF;}



.inovationProject .item + .item + .item .percent:after {background: #FF3855;}



.inovationProject .item + .item + .item + .item .percent:after {background: #FFCC03;}



.inovationProject .item .text {font-size: 16px; color: #1C2E3D;}



.inovationProject .item.threes {float: left; width: 33.3333333%; margin: 0 0; padding: 0px 15px 30px 15px}



.inovationProject .item.threes:last-child, .inovationProject .item:first-child {margin: 0 0;}



.inovationProject .item.threes .percent {font-size: 17px;}



.inovationProject .item.threes img {display: inline-block;}



.inovationProject .item.threes .text {font-size: 15px; line-height: 24px;}



.textSizeItem .desc ul, .textSizeItem .desc ol {list-style: disc;}



.textSizeItem div ul, .textSizeItem div ol {list-style: none;}



.textSizeItem .desc li, .textSizeItem .desc li {list-style-position: outside; margin-left: 15px;}



.textSizeItem div ul li, .textSizeItem div ol li {list-style-position: initial;} 



.pgDetail.tpListing {text-align: justify; text-justify: inter-word;}



.organizationPg {float: left; max-width: 100%; margin-bottom: 60px; overflow: auto;}



.organizationPg .tItem {float: left; width: 100%; text-align: center; margin-top: 30px;}



.organizationPg .tItem:first-child {margin-top: 0;}



.organizationPg .tItem:first-child:before {display: none;}



.organizationPg .tItem:before {display: inline-block; margin: 0px auto; margin-bottom: 25px; width: 1px; height: 60px; background: #DCDCDC; content: "";}



.organizationPg .tItem .sP {float: left; width: 100%; margin-top: -105px; clear: both;}



.organizationPg .tItem .lItem {display: table; margin: 0px auto; vertical-align: middle; width: 250px; height: 250px; border-radius: 100%; border:1px solid #DCDCDC;}



.organizationPg .tItem .lItem.left {float: left;}



.organizationPg .tItem .lItem.right {float: right;}



.organizationPg .tItem .lItem div {display: table-cell; vertical-align: middle; width: 100%; padding: 0 15px; font-size: 23px; line-height: 26px;}



.organizationPg .tItem .lItem div label {display: inline-block; width: 100%; height: 4px; text-align: center; line-height: 0; margin-top: 15px;}



.organizationPg .tItem .lItem div label:after {content:""; display: inline-block; width: 50px; height: 4px;  background:#0D9066;}



.organizationPg .tItem .lItem.masters div {font-size: 33px; line-height: 36px;}



.organizationPg .tItem .lItem.masters div label:after { background: #005EB8;}



.organizationPg .tItem.yellow .lItem div label:after { background: #FFB228;}



.organizationPg .tItem.red .lItem div label:after { background: #FE6150;}



.organizationPgMobile  {display: none;}



.slMobile {display: none !important;}







.organizationPgDe {float: left; width: 100%; color: #FFF;}



.organizationPgDe .itemOne, .organizationPgDe .itemTwo, .organizationPgDe .itemThree, .organizationPgDe .itemFour {float: left; width: 100%; text-align: center; position: relative;padding-bottom: 50px;}



.organizationPgDe .blue {background: #0B2448;}



.organizationPgDe .wBlue {background: #005EB8;}



.organizationPgDe .itemOne .items {display: inline-block; width: 200px; height: 100px; vertical-align: middle; line-height: 100px; font-size: 17px;}



.organizationPgDe .itemOne:after {content:""; width: 1px; height: 50px; background: #707070; position: absolute; left: 50%; bottom: 0;}



.organizationPgDe .itemTwo .items {position: relative; width: 200px; height: 100px; float: left; margin-left: 322px; font-size: 13px; line-height: 18px;}



.organizationPgDe .items label {position: absolute; top: 50%; left: 0; padding: 0 15px; transform: translate(0, -50%); width: 100%;}



.organizationPgDe .itemTwo .items.rights {float: right; margin-left: 0}



.organizationPgDe .itemTwo .items.rights:after {content:""; width: 1px; height: 25px; background: #707070; position: absolute; top: -25px;}



.organizationPgDe .itemTwo .items.rights:before {content:""; width: 322px; height: 1px; background: #707070; position: absolute; top: -25px; left: -222px;}



.organizationPgDe .itemThree .items {position: relative; width: 200px; height: 100px; float: left; margin-left: 170px; font-size: 11px; line-height: 16px;}



.organizationPgDe .itemThree .items:after {content:""; width: 50px; height: 1px; background: #707070; position: absolute; right: -50px; top: 50%;}



.organizationPgDe .itemThree .items:before {content:""; width: 1px; height: 50px; background: #707070; position: absolute; right: -51px; top: 50%;}



.organizationPgDe .itemThree .items.rights {margin-left: 100px;}



.organizationPgDe .itemThree .items.rights:after {content:""; width: 50px; height: 1px; background: #707070; position: absolute; left: -50px; top: 50%;}



.organizationPgDe .itemThree .items.rights:before {content:""; width: 1px; height: 100px; background: #707070; position: absolute; top: -50px; left: -50px;}



.organizationPgDe .itemThree.last .items:first-child:before {height: 100px;}



.organizationPgDe .itemFour {margin-top: 25px;}



.organizationPgDe .itemFour .items {width: 135px; height: 70px; float: left; position: relative; font-size: 10px; line-height: 14px; margin-left: 7px;}



.organizationPgDe .itemFour .items.first {margin-left: 0px;}



.organizationPgDe .itemFour .items:before {content:""; width: 1px; height: 25px; background: #707070; position: absolute; right: 50%; top: -25px;}



.organizationPgDe .itemFour .items:after {content:""; width: 142px; height: 1px; background: #707070; position: absolute; right: 50%; top: -25px;}



.organizationPgDe .itemFour .items.first:after {display: none;}



table.borders tr, table.borders td {border:1px solid #CCC; padding: 0 10px; text-align: center; vertical-align: middle;}



table.borders td img {display: inline-block; vertical-align: middle;}



.degerImg-text {width: 100%; display: table; margin-bottom: 100px;}



.degerImg-text .img, .degerImg-text .textDe {width: 50%; display: table-cell; vertical-align: middle;}



.degerImg-text.left .textDe {padding-left: 30px;}



.degerImg-text.right .textDe {padding-right: 30px; text-align: right;}



.degerImg-text .titles {font-size: 24px; line-height: 34px; color: #1C2E3D;margin-bottom: 20px; text-align: initial;}



.degerImg-text .subTitles {font-size: 14px; line-height: 24px; color: #1C2E3D;margin-bottom: 20px;}



.degerImg-text .descs {font-size: 14px; line-height: 24px; color:#6F7F8B;}



.pageError {display: inline-block; margin: 0px auto 100px auto;}



.pageError .img {display: block; clear: both; text-align: center;}



.pageError .img img {display: inline-block; }



.pageError .errorNm {display: inline-block; float: let; clear: both; font-size: 33px; margin: -32px 0 30px 0; font-weight: 200; color: #1C2E3D;}



.pageError .link {display: block; text-align: center;}



.pageError .link a {display: inline-block;line-height: 42px; background:url(../images/bArrowWhite.png) no-repeat 20px 18px #005EB8; color: #FFFFFF; font-size: 12px; font-weight: 200; padding:0 20px 0 40px;}



.magazinePg, .magazinePg .beadCrumb {background: #EEEEEE !important;}



.magazinePost { float: left; width: 100%;padding: 30px 0;}



.magazinePost .maganizeGroup {float: left; width: 100%;}



.magazinePost .maganizeGroup .items {float: left; width: calc(25% - 20px); margin: 0px 10px;-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.50); box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.50); position: relative; overflow: hidden; margin-bottom: 15px;}



.magazinePost .maganizeGroup .items:after {content:"";position: absolute; transition: 0.5s; top: 0; left: 0; width: 100%; height: 100%; background: #005EB8; opacity: 0;}



.magazinePost .maganizeGroup .items:hover:after {opacity: 0.8;}



.magazinePost .maganizeGroup .items .img {float: left; width: 100%;}



.magazinePost .maganizeGroup .items .img img {float: left; width: 100%;}



.magazinePost .maganizeGroup .items:last-child {margin-right: 0;}



.magazinePost .maganizeGroup .items .subBottom {position: absolute; transition: 0.5s; bottom: -100%; left: 0; padding: 30px 15px; background: #FFF; width: 100%; z-index: 1; font-weight: 200;}



.magazinePost .maganizeGroup .items:hover .subBottom {bottom: 0;}



.magazinePost .maganizeGroup .items .subBottom .title {font-size: 18px; color: #003478; margin-bottom: 8px;}



.magazinePost .maganizeGroup .items .subBottom .dates {font-size: 14px; color: #1C2E3D; margin-bottom: 9px;}



.magazinePost .maganizeGroup .items .subBottom .link a {float:left; line-height: 42px; background:url(../images/bArrowWhite.png) no-repeat 20px 18px #005EB8; color: #FFFFFF; font-size: 12px; font-weight: 200; padding:0 20px 0 40px; transition: 0.3s; cursor: pointer;}



.magazinePost .maganizeGroup .items .subBottom .link a:hover {padding:0 20px 0 50px;}



.magazinePost .maganizeGroup .line {margin-top: 15px; float: left; width: 100%; padding: 0 10px;}



.magazinePost .maganizeGroup .line img {width: 100%;}



.footerFixFl {position: fixed; z-index: 8; bottom: 0; left: 0; width: 100%; height: 120px; font-family: 'SF Pro Text'; font-weight: 200; background: url(../images/covid-19.png) no-repeat center center; background-repeat: no-repeat; background-size: cover;}



.footerFixFl .contents {max-width: 1180px; margin: 0px auto; display: flex; justify-content: space-between; align-items: center; align-content: center; height: 100%;}



.footerFixFl .closeFt { cursor: pointer; position: absolute; top: 15px; right: 15px; width: 13px; height: 13px; background: url(../images/closeFt.png) no-repeat center center;}



.footerFixFl .playIcon {float: left; width: 33px; height: 41px; margin: 31px 30px 0 0; background: url(../images/playIcon.png) no-repeat center center;}



.footerFixFl .box {float: left;}



.footerFixFl .box .title {font-size: 24px; line-height: 33px; color: #FFFFFF; font-weight: 500; max-width:700px }



.footerFixFl .box .desc {font-size: 16px; color: #FFFFFF;}



.footerFixFl .watch {float: left; margin: 0px 0 0 40px;}



.footerFixFl .watch a {float: left; line-height: 50px; color: #FFF; font-size: 13px; font-weight: 700; border-radius: 26px; background: #FFF; padding: 0 25px;}



.fancybox-button--zoom {margin-right: 28px !important; height: 61px !important;}



/*.fancybox-bg {background: url(../images/18martPopBg.png) no-repeat center center !important; background-size: cover !important; opacity: 1 !important;}*/



.fancybox-button--close {background: url(../images/popupClose.png) no-repeat center center !important; top: 20px; right: 15px;}



.fancybox-button--close svg {display: none !important}



.Mayis19VideoPg {position: fixed; overflow: hidden; bottom: 0; display: none; left: 0; width: 100%; height: 100%; background:url(../images/18martPopBg.png) no-repeat center center #a00410; background-size:auto 100%; z-index: 20;}



.Mayis19VideoPg .contents {-webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; overflow: hidden; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform,opacity; white-space: normal; width: 100%;}



.Mayis19VideoPg .contents:before {content:""; display: inline-block; margin: 0; max-width: 100%; overflow: auto;-webkit-overflow-scrolling: touch; position: relative; text-align: left;vertical-align: middle;}



.Mayis19VideoPg .contents .video {display:inline-block; margin:0;width:100%; height: 100%; overflow:hidden;-webkit-overflow-scrolling:touch;padding:45px;position:relative; text-align:center;vertical-align:middle}



.Mayis19VideoPg .contents .video video {background:transparent;border:0;display:inline-block;max-height:100%;margin:0;overflow:hidden;padding:0;max-width:100%; position: absolute;top:  50%; left: 50%; transform: translate(-50%, -50%);}



.Mayis19VideoPg .closeMy {background: url(../images/popupClose.png) no-repeat center center !important; top: 20px; right: 15px; width: 44px; height: 44px; position: absolute; z-index: 2; cursor: pointer;}



.Mayis19VideoPg .contents .video iframe {width: 1148px; height: 636px; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}



.Mayis19VideoPg .contents .video iframe video {background:transparent;border:0;display:inline-block;max-height:100%;margin:0;overflow:hidden;padding:0;max-width:100%; position: absolute;top:  50%; left: 50%; transform: translate(-50%, -50%);}











.careersPg .careersForms {float: left; width: 100%; padding: 80px 0; background: #F5F8FB; margin-bottom: 120px; color: #1C2E3D;}



.careersPg .careersForms.careersFormsPc {margin-bottom: 0; padding: 120px 0;}



.careersPg .careersForms .sbTitle {font-size: 24px; font-weight: 200; margin-bottom: 10px;}



.careersPg .careersForms .cTitle {font-size: 36px; font-weight: 200; margin-bottom: 25px;}



.careersPg .careersForms .sb {font-size: 16px; font-weight: 200;  margin-bottom: 40px}



.careersPg .careersForms .lk a {display: inline-block; color: #FFF; font-size: 12px; font-weight: 200; line-height: 42px; background: url(../images/bArrowWhite.png) no-repeat 20px center #005EB8; padding: 0 27px 0 42px; transition: 0.5s;}



.careersPg .careersForms .lk a:hover {background: url(../images/bArrowWhite.png) no-repeat 25px center #005EB8}



.careersPg .careersForms .img {margin-bottom: 25px;}



.careersPg .degerImg-text .titles {font-size: 36px; line-height: 46px;}



.careersPg .degerImg-text .descs {text-align: left; font-size: 16px; line-height: 24px;}



.careersPg .careersForms.careersFormsLg {margin-bottom: 0; padding: 120px 0 80px 0; background: #0B2448; color: #FFF;}



.homepPro {float: left; width: 100%; margin-bottom: 30px; font-family: 'SF Pro Text';}



.homepPro .homepProCarousel {float: left; width: 100%; position: relative; padding-bottom: 70px;}



.homepPro .homepProCarousel .slick-arrow { width: 51px; height: 51px; position: absolute; bottom: 0; left: 0;}



.homepPro .homepProCarousel .slick-next, .homepPro .homepProCarousel .slick-prev {float: left; cursor: pointer; width: 50px; height: 50px; border:1px solid #D0D0D0; border-radius: 100%; transition: 0.5s; background: url(../images/homeImgNewsPrev.png) no-repeat center center; background-position: 13px center; text-indent: -999999px; overflow: hidden;}



.homepPro .homepProCarousel .slick-next {background: url(../images/homeImgNewsNext.png) no-repeat center center; background-position: -24px center; left: 70px;}



.homepPro .homepProCarousel .slick-prev:hover {background-position: -27px center;}



.homepPro .homepProCarousel .slick-next:hover {background-position: 15px center;}



.homepPro .homepProCarousel .slick-list {padding-right: 400px !important;}



.homepPro .homepProCarousel .item {float: left; padding-right: 20px;}



.homepPro .homepProCarousel .item a {position: relative; color: #FFF; float: left; width: 100%;}



.homepPro .homepProCarousel .img {float: left; width: 50%;}



.homepPro .homepProCarousel .img  img {float: left; width: 100%;}



.homepPro .homepProCarousel .text {float: left; width: 64%; position: absolute; top: 0; right: 0; height: 100%; background: url(../images/homepProItem.png) left; background-size: auto 100%; padding: 45px 75px 0 155px; font-family: 'SF Pro Text'; font-weight: 200;}



.homepPro .homepProCarousel .text .sub {font-size: 19px; line-height: 26px; margin-bottom: 15px; float: left; width: 100%;}



.homepPro .homepProCarousel .text .title {font-size: 28px; line-height: 34px; font-weight: 700; float: left; width: 100%;}



.homepPro .homepProCarousel .text .lnk {font-size: 15px; font-weight: 300; position: relative; width: calc(100% - 195px); float: left; position: absolute; bottom: 30px; left: 155px; line-height: 19px;}



.homepPro .homepProCarousel .text .lnk:after {content: ""; position: absolute; opacity: 0; transition: 0.5s; width: 23px; height: 19px; right: 20px; background: url(../images/homepProLnk.png) no-repeat center center; background-size: 100% auto;}



.homepPro .homepProCarousel .item:hover .text .lnk:after {opacity: 1; right: 0;}











@media only screen and (max-width: 1900px) {



	.homeSlider .slide .item:before {width: 61.6%;}



	.homeSlider #slider-k .frame-k {width: 27%;}



	.homeSlider #slider-k .frame-k:last-child {width: 47%;}



	.homeSlider #slider-k .frame-k.hoverPrev {width: 21.55%;}



	.homeSlider #slider-k .frame-k.hoverNext {width: 21.55%;}



	.homeSlider #slider-k .frame-k:last-child.hovers {width: 52%;}



	/*.homeSlider #slider-k .frame-k:last-child.hovers, .homeSlider #slider-k .frame-k:first-child.hovers {width: 64.25%;}*/



}



@media only screen and (max-width: 1660px) {



	.homeSlider .slide .item {height: 100vh;}



	.home__scroll-cta {left: 37%;}



}



@media only screen and (max-width: 1600px) {



	.homeSlider .slide .title {font-size: 48px; line-height: 58px;}



	.homeNews .itemDynamic .box, .homeNews .itemStatic .box{margin-bottom: 30px;}



	.homeNews .itemStatic {padding-left: 15px;}



	.homeNews .itemDynamic .list .itemss {padding-right: 30px;}



	.homeSlider .slide .item:before {width: 56.6%;}



	.homeSlider #slider-k .frame-k:last-child.hovers {width: 45%;}



	.homepPro .homepProCarousel .slick-list{padding-right: 200px !important;}



	.homepPro .homepProCarousel .text {padding: 45px 50px 0 130px;}



	.homepPro .homepProCarousel .text .sub{font-size: 16px; line-height: 23px;}



	.homepPro .homepProCarousel .text .title {font-size: 24px; line-height: 30px;}



	.homepPro .homepProCarousel .text .lnk {font-size: 14px; left: 130px; width: calc(100% - 180px);}



}



@media only screen and (max-width: 1440px) {



	.homeSlider .slide .title {font-size: 42px; line-height: 52px;}



	.homeSlider .slide .item.slick-active .link a {margin-top: 20px;}



	.homeProduct {padding: 50px 0 30px 0;}



	.homeNews .itemDynamic .list .itemss{padding-right: 30px;}



	.homeNews .itemStatic {padding-right: 0;}



	.homeNews, .homeCorporate{margin-top: 50px;}



	.homeCorporate {padding: 0 100px}



	.footer {margin-top: 70px;}



	.fullSubMenu .area2{padding:60px 0 60px 45px;}



	.fullSubMenu .area1 ul li a{text-indent: 28%; line-height: 45px; font-size: 14px;}



	.fullSubMenu .area2 ul li a {font-size: 13px; line-height: 45px;}



	.bannerPage .title {font-size: 30px;}



	.bannerPage .title.fulls {font-size: 30px;}



	.bannerPage .bannerContent.detailPg .title {bottom: 39px;}



	.downloadLnk {margin:120px 0 -70px 0;}



	.homeSlider .slide .item:before {width: 57.6%;}



	.homeSlider #slider-k {width: 48.9%;}



	.homeSlider #slider-k .frame-k {width: 25%;}



	.homeSlider #slider-k .frame-k:last-child {width: 42%;}



	.homeSlider #slider-k .frame-k:last-child.hovers{width: 49%;}



	.homeSlider .slide .contents {max-width: 470px;}



	.homeSlider #slider-k .frame-k a .name{font-size: 13px; padding: 20px 15px;}



	.inovationPgList .listPercentLeft .rightElem, .inovationPgList .listFullLeft .rightElem, .inovationPgList .listFullLeft .leftElem {max-width: 410px;}



	.inovationPgList .listPercentLeft .texts .pTitle, .inovationPgList .pTitle {font-size: 28px; line-height: 36px; margin-bottom: 10px;}



	.inovationPgList .listPercentLeft .texts .pDesc, .inovationPgList .pDesc {font-size: 14px; line-height: 22px; }



	.homepPro .homepProCarousel .slick-list {padding-right: 100px !important}



	.homepPro .homepProCarousel .text .sub {margin-bottom: 3px; font-size: 14px;}



	.homepPro .homepProCarousel .text .title {font-size: 18px; line-height: 24px;}



	.homepPro .homepProCarousel .text .lnk {font-size: 14px; width: calc(100% - 180px);}



}



@media only screen and (max-width: 1380px) {



	.header .lang {width: 70px;}



	.header .lang .list {width: calc(70px * 4); left: -70px;}



	.header .lang .list a {width: 70px;}



}



@media only screen and (max-width: 1366px) {



	.homeSlider #slider-k {width: 49.9%;}



}



@media only screen and (max-width: 1280px) {



	 .detailPage {background: rgb(248,248,248); background: -moz-linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 24%, rgba(255,255,255,1) 24%); background: -webkit-linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 24%, rgba(255,255,255,1) 24%); background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 24%, rgba(255,255,255,1) 24%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8",endColorstr="#ffffff",GradientType=1);}



	.rightText .fullItem .text .title {font-size: 24px;}



	.rightText .fullItem .text .desci {margin-bottom: 10px;}



	.homeSlider #slider-k .frame-k:last-child {width: 43%;}



	.homeSlider #slider-k .frame-k:last-child.hovers {width: 50%;}



}



@media only screen and (max-width: 1200px) {



	.header .headerBox, .homeSlider .itemContainer, .homeProduct .contents, .footer .footerContainer, .beadCrumb .contain, .detailPage .contents, .bannerPage .bannerContent, .contactPageHtml .contents, .footerFixFl .contents {max-width: 1000px;}



	.footerFixFl .contents {padding: 0 15px;}



	.header .menu ul li>a {margin:0 12px;}



	.fullSubMenu .area1 ul li a, .fullSubMenu .area2 ul li a {margin:0 0;}



	.header .lang {margin-left: 45px;}



	.homeSlider .slide .title {font-size: 38px; line-height: 48px;}



	.homeSlider .slide .contents {max-width: 410px;}



	.homeSlider .slide .item.slick-active .link a{margin-top: 30px;}



	.homeProduct .itemLeft .item .img, .rightText .pgListItem .item .img {height: 315px;}



	.homeProduct .itemLeft .item:hover .img, .rightText .pgListItem .item:hover .img {height: 217px;}



	.homeProduct .itemLeft .item .bottom .title, .rightText .pgListItem .item .bottom .title, .phNewsList .videoItem .title, .newsRelated .item .title {font-size: 14px;}



	.homeProduct .itemLeft .item .bottom .desc, .rightText .pgListItem .item .bottom .desc {font-size: 12px; line-height: 18px; height: 19px;}



	.homeProduct .itemLeft .item {margin-bottom: 30px;}



	.homeProduct .itemLeft .item .bottom .link {font-size: 12px;}



	.homeNews {padding-left: 30px;}



	.homeNews .itemDynamic .box .title, .homeNews .itemStatic .box .title {font-size: 24px;}



	.homeNews .itemDynamic .box .desc, .homeNews .itemStatic .box .desc {font-size: 13px;}



	.homeNews .itemStatic .text, .homeNews .itemDynamic .list .text {margin-top: 15px;}



	.homeNews .itemStatic .text, .homeNews .itemDynamic .list .text{margin-right: 0;}



	.homeNews .itemStatic .text .right, .homeNews .itemDynamic .list .right {width: calc(100% - 75px);}



	.homeNews .itemStatic .text .date, .homeNews .itemDynamic .list .date {margin-right: 15px; font-size: 13px; width: 60px; padding: 7px 0 11px 0;}



	.homeNews .itemStatic .text .date .sup, .homeNews .itemDynamic .list .date .sup {font-size: 26px;}



	.homeNews .itemStatic .text .right .title, .homeNews .itemDynamic .list .right .title {font-size: 18px;}



	.homeNews .itemStatic .text .right .desc, .homeNews .itemDynamic .list .right .desc {font-size: 12px;}



	.homeNews .itemDynamic .list .right .title {font-size: 18px;}



	.fullSubMenu .menuItem .item {padding: 0 10px;}



	.home__scroll-cta {width: 60px; height: 60px; left: 34%;}



	.fullSubMenu .area2 ul li a {font-size: 12px;}



	.homeProduct .box {margin-bottom: 30px;}



	.homeProduct .box .title {font-size: 28px;}



	.homeProduct .box .desc {font-size: 14px;}



	.none1200 {display: none;}



	.none1920 {display: block;}



	.footer .right, .footer .left {width: 100%;}



	.footer .right .list { padding-right: 10px;}



	.footer .left {margin-top: 60px;}



	.footer .left .logo {margin-right: 60px;}



	.footer .left .logo img {height: 55px;}



	.footer .left .teslaico {margin: 0 0; margin-right: 0; line-height: 55px; width: 270px;}



	.footer .left .teslaico .img img {margin-top:20px;}



	.footer .left .teslaico .img + div {line-height: initial; vertical-align: middle;}



	.footer .left .bt {float: left;}



	.footer .left .logos {float: left;}



	.footer .bottom{margin-top: 30px;}



	.detailPage {background: rgb(248,248,248); background: -moz-linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 26%, rgba(255,255,255,1) 26%); background: -webkit-linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 26%, rgba(255,255,255,1) 26%); background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 26%, rgba(255,255,255,1) 26%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8",endColorstr="#ffffff",GradientType=1); margin-bottom: -70px;}



	.detailPage .leftMenu {width: 240px; padding-right: 30px;}



	.detailPage .rightText {width: calc(100% - 240px); padding: 35px 0 0 30px;}



	.detailListPg .rightText {width:100%; padding: 35px 0;}



	.rightText .detailsl img {width: 100%; display: inline-block;}



	.downloadLnk {margin:70px 0 -70px 0;}



	.detailPTitle, .pressDetailPg .prTpTt .prTitle, .inovationPgList .pTitle, .inovationPgList .innList .tTitle {font-size: 24px;}



	.globalPresenceList .globalTitle {margin-bottom: 15px; font-size: 24px;}



	.globalPresenceList .globalList .item .text .titles{font-size: 17px;}



	.globalPresenceList .globalList .item .text .descs {font-size: 13px;}



	.globalPresenceList .globalList .item .contentText .adress, .globalPresenceList .globalList .item .contentText .phone, .globalPresenceList .globalList .item .contentText .mail {font-size: 13px; min-height: 20px; margin-bottom: 5px;}



	.globalPresenceList .globalList .item .img img{min-width: 100%; min-height: 100%; max-width: initial;}



	.threeItemList .item .bottom {padding: 25px 15px;}



	.detailListPg .pgListItemLst .item .bottom .title, .threeItemList .item .bottom .title {font-size: 16px;}



	.detailPage .rightText .desc {padding-bottom: 60px;}



	.full-img, .detail-img-text, .deratilPercentProm, .detailAbilityProm, .img-and-text, .detailTabs, .listPercents .l-items {margin-bottom: 30px;}



	.deratilPercentProm .left .topTitle .mSubTitle {font-size: 13px;}



	.fullSearch .searchItem .title {padding: 15px 0;}



	.fullSearch .searchItem .searchPg .item {padding-bottom: 15px; margin-bottom: 15px;}



	.pressDetailPg .prTpTt .prDate {margin: 8px 0 0 0;}



	.relatedNews {padding-top: 30px;}



	.homeSlider #slider-k .frame-k {width: 25%;}



	.homeSlider .slide .item:before {width: 62.6%;}



	.homeSlider .slide .frame-k .img {left: -100%;}



	.homeSlider #slider-k .frame-k:last-child {width: 45%;}



	.homeSlider #slider-k .frame-k:last-child.hovers, .homeSlider #slider-k .frame-k:first-child.hovers {width: 52%;}



	.footerFixFl .box .title {max-width: 600px; font-size: 22px; line-height: 38px;}



	.footerFixFl .box .desc {font-size: 14px;}



	.organizationPgDe .itemTwo .items {margin-left: 264px;}



	.organizationPgDe .itemTwo .items.rights:before {left: -165px; width: 266px;}



	.organizationPgDe .itemThree .items {margin-left: 116px;}



	.organizationPgDe .itemFour .items {width: 115px;}



	.organizationPgDe .itemFour .items:after {width: 122px;}



	.footer .logos{width: 540px;}



	.footer .logos div {margin:0 4px;}



	.footer .logos .logo1, .footer .logos .logo7 {margin: 0 4px 0 0;}



	.footer .logos .logo6, .footer .logos .logo11 {margin: 0 0 0 4px;}



	.footer .social { width: 200px;}



	.footer .social a{padding: 0 2px;}



	.footer .social a:last-child {padding: 0 0 0 2px;}



}







@media only screen and (max-width: 1148px) {



	.Mayis19VideoPg .contents .video iframe {width: 100%;}



}



@media only screen and (max-width: 1080px) {



	.homeSlider #slider-k .frame-k:last-child {width: 46%;}



	.homeSlider #slider-k .frame-k:last-child.hovers, .homeSlider #slider-k .frame-k:first-child.hovers {width: 53%;}



}



@media only screen and (max-width: 1024px) {



	.homeSlider .slide .item:before {width: 64.6%;}



	.homeSlider #slider-k .frame-k {width: 35%;}



}



@media only screen and (max-width: 992px) {



	.h1,h1{font-size:2rem}



	.h2,h2{font-size:1.5rem}



	.h3,h3{font-size:1.5rem}



	.h4,h4{font-size:1.25rem}



	.h5,h5{font-size:1rem}



	.h6,h6{font-size:0.75rem}



	.header .headerBox, .homeSlider .itemContainer, .homeProduct .contents, .footer .footerContainer, .detailPage .contents, .beadCrumb .contain, .contactPageHtml .contents {max-width: 100%; padding: 0 15px;}



	.header .float-right {display: none;}



	.homeSlider{float: left; width: 100%;}



	.homeSlider .slick-slider, .homeSlider .slick-list {float: left; width: 100%;}



	.homeSlider .slide .contents {position: static; top: 0; transform: none; float: left; max-width: 100%;}



	.homeSlider .slide .boxContent {position: relative; background: #0B2448; float: left; padding: 40px 0; height: auto;}



	.homeSlider .slide .item {padding-top: 134px; height: auto;}



	.homeSlider .slide .item:before {width: 100%; background: url(../images/slMobileBg.png) left center; top: 110px; height: 24px;}



	.homeSlider .slide .item:after {height: 110px; width: 100%; background: #0B2448;}



	.home__scroll-cta {display: none;}



	.homeSlider .slide .title, .homeSlider .slide .desc, .homeSlider .slide .link {float: left; width: 100%; margin-top:0; margin-bottom: 0;}



	.homeSlider .slide .link a {margin-top:30px; margin-bottom: 0;}



	.homeProduct {padding: 30px 0;}



	.homeProduct .itemLeft .item {width:initial; margin-bottom: 0; padding: 0 10px;}



	.homeProduct .itemLeft .item .img, .rightText .pgListItem .item .img {height: auto;}



	.homeProduct .itemLeft .item img, .rightText .pgListItem .item .img img {width: 100%;}



	.homeProduct .itemLeft .item:hover .img, .rightText .pgListItem .item:hover .img, .homeProduct.homeproductRes .itemLeft .item:hover .bottom {height:auto;}



	.homeProduct .itemLeft .item .bottom, .rightText .pgListItem .item .bottom, .homeProduct.homeproductRes .itemLeft .item .bottom {height: auto;}



	.homeProduct .itemLeft .item:hover .bottom .desc, .rightText .pgListItem .item:hover .bottom .desc {height: auto;}



	.homeProduct .itemLeft .item .bottom .desc, .rightText .pgListItem .item .bottom .desc {height: auto;}



	.homeProduct .itemLeft .item .bottom .bottom0, .rightText .pgListItem .item .bottom .bottom0 {position: static; bottom: auto;}



	.homeProduct .itemLeft .item:hover .bottom, .rightText .pgListItem .item:hover .bottom {height: auto;}



	.homeNews {padding: 30px 0; margin:0 0;}



	.homeNews .itemStatic {width: 100%; padding: 0 15px;}



	.homeNews .itemDynamic{width: 100%; margin-top: 15px; padding:0 15px;}



	.homeNews .itemDynamic .list {width: calc(100% + 15px);}



	.homeNews .itemDynamic .list .itemss {padding-right: 15px;}



	.homeNews .itemDynamic .box {display: none;}



	.homeNews .itemStatic .box {display: block; max-width: 100%; margin-bottom: 15px;}



	.homeCorporate {padding: 0 15px;}



	.homeCorporate .item {padding: 0 7.5px}



	.homeCorporate .slick-dots {margin-top: 30px;}



	.footer {margin-top: 30px; padding: 30px 0}



	.footer .right .list {width: 50%;}



	.footer .right .list + .list {width: 50%; margin-bottom: 20px;}



	.homeNews .newsChange {margin-top: 30px;}



	.homeCorporate {margin-top: 30px;}



	.homeNews .newsChange .box .left, .homeNews .newsChange .box .right{display: none;}



	.hrMobile {width: 100%; display: block; float: left; margin: 30px 0;}



	.footer .social {width: 100%;}



	.footer .social a {clear: initial; float: none; display: inline-block; vertical-align: middle; margin:0 15px 15px 0; padding: 0 0;}



	.footer .social a.twitter {}



	.footer .bottom .copyRight { text-align: left;}



	.footer .bottom .link {width: 100%; text-align: left;}



	.footer .bottom .link a {display: inline-block; vertical-align: middle; float: none;}



	.detailPage {background: #FFF !important}



	.bannerPage .bannerContent {padding: 0 15px;}



	.bannerPage .title {font-size:24px;}



	.bannerPage .title.fulls {font-size: 24px;}



	.prMbSlide {padding: 0 15px;}



	.bannerPage {height: 290px;}



	.beadCrumb .breadList { max-width: calc(100% - 150px); overflow: auto; overflow-x: auto; float: left; padding-right: 15px; position: relative;}



	.beadCrumb .breadList:before {content: ""; position: absolute;width: 50px; height: 100%; left: 0; top: 0; background: url(../images/mobileBreadCrumbBefore.png);}



	.magazinePg .beadCrumb .breadList:before {display: none;}



	.beadCrumb ul {display: inline-flex; float: right; width: auto;}



	.beadCrumb ul li {line-height: 45px;}



	.beadCrumb .textSize .minus, .beadCrumb .textSize .plus, .beadCrumb .textSize .printP {line-height: 45px; width: 50px;}



	.detailPage {margin-bottom: -30px}



	.detailPage .leftMenu {width: 100%;}



	.detailPage .rightText {width: 100%; padding: 15px}



	.detailPage .contents {display: block;}



	.rightText .pgListItem .item {margin-bottom: 30px;}



	.rightText .fullItem .text .title {font-size: 24px;}



	.rightText .fullItem .text .desci {font-size: 12px; line-height: 18px;}



	.rightText .fullItem .text .link{font-size: 12px;}



	.rightText .fullItem{margin-bottom: 30px;}



	.rightText .detailsl{width: 100%;}



	.rightText .detailsl, .img-and-text, .rightText .propertyPg, .percentProperty {margin-bottom: 15px;}



	.detailPage .rightText .desc {padding-bottom: 15px;}



	.full-img, .detail-img-text {margin-bottom: 15px;}



	.img-and-text .textDe {padding: 30px 15px;}



	.rightText .propertyPg .propertyTable .list .pName {padding-left: 15px;}



	.downloadLnk {line-height: 45px; margin:30px 0 -30px 0;}



	.downloadLnk a {line-height: 45px; font-size: 13px; width: 100%; margin:-2px 0 0 0;}



	.downloadLnk a:after {width: 100%; height: 1px; bottom: 0; top: auto; left: 0; transform:none; }



	.homeProduct .itemLeft .item, .homeProduct.homeproductRes .itemLeft .item .bottom {max-height: initial;}



	.homeProduct.homeproductRes .itemLeft .item {margin-bottom: 15px; width: 50%;}



	.mobileMenuIcon {display: block;}



	.mobileLang {display: block;}



	.mobileMenu {display: block;}



	.detailPTitle, .pressDetailPg .prTpTt .prTitle, .inovationPgList .pTitle {font-size: 18px;}



	.globalPresenceList .globalTitle {margin-bottom: 15px; font-size: 18px;}



	.boardOfDirector .item  {margin-bottom: 15px;}



	.boardOfDirector .item + .item {margin: 0 7.5px 15px 7.5px;}



	.boardOfDirector .item .nm-unit .name {font-size: 13px;}



	.boardOfDirector .item .nm-unit .unit {font-size: 12px;}



	.detailPage .leftMenu {display: none;}



	.bannerPage .bannerContent.detailPg .title {bottom: 40px;}



	.detail-img-text .img-, .detail-img-text .texts-, .detailAbilityProm .left, .detailAbilityProm .right {width: 100%; padding-right: 0; padding-left: 0;}



	.detail-img-text .texts-{margin-bottom: 15px}



	.detail-img-text .SFProText-Bold.svg {margin-bottom: 15px;}



	.detail-img-text .img- img{width: 100%;}



	.deratilPercentProm {display: block;}



	.deratilPercentProm .right, .deratilPercentProm .left {width: 100%;}



	.deratilPercentProm .left .topTitle {padding: 12px 0 12px 15px;}



	.deratilPercentProm .left .boxContent {padding: 30px 15px; height: auto;}



	.deratilPercentProm .right .topTitle {padding:0 15px;}



	.detailAbilityProm .left .aTitle{margin-bottom: 15px; padding-top: 0;}



	.detailAbilityProm .right .aContent, .deratilPercentProm .right .topList {max-height: initial;}



	.detailAbilityProm .left{margin-bottom: 15px;}



	.img-and-text .img, .img-and-text .textDe {width: 100%;}



	.deratilPercentProm .right {border-left: 0;}



	.inovationPgList .innList.full .img img {width: 100%;}



	.inovationPgList .innList.full .ftext {padding: 30px 15px;}



	.inovationProject .item{margin: 0 40px;}



	.contactPage .leftPg .pTitle, .contactPage .rightContact .pTitle, .contactPageHtml .leftPg .pTitle, .contactPageHtml .rightContact .pTitle {font-size: 24px;}



	.contactPage .leftPg, .contactPageHtml .leftPg {margin-bottom: 30px;}



	.rightText .pgListItem .item .bottom .desc {margin-top: 0; margin-bottom: 15px;}



	.phNewsList .item .dates {font-size: 12px;}



	.phNewsList .item .dates {position: relative; left: auto; float: left; width: 100%; bottom: auto; margin-bottom: 10px;}



	.phNewsList .videoItem {margin-bottom: 30px;}



	.phNewsList .videoCoverItem {padding-left: 0; padding-right: 15px;}



	.phNewsList .videoItem .videoLeftItem .dates {width: auto;}



	.phNewsList .videoItem .videoLeftItem .link {margin-top: 0;}



	.footer .left .logo {display: none;}



	.pressDetailPg .prTpTt .prDate, .pressDetailPg .prTpTt .prTitle {width: 100%;}



	.relatedNews {padding-top: 15px;}



	.inovationPgList .innList {margin-top: 30px;}



	.organizationPgMobile {display: block; overflow: auto;}



	.organizationPg, .organizationPgDe {display: none;}



	.organizationPgMobile .organizationDiv {float: left; width: 100%; display: table; overflow: auto; white-space: nowrap;padding-top: 50px;}



	.organizationPgMobile .organizationDiv:first-child {padding-top: 0px;}



	.organizationPgMobile .organizationDiv:first-child:before {display: none;}



	.organizationPgMobile .organizationDiv:before {width: 1px; height: 50px; background: #707070; float: left;  margin-top: -50px; margin-left: 100px; content: ""; }



	.organizationPgMobile .organizationDiv .organizationItem {display: inline-flex; width: 200px; height: 80px; margin-right: 15px; background: #0B2448; font-weight: 200; vertical-align: middle; position: relative; white-space: initial;}



	.organizationPgMobile .organizationDiv.blue .organizationItem {background: #005EB8;}



	.organizationPgMobile .organizationDiv .organizationItem label {position: absolute; font-size: 12px; line-height: 14px; color: #FFF; padding: 10px 15px; top: 50%;transform: translate(0, -50%); width: 100%; left: 0; text-align: center;}



	.organizationPgMobile .organizationDiv.f100 .organizationItem label {font-size: 18px; line-height: 20px;}



	.organizationPgMobile .organizationDiv.f200 .organizationItem label {font-size: 16px; line-height: 18px;}



	.organizationPgMobile .organizationDiv.f300 .organizationItem label {font-size: 10px; line-height: 12px;}



	.bannerPage .bottom {font-size: 16px;}



	.slDesktop {display: none !important;}



	.slMobile {display: block !important;}



	.homeSlider #slider-k {display: none;}



	.magazinePg, .magazinePg .beadCrumb {background: #EEEEEE !important;}



	.inovationPgList .listFullLeft .rightElem {margin-top: 9%;}



	.inovationPgList .listFullLeft {height: 300px;}



	.inovationPgList .subList a {height: 270px;}



	.inovationPgList .subList a .img {height: 300px; width: 300px; top: calc(50% - 150px); left: calc(50% - 150px);}



	.inovationPgList .listPercentLeft .rightElem, .inovationPgList .listFullLeft .rightElem, .inovationPgList .listFullLeft .leftElem {max-width: 330px;}



	.inovationPgList .listPercentLeft .texts .pTitle, .inovationPgList .pTitle {font-size: 18px; line-height: 24px;}



	.inovationPgList .fs {margin: 30px auto;}



	.inovationPgList .listFullLeft{background-size: auto 100% ; background-position: center center;}



	.sliderteslaico {position: relative; bottom: 0; padding: 0 0 20px 0; float: left; /* background: #0b2448;*/}



	.footerFixFl {background-size: auto 100%; background-position: center center !important;}



	.footerFixFl .box {float: left;}



	.footerFixFl .box .title {font-size: 15px; max-width: 480px;}



	.footerFixFl .box .desc {font-size: 13px; max-width: 480px}



	.footerFixFl .watch a {font-size: 13px;}



	.footerFixFl .watch {margin: 0px 0 0 15px}



	.footerFixFl .playIcon {margin: 31px 15px 0 0;}



	.fancybox-bg {background-size: auto 100% !important;}



	.footer .left .logos span.logo-title {text-align: left;}



	.inovationProject .item.threes {width: 100%;}  



	.careersPg .careersForms {padding: 60px 0; margin-bottom: 30px;}



	.careersPg .careersForms .sbTitle {font-size: 18px;}



	.careersPg .careersForms .cTitle {font-size: 24px;}



	.careersPg .careersForms .sb {font-size: 14px; margin-bottom: 15px;}



	.careersPg .degerImg-text {margin-bottom: 30px;}



	.careersPg .degerImg-text .titles{font-size: 24px; line-height: 33px;}



	.careersPg .degerImg-text .descs{font-size: 14px; line-height: 22px;}



	.careersPg .careersForms.careersFormsPc, .careersPg .careersForms.careersFormsLg{padding: 60px 0;}



	.homepPro .homepProCarousel .slick-list {padding: 0 !important;}



	.homepPro .homepProCarousel {padding: 0 5px;}



	.homepPro .homepProCarousel .item {padding: 0 10px;}



	.homepPro .homepProCarousel .text {padding: 15px 15px 0 100px;}



	.homepPro .homepProCarousel .text .sub {font-size: 14px; line-height:20px; }



	.homepPro .homepProCarousel .text .title {font-size: 16px; line-height: 24px;}



	.homepPro .homepProCarousel .text .lnk {bottom: 15px; left: 100px; width: calc(100% - 10px); line-height: 16px; font-size: 12px;}



	.homepPro .homepProCarousel .text .lnk:after {background: url(../images/homepProLnk.png) no-repeat center right; width: 19px; height: 16px; background-size: auto 100%;}



	.homepPro .homepProCarousel .slick-arrow {display: none !important;}



	.footer .left .logos{width: 100%;}



	.footer .left .teslaico {width: 100%; margin-bottom: 20px;}



	.footer .left .logos span.logo-title {margin-top: 0; text-align: center;}



	.footer .social {width: 100%; float: left; margin-top: 20px;}



}



@media only screen and (max-width: 768px) {



}



@media only screen and (max-width: 480px) {



	.h1,h1{font-size:1.75rem}



	.h2,h2{font-size:1.50rem}



	.h3,h3{font-size:1.25rem}



	.h4,h4{font-size:1rem}



	.h5,h5{font-size:0.75rem}



	.h6,h6{font-size:0.50rem}



	.mobileMenu {padding-top: 90px;}



	.homeSlider .slide .title {font-size: 24px; line-height: 32px; margin-bottom: 15px;}



	.homeSlider .slide .desc {font-size: 12px; line-height: 18px;}



	.homeSlider .slide .item.slick-active .link a, .homeSlider .slide .link a{margin-top: 15px; font-size: 12px;}



	.homeProduct .box .title {font-size: 24px;}



	.homeProduct .box .desc {font-size: 12px}



	.prMbSlide .slick-next, .homeNews .itemDynamic .list .slick-next{right: 15px;}



	.homeNews .itemDynamic .list .slick-next {right: 22.5px;}



	.homeNews .itemDynamic .list .slick-prev {left: 7.5px;}



	.footer .right .list .title { margin-bottom: 0;}



	.footer .right .list ul li a{line-height: initial; font-size: 11px; padding: 7px 10px 7px 0;}



	.footer .social a { float: left; }



	.footer .right .list ul {display: none;}



	.footer .left {margin-top: 15px;}



	.footer .left .logo{margin-right: 0; width: 100%; text-align: center;}



	.footer .left .logo {width: 100%; margin-right: 0}



	.footer .left .logo img {display: inline-block;}



	.footer .left .logos {height: auto; line-height: initial;}



	.footer .left .logos img {display: inline-block; vertical-align: middle;}



	.footer .bottom .link a {width: 49%; margin: 0 0;}



	.hrMobile {margin: 5px 0}



	.homeCorporate .slick-dots {margin-top: 15px;}



	.homeNews .newsChange .box {width: 100%; padding: 0 15px;}



	.homeNews .newsChange .box .center{line-height: 40px; font-size: 13px;}



	.homeNews .newsChange .box .center{width: 100%; margin: 0 0}



	.homeNews .itemStatic .text .right .desc, .homeNews .itemDynamic .list .right .desc{font-size: 11px;}



	.header .logo a, .header.background .logo a {height: 70px; background-position: left center;}



	.homeSlider .slide .item {padding-top: 104px;}



	.homeSlider .slide .item:after {height: 80px;}



	.homeSlider .slide .item:before {top: 80px; background-size: auto auto;}



	.prMbSlide .slick-prev, .prMbSlide .slick-next, .homeNews .itemDynamic .list .slick-prev, .homeNews .itemDynamic .list .slick-next {top: 32%;}



	.rightText .pgListItem .item{width: 100%;}



	.rightText .fullItem .img{width: 100%;}



	.rightText .fullItem .text {width: 100%; padding: 15px 0;}



	.rightText .fullItem {margin-bottom: 15px;}



	.rightText .detailsl .slick-next, .rightText .detailsl .slick-prev {width: 40px; height: 40px; background-size: 100%;}



	.rightText .detailsl .slick-prev {left: 15px;}



	.rightText .detailsl .slick-next {right: 15px;}



	.detailPage .rightText .desc {font-size: 12px;}



	.detailPage .rightText .desc video {height: 215px;}



	.img-and-text  {display: block; float: left;}



	.img-and-text .img, .img-and-text .textDe {width: 100%;}



	.img-and-text .img img {height: auto; width: 100%;}



	.img-and-text .textDe {font-size: 12px; line-height: 18px; padding: 15px 15px}



	.rightText .propertyPg .propertyTable .pTitle {font-size: 12px; line-height: 40px;}



	.rightText .propertyPg .propertyTable .list .pName, .percentProperty .right div .spTitle {line-height: 40px; text-align: center; padding: 0 0 ; width: 100%; font-size:12px;}



	.rightText .propertyPg .propertyTable .list .pContent, .percentProperty .right div {width: 100%; line-height: 40px; font-size: 12px;}



	.detailPage .rightText .lnht {font-size: 12px; line-height: 18px; width: 100%; padding: 0 0}



	.percentProperty .right {width: 100%; margin-top: 15px;}



	.percentProperty .left .subTitle {font-size: 14px; margin-bottom: 5px;}



	.percentProperty .right div:last-child {margin-bottom: 0;}



	.beadCrumb ul li {margin-right: 15px;}



	.beadCrumb ul li a {padding-right: 15px;}



	.downloadLnk a span {margin-right: 15px; font-size: 12px;}



	.bannerPage .SFProText-BoldItalic.eot{font-size: 28px;}



	.bannerPage .title {left: 15px; right: 15px;}



	.boardOfDirector .item{width: 100%; margin: 0 0 15px 0;}



	.boardOfDirector .item + .item {margin: 0 0 15px 0; width: 100%;}



	.threeItemList .item .bottom .title {white-space: initial;}



	.full-img, .detail-img-text, .deratilPercentProm, .detailAbilityProm, .img-and-text, .detailTabs, .listPercents .l-items {margin-bottom: 30px;}



	.inovationPgList .innList {margin-top: 30px;}



	.bannerPage .bannerContent.detailPg .title {/*bottom:auto; top: 50%; transform: translate(0, -50%);*/ bottom: 60px;}



	.bannerPage .bannerContent .title {/*bottom:auto; top: 50%; transform: translate(0, -50%);*/ bottom: 60px;}



	.deratilPercentProm .left .topTitle .mTitle{font-size: 14px; margin-bottom: 5px;}



	.deratilPercentProm .left .topTitle .mSubTitle, .deratilPercentProm .left .boxContent .ms label, .deratilPercentProm .right .topList ul li, .detail-img-text .texts- .text-desc {font-size: 12px;}



	.deratilPercentProm .right .topTitle {line-height: 45px; margin-bottom: 15px;}



	.deratilPercentProm .right .topTitle .mTitle {line-height: 45px;}



	.deratilPercentProm .right .topList ul li {padding: 10px 15px 10px 15px}



	.inovationPgList .innList .text {width: 100%; border-width: 1px; margin-top: 0; padding: 20px 15px;}



	.inovationPgList .innList.full .ftext {padding: 20px 15px;}



	.inovationPgList .innList .text:before {height: calc(100% + 2px); left: -1px; top: -1px;}



	.inovationPgList .innList .tTitle, .inovationPgList .innList.full .ftext .tTitle {font-size: 24px;}



	.inovationPgList .pTitle {margin-bottom: 15px;}



	.inovationPgList .innList .tDesc, .inovationPgList .innList.full .ftext .tDesc {font-size: 12px;}



	.inovationProject {margin-top: 15px;}



	.inovationProject .item, .inovationProject .item:last-child, .inovationProject .item:first-child {width: 100%; margin: 0px 0px 15px 0;}



	.inovationPgList .innList.full .img, .inovationPgList .innList.full .ftext {width: 100%;}



	.inovationProject .item .img {text-align: center;}



	.inovationProject .item .img img {display: inline-block;}



	.detailPage .rightText .desc td {width: 100%;}



	.listPercents .l-items .l-title {font-size: 16px;}



	.contactPageHtml .leftPg, .contactPageHtml .rightContact {width: 100%; padding-right: 0; margin-bottom: 30px;}



	.contactPageHtml .rightContact {padding-top: 0;}



	.contactPageHtml .rightContact .pTitle {margin-bottom: 0;}



	.contactPageHtml .leftPg .SFProText-BoldItalic.eot{font-size: 18px;}



	.footer .social a span {display: none;}



	.footer .left .logos {display: none;}



	.hrMobile {display: none;}



	.footer .right .list + .list .list {margin-top: 0;}



	.footer .left .teslaico {margin-bottom: 15px; max-width: 270px; display: none;}



	.footer .bottom {margin-top: 30px; text-align: left;}



	.footer .social {margin-top: 0; text-align: left}



	.footer .social .follow{margin-bottom: 10px;}



	.footer .social a{display: inline-block; float: none; vertical-align: middle; margin: 0 10px 10px 0;}



	.rightText .pgListItem .item .bottom, .newsRelated .item .bottom {padding: 15px 15px;}



	.rightText .pgListItem .item .img .name, .phNewsList .videoCoverItem .img .name, .newsRelated .img .name {left: 15px;}



	.organizationPg .tItem .sP {margin-top: 0;}



	.organizationPg .tItem .lItem {margin-top: 15px;}



	.organizationPg .tItem .lItem.left, .organizationPg .tItem .lItem.right {float: none;}



	.organizationPgMobile .organizationDiv .organizationItem {width: 50%;}



	.listPercents .l-items, .listPercents .l-items:nth-child(even) {flex: 100%; padding-left: 0; padding-right: 0}



	.degerImg-text{margin-bottom: 0;}



	.degerImg-text .img, .degerImg-text .textDe {width: 100%; float: left; display: inline-block; padding:0 0 !important; margin-bottom: 15px;}



	.pagePager .pageindex {width: 100%;}



	.pageError {padding: 0 15px;}



	.pageError .errorNm {font-size: 18px; width: 100%;text-align: center;}



	.magazinePost .maganizeGroup .items {width: calc(100% - 20px);}



	.magazinePost .maganizeGroup .items .subBottom {position: relative; float: left; bottom: auto; padding: 15px 15px;}



	.magazinePost .maganizeGroup .items .subBottom .title {font-size: 12px;}



	.magazinePost .maganizeGroup .items .subBottom .dates {font-size: 12px;}



	.magazinePost .maganizeGroup .items .subBottom .link a {width: 100%;}



	.magazinePost .maganizeGroup .items .subBottom .link a:hover {padding: 0 20px 0 40px;}



	.inovationPgList .subList a {width: 100%;}



	.inovationPgList .listPercentLeft .img{width: 100%;}



	.inovationPgList .listPercentLeft .texts {position: relative; top: 0;  transform: none; padding: 15px 0;}



	.inovationPgList .listPercentLeft .rightElem, .inovationPgList .listFullLeft .rightElem, .inovationPgList .listFullLeft .leftElem {max-width: 100%;}



	.detailAbilityProm .left .aDesc, .detailAbilityProm .right .aContent ul li, .listPercents .l-items .l-ins ul li {font-size: 12px;}



	.detailAbilityProm .right .aContent ul li{margin-left: 0;}



	.footerFixFl {height: auto; padding: 15px 15px 70px 15px; background-position: -500px center !important;}



	.footerFixFl .playIcon {display: none;}



	.footerFixFl .contents {padding: 0 0;}



	.footerFixFl .box {margin-top: 0;}



	.footerFixFl .watch {margin: 15px 0 0 0; position: absolute; bottom: 15px; left:0; width: 100%; padding: 0 15px; text-align: center;}



	.footerFixFl .watch  img {width: 120px;}



	.footerFixFl .watch a {width: 100%; padding: 0 15px;}



	.footerFixFl .box .title {font-size: 18px; line-height: initial; margin-bottom: 15px;}



	.footerFixFl .box .title br {display: none}



	.fancybox-slide {padding: 44px 0!important}



	.detail-img-text.text-rights .texts-, .detail-img-text.text-rights .img- {padding: 0 0 !important; margin: 0 0 !important;}



	.Mayis19VideoPg .contents .video {padding: 30px;}



	.Mayis19VideoPg .closeMy {width: 20px; height: 20px;}



	.Mayis19VideoPg .contents .video iframe {height: 300px;}



	.careersPg .careersForms {padding: 30px 0; margin-bottom: 15px;}



	.careersPg .careersForms .sbTitle {font-size: 14px; margin-bottom: 15px;}



	.careersPg .careersForms .cTitle {font-size: 18px;}



	.careersPg .careersForms .sb {font-size: 14px; margin-bottom: 15px;}



	.careersPg .careersForms .lk, .careersPg .careersForms .lk a {width: 100%;}



	.careersPg .careersForms .lk a {background: #005EB8;}



	.careersPg .degerImg-text {margin-bottom: 15px;}



	.careersPg .degerImg-text .titles{font-size: 16px; line-height: 24px;}



	.careersPg .degerImg-text .descs{font-size: 14px; line-height: 22px;}



	.careersPg .careersForms.careersFormsPc, .careersPg .careersForms.careersFormsLg{padding: 60px 30px 0;}



	.homepPro .homepProCarousel .text .sub {font-size: 10px; line-height: 15px;}



	.homepPro .homepProCarousel .text .title {font-size: 12px; line-height: 16px;}



	.homepPro .homepProCarousel .text .lnk {left: 80px; width: calc(100% - 95px); font-size: 10px;}



	.homepPro .homepProCarousel .text{padding: 15px 15px 0 80px;}



	.footer .right .list {padding-right: 0;}



	.footer .bottom{padding-bottom: 0;}



	.footer .bottom .logo{width: 100%;}



	.footer .bottom .copyRight{float: left; width: 100%;}



	.footer .kalkans {width: 100%; margin-top: 15px;}



	.press-next-prev .left, .press-next-prev .right {width: 100%; padding-right: 0; padding-left: 0;}



	.press-next-prev .right {margin-top: 15px;}



	.press-next-prev .right a {background: url(../images/pressRight.png) no-repeat 274px 30px;}



}







.whatsapp {







    position: fixed;







    left: 15px;







    bottom: 15px;







    transition: all .5s ease-in-out;







    z-index: 999;







}















.whatsapp a {







    height: 50px;







    width: 50px;







    border-radius: 50%;







    overflow: hidden;







    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);







    font-size: 28px;







    display: block;







    text-align: center;







    line-height: 50px;







    color: white;







    background: #4dc247;







}















.whatsapp .tooltiptext {







    visibility: hidden;







    width: 120px;







    background-color: black;







    color: #fff;







    text-align: center;







    border-radius: 6px;







    padding: 5px 0;







    position: absolute;







    z-index: 1;







    line-height: normal;







    font-size: 15px;







    top: 13px;







    left: 105%;







    height: auto;







}















.whatsapp:hover a {







    transform: rotate(45deg);







    -webkit-transform: rotate(45deg);







}















.whatsapp:hover .tooltiptext {







    visibility: visible;







}































.telefon {







    position: fixed;







    left: 15px;







    bottom: 75px;







    transition: all .5s ease-in-out;







    z-index: 999;







}















.telefon a {







    height: 50px;







    width: 50px;







    border-radius: 50%;







    overflow: hidden;







    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);







    font-size: 28px;







    display: block;







    text-align: center;







    line-height: 50px;







    color: white;







    background: #337ab7;







}















.telefon .tooltiptext {







    visibility: hidden;







    width: 120px;







    background-color: black;







    color: #fff;







    text-align: center;







    border-radius: 6px;







    padding: 5px 0;







    position: absolute;







    z-index: 1;







    line-height: normal;







    font-size: 15px;







    top: 13px;







    left: 105%;







    height: auto;







}















.telefon:hover a {







    transform: rotate(45deg);







    -webkit-transform: rotate(45deg);







}















.telefon:hover .tooltiptext {







    visibility: visible;







}

.teklif {







    position: fixed;







    left: 15px;







    bottom: 140px;







    transition: all .5s ease-in-out;







    z-index: 999;







}















.teklif a {







    height: 50px;







    width: 50px;







    border-radius: 50%;







    overflow: hidden;







    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);







    font-size: 28px;







    display: block;







    text-align: center;







    line-height: 50px;







    color: white;







    background: #337ab7;







}















.teklif .tooltiptext {







    visibility: hidden;







    width: 120px;







    background-color: black;







    color: #fff;







    text-align: center;







    border-radius: 6px;







    padding: 5px 0;







    position: absolute;







    z-index: 1;







    line-height: normal;







    font-size: 15px;







    top: 13px;







    left: 105%;







    height: auto;







}















.teklif:hover a {







    transform: rotate(45deg);







    -webkit-transform: rotate(45deg);







}















.teklif:hover .tooltiptext {







    visibility: visible;







}

@media screen and (max-width: 600px) {
    .nomobile {
        visibility: hidden;
        clear: both;
        float: right;
        margin: 5px auto;
        width: 22%;
        height: auto;
        display: none;
        // Önemli olan nokta burası burayı kaldırırsanız sadece mobile için görüntülenir.
    }
}