/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/*FOR ANIMATIONS -------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, input, textarea, select, button, .btn, #menu a, .menubtn, .menubtn span, #foot a, .hid-e, #logo a, #logo img, #h-menu a:after, #h-mail a, #menu
{transition: all 500ms; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; -ms-transition: all 500ms;}

/*END FOR ANIMATIONS ---------------------------------------------------------*/


/*PRE ------------------------------------------------------------------------*/

html.notmobile ::-webkit-scrollbar {width: 12px; cursor: pointer;}
html.notmobile ::-webkit-scrollbar-track {background: #eeeeee;}
html.notmobile ::-webkit-scrollbar-thumb {background: #cfcfcf;}
html.notmobile ::-webkit-scrollbar-thumb:hover {background: #003965;}
html.notmobile ::-webkit-scrollbar-button {background: #b4b4b4;}
html.notmobile ::-webkit-scrollbar-button:hover {background: #003965;}

* {box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-tap-highlight-color: transparent !important}
::-moz-selection {background-color: #003965; color: #fff;}
::selection {background-color: #003965; color: #fff;}
::-moz-selection {background-color: #003965; color: #fff;}

input, select {-webkit-appearance:none; outline: 0px !important;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: none;}
input[type=number] {-moz-appearance:textfield;}
button::-moz-focus-inner {border: 0;}
input::-o-outer-spin-button, input::-o-inner-spin-button {-o-appearance: none; margin: 0;}

/*END PRE --------------------------------------------------------------------*/



/*LAYOUT ---------------------------------------------------------------------*/
body, html {scroll-behavior: smooth;}
body {font-size: 14px; color: #68757d; background-color: #fff; text-align: center; margin: 0px; padding: 0px; overflow-y: scroll}
body, button, input, textarea, select, .bx-ttl2 {font-family: 'Roboto', sans-serif; outline: 0px !important;}
h1, h2, h3, h4, h5, h6, .btn, #h-menu a, .erw-ttl2 {font-family: 'Barlow', sans-serif;}

.sss {width: 100%; max-width: 100%; clear: both; margin: 0px; display: inline-block; padding: 0px; text-align: center; position: relative; z-index: 1; float: left;}
.ssc {max-width: 100%; width: 1560px; padding: 0px 20px; margin: 0 auto; display: inline-block; text-align: center; position: relative; vertical-align: top; float: none;}
.ssc-l, .ssc-r {width: 780px;}
.ssc-l {float: right;}
.ssc-r {float: left;}

.css {width: 100%; max-width: 100%; clear: both; margin: 0px; display: inline-block; padding: 0px; position: relative; z-index: 1; float: left;}

.c-col, .t-col, .v-col {display: inline-block; clear: none;}
.c-col {float: left;}
.t-col {float: none; vertical-align: top;}
.v-col {float: none; vertical-align: middle;}

/*END LAYOUT -----------------------------------------------------------------*/



/*HORIZONTAL SCROLLABLE ELEMENTS ---------------------------------------------*/

.vscroll {overflow-x: hidden; white-space: nowrap;}
body.mobile .vscroll {overflow-x: auto;}
.vscroll > * {white-space: initial;}

/*END HORIZONTAL SCROLLABLE ELEMENTS -----------------------------------------*/



/*HEADER ---------------------------------------------------------------------*/

/*header containers  ---------------------------------------------------------*/

#hd0 {position: initial; z-index: 500}
#hd0 {background: #fff; position: fixed; left: 0px; top: 0px; z-index: 9999;}

#hdc:after {background-color: #e3e7e9; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 1px; content: ''; z-index: 0;}
/*#hdc > * {display: inline-block; vertical-align: middle;}*/
#hdc {text-align: right; white-space: nowrap; overflow: hidden;}

#hd0 + * {padding-top: 100px;}

/*end header containers  -----------------------------------------------------*/



/*logo -----------------------------------------------------------------------*/

#logo {display: inline-block; text-align: left; z-index: 30; position: absolute; left: 0px; top: 0px; bottom: 0px;}
#logo figure {display: inline-block; vertical-align: top; width: 100%;}
#logo a {background-color: transparent; display: inline-block; vertical-align: top; width: 100%; height: 90px; line-height: 90px; padding: 5px 0px; vertical-align: middle; display: inline-block; -webkit-box-sizing: initial; box-sizing: initial; width: 100%; position: relative;}
#logo img {max-width: 100%; height: auto; width: auto; max-height: 100%; vertical-align: middle;}
body.sc1 #logo a {height: 40px; line-height: 40px;}

/*end logo -------------------------------------------------------------------*/



#logo {width: 400px;}
#h-menu {padding-left: 215px;}


/*header contact -------------------------------------------------------------*/

#h-mail {padding: 0px 25px;}
#h-mail a {font-size: 16px; line-height: 20px; color: #585858; font-weight: 300; padding: 10px; display: inline-block; vertical-align: top; text-decoration: underline;}
#h-mail a:hover {color: #0090ff; text-decoration: none;}

/*end header contact ---------------------------------------------------------*/



/*header banner -----------------------------------------------------------------*/



/*end header banner -------------------------------------------------------------*/

/*END HEADER -----------------------------------------------------------------*/



/*MAIN -----------------------------------------------------------------------*/

/*#main {min-height: 1500px;}*/
/*#main .e-ttl {font-size: 40px; line-height: 44px; color: #707070; font-weight: 700; text-align: left; text-transform: uppercase; margin-bottom: 40px;}
#main .e-ttl:last-child {margin-bottom: 0px;}*/

/*END MAIN -------------------------------------------------------------------*/



/*SECTIONS -------------------------------------------------------------------*/

.sec {padding-top: 100px;}
.sec:first-child {padding-top: 50px;}

.sec-bg {padding-bottom: 100px; margin-top: 100px;}
.sec-bg + .sec-bg, .sec-boxes + .sec-bg {margin-top: 0px;}

.sec-reviews, .sec-boxes {padding-top: 0px !important; padding-bottom: 0px !important}
.sec-reviews > * {padding-top: 100px; padding-bottom: 100px;}

.sec-ttl0 {margin-bottom: 75px;}
.sec:first-child .sec-ttl0 {margin-bottom: 50px;}



/*section title --------------------------------------------------------------*/

.sec-ttl0 {text-align: center;}
.sec-ttl0:last-child {margin-bottom: 0px !important;}
.sec-ttl {font-size: 68px; line-height: 72px; color: #000; font-weight: 500;}
.sec-sub-ttl {font-size: 32px; line-height: 36px; color: #8a9093; font-weight: 400; margin-bottom: 20px;}

/*end section title ----------------------------------------------------------*/



/*section banner -------------------------------------------------------------*/

.sec-banner > .ssc {width: 100%; padding-left: 0px; padding-right: 0px;}

.bn-row {display: -webkit-box;display: -ms-flexbox;display: flex; min-height: 620px;}
.bn-row > * {-ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end}
 
.bn-col-l {padding-top: 60px; padding-bottom: 60px;}
.sec-banner .bn-col-l {padding-bottom: 90px;}

.bn-colc {width: 530px; max-width: 100%;}
.bn-colc > * {margin-top: 60px;}
.bn-colc > *:first-child {margin-top: 0px;}

.bn-ttl, #main .bn-ttl {font-size: 74px; line-height: 78px; color: #000000; text-align: left; font-weight: 400}
.bn-ttl span {color: #8a9093}
.bn-txt {font-size: 20px; line-height: 32px; color: #68757d; text-align: left; font-weight: 300}
.bn-btn {text-align: left;}
.bn-btn .btn {text-transform: uppercase;}
.bn-btn .btn span:after {background-image: url(../img/m.png);}

.bn-col-img {}
.bn-img {width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: #1D1D1B}

/*end section banner ---------------------------------------------------------*/



/*section banners ------------------------------------------------------------*/

.sec-banners > .ssc {width: 100%; padding-left: 0px; padding-right: 0px;}

.sec-banners .bn-row:nth-child(odd) {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse; z-index: 10}
.sec-banners .bn-row:nth-child(odd) .ssc-l {float: left; padding-left: 120px;}
.sec-banners .bn-row:nth-child(even) .ssc-l {padding-right: 120px;}

.sec-banners .bn-colc {width: 100%;}
.sec-banners .bn-ttl, #main .sec-banners .bn-ttl {font-size: 68px; line-height: 72px; font-weight: 500}

/*end section banners --------------------------------------------------------*/



/*section boxes --------------------------------------------------------------*/

.sec-boxes > * {width: 100%; padding-left: 0px !important; padding-right: 0px !important; float: left;}

.el-boxes {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}
.el-boxes > * {-ms-flex-negative: 0;flex-shrink: 0; padding: 40px 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left;}
.el-boxes > .bx-btn  {padding: 0px;}

.bx-i {-ms-flex-preferred-size: 30%; flex-basis: 30%; width: 30%; background-position: center; background-size: cover; background-repeat: no-repeat;}
.bx-ttl {-ms-flex-preferred-size: 20%;flex-basis: 20%; width: 20%; background-color: #003965;}
.bx-el {-ms-flex-preferred-size: 20%;flex-basis: 20%; width: 20%; border-right: 1px solid #e1ebf2;}
.bx-btn {-ms-flex-preferred-size: 10%;flex-basis: 10%; width: 10%;}

.bx-ttl1, #main .bx-ttl1 {font-size: 50px; line-height: 54px; color: #fff; font-weight: 500; margin-bottom: 15px;}
.bx-ttl2, #main .bx-ttl2 {font-size: 18px; line-height: 24px; color: #8fa3b3; font-weight: 300;}

.bx-el-ttl, #main .bx-el-ttl {font-size: 20px; line-height: 30px; color: #141414; font-weight: 700; text-transform: uppercase; padding-bottom: 25px; position: relative;}
.bx-el-ttl:after {background-color: #003965; position: absolute; left: 0px; bottom: 0px; width: 40px; height: 5px; max-width: 100%; content: ''}

.bx-btn .btn-contact {font-size: 16px; line-height: 22px; color: #8fa3b3; font-weight: 300; padding: 35px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.bx-btn .btn-contact:before {background-image: url(../img/c.png); background-position: center; background-repeat: no-repeat; display: inline-block; width: 100%; float: left; height: 60px; margin-bottom: 15px; content: '';}

/*end section boxes ----------------------------------------------------------*/



/*section offer --------------------------------------------------------------*/

.sec-offer {background-color: #f9fbfc;}

.el-icons {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.icc {border-left: 1px solid #dbe8ef; -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 50px;}
.icc:nth-child(4n+1) {border-left: 0px;}

.icc-t, #main .icc-t {font-size: 20px; line-height: 24px; color: #141414; font-weight: 700; text-align: left; text-transform: uppercase; padding-right: 40px;}
.icc-t:last-child:first-child, #main .icc-t:last-child:first-child {font-size: 20px; line-height: 30px; color: #68757d; font-weight: 300; text-transform: initial; padding-right: 0px;}

.icc-i {-ms-flex-preferred-size: 75px; flex-basis: 75px; width: 75px; -ms-flex-negative: 0; flex-shrink: 0; text-align: center;}
.icc-i img {display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: top;}

/*end section offer ----------------------------------------------------------*/



/*section technology ---------------------------------------------------------*/

.sec-technology {background: rgb(20,73,113); background: -o-linear-gradient(top, rgba(20,73,113,1) 0%, rgba(0,57,101,1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(20,73,113,1)), to(rgba(0,57,101,1))); background: linear-gradient(180deg, rgba(20,73,113,1) 0%, rgba(0,57,101,1) 100%); color: #fff;}
.sec-technology:before {background-image: url(../img/b1.png); background-position: right top; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0px; right: 50%; width: 20%; margin-right: 50px; height: 281px; z-index: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; content: '';}

.el-technology > * {width: 50%;}

.el-technology-l {padding-right: 100px; padding-top: 50px; text-align: left;}
.el-technology-l > * {margin-bottom: 75px;}
.el-technology-l > *:last-child {margin-bottom: 0px;}


.el-technology .sec-ttl {color: #fff; text-align: left;}
.el-technology .sec-sub-ttl {color: #7ba0bc; text-align: left;}
.erw-txt {font-size: 20px; line-height: 30px; color: #e2e2ff;}


.erw-cols {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.erw-cols > * {border-left: 1px solid rgba(255,255,255,0.22); -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 60px;}
.erw-cols > *:last-child {padding-right: 0px;}

.erw-ttl2 {-ms-flex-preferred-size: 58%;flex-basis: 58%; width: 58%; font-size: 32px; line-height: 40px; text-align: left; font-weight: 400;}
.erw-btn {-ms-flex-preferred-size: 42%;flex-basis: 42%; width: 42%;}
.erw-btn .btn {text-transform: uppercase; white-space: nowrap}
.erw-btn .btn span:after {background-image: url(../img/m2.png);}


.el-table {border: 1px solid #fff; border-right: 0px; border-bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.tcc {border-right: 1px solid #fff; border-bottom: 1px solid #fff; -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; -ms-flex-negative: 0; flex-shrink: 0; padding: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.tcc.has-list {display: inline-block !important}

.tcc-t, #main .tcc-t {font-size: 22px; line-height: 30px; color: #fff; font-weight: 700; text-align: left; text-transform: uppercase;}
.tcc-ul {margin-top: 30px;}
.tcc-ul li {font-size: 20px; line-height: 24px; color: #e2e2ff; padding-top: 5px; padding-bottom: 5px; display: inline-block; width: 100%; float: left; text-align: left; padding-left: 20px; position: relative;}
.tcc-ul li:before {background-color: #7c7cf0; position: absolute; top: 17px; left: 0px; width: 5px; height: 2px; margin-top: -1px; display: inline-block; content: ''}

/*end section technology -----------------------------------------------------*/



/*section careers ------------------------------------------------------------*/

.sec-careers {}

.el-careers {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.el-careers > * {-ms-flex-preferred-size: 25%;flex-basis: 25%; width: 25%; -ms-flex-negative: 0; flex-shrink: 0;}

.psp-txt {font-size: 20px; line-height: 30px; color: #68757d; font-weight: 300; text-align: left; padding-right: 60px;}
.psp-txt:last-child {padding-right: 0px;}

.psp-img {-ms-flex-item-align: stretch;align-self: stretch; background-size: cover; background-repeat: no-repeat; background-position: center; padding-bottom: 6%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.psp-img .btn {text-transform: uppercase;}


.el-icons2 {-ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.psp-img + .el-icons2 {padding: 75px 60px; padding-right: 0px !important;}

.icc2 {-ms-flex-preferred-size: 50%;flex-basis: 50%; width: 50%; -ms-flex-negative: 0; flex-shrink: 0; padding: 0px 50px}
.icc2:nth-child(1n+3) {padding-top: 45px;}
.icc2:nth-child(odd) {padding-left: 0px;}
.icc2:nth-child(even) {padding-right: 0px;}

.icc2c {display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.icc2:nth-child(1n+3) .icc2c {border-top: 1px solid #dbe8ef; padding-top: 45px;}

.icc2-t, #main .icc2-t {font-size: 20px; line-height: 24px; color: #141414; font-weight: 300; text-align: left; padding-left: 40px;}

.icc2-i {-ms-flex-preferred-size: 75px;flex-basis: 75px; width: 75px; -ms-flex-negative: 0; flex-shrink: 0; text-align: center;}
.icc2-i img {display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: top;}

/*end section careers --------------------------------------------------------*/



/*section reviews ------------------------------------------------------------*/

.sec-reviews {background-color: #f9fbfc;}
.sec-reviews .sec-ttl0 {text-align: left !important;}

.sec-reviews > * {position: initial !important;}
.sec-reviews-bg {background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 50%; bottom: 0px; z-index: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; opacity: 0.2}
.sec-reviews-bg:before {background: rgb(249,251,252); background: -o-linear-gradient(left, rgba(249,251,252,0) 0%, rgba(249,251,252,1) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(249,251,252,0)), to(rgba(249,251,252,1))); background: linear-gradient(90deg, rgba(249,251,252,0) 0%, rgba(249,251,252,1) 100%); position: absolute; left: 60%; top: 0px; right: 0px; bottom: 0px; z-index: 10; content: ''}

.el-reviews {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.el-reviews > * {-ms-flex-preferred-size: 50%;flex-basis: 50%; width: 50%; -ms-flex-negative: 0; flex-shrink: 0; padding: 0px 70px;}
.el-reviews > *:nth-child(odd) {padding-left: 0px;}
.el-reviews > *:nth-child(even) {padding-right: 0px;}

.el-reviews-l {border-right: 1px solid #dbe8ef}

/*end section reviews --------------------------------------------------------*/



/*contact button -------------------------------------------------------------*/

.sec-banners .btn-contact {font-size: 20px; line-height: 22px; font-weight: 400; padding: 35px; width: 210px; max-width: 100%; position: absolute; bottom: 0px; right: 50%; -webkit-transform: translateX(50%) translateY(50%); -ms-transform: translateX(50%) translateY(50%); transform: translateX(50%) translateY(50%); z-index: 20}
.sec-banners .btn-contact:before {background-image: url(../img/c.png); background-position: center; background-repeat: no-repeat; display: inline-block; width: 100%; float: left; height: 60px; margin-bottom: 15px; content: '';}

/*end contact button ---------------------------------------------------------*/

/*END SECTIONS ---------------------------------------------------------------*/



/*FOOTER ---------------------------------------------------------------------*/

#foot {background: rgb(20,73,113); background: -o-linear-gradient(top, rgba(20,73,113,1) 0%, rgba(0,57,101,1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(20,73,113,1)), to(rgba(0,57,101,1))); background: linear-gradient(180deg, rgba(20,73,113,1) 0%, rgba(0,57,101,1) 100%); color: #fff;}
#foot1 {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-top: 0px !important; padding-bottom: 0px !important}
#foot1 > * {-ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; -ms-flex-negative: 0; flex-shrink: 0;}

#fmap {background-color: #f1f1f1}
#fmap iframe,
#fmap .el-map {display: inline-block; vertical-align: top; width: 100%; height: 100%;}

#footd0 {background-image: url(../img/mf.png); background-position: right top; background-repeat: no-repeat;}
#footd {padding-bottom: 45px; padding-top: 80px; padding-right: 100px;}
#footd > * {border-top: 1px solid #3e6888; padding-top: 45px; margin-top: 45px;}
#footd > *:first-child {border-top: 0px; padding-top: 0px; margin-top: 0px;}

.fcols, .fcols a {font-size: 18px; line-height: 30px; color: #e2e2ff; font-weight: 300; text-align: left; font-weight: 300; display: inline-block; vertical-align: top}
.fcols a:hover {color: #fff; text-decoration: underline;}

.fcols > * {width: 50%; padding: 0px 20px;}
.fcols > *:nth-child(odd) {padding-left: 0px;}
.fcols > *:nth-child(even) {padding-right: 0px;}

#fttl {font-size: 20px; line-height: 24px; color: #fff; font-weight: 700; text-transform: uppercase; margin-bottom: 40px;}

.f-mgb {margin-bottom: 35px;}
.f-mgb:last-child {margin-bottom: 0px;}



#copnov > * {text-align: center;}
#copnov > *.c-col, #copnov > *.v-col {width: 50%}
#copyright {text-align: left;}
#noveo {text-align: right;}
#copyright.v-col, #copyright.c-col {padding-right: 10px;}
#noveo.v-col, #noveo.c-col {padding-left: 10px;}
#copnov, #copnov a {font-size: 16px; line-height: 20px; color: #3e6888; font-weight: 300}
#copnov a {padding-top: 5px; padding-bottom: 5px; display: inline-block;}
#copnov a:hover {color: #fff;}

/*END FOOTER -----------------------------------------------------------------*/



/*MENU -----------------------------------------------------------------------*/

/*menu lvl0 ------------------------------------------------------------------*/

#menu {overflow: hidden; margin-top: -1px;}
#h-menu {text-align: right;}
#h-menu ul {display: inline-block; width: 100%; vertical-align: top;}
#h-menu > ul > li {display: inline-block; list-style: none; position: relative; vertical-align: top; padding: 0px 5px;}
#h-menu > ul > li:first-child {padding-left: 0px !important;}
#h-menu > ul > li:last-child {padding-right: 0px !important;}

#h-menu > ul > li > a {font-size: 16px; line-height: 20px; color: #0c0c0c; font-weight: 700; text-transform: uppercase;  padding: 40px 20px; display: inline-block; text-align: center; position: relative; float: left;}

#h-menu > ul > li > a:after {background-color: #246291; position: absolute; left: 50%; bottom: 0px; height: 1px; width: 0px; display: inline-block; content: '';}
#h-menu > ul > li > a.active:after, #h-menu > ul > li > a:hover:after {left: 0px; width: 100%;}

body.sc1 #h-menu > ul > li > a {padding-top: 15px; padding-bottom: 15px;}

/*end menu lvl0 --------------------------------------------------------------*/



/*menubutton -----------------------------------------------------------------*/

#menubutton {line-height: 46px; width: 46px; height: 46px; background-color: #003965; border: 0; outline: 0; border-left: 0px;  position: absolute; right: 3px; top: 3px; cursor: pointer; vertical-align: middle; padding: 0; z-index: 1000; box-sizing: initial; -webkit-box-sizing: initial; -moz-box-sizing: initial; display: none; border-radius: 0px; border-radius: 100px; overflow: hidden;}

#menubutton > span {display: inline-block; width: 6px; vertical-align:middle; line-height: 0; position: relative; left: 0px; margin-top: -1px;}
body.mactive #menubutton > span {width: 22px;}

#menubutton > span span {background-color: #fff; display: inline-block; width: 6px; height: 6px; margin-top: 4px; float: left; -webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%; transform-origin: 50% 50%; position: relative; top: 0; left: 0; border-radius: 100px; -webkit-border-radius: 100px;}
#menubutton > span span:first-child {margin-top:0}

body.mactive #menubutton > span span {width: 22px; height: 4px;}

body.mactive #menubutton span span:nth-child(1)  {transform: rotate(315deg); -moz-transform: rotate(315deg); -webkit-transform: rotate(315deg); -o-transform: rotate(315deg); -ms-transform: rotate(315deg); top: 8px;}
body.mactive #menubutton span span:nth-child(3)  {transform: rotate(-315deg); -moz-transform: rotate(-315deg); -webkit-transform: rotate(-315deg); -o-transform: rotate(-315deg); -ms-transform: rotate(-315deg); top: -8px;}
body.mactive #menubutton span span:nth-child(2)  {opacity: 0; left: -100%;}

/*END menubutton -------------------------------------------------------------*/

/*END MENU -------------------------------------------------------------------*/



/*HEADERS --------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {clear: both; margin-bottom: 0px; margin-top: 0px; text-align: left; font-weight: 700; display: inline-block; width: 100%; position: relative;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {margin-bottom: 0px;}
.e-cont h1, .e-cont h2, .e-cont h3, .e-cont h4, .e-cont h5, .e-cont h6 {color: #070707; text-indent: 0px;}
.e-cont h1:first-child, .e-cont h2:first-child, .e-cont h3:first-child, .e-cont h4:first-child, .e-cont h5:first-child, .e-cont h6:first-child {margin-top: 0px;}
.e-cont h1:last-child, .e-cont h2:last-child, .e-cont h3:last-child, .e-cont h4:last-child, .e-cont h5:last-child, .e-cont h6:last-child {margin-bottom: 0px;}
#main h1, h1 {font-size: 32px; line-height: 40px;}
#main h2, h2 {font-size: 28px; line-height: 34px;}
#main h3, h3 {font-size: 22px; line-height: 26px;}
#main h4, h4 {font-size: 16px; line-height: 20px;}
#main h5, h5 {font-size: 14px; line-height: 18px;}
#main h6, h6 {font-size: 12px; line-height: 16px;}

/*END HEADERS ----------------------------------------------------------------*/



/*LISTS ----------------------------------------------------------------------*/

.e-cont ul {padding-left: 0px;}
.e-cont li {position: relative; padding-left: 30px; margin-bottom: 0px; padding-bottom: 10px;}
.e-cont ul:last-child li:last-child {padding-bottom: 0px;}
.e-cont li {list-style: none;}
.e-cont ul > li:before {background-color: #003965; display: inline-block; position: absolute; top: 15px; left: 0px; width: 8px; height: 8px; margin-top: -4px; margin-left: 0px; border-radius: 20px; -webkit-border-radius: 20px; content: '';}
/*.e-cont ul > li:after {background-color: #003965; display: inline-block; position: absolute; top: 0px; left: 15px; width: 2px; bottom: 0px; margin-left: -1px; content: '';}*/
/*.e-cont ul > li:first-child:after {top: 15px;}*/
/*.e-cont ul > li:last-child:after {height: 15px; bottom: initial;}*/
.e-cont li:last-child {margin-bottom: 0px;}
/*.e-cont li:first-child:last-child:after {display: none;}*/
.e-cont ul ul > li:before, .e-cont ul ul > li:after {background-color: #24507c}
.e-cont ul ul {margin-top: 5px;}

.e-cont ol {counter-reset: item; padding-left: 30px;}
.e-cont ol > li {padding-left: 10px;}
.e-cont ol ol, .e-cont ul ol {padding-left: 15px; padding-top: 5px;}
.e-cont ol > li:before {font-size: 12px; color: #fff; background-color: #003965; min-width: 30px; position: absolute; right: 100%; top: 0px; text-align: center; font-weight: 600; border-radius: 100px; -webkit-border-radius: 100px; counter-increment: item; content: counter(item);}
.e-cont ol li:hover:before {background-color: #070707 !important; opacity: 1 !important}
.e-cont ol ol > li:before, .e-cont ul ol > li:before {content: counter(item, lower-alpha); opacity: 0.7}
#main .e-cont ol li:nth-child(even):before {opacity: 0.6}

/*END LISTS ------------------------------------------------------------------*/



/*TEXT -----------------------------------------------------------------------*/

.e-cont {font-size: 18px; line-height: 30px; color: #707070; text-align: left; font-weight: 300; word-break: break-word;}
.e-cont a {color: #070707; font-weight: 600;}
.e-cont .nel {display: inline-block; vertical-align: top;}
.e-cont a.nel {text-decoration: none; display: inline-block; vertical-align: top;}
.e-cont a:hover {color: #003965}
.e-cont strong {font-weight: 600}

/*END TEXT -------------------------------------------------------------------*/



/*OTHER ----------------------------------------------------------------------*/




.e-cont iframe {width: 100% !important; height: 400px !important; overflow: hidden;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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 {border: 0; margin: 0; padding: 0;}

figure {margin: 0px; display: inline-block;}
img, button, a {outline: 0px;}
button {margin: 0px; cursor: pointer;}
img {max-width: 100%; height: auto;}

ul, ul li {margin: 0px; list-style: none;}
a img {border: 0px;}
hr {background-color: rgba(0,0,0,0.05); border: 0; width: 100%; display: inline-block; vertical-align: top; margin-top: 10px; margin-bottom: 10px; clear: both; height: 1px; float: left}
p, ul, ol {margin-bottom: 0px;}
strong {font-weight: bold;}
cite, em, i {font-style: italic;}
a {text-decoration: none;}


a.gamanet:link {color: #f28222;}
a.gamanet:visited {color: #f28222;}
a.gamanet:hover {color: #f28222;}

li.contentlist {margin: 2%; list-style: square  }

summary.gamanet {color: #f28222;font-weight:bold }


@media screen and (min-width:450px) { .ppnt { text-align: left; } }

/*END OTHER ------------------------------------------------------------------*/



/*BUTTONS --------------------------------------------------------------------*/

.btn, .e-cont .btn {font-size: 16px; line-height: 20px; color: #fff; background-color: #003965; border: 0px; display: inline-block; padding: 10px 25px; outline: 0px !important; text-align: center; font-weight: 700; border-radius: 0px; -webkit-border-radius: 0px; max-width: 100%; width: auto; position: relative; margin: 0px; text-decoration: none;}
.btn-big, .e-cont .btn-big {font-size: 18px; padding: 17px 30px;}
.btn-full, .e-cont .btn-full {width: 100%; float: left;}

input.btn {text-align: center; padding-top: 0px !important; padding-bottom: 0px !important; height: 40px !important; line-height: 40px !important;}
a.btn, button.btn {cursor: pointer;}
a.btn:hover, button.btn:hover {background-color: #0090ff; color: #fff;}

.btn-ico span {padding-right: 48px; position: relative;}
.btn-ico span:after {display: inline-block; width: 30px; height: 30px; vertical-align: middle; content: ''; background-repeat: no-repeat; background-size: auto; background-position: center; position: absolute; top: -5px; bottom: -5px; right: 0px;}

.btn-white {background-color: #fff; color: #003965}

/*END BUTTONS ----------------------------------------------------------------*/



/*ERROR POPUP ----------------------------------------------------------------*/

.spopup {font-size: 20px; line-height: 24px; color: #fff; background-color: #003965; position: fixed; left: 50%; top: 0%; transform: translateY(-100%) translateX(-50%); -webkit-transform: translateY(-100%) translateX(-50%); -moz-transform: translateY(-100%) translateX(-50%); -o-transform: translateY(-100%) translateX(-50%); -ms-transform: translateY(-100%) translateX(-50%); text-align: center; padding: 20px 30px; max-width: 100%; word-break: break-word; z-index: 999999; width: 500px;}
.spopup.active {top: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%);}

#added-popup {background-color: #003965}
#error-popup {background-color: #d82c2c}

.spopup .btn {color: #fff;}
.spopup:before {font-size: 14px; line-height: 20px; color: #fff; width: 20px; height: 20px; position: absolute; top: 0px; right: 0px; cursor: pointer; content: 'x';}

/*ERROR POPUP END ------------------------------------------------------------*/



/*ANIMATIONS -----------------------------------------------------------------*/

.hid-e.r-hl {transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%);}
.hid-e.r-hl.visible {transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%);}

.hid-e.r-hl1500 {transform: translateX(-1500px); -webkit-transform: translateX(-1500px); -moz-transform: translateX(-1500px); -o-transform: translateX(-1500px); -ms-transform: translateX(-1500px);}
.hid-e.r-hl1500.visible {transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px);}

.hid-e.r-hr1500 {transform: translateX(1500px); -webkit-transform: translateX(1500px); -moz-transform: translateX(1500px); -o-transform: translateX(1500px); -ms-transform: translateX(1500px);}
.hid-e.r-hr1500.visible {transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px);}

.hid-e.r-ht {transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%);}
.hid-e.r-ht.visible {transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%);}

.hid-e.r-hb {transform: translateY(70px); -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -o-transform: translateY(70px); -ms-transform: translateY(70px); opacity: 0;}
.hid-e.r-hb.visible {transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); opacity: 1;}

.hid-e.r-hsc {transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);}
.hid-e.r-hsc.visible {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}

.hid-e.r-ho {opacity: 0;}
.hid-e.r-ho.visible {opacity: 1;}

/*END ANIMATIONS -------------------------------------------------------------*/