@import url(normalize.css);
@import url(font-awesome.min.css);
@import url(../fonts/stylesheet.css);
/* ==========================================================================
   Base styles
   ========================================================================== */
html { color: #373737; font-size: 1em; line-height: 1.4;font-family: 'latoregular'; background: #eee; opacity: 0;}
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio,
canvas,
iframe,
img,
svg,
video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/* ==========================================================================
   CUSTOM
   ========================================================================== */
* {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box; }
.wrapper { max-width: 1366px; margin: 0 auto; width: 100%; overflow: hidden; background: #fff; }
p,
figure { margin: 0; padding: 0; }
figure img { max-width: 100%; }
ol, ul { padding: 0; margin: 0 }
ul li,
ol li { list-style-type: none; }
a { text-decoration: none; }
b {font-weight: normal;}

/* ==========================================================================
   GRIDS
   ========================================================================== */
.row { margin: 0 -10px; }
.row > *[class *= "col-"] { position:relative; float:left; padding: 0 10px; }
.row > .col-1-1,
.table > .col-1-1 { width: 100%; float: none; }
.row > .col-1-2,
.table > .col-1-2 { width: 50%; }
.row > .col-1-3,
.table > .col-1-3 { width: 33.33%; }
.row > .col-2-3,
.table > .col-2-3 { width: 66.66%; }
.row > .col-1-4,
.table > .col-1-4 { width: 25%; }
.row > .col-3-4 { width: 75%; }
.row > .col-1-5 { width: 20%; }
.row > .col-2-5 { width: 40%; }
.row > .col-3-5 { width: 60%; }
.row > .col-4-5 { width: 80%; }
.row > .col-1-6 { width: 16.66%; }
.row > .col-5-6 { width: 83.33%; }
.row > .col-3-1 { width: 30%; }
.row > .col-7-1 { width: 70%; }
.row > .col-1-7 { width: 14.2857%; }
.row:after,
.row:before { clear: both; content: ""; display: table; }

.table { display: table; width: 100%; table-layout: fixed;}
.table .cell { display: table-cell; vertical-align: top; }
.table.middle .cell { vertical-align: middle;}

/* ==========================================================================
   HEADER
   ========================================================================== */
header:before,
header:after { clear: both; content: ""; display: table; }
header { font-size: 16px; font-family: 'latoblack'; position: relative; background: #fff; }
header .mobile { display: none; }
header .search {width: 80px;height: 100%;background: url(../images/site/search.png) no-repeat center #fff;position: absolute;top: 0;right: 0;cursor: pointer;z-index: 91;display: none;
-webkit-background-size: 21px auto;
        background-size: 21px auto;}
header .lang {position: absolute;right: 80px;z-index: 91;background: #fff;right: 80px;width: 80px;height:auto;text-align: center;}
header .lang ul { line-height: 83px; z-index: 91; background: #fff; position: relative; }
header .lang ul li a { color: #8a8989; display: block; }
header .lang ul li a:hover { color: #41b0b7; }
header .lang ul.passive {display: none; position: absolute; top:83px; left: 0; background: #fff; z-index: 90; opacity: 0; padding: 0;width:100%; border-top: 3px solid #41b0b7;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
-webkit-transform-origin: top center;
        transform-origin: top center;
-webkit-transform:scaleY(.7);
        transform:scaleY(.7); }
header .lang ul.passive.visible { display: block; }
header .logo { width: 131px; height: 45px; background: url(../images/site/logo.png) no-repeat; display: block; float: left; margin-top: 16px; margin-left:60px;
-webkit-background-size:131px auto;
        background-size:131px auto; }
header nav { float: right; margin-right: 160px;}

/*
.mainmenu > li { float: left; position: relative; }
.mainmenu > li a { color: #373737; font-size: 16.5px; font-family: 'latoblack';}
.mainmenu > li > a {  display: block; padding: 30px 20px; position: relative; z-index: 91; background: #fff;
-webkit-transition: color .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: color .4s cubic-bezier(0.215, 0.61, 0.355, 1);}
.mainmenu > li > a > span { position: relative; }
.mainmenu > li > a > span:before { height: 2px; width: 0; background: #41b0b7; position: absolute; bottom: -8px; left: 0px; content: ""; }
.mainmenu > li.active > a > span:before { width: 100% }
.mainmenu > li > a:hover { color: #41b0b7; }*/




.mainmenu > li { float: left; /*position: relative;*/ }
.mainmenu > li a { color: #373737; font-size: 16.5px; font-family: 'latoblack';}
.mainmenu > li > a {  display: block; padding: 30px 20px; position: relative; z-index: 91; background: #fff;
-webkit-transition: color .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: color .4s cubic-bezier(0.215, 0.61, 0.355, 1);}
.mainmenu > li > a > span { position: relative; }
.mainmenu > li > a > span:before { height: 2px; width: 0; background: #41b0b7; position: absolute; bottom: -8px; left: 0px; content: ""; }
.mainmenu > li.active > a > span:before { width: 100% }
.mainmenu > li > a:hover { color: #41b0b7; }

.mainmenu li ul {display:none;}

/*.mainmenu li {display: inline-block;}*/
.mainmenu li:hover > ul {display:block;}
.mainmenu ul > li > ul li a{font-size:17px; font-family:'latomedium'; color:#4e4e4e; }

header  nav #zone_23, header  nav #zone_28, header  nav #zone_41, header  nav #zone_34, header  nav #zone_39, header  nav #zone_42, header  nav #zone_18, header  nav #zone_19, header  nav #zone_20, header  nav #zone_21 {float: right; overflow: hidden; position: absolute; top: 0; left: 27%; background-color:#fff; height: 100%; border: 0; padding: 20px !important;}
header  nav #zone_3, header  nav #zone_4, header  nav #zone_5, header  nav #zone_29 {float: right; overflow: hidden; position: absolute; top: 0; left: 33%; background-color:#fff; height: 100%; border: 0; padding: 20px !important;}
header  nav #zone_24, header  nav #zone_35 {float: right; overflow: hidden; position: absolute; top: 0; left: 27%; background-color:#fff; height: 100%; border: 0; padding: 20px !important;}
header  nav #article_35, header  nav #article_40, header  nav #article_74, header  nav #article_58, header  nav #article_115, header  nav #article_110, header  nav #article_142, header  nav #article_132, header  nav #article_86, header  nav #article_88, header  nav #article_75, header  nav #article_103 { background: url(../images/site/menu-ok.png) no-repeat right center; width: 15%; width: 100%; background-position: 16%;}
header  nav #article_2, header  nav #article_5, header  nav #article_8, header  nav #article_63{ background: url(../images/site/menu-ok.png) no-repeat right center; width: 25%; width: 100%; background-position: 27%;}
.mainmenu li ul {padding: 20px 7% !important;}



.mainmenu .submenu { display: none; position: absolute; top:83px; left: 0; background: #f0f0f0; z-index: 90; /*opacity: 0;*/ padding: 20px;width:100%; border-top: 3px solid #41b0b7;
/*-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
-webkit-transform-origin: top center;
        transform-origin: top center;
-webkit-transform:scaleY(.7);
        transform:scaleY(.7);*/}
.mainmenu .submenu.visible { display: block !important; }
.mainmenu > li:nth-child(1) .submenu{ width: 100%; }
.mainmenu > li:nth-child(2) .submenu{ width: 100%; }
.mainmenu .submenu li { display: block; }
.mainmenu .submenu a { display: block; padding: 7px 9px;
-webkit-transition: color .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: color .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.mainmenu .submenu a:hover { color: #41b0b7; }
/*.mainmenu .submenu li.active:nth-child(1) a { color: #41b0b7; }*/
.mainmenu .submenu li.active > a { color: #41b0b7; }
.mobilemenu { display: none; }


.box-grids > div { float: left; }
.box-grids .left {width: 33.333333%; }
.box-grids .right {width: 66.666666%; }
.box-grids a { display: block; position: relative; overflow:hidden ;}
.box-grids a:before { position: absolute; top: 0; left: 0;width: 100%; height: 100%;  content: "";z-index: 1; background: transparent; display: none;
-webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.7));
background: -o-linear-gradient(transparent, rgba(0,0,0,0.7));
background: -moz-linear-gradient(transparent, rgba(0,0,0,0.7));
background: linear-gradient(transparent, rgba(0,0,0,0.7)); }
.box-grids .text { position: absolute; bottom: 0; left: 0; z-index: 2; padding: 50px; width: 100%;  }
.box-grids .text .group { font-size: 14px; font-family: 'latoregular';color: #fff; letter-spacing: 2px; text-transform: uppercase; }
.box-grids .text .title { font-size: 32px; font-family: 'latoblack'; color: #fff; letter-spacing: -1px; line-height: 1.1em; margin-top: 13px; }
.box-grids .spec .text { width: 100%; height: 100%; left: 0; top: 0; padding: 40px; }
.box-grids .spec .text p { font-family: 'latolight'; color: #fff; font-size: 24px;  }
.box-grids .spec .text p.by { font-family: 'latoblack'; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: #41b0b7; margin-top: 20px;}
.box-grids .spec:before { background: rgba(0,0,0,0.6) }
.box-grids a img {
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
-webkit-transition: all .7s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all .7s cubic-bezier(0.215, 0.61, 0.355, 1); }
.box-grids a:hover img {
-webkit-transform: scale(1.05);
        transform: scale(1.05); }

.main-slider .text { position: absolute;z-index: 90;bottom:85px; left: 60px}
.main-slider .text p { font-size: 66px; color: #fff; line-height: 1.1em; letter-spacing: -1px; }
.main-slider .text p b {  font-family: 'latoblack';  }
.main-slider .mobile { display: none; }
.main-slider .owl-dots { margin-top: 10px; position: absolute; bottom: 20px; width: 100%; }
.owl-theme .owl-dots .owl-dot span { width: 6px; height: 6px; position: relative;     background: #869791; margin: 5px 10px; }
.owl-theme .owl-dots .owl-dot span:before { border: 1px solid #fff; border-radius: 50%; width: 16px; height: 16px; position: absolute; top: -6px; left: -6px; content: "";
-webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
-webkit-transform:scale(0);
        transform:scale(0); }
.owl-theme .owl-dots .owl-dot.active span:before  {
-webkit-transform:scale(1);
        transform:scale(1); }
.owl-theme .owl-dots .owl-dot.active span   { background: #fff}
.index-gateway .cell a { padding:40px 20px 60px 60px; display: block; }
.index-gateway h3 { font-size: 32px; font-family: 'latoblack'; line-height: 1.2em; margin: 0 0 20px 0; letter-spacing: -1px;  }
.index-gateway .sub { font-size: 16px; font-family: 'latoregular'; color: #5b5b5b;min-height: 110px;margin-bottom: 30px;}
.index-gateway .read-more { font-size: 12px; font-family: 'latoblack'; color: #373737; letter-spacing: 2px; }
.index-gateway .read-more:before { width: 15px; height: 3px; background: #373737; content: ""; display: inline-block; vertical-align: middle; margin-right: 10px;
-webkit-transition: all .2s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all .2s cubic-bezier(0.215, 0.61, 0.355, 1); }
.index-gateway .read-more span { opacity: 0; display: inline-block; position: relative;
-webkit-transform: translateX(-10px);
        transform: translateX(-10px);
-webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);  }
.index-gateway a:hover .read-more span { opacity: 1;
-webkit-transform: translateX(0px);
        transform: translateX(0px); }
.index-gateway a:hover .read-more::before { width: 25px; }
.index-gateway .model-v1 a { color: #114691 }
.index-gateway .model-v2 a { color: #41b0b7 }
.index-gateway.mobile { height: 0; overflow: hidden; }
.index-gateway i { width: 40px; height: 40px; display: block; margin-bottom: 20px; }
.index-gateway .icon-v1 { background: url(../images/site/i-01.png) no-repeat left center;
-webkit-background-size: 29px auto;
        background-size: 29px auto; }
.index-gateway .icon-v2 { background: url(../images/site/i-02.png) no-repeat left center;
-webkit-background-size: 31px auto;
        background-size: 31px auto;  }
.index-gateway .icon-v3 { background: url(../images/site/i-03.png) no-repeat left center;
-webkit-background-size: 33px auto;
        background-size: 33px auto; }
.index-gateway .icon-v4 { background: url(../images/site/i-04.png) no-repeat left center;
-webkit-background-size: 32.5px auto;
        background-size: 32.5px auto; }

.index-bottom-links a { display: block; color: #114691; padding-bottom: 20px; }
.index-bottom-links a figure { overflow: hidden; }
.index-bottom-links a img {
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
-webkit-transition: all .7s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all .7s cubic-bezier(0.215, 0.61, 0.355, 1); }
.index-bottom-links a:hover img {
-webkit-transform: scale(1.05);
        transform: scale(1.05); }
.index-bottom-links .title { font-size: 30px; font-family: 'latoblack'; line-height: 1.2em; margin: 20px 0 0 20px; letter-spacing: -1px; }

.index-stats { text-align: center; }
.index-stats li { display: inline-block; text-align: center; padding: 80px 40px }
.index-stats li .icon { border-radius: 50%; border: 1px solid #41b0b7; width: 64px; height: 64px; margin: 0 auto 20px;  }
.index-stats li .count { font-size: 38px; font-family: 'latoblack';color: #114691  }
.index-stats li .ref { font-size: 14px; font-family: 'latoregular';color: #373737; letter-spacing: 2px;  }
.index-stats li .i-1 { background: url(../images/site/i-05.png) no-repeat center;
-webkit-background-size: 23px auto;
        background-size: 23px auto; }
.index-stats li .i-2 { background: url(../images/site/i-06.png) no-repeat center;
-webkit-background-size: 22px auto;
        background-size: 22px auto;  }
.index-stats li .i-3 { background: url(../images/site/i-07.png) no-repeat center;
-webkit-background-size: 22px auto;
        background-size: 22px auto; }
.index-stats li .i-4 { background: url(../images/site/i-08.png) no-repeat center;
-webkit-background-size: 29.5px auto;
        background-size: 29.5px auto; }
.index-stats li .i-5 { background: url(../images/site/i-09.png) no-repeat center;
-webkit-background-size: 27px auto;
        background-size: 27px auto; }
/* ==========================================================================
   BANNER
   ========================================================================== */
.banner {height: 200px;overflow: hidden;position: relative;}
.banner .bg { position: absolute; top: 0; left: 0;  width: 100%; height: 100%; background-position: center;z-index: 1;
-webkit-background-size: cover;
        background-size: cover; }
.banner h1 {position: relative;z-index: 2;font-family: 'latoblack';color: #fff; font-size: 43px; margin: 95px 60px; letter-spacing: -1px;}

/* ==========================================================================
   TABS
   ========================================================================== */
.tab-wrap { background: #41b0b7; }
.tab-wrap ul { text-align: center; }
.tab-wrap ul li { display: inline-block;}
.tab-wrap ul li a { text-align: center; text-transform: uppercase; font-family: 'latoblack'; letter-spacing: 1.5px; font-size: 14px; color: #fff; display: block; padding: 25px 20px; }
.tab-wrap ul li a span { position: relative;display: inline; }
.tab-wrap ul li a span:before { content: ""; width: 100%;position: absolute; bottom: -8px; left: -1px; height: 2px; background: #fff;
-webkit-transform-origin: right center;
    -ms-transform-origin: right center;
        transform-origin: right center;
-webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
        transform: scale(0, 1);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.tab-wrap ul li a:hover span:before {
-webkit-transform-origin: left center;
    -ms-transform-origin: left center;
        transform-origin: left center;
-webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
        transform: scale(1, 1); }
.tab-wrap ul li.active a span:before { background: #114591; }
.tab-wrap ul li.active a span:before {
-webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
        transform: scale(1, 1);  }

.tab-wrap ul li.active a { color: #114591; }
.tab-wrap .mobile-tab {display: none;}
.subtab-wrap { border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; margin: 0 60px; text-align: center; }
.subtab-wrap.space { margin-top: 60px; }
.subtab-wrap ul li { display: inline-block;}
.subtab-wrap ul li a { text-align: center; text-transform: uppercase; font-family: 'latoblack'; letter-spacing: 1.5px; font-size: 14px; color: #373737; display: block; padding: 20px 35px;
-webkit-transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);}
.subtab-wrap ul li a:hover { color: #41b0b7; }
.subtab-wrap ul li.active a { color: #fff; background: #373737 }
.subtab-wrap ul li.active a:hover { color: #fff; background: #373737 }

/* ==========================================================================
   CONTENT/ PARTS
   ========================================================================== */
.headline { text-align: center; padding: 70px 132px; }
.headline p { color: #114691; font-size: 22px; letter-spacing: 1px; font-family: 'latolight'; }
.headline ul { margin-top: 10px; }
.headline ul li {display: inline-block;color: #114691; font-size: 22px; letter-spacing: 1px; font-family: 'latolight'; margin: 0 10px}
.headline ul li i { color: #114691; }
.headline .instagram { font-size: 22px; font-family: 'latoblack';color: #373737; display: inline-block; margin: 20px 0; }
.headline .instagram:hover { color: #114691 }
.headline .instagram i { font-size: 40px; vertical-align: middle;}
.headline .by { display: block; text-align: center; font-family: 'latoregular'; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: #41b0b7; margin-top: 20px; }
.headline .blue-txt { display: block; text-align: center; font-family: 'latoregular'; font-size: 22px; letter-spacing: 2px; color: #114691; margin-top: 20px; }
.contact-txt{color: #114691; font-size: 15px; font-family: 'latolight'; line-height: 1.2em;}
.content .part { padding: 30px; }
.content .part.pt0 { padding-top: 0 !important }
.content .part .row.upper { margin-top: -108px; position: relative; z-index: 1; }
.content .part .row.upper .text-box { padding-top: 186px; }
.content .part a { display: block; position: relative; outline: none; }
.content .part p { margin: 1em 0;font-family: 'latolight';font-size: 22px; }
.content .part p:first-child { margin-top: 0 }
.content .part p b { font-family: 'latoblack';  }
.content .part p .fa-angle-right { color: #737373 }
.content .part .row {  margin: 0; }
.content .part .row > *[class *= "col-"] { padding: 0; }
.content .part.slim .inner { padding-left: 80px; padding-right: 80px; }
.content .part h2 { margin: 0 0 25px 0; color: #114691;font-size: 35px; font-family: 'latoblack'; line-height: 1.2em }
.content .part h2.big {color: #114691;font-size: 35px;font-family: 'latoblack';width: 450px;margin: 0 auto 45px;line-height: 1.1em;}
.content .part h2.big2 {color: #114691;font-size: 35px;font-family: 'latoblack';width: 560px;margin: 0 auto 45px;line-height: 1.1em; z-index: 2; position: relative; }
.content .part h3 { margin: 0 0 25px 0;color: #114691;font-size: 40px; font-family: 'latoblack'; line-height: 1.2em; }
.content .part h5 { margin: 0 0 25px 0;color: #114691;font-size: 36px; font-family: 'latoblack'; line-height: 1.2em; }
.content .part h3.xsmall { font-size: 30px; }
.content .part .date { font-family: 'latoregular'; font-size: 14px; letter-spacing: 2px;text-transform: uppercase;color: #41b0b7; margin-top: 20px;}
.content .part figure { position: relative; z-index: 4; overflow: hidden; }
.content .part figure img { width: 100%;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
-webkit-transition: all .7s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all .7s cubic-bezier(0.215, 0.61, 0.355, 1); }
.content .part .fancy:hover img {
-webkit-transform: scale(1.1);
        transform: scale(1.1); }
.content .part .text-box .inner {padding: 0 60px}
.content .part .text-box.spec .inner { padding-top: 150px; }
.content .part .text-box .inner.v2 { padding-right: 0; }
.content .part .text-box:first-child .inner.v2 { padding-right: 60px; padding-left: 0;}
.content .part .list-box .inner { padding-left: 60px; padding-right: 0; }
.content .part .list-box:first-child .inner { padding-right: 60px; padding-left: 0;}
.content .part .list-box p { margin-bottom: 25px}
.content .part .list-box p { margin-bottom: 25px}
.content .part.space .row { margin: 0 -17px; }
.content .part.space .row > *[class *= "col-"] { padding: 0 17px }
.content .part.narrow { padding-bottom: 60px; padding-top: 0; }
.content .part.narrow:first-child { padding-top: 60px; }
.content .part.v2 { padding-left: 150px; padding-right: 150px; }
.content .part.v2 article { padding-left: 100px; position: relative; }
.content .part.v2 article .date { position: absolute; top: -12px; left: 15px }
.content .part.v2 article h3 { margin-top: -10px; font-size: 46px; line-height: 1.2em; margin-bottom:10px;}
.content .part.v2 article .info h4 { margin-bottom:10px;}
.content .part.v2 article p { padding-right: 11%; }
.content .part.v2 article .read-more { padding:10px 0; font-size: 12px; display: inline-block; font-family: 'latoblack'; color: #373737; letter-spacing: 2px; display: inline-block; margin-top: 40px;}
.content .part.v2 article .read-more:before { width: 15px; height: 3px; background: #373737; content: ""; display: inline-block; vertical-align: middle; margin-right: 10px;
-webkit-transition: all .2s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all .2s cubic-bezier(0.215, 0.61, 0.355, 1); }
.content .part.v2 article .read-more span {
-webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);  }
.content .part.v2 article .read-more:hover span {
-webkit-transform: translateX(30px);
        transform: translateX(30px); }
.content .part.v2 article .read-more:hover:before  { width: 30px; }

.content .part h4 { font-size: 22px; font-family: 'latoblack';color: #373737; margin: 0px auto}
.content .part.v2 .info .since { font-family: 'latoregular'; font-size: 14px; letter-spacing: 2px;text-transform: uppercase;color: #41b0b7; margin-top: 6px; display: block; }

.content .part.linestyle { margin-left: 80px;margin-right: 80px; border-top: 1px solid #c3c3c3; }
.content .part .list-model { margin-top: 20px; }
.content .part .list-model p { margin: 6px 0; }
.content .part .list-model2 p { margin: 25px 0; }
.content .part.linestyle .row { margin: 30px 0; }
.content .part.linestyle .sub-list { padding-left: 60px;}
.content .part.linestyle .sub-list li { font-family: 'latoblack'; font-size: 22px; padding: 3px 0}
.content .part.linestyle .sub-list.v2 li { font-family: 'latolight';  }
.content .part.linestyle .sub-list li > i {font-size: 9px;vertical-align: 45%;margin-right: 10px;}
.content .part.linestyle .sub-list li ol  { padding-left:28px; }
.content .part.linestyle.style2  { padding-right: 0; padding-left: 0;}

.content .box-info-wrap { margin-top: 1.5em; }
.content .box-info-wrap .box-name { font-size: 22px; font-family: 'latoblack';  color: #373737; margin: 0 0 15px; line-height: 1.3em}
.content .box-info-wrap .box-name.v2 { margin: 0 0 10px; }
.content .box-info-wrap .box-info { margin: 0 0 15px; }
.content .box-info-wrap .date { margin: 0}
.content .box-info-wrap .credits .ctg { font-family: 'latoregular'; font-size: 14px; letter-spacing: 2px;text-transform: uppercase;color: #41b0b7;display: inline-block;width: 160px; }
.content .box-info-wrap .credits .to { font-family: 'latolight'; display: inline-block; width: 430px; vertical-align: top }

.content .part .pair { margin-bottom: 30px; }
.content .part .pair h5 { font-size: 14px; color: #185696; margin: 0 0 5px; letter-spacing: 1px}
.content .part .pair p {  margin: 0; }
.content .part .pair p a { color: #373737 }
.content .part .inner .m0 { margin: 0 }

.map { height: 600px; }
.img-slider .owl-dots { margin-top: 10px; position: absolute; bottom: 40px; width: 100%; left: 0 }
.img-slider.owl-theme .owl-nav [class*=owl-] { position: absolute; top: 50%;border-radius: 50%; text-indent: -999px;overflow: hidden;width: 46px; height: 46px; margin-top: -23px; }
.img-slider.owl-theme .owl-nav .owl-next { right: 20px; background: url(../images/site/arrow-right.png) no-repeat center rgba(0,0,0,0.5); }
.img-slider.owl-theme .owl-nav .owl-prev { left: 20px; background: url(../images/site/arrow-left.png) no-repeat center rgba(0,0,0,0.5); }
.play-icon {position: absolute;top: 50%;left: 50%;width: 70px;height: 70px;color: #fff;border: 5px solid #fff;font-size: 32px;border-radius: 50%;text-align: center; z-index:5; margin-top: -35px;margin-left: -35px;}
.play-icon i { vertical-align: -20%; margin-left: 4px; }
.content .part.space.narrow figure:before { position: absolute; top: 0; left: 0;width: 100%; height: 100%;  content: "";z-index: 1; background: transparent;
-webkit-transition: all .3s cubic-bezier(.3,.74,.5,.93);
        transition: all .3s cubic-bezier(.3,.74,.5,.93);
background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.2));
background: -o-linear-gradient(transparent, rgba(0,0,0,0.2));
background: -moz-linear-gradient(transparent, rgba(0,0,0,0.2));
background: linear-gradient(transparent, rgba(0,0,0,0.2));  }

.content .part .image-list {margin: 0 -4.5px}
.content .part .image-list .hover { position: absolute; width: 100%; bottom: 0; left: 0; background: rgba(255,255,255,0.8); color: #000;
-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateY(100%);
        transform: translateY(100%);}
.content .part .image-list li figure:hover .hover {
-webkit-transform: translateY(0);
        transform: translateY(0); }
.content .part .image-list .hover span { display: block; padding: 10px 15px; }
.content .part .image-list li { float: left; width: 20%; margin: 0; padding: 5.5px; position: relative; }
.content .part .image-list li figure { overflow: hidden; }
.content .part .image-list li img { display: block; width: 100% }
.content .part .image-list.media figure { overflow: hidden; position: relative; }
.content .part .image-list.media .box-info-wrap { margin-bottom: 40px; }


.content .list-style-a .wrap {padding: 60px 350px 0 230px; border-top: 1px solid #c3c3c3;}
.content .list-style-a .wrap h2 { margin-bottom: 40px;}
.content .list-style-a .wrap h4 { font-size: 22px; font-family: 'latoblack'; color: #373737; margin: 0 0 10px; }
.content .list-style-a .wrap .detail {margin: 0;}
.content .list-style-a  p {margin: 7px 0; font-size: 22px;}
.content .list-style-a .wrap li { position: relative; margin: 30px 0;}
.content .list-style-a .wrap li .date  { position: absolute; top: 2px; margin-top: 0; left: -150px; }
.content .list-style-a.a2 .wrap { padding: 60px 150px 0 450px }

.employee-stats { margin: 50px 0 }
.employee-stats .icon {display: block;width: 50px; height: 50px;}
.employee-stats .count {font-family: 'latoblack'; font-size: 36px;    color: #114691;}
.employee-stats .cell p { color: #114691; text-transform: uppercase; font-size: 14px; margin: 0;font-family: 'latoregular'; letter-spacing: 1px;  }
.employee-stats .cell p span,
.employee-stats .count span { color: #41b0b7;  }
.employee-stats .i-01 { background: url(../images/site/i-07.png) no-repeat left center;
-webkit-background-size: 22px auto;
        background-size: 22px auto;}
.employee-stats .i-02 { background: url(../images/site/i-05.png) no-repeat left center;
-webkit-background-size: 23px auto;
        background-size: 23px auto;}
.employee-stats .i-03 { background: url(../images/site/i-10.png) no-repeat left center;
-webkit-background-size: 40px auto;
        background-size: 40px auto;}
.employee-stats .i-04 { background: url(../images/site/i-11.png) no-repeat left center;
-webkit-background-size: 34px auto;
        background-size: 34px auto;}

.center-part {background: url(../images/temp/group.jpg) no-repeat center;  position: relative; margin-bottom: 40px;
-webkit-background-size: cover;
        background-size: cover;}
.center-part .cell { position: relative; z-index: 2; vertical-align: middle; }
.center-part .inner { padding: 180px 60px; font-family: 'latolight'; font-size: 22px;}
.center-part .left p { font-size: 30px; color: #fff; text-align: center;font-family: 'latoblack'; line-height: 1.15em; font-size: 40px }
.center-part:before { width: 50%; height: 100%; position: absolute; content: ""; background: rgba(255,255,255,0.8); left: 50%; top: 0;z-index: 1; }

/* ==========================================================================
   NAVIGATION
   ========================================================================== */
.navigation { margin: 0 60px; border-top: 3px solid #373737; padding-top: 50px;}
.navigation a { font-size: 32px; font-family: 'latoblack'; letter-spacing: -1px; color: #373737;
-webkit-transition: color .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: color .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.navigation a:hover { color: #41b0b7 }
.navigation .pev { float:left; }
.navigation .next { float: right; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
footer { background: #d1d2ce; font-size: 14px; padding: 60px; margin-top: 60px; }
footer figure { background: url(../images/site/footer-logo.png) no-repeat center; width: 120px; height: 49px;
-webkit-background-size: 100% auto;
        background-size: 100% auto; }
footer .row .col-1-3.left { width: 30%; }
footer .row .col-1-3.center { width: 32%; }
footer .row .col-1-3.right { width: 38%; }
footer .social { text-align: right; }
footer .social li { display: inline-block; margin-left: 10px; }
footer .social a { background: #a2a3a1; font-size: 20px; width: 40px; height: 40px; display: block; text-align: center; color: #fff;  line-height: 40px;
-webkit-transition: background .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: background .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
footer .social a:hover { background: #154278;  }
footer .left p { margin-top: 32px; }
footer .center p { margin-top: 8px; }
footer .center p:first-child { margin-top: 0; }
footer .center a {color: #373737}
footer .shop { text-align: right; margin-top: 31px;}
footer .shop li { display: inline-block; margin-left: 10px; }
footer .shop li a { color: #373737; font-family: 'latoblack';
-webkit-transition: color .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: color .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
footer .shop li a:hover { color: #154278 }


/* ==========================================================================
   HELPERS
   ========================================================================== */
.hidden { display: none !important; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }

.desktopClear { content: " "; display: table; clear: both; }
.mobileClear { content: " "; display: table; clear: both; display: none; }
.group-3 > *[class *= "col-"] { margin-bottom: 45px; }
.overlay { display: none; }
.ov { overflow: hidden; }
.read-more.type2 { font-size: 12px; font-family: 'latoblack'; color: #373737; letter-spacing: 2px; display: inline-block; margin-top: 20px; }
h3 .love-icon { background: url(../images/site/love-icon.png) no-repeat left center; width: 32.5px; height: 32.5px; display: inline-block;
-webkit-background-size: 32.5px auto;
        background-size: 32.5px auto; }

.contact-header{text-align:center;}		
.contact-container {border-bottom:2px solid #a2a2a2;}
.contact-container h4 {color:#141e26;}


/* ==========================================================================
   ACCORDION
   ========================================================================== */

.presentations .inner h4 {float: left; margin-left: -55px; font-size: 24px; font-family: 'latoblack'; color: #1c1c1c;}
.presentations img {background: #7d7d7d; margin: -4px 8px;}
.presentations a {font-size: 18px; font-family: 'latoregular'; color: #1c1c1c;}
.presentations a:hover img {background-color:#41b0b7;}
.presentations a span {color:#717171; display: inline-block;}
.presentations a:hover span {color:#41b0b7;}

.accordion {background-color: #eee; color: #41b0b7; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: center; outline: none; font-size: 16px; transition: 0.4s; font-family: 'latoregular';}
.accordion.active{background-color:efefef;}
.accordion:hover {background-color: #ccc;}
.accordion:after {content: '\002B'; color: #41b0b7; font-weight: bold; margin-left: 5px;}
.accordion.active:after {content: "\2212";}
.panel {padding: 0 18px; background-color: #fff; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.part.linestyle.presentations {border: none;}

/* ==========================================================================
   PRESS RELEASES
   ========================================================================== */
.press-releases .txt-left {float: left;}
.press-releases .accordion::after {float: right;}
.press-releases .accordion {background-color: #fff; color: #000; border-bottom: 1px dashed #e6e4e4}
.press-releases .accordion:hover {background-color: #fff; color:#41b0b7;}
.press-releases .accordion:after {color:#000;}
.press-releases .accordion.active, .press-releases .accordion.active:after, .press-releases .accordion:hover:after {color:#41b0b7;}
.press-releases table {border-collapse: inherit; width:80%;}

/* ==========================================================================
   INVESTOR RELATIONS
   ========================================================================== */

.investor-relations-txt {padding: 0px 132px;}
.investor-relations-txt h2{font-size:35px; color:#185696; font-family: 'latoblack';}
.investor-relations-head {padding: 65px 0 0 0;}
.investor-relations-head h3{font-size:22px !important; color:#41b0b7 !important; font-family: 'latoheavy' !important;}
.investor-relations-head p{font-size:15px !important; color:#41b0b7 !important; font-family: 'latolight' !important;}


/* ==========================================================================
   SİTE MAP
   ========================================================================== */
.siteMapPart {float: left; margin: 85px 20px 0 20px; overflow: hidden; display: inline-block; height: 550px; width: calc(33% - 40px);}
.siteMapPart > .main > a {font-size: 24px; color: #41b0b7;}
.siteMapPart > .subm > .main > a {background: url('../images/site/site-map-bullet.png') 0 center no-repeat; padding-left: 15px; font-size: 18px; color: #373737; line-height:1.9;}
.siteMapPart > .subm > .subm > .main > a {font-size:16px; color:#373737; margin-left: 15px; line-height: 1.9;}
.sitemap .navigation {display:none;}
footer .site-map { text-align: right; margin-top: 10px;}
footer .site-map li { display: inline-block; margin-left: 10px; }
footer .site-map li a { color: #373737; font-family: 'latoblack';
-webkit-transition: color .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: color .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
footer .site-map li a:hover { color: #154278 }



/* ==========================================================================
   404 PAGE
   ========================================================================== */
#pageNotFound .banner, #pageNotFound .navigation{display:none;}
.pageNotFound-bg{background: url(../images/site/mavi-404-bg.jpg) no-repeat center / cover; position: relative; height: 100vh; width: 100%;}
.pageNotFound-content{position: absolute; bottom: 25%; height: 62%; z-index: 999; width: 100%; left: 0;}
.pageNotFound-content h2{font-family: 'latoblack'; color: #5be2eb; font-size: 205px; text-align: center; margin-bottom: 0px;}
.pageNotFound-content .txt{font-family: 'latobold'; color: #ffffff; font-size: 30px; text-align: center; margin-bottom: 30px;}
.pageNotFound-content .btn{text-align: center; margin-bottom: 30px; padding: 24px 47px 20px 47px; overflow: hidden;}
.pageNotFound-content .btn a{font-family: 'latobold'; color: #ffffff; font-size: 16px; background-color:#114691; padding: 24px 47px 20px 47px;}


/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */
/* TABLET */
@media only screen and (max-width:1366px ) {
    .index-gateway h3 {font-size: 28px;}
    .index-gateway .sub { min-height: 124px; }
    .index-gateway .read-more span {opacity: 1;
     -webkit-transition: all 0s;
             transition: all 0s;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);}
}
/* TABLET */
@media only screen and (max-width:1130px ) {
    .wrapper { max-width: 768px; position: relative; }
    header { position: absolute; top: 0; left: 0; z-index: 90; background: none; width: 100%; }
    header .mobile { width: 70px; height: 70px; background: #fff; position: absolute; right: 0; top: 0;  font-size: 32px; color:#114691; text-align: center; display: block; }
    header .mobile i { display: inline-block; vertical-align: middle; margin-top: 16px; }
    header .search { background: url(../images/site/search2.png) no-repeat center #114691; width: 70px; height: 70px;
    -webkit-background-size: 21px auto;
            background-size: 21px auto; }
    header .lang { display: none; }
    header .logo { width: 132px; height: 45px; background: url(../images/site/logo-white.png) no-repeat; margin-left: 30px; margin-top: 11px;
    -webkit-background-size:131px auto;
            background-size:131px auto; }
			
	.mobile li a span:hover {color: #41a8ae;}
	.mobile ul {border-top: 3px solid #41b0b7;}
	
	
	.mobile ul > li > a {background-color:#f0f0f0;}
	.mobile ul > li > ul {background-color:#cdcaca;}
	
    .mobilemenu .mainmenu > li > a { padding: 20px; }
    .mobilemenu .mainmenu > li > a > span:before {display: none;}
    .mobilemenu .mainmenu .submenu a {padding: 7px 0; }
    .mobilemenu .mainmenu li a:hover,
    .mobilemenu .mainmenu .submenu a:hover { color: #373737; }

    header nav { display: none; }
    .mobilemenu { width: 300px; height: 100vh; background-color: #fff; position: fixed; top: 0; right: 0; display: block; z-index: 500; overflow: auto; overflow-x: hidden; padding-top: 60px;
    -webkit-transform:translateX(100%);
            transform:translateX(100%); }
    .mobilemenu li{ float:none; border-bottom: 1px solid #eaeaea; }
    .mobilemenu .submenu,
    .mobilemenu .mainmenu > li:nth-child(1) .submenu,
    .mobilemenu .mainmenu > li:nth-child(2) .submenu{ width: 300px; }
    .mobilemenu .mainmenu .submenu {top: 63px; }
    .mobilemenu-close{ position: fixed; top: 15px; right: 15px; z-index: 101; font-family: 'latoblack'; color: #114691; padding: 5px; }
    .mobilemenu .lang { position: fixed; top: 15px; left: 15px; z-index: 101; font-family: 'latoblack'; color: #114691; display: block; }
    .mobilemenu .lang li{ display: inline-block; }
    .mobilemenu .lang li a { color: #373737; padding: 5px; display: block; }
    .mobilemenu .lang li.active a { color: #114691; }
    .mobilemenu .mainmenu > li.active > a {color:#114691; }

    .overlay {content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); z-index: 400; opacity: 0;visibility: hidden;-webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
    body.disabled{overflow: hidden;}
    body.disabled .overlay {opacity:1; visibility: visible;}

    .map { height: 300px; }

    .main-slider .desktop { display: none; }
    .main-slider .mobile { display: block; }
    .main-slider figure { max-height: 700px; overflow: hidden;}
    .main-slider .text p { font-size: 60px }
    .main-slider .text { top: 40%; width: 100%; text-align: center; left: 0; bottom: 0;}

    .box-grids .text { padding: 40px 20px }
    .box-grids .text .title { font-size: 28px }
    .box-grids .spec .text { padding: 20px }
    .box-grids .spec .text p {font-size: 16px;}
    .box-grids .spec .text p.by {margin-top: 10px;font-size: 13px; font-family: 'latoblack';}
    .box-grids a img,
    .index-bottom-links a img {
     -webkit-transition: all 0s;
             transition: all 0s; }
    .box-grids a:hover img,
    .index-bottom-links a:hover img {
    -webkit-transform: scale(1);
            transform: scale(1) }
    .index-gateway .read-more:before {display: none; }
    .index-gateway .read-more span {opacity: 1;
     -webkit-transition: all 0s;
             transition: all 0s;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
    .index-gateway { display: none; }
    .index-gateway.mobile { height: inherit; text-align: center;padding-bottom: 40px; padding-top: 20px; }
    .index-gateway.mobile.owl-theme .owl-dots .owl-dot span:before { border-color: #000; }
    .index-gateway.mobile.owl-theme .owl-dots .owl-dot.active span { background: #000; }
    .index-gateway i { margin: 0 auto 20px; background-position: center; }
    .index-gateway h3 { font-size: 38px; }
    .index-gateway .cell a { padding: 0; width:80%; overflow: hidden; margin: 0 auto; padding: 30px 0; }
    .index-gateway .sub { min-height: auto }
    .index-bottom-links .title { font-size: 24px;  }
    .index-stats li { padding: 60px 10px; }
    .index-stats li .count { font-size: 28px; }
    .index-stats li .ref {font-size: 11px; }

    h3 .love-icon { vertical-align: -10%; }
    .banner h1 { margin: 120px 30px 0 30px; }
    .headline { padding: 60px; }
    .tab-wrap ul li a { padding: 25px 10px; font-size: 12px; letter-spacing: 1px; }
    .subtab-wrap { margin: 0 30px; }
    .subtab-wrap ul li a { font-size: 13px; letter-spacing: 1px; }
    .subtab-wrap ul li a:hover { color: #373737; }
    .subtab-wrap ul li.active a:hover { color: #fff;background: #fff; }
    .tab-wrap ul li a span:before {display: none; }
    .tab-wrap ul li.active a span { border-bottom: 2px solid #114591; }
    .navigation { margin: 0 30px}
    .navigation a {font-size: 22px;}
    .content .part { padding: 30px }
    .content .part h2 { font-size: 35px; }
    .content .part h3 { font-size: 32px; }
    .content .part h4 { font-size: 21px; }
    .content .part.space .row { margin: 0 -15px}
    .content .part.space .row > *[class *= "col-"] {padding: 0 15px;}
    .content .part .list-box .inner { padding-left: 30px; }
    .content .part .list-box:first-child .inner { padding-right: 30px; padding-left: 0;}
    .content .part.v2 { padding: 0 30px 60px 30px }
    .content .part.v2:first-child { padding-top: 60px }
    .content .part.v2 article h3 { font-size: 38px; margin-top: -10px; padding-right: 0; }
    .content .part.v2 article .date { top: -15px; }
    .content .part.v2 article .read-more span,
    .content .part.v2 article .read-more:before {
    -webkit-transition: all 0s;
            transition: all 0s; }
    .content .part.v2 article .read-more:hover:before { width: 20px; }
    .content .part.v2 article .read-more:hover span {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);}
    .content .part.list-type { padding: 0 30px 60px 30px  }
    .content .part.list-type:first-child { padding-top: 60px }
    .content .part .text-box .inner { padding: 0 0 0 30px }
    .content .part .text-box:first-child .inner,
    .content .part .text-box:first-child .inner.v2 { padding: 0 30px 0 0 }
    .content .part .text-box.spec .inner { padding-top: 0; }

    .content .part.slim .inner { padding-left: 0; padding-right: 0; }
    .content .list-style-a .wrap { padding-left: 150px; padding-right: 0; }
    .content .list-style-a .wrap h4 {font-size: 21px;}
    .content .part.narrow {padding-bottom: 40px;padding-top: 0;}
    .content .part.narrow:first-child { padding-top: 40px; }
    .content .part.linestyle { margin-right: 30px; margin-left: 30px;     padding-left: 0;  padding-right: 0;}
    .content .list-style-a.a2 .wrap {padding: 30px 0px 0 150px}
    .content .part .image-list.media .clearDesktop { display: none; }

    .img-slider .owl-dots {bottom: 10px}
    .img-slider.owl-theme .owl-nav [class*=owl-] { width: 36px; height: 36px; margin-top: -18px; }
    .img-slider.owl-theme .owl-nav .owl-prev { left: 10px; }
    .img-slider.owl-theme .owl-nav .owl-next { right: 10px; }
    .content .box-info-wrap { margin-top: 1em; margin-bottom: 10px;}
    .content .box-info-wrap .box-name.v2 { line-height: 1.2em; font-size: 20px }
    .content .group-3 .box-info-wrap { margin-bottom: 0}
    .content .box-info-wrap .box-name { margin-bottom: 10px;}
    .content .box-info-wrap .credits .ctg,
    .content .box-info-wrap .credits .to { width: auto; display: block; }
    .box-info-wrap .credits p { margin: 15px 0; }

    .content .part h2.big2{ width: 450px; font-size: 35px; }
    .content .part h2.big{ width: 350px; font-size: 35px; }
    .content .part .row.upper { margin-top: -100px; }
    .content .part .row.upper .text-box {padding-top: 100px;}
    .center-part .inner { padding: 90px 30px; }

    .employee-stats { margin: 20px 0; }
    .employee-stats .count { font-size: 24px }
    .list-model2 { margin-top: -22px; }

    footer { padding: 30px; }
    footer .row .col-1-3 { width: 50% !important; }
    footer .row .col-1-3.right { width: 100% !important; margin-top: 40px;}
    footer .social,
	footer .site-map,
    footer .shop { text-align: left; }
    footer .shop { margin-top: 25px; }
    footer .social li,
	footer .site-map li,
    footer .shop li { margin-left: 0; margin-right: 10px;}
    footer .shop li a,
	footer .site-map li a,
    footer .social li a {
    -webkit-transition: all 0s;
            transition: all 0s;  }
	.scroll-table{overflow-x:auto;}
	.scroll-table .table-full{width:700px;}
	.scroll-table .swipe.mobile {display: block; font-size: 15px; padding-top: 20px;}
	.part.linestyle.presentations {margin-left: 50px !important;}
	.siteMapPart {margin: 40px 0px; height: auto; width: calc(50% - 40px);}
}
/* MOBILE */
@media only screen and (max-width:749px ) {
    header .logo { margin-left: 20px;}
    .image-list.media .desktopClear {display: none;}
    .image-list.media ..mobileClear {display: table;}
    .wrapper { max-width: 425px }
    .main-slider .text p {font-size: 40px; }
    .index-bottom-links .col-1-3 { width: 100%; margin-top: 25px; }
    .index-bottom-links .col-1-3:first-child { margin-top: 0; }
    .index-gateway h3 {font-size: 28px;    padding: 0 25px;}
    .index-gateway .cell a {width: 70%}
    .index-gateway .sub {font-size: 18px}
    .box-grids > div { width: 100% !important; float: none; }
    .box-grids .table {display: block;}
    .box-grids .table .cell {display: block;width: 100%}
    .box-grids .col-1-1 a {height: 88vw; overflow: hidden;}
    .box-grids .spec .text { padding: 40px 20px }
    .box-grids .spec .text p {font-size: 19px; }
    .box-grids .spec .text p.by { margin-top: 20px; font-size: 15px }

    .index-stats {  padding: 24px 0;}
    .index-stats li {display: block; padding: 16px 0;}
    .index-stats li:nth-child(4),
    .index-stats li:last-child { display: none; }
    .index-stats li .icon { margin-bottom: 10px; }
    .index-stats li .count {font-size: 46px;}
    .index-stats li .ref {font-size: 14px;}

    .banner h1 { font-size: 32px; margin-top: 0;line-height: 1.1em; position: absolute; left: 20px; bottom: 20px; margin: 0; }
    .navigation { margin: 0 20px ; padding-top: 30px;}
    .navigation a { float: left; width: 50%; font-size: 18px; font-family: 'latoheavy'; position: relative; display: block; line-height: 1.2em; }
    .navigation .prev i { position: absolute; top: 2px; left: 0; }
    .navigation .prev { padding-left: 10px; }
    .navigation .next {text-align: right; padding-right: 10px;}
    .navigation .next i { position: absolute; top: 2px; right: 0; }
    .headline { padding: 30px}
    .headline p { font-size: 19px; }
    .tab-wrap .mobile-tab { font-family: 'latoblack'; padding: 20px 45px 20px 20px; letter-spacing: 1px; font-size: 13px; color: #fff; display: block; position: relative; text-transform: uppercase;}
    .tab-wrap .mobile-tab i { position: absolute; top: 20px; right: 20px; font-size: 16px; }
    .tab-wrap ul { padding: 10px 0; border-top: 1px solid #5bbfc5; display: none; }
    .tab-wrap ul li { display: block; }
    .tab-wrap ul li a { text-align: left; padding: 10px 20px; }
    .tab-wrap ul li a span { line-height: 1.9em; }
    .subtab-wrap { margin: 0; white-space: nowrap; }
    .subtab-wrap.c2 { text-align: center;  }
    .subtab-wrap ul:before,
    .subtab-wrap ul:after{ display: table;content: "";clear: both; }
    .subtab-wrap ul { overflow: auto;  }
    .subtab-wrap ul li { display: inline-block; }
    .subtab-wrap ul li a { padding: 20px 15px; font-size: 12px; letter-spacing: .5px }
    .content .part { padding: 20px; }
    .content .part p { font-size: 20px }
    .content .part h2 {font-size: 28px; margin-bottom: 20px;}
    .content .part .row {margin: 0 !important}
    .content .part .row > *[class *= "col-"] { padding: 0 !important; width: 100%; margin-top: 35px; }
    .content .part .row > *[class *= "col-"]:first-child { margin-top: 0; }
    .content .part.narrow:first-child { padding-top: 30px; }
    .content .part.narrow { padding-bottom: 30px; }
    .content .part .text-box:first-child .inner { padding: 0 }
    .content .part .text-box .inner {padding: 0}
    .content .part .row .list-box { margin-top: 0; }
    .content .part .row .list-box .inner { padding: 0 }
    .content .part .image-list li {width: 50%;}
    .content .part.list-type { padding: 30px 20px }
    .content .part.list-type:first-child { padding-top: 30px; }
    .content .part.v2 {padding: 20px}
    .content .part.v2:first-child { padding-top: 30px; }
    .content .part.v2 .row .col-2-3 { margin-top: 0; }
    .content .part.v2 article { padding-left: 0;}
    .content .part.v2 article h3 { font-size: 26px; margin: 0; }
    .content.leadership .part.v2 article h3 { margin-top: 20px; }

    .content .part.v2 article .date {margin: 0; position: relative; top: 0; left: 0; margin-top: 20px;}
    .content .part.v2 article p { padding-right: 0; }
    .content .part.v2 article .read-more { margin: 20px 0 }
    .content .list-style-a .wrap h2 {font-size: 26px; margin-bottom: 10px;}
    .content .list-style-a .wrap { padding: 30px 0 }
    .content .list-style-a .wrap li .date { position: relative;top: 0;left: 0 }
    .content .part.linestyle { margin-left: 20px; margin-right: 20px;padding: 30px 0; }
    .content .part.linestyle .list-box { margin-bottom: 25px; }
    .content .part.linestyle .list-model { margin-top: 10px; }

    .content .list-style-a.a2 .wrap {padding: 0}
    .content .list-style-a .wrap li .date { margin-bottom: 7px; }
    .content .part h2.big2,
    .content .part h2.big { width: 100%; font-size: 35px }

    .center-part {overflow: hidden;}
    .center-part .table { display: block;}
    .center-part .table .cell { display: block; width: 100%;}
    .center-part .left p { text-align: left; font-size: 38px }
    .center-part .inner { padding: 40px 20px; }
    .center-part .right { background: rgba(255,255,255,0.7); }
    .center-part:before { display: none; }
    .employee-stats .count { font-size: 22px; }
    .employee-stats .cell p {font-size: 13px; }
    .content .part.linestyle .sub-list { padding-left: 15px; }
    .content .part.linestyle .sub-list li { font-size: 20px }
    .contact-wrap.row > *[class *= "col-"] { margin-top: 0 !important; }
    .group-3 > *[class *= "col-"] {margin-bottom: 20px;}
    footer { padding: 30px 20px }
	.siteMapPart {width: calc(100% - 40px);}
	.pageNotFound-bg{height:130vh;}
	.pageNotFound-content{height: 85%;}
	.pageNotFound-content h2{font-size: 150px;}
	.pageNotFound-content .btn, .pageNotFound-content .btn a{padding:24px;}
	
}
@media only screen and (max-width:620px ) {
    footer .row .col-1-3 { width: 100% !important; margin-top: 40px !important; }
    footer .row .col-1-3.left { margin-top: 0 !important; }
    footer .left p { margin-top: 19px; }
    footer .shop {margin-top: 15px; }
    footer .social li { margin-bottom: 10px; }
}
/*TABLE*/
.table1 thead
{
color: black;
width: 60%;
border-top: 1px solid #e6e4e4;
border-bottom: 1px solid #e6e4e4;
font-weight: bold;
}
.table1 img{padding: 8px;margin-top: -4px;}
.table1 thead tr td , .table1 tbody tr td
{
  padding-top: 15px;
  padding-bottom: 15px;

}
.table1
{width: 60%;margin: 0 auto;font-size: 16px;}

.table1 tbody tr
{
  border-top: 1px dashed #e6e4e4;
  border-bottom: 1px dashed #e6e4e4;
}
.table1 a{color: #41b0b7;}
.table1 a:hover{text-decoration: underline;}

.table-full{width: 100%;}
.scroll-table .swipe { display: none; margin-bottom: 5px; }
.scroll-table .swipe i { width: 36px; height: 46px;display: inline-block; background: url(../images/site/swipe.png) no-repeat center; vertical-align: middle; }
@media only screen and (max-width:620px ) {
  .table1
  {font-size: 14px;}
}