* { margin: 0px; padding: 0px; border: 0;}
*,*::before, *::after {box-sizing: border-box;}
table {border-collapse: collapse; border-spacing: 0;}
html,body {height: 100%;}
a > img {border: none;}
input, button, textarea {outline: none;}
body {width: 100%; color: #FFFFFF; background-color: #252525; font-weight: normal; font-size: 26px; font-family: 'Noto Sans', sans-serif; -webkit-overflow-scrolling: touch; overflow-x: hidden;}
.wrap {min-height: 100%; position: relative; z-index: 2;}
#main {padding-bottom: 90px;}
footer {min-height: 90px; margin-top: -90px; position: relative; background-color: #252525; z-index: 2;}
.centered {width: 100%; padding: 0 6.77%; position: relative;}
.centered2 {width: 1420px; margin: 0 auto; position: relative;}
.inline {width: 100%; position: relative; display: inline-block;}
.align_center {position: relative; width: 100%;}
.align_center:after {content: ''; display: block; clear: both;}
.align_center_to_left {position: relative; right: 50%; float: right;}
.align_center_to_right {position: relative; z-index: 1; right: -50%;}
.tbl {display: table; width: 100%;}
.tbl > div {display: table-cell;}
.clearfix:after {content: ''; display: table; clear: both;}
.flex {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} 
.flex > div {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.no_select {-moz-user-select: none; -khtml-user-select: none; user-select: none;}
.bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-size: cover; background-position: 50% 50%;}
.bg > img {position: absolute; top: 0; width: 100%; height: 100%; max-width: none; max-height: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover;';}
.ratio-inner {position: relative; height: 0; border: none;} 
.ratio-content {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.ratio-1-1 {padding-top: 100%;}
.ratio-2-3 {padding-top: 64%;}
.ratio-3-2 {padding-top: 140%;}

.mainBlock {width: 100%; height: 100vh; padding-bottom: 0px !important;}
#mainFooter {margin-top: -90px; background-color: transparent;}
#mainBlockBody {width: 100%; height: 100%; position: relative; overflow: hidden;}
#mainBlockBody #mainBlockBodyBg1 {z-index: 1; width: 110%; height: 110%; left: -5%; top: -5%;}
#mainBlockBody #mainBlockBodyBg2 {z-index: 2; width: 110%; height: 110%; left: -5%; top: -5%;}
.bg-2 {display: block; width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: 2;}
#mainBlockBody:after {content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 2; top: 0px; left: 0px; opacity: 0.4;
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 40%,rgba(0,0,0,1) 100%);
background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 40%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}
#mainBlockBody > .tbl {width: 100%; position: relative; z-index: 3; height: 100vh; padding: 116px 0 90px 19.79%; margin-top: -116px;}
#mainBlockBody > .tbl > div {vertical-align: middle;}
#mainBlockBodyInfo {width: 505px; text-align: center;}
#mainBlockBodyInfo p {font-size: 18px; line-height: 1.5;}
#mainBlockBodyInfo p > span {text-transform: uppercase;}
#mainBlockBodyInfo h1 {line-height: 1; font-family: 'Sedgwick Ave Display', cursive; color: #fff; font-size: 136px; margin-top: 24px;}
#mainBlockBodyInfo h2 {font-size: 26px; line-height: 1.5; font-weight: normal; color: #fff; margin-top: 40px;}
#mainFooterBody {width: 100%; position: relative; height: 90px;}
#mainFooterBody > div {vertical-align: middle; position: relative;}
#mainFooterBody > div:first-child, #mainFooterBody > div:last-child {width: 25%;}
#mainFooterBody > div:nth-child(2) p {text-align: center; font-size: 14px; line-height: 1.4;}
#mainFooterBody > div:first-child a {float: left; margin-right: 16px; position: relative;}
#mainFooterBody > div:first-child a:nth-child(2) {margin-right: 0px;}
.socA {display: block; width: 23px; height: 23px; position: relative;}
.socA svg {width: 23px; height: 23px; display: block;}
.socA svg path {fill: #ffffff; transition: all 0.2s linear;}
.socA:hover svg path {fill: #FF7A00; transition: all 0.2s linear;}
#footerLogos {float: right;}
#footerLogos a {float: left; text-decoration: none;}
#footerLogosAltadium {display: block; width: 46px; height: 53px;}
#footerLogosII {display: inline-block; height: 53px; margin-left: 64px;}
#footerLogosII img {display: block; width: 40px; height: 30px; margin: 0 auto;}
#footerLogosII p {text-align: center; line-height: 1; font-size: 14px; color: #8AC9AD; border-bottom: 1px solid #8AC9AD; margin-top: 8px; transition: all 0.2s linear;}
#footerLogosII:hover p {color: #FF7A00; border-color: #FF7A00; transition: all 0.2s linear;}
#mainFooterBody > div:first-child a:last-child {display: inline-block; margin-left: 64px; font-size: 14px; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; transition: all 0.2s linear;}
#mainFooterBody > div:first-child a:last-child:hover {color: #FF7A00; border-color: #FF7A00; transition: all 0.2s linear;} 
#mainBlockBodyTop {width: 100%; height: auto; position: relative; z-index: 4;}
#mainBlockBodyTop .centered > .tbl {width: 100%; height: 116px;}
#mainBlockBodyTop .centered > .tbl > div {width: 50%; vertical-align: bottom;}
#mainBlockBodyTop .centered > .tbl > div:last-child {text-align: right;}
#ham {float: right; display: block; width: 60px; height: 35px; margin-bottom: 24px; cursor: pointer;}
#ham rect {fill: #ffffff; transition: all 0.2s linear;}
#ham:hover rect {fill: #FF7A00; transition: all 0.2s linear;}
#innerTop {width: 100%; height: auto; position: relative; z-index: 3;}
#innerTop > .centered > .tbl {width: 100%; height: 116px;}
#innerTop > .centered > .tbl > div {width: 50%; vertical-align: bottom;}
#innerTop > .centered > .tbl > div:last-child {text-align: right;}
#innerTop > .centered > .tbl > div:first-child a {display: inline-block; color: #fff; text-decoration: none;}
#innerTop > .centered > .tbl > div:first-child a > p:first-child {font-family: 'Sedgwick Ave Display', cursive; font-size: 50px; line-height: 1;}
#innerTop > .centered > .tbl > div:first-child a > p:last-child {font-size: 12px; line-height: 1; margin-top: 16px; text-align: center;}
#innerHeader {width: 100%; height: 100vh; position: relative; z-index: 1; margin-top: -116px; overflow: hidden;/* background: url('../img/bg/bg1.jpg') no-repeat; background-size: cover;*/}
#innerHeader:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 2; top: 0px; left: 0px; opacity: 0.4;
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 40%,rgba(0,0,0,1) 100%);
background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 40%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );}
#innerHeader > .tbl {width: 100%; height: 100vh; z-index: 2; position: absolute; left: 0px; top: 0px;}
#innerHeader > .tbl > div {width: 50%; position: relative; overflow: hidden;}
#innerHeader > .tbl > div:first-child {vertical-align: middle; padding: 0 6.75% 0 6.75%;}
/*#innerHeaderH1 {width: 100%; height: 100%; position: relative; z-index: 2;}*/
#innerHeaderH1 {font-size: 64px; line-height: 1.3; font-weight: 700; text-transform: uppercase;}
#innerHeaderBg {width: 110%; height: 110%; left: -5%; top: -5%;}
.padding-120 {padding: 120px 0; position: relative;}
.bg-FBFBFB {background-color: #FBFBFB; color: #000000;}
.txt p {line-height: 1.5; margin-top: 40px;}
.txt p:first-child {margin-top: 0px;}
.txt h2 {text-transform: uppercase; font-size: 32px; line-height: 1.3; margin-top: 72px;}
.txt h2:first-child {margin-top: 0px;}
.txt h3 {text-transform: uppercase; font-size: 32px; line-height: 1.4; margin-top: 56px;}
.txt h3:first-child {margin-top: 0px;}
.padding-120:last-child {margin-bottom: 48px;}
#scriptBlock1 {width: 100%; position: relative;}
#scriptBlock1 > div {vertical-align: top; position: relative;}
#scriptBlock1 > div:first-child {padding-right: 80px;}
#scriptBlock1 > div:last-child {width: 558px;}
#scriptView, .scriptView {display: block; width: 100%; height: auto; position: relative;}
#scriptView > img, .scriptView > img {width: 100%; height: 100%; z-index: 1; position: relative;}
#scriptView > div, .scriptView > div {display: block; width: 130px; height: 130px; border-radius: 50%; background-color: #8AC9AD; position: absolute; left: 50%; top: 50%; margin-top: -65px; margin-left: -65px; z-index: 2; transition: all 0.2s linear;}
#scriptView > div p, .scriptView > div p {text-align: center; width: 100%; line-height: 130px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 26px; transition: all 0.2s linear;}
#scriptView > div p span, .scriptView > div p span {border-bottom: 1px solid #fff; transition: all 0.2s linear;}
#scriptView:hover > div, .scriptView:hover > div {background-color: #FF7A00; transition: all 0.2s linear;}
.accordeon {width: 100%; position: relative; margin-top: 16px;}
.accordeon:first-child {margin-top: 0px;}
.accordeonTop {width: 100%; background-color: #4D4D4D; cursor: pointer;}
.accordeonTop > div {vertical-align: middle;}
.accordeonTop > div:first-child {padding: 16px 32px;}
.accordeonTop > div:first-child .txt h3 {color: #fff; transition: all 0.2s linear;}
.accordeonTop > div:last-child {width: 64px; text-align: center;}
.accordeonTop > div:last-child img {display: block; width: 26px; height: 16px; margin: 0 auto;}
.accordeonTop:hover > div:first-child .txt h3, .accordeon--open .accordeonTop > div:first-child .txt h3 {color: #FF7A00 !important; transition: all 0.2s linear;}
.accordeonBody {padding: 56px 0 80px; display: none;}
.accordeon--open .accordeonBody {display: block !important;}
.accordeon--open .accordeonTop > div:last-child img {transform: rotate(180deg);}
#team {width: 100%; padding: 0 5.2%; position: relative;}
#team > div {width: calc((100% - 48px) / 3); margin-left: 24px; margin-top: 120px; position: relative;}
#team > div:nth-child(-n+3) {margin-top: 0px;}
#team > div:nth-child(3n+1) {margin-left: 0px;}
.teamEl {width: 100%; height: 100%; text-decoration: none; color :#fff;}
.teamEl > .txt:first-child {padding: 0 16px; text-align: center;}
.teamEl > .txt:first-child p {margin-top: 8px;}
.itemElInfo {padding: 64px 32px 0;}
.itemElInfo .txt p {font-size: 18px; margin-top: 24px;}
.itemElInfo .txt p:first-child {margin-top: 0px;}
.itemElInfo > a:last-child {display: block; width: 100px; height: 51px; position: relative; margin-top: 56px;}
.itemElInfo > a:last-child img {width: 100%; height: 100%;}
.teamEl .ratio {position: relative; z-index: 1;/* margin-top: 56px;*/}
.teamElBook > .ratio {margin-top: 56px;}
.booksRatio {position: absolute; left: 0px; bottom: 0px; z-index: 2; width: 100%;}
#contacts {width: 100%;}
#contacts > div {vertical-align: top; position: relative;}
#contacts > div:first-child {padding-right: 80px;}
#contacts > div:last-child {width: 21.12%; padding-right: 5.98%;}
.txt b, .txt strong {font-weight: 700;}
#contacts > div:first-child .txt p {font-size: 18px;}
#contacts > div:first-child .txt p b {font-size: 26px;}
.txt a, .txt a:visited {color: #fff; text-decoration: none; border-bottom: 1px solid #fff; transition: all 0.2s linear;}
.txt a:hover {color: #FF7A00; border-color: #FF7A00; transition: all 0.2s linear;}
#contacts > div:last-child img {width: 100%; height: auto;}
#menu {position: fixed; width: 100%; height: 100vh; top: 0px; left: 0px; background-color: #252525; z-index: 20;
-webkit-transform: translate(0,-100%); transform: translate(0,-100%); opacity: 0;
-webkit-transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
}
.panel--open #menu {-webkit-transform: translate(0,0); transform: translate(0,0); opacity: 1;
-webkit-transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
}
#menuTop {width: 100%; height: auto; position: relative; z-index: 3;}
#menuTop > .centered > .tbl {width: 100%; height: 116px;}
#menuTop > .centered > .tbl > div {width: 50%; vertical-align: bottom;}
#menuTop > .centered > .tbl > div:last-child {text-align: right;}
#menuTop > .centered > .tbl > div:first-child a {display: inline-block; color: #fff; text-decoration: none;}
#menuTop > .centered > .tbl > div:first-child a > p:first-child {font-family: 'Sedgwick Ave Display', cursive; font-size: 50px; line-height: 1;}
#menuTop > .centered > .tbl > div:first-child a > p:last-child {font-size: 12px; line-height: 1; margin-top: 16px; text-align: center;}
#menuBottom {width: 100%; height: auto; margin-top: -116px; z-index: 2; padding-top: 116px;}
#menuBottom > .centered > .clearfix {height: calc(100vh - 116px); width: 100%;}
#menuBottomLeft {width: calc(100% - 70px); float: left; padding-right: 80px;}
#menuBottomRight {width: 70px; float: right;}
#close, #close2 {float: right; display: block; width: 46px; height: 46px; margin-bottom: 13px; cursor: pointer; margin-right: 12px;}
#close rect, #close2 rect {fill: #ffffff; transition: all 0.2s linear;}
#close:hover rect, #close2:hover rect {fill: #FF7A00; transition: all 0.2s linear;}
#menuBottomRight .socA {display: block; float: none; margin: 0 auto;}
#menuBottomRight .socA:first-child {margin-top: 64px;}
#menuBottomRight .socA:nth-child(2) {margin-top: 24px;}
#menuBottomRight > div > a:last-child, #menuBottomRight > div > a:last-child:visited {width: 100%; font-size: 14px; color: #fff; border-bottom: 1px solid #fff; text-decoration: none; margin-top: 110px; display: block; transition: all 0.2s linear;}
#menuBottomRight > div > a:last-child:hover {color: #FF7A00; border-color: #FF7A00; transition: all 0.2s linear;}
#menuBottomLeft > ul {width: 100%; list-style: none; display: block; position: relative; overflow-y: auto; max-height: calc(100vh - 188px); margin-bottom: 24px; padding-bottom: 48px;}
#menuBottomLeft > ul li {margin-top: 48px; display: block; padding-right: 56px;}
#menuBottomLeft > ul li:first-child {margin-top: 56px;}
#menuBottomLeft > ul li a, #menuBottomLeft > ul li a:visited {color: #fff; text-decoration: none; font-weight: 700; font-size: 32px; line-height: 1.3; transition: all 0.2s linear; text-transform: uppercase;}
#menuBottomLeft > ul li a:hover {color: #FF7A00; transition: all 0.2s linear;}
.teamEl .bg, .galleryEl .bg {z-index: 1; transition: all 0.2s linear;}
.teamEl .ratio, .galleryEl .ratio {overflow: hidden;}
.teamEl:hover .bg, .galleryEl:hover .bg {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); transition: all 0.2s linear;}
.teamElOverlay {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,0,0,0.1);}
.thumb-wrap {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } 
.thumb-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; outline-width: 0;}
.scroll_tracking {/*opacity: 0;*/
opacity: 0;

-webkit-transition: all 0.3s 0.2s ease;
-moz-transition: all 0.3s 0.2s ease;
-o-transition: all 0.3s 0.2s ease;
transition: all 0.3s 0.2s ease;
}
.scroll_tracking.scroll_tracking--active {
opacity: 1;

-webkit-transition: all 0.4s 0.2s ease;
-moz-transition: all 0.4s 0.2s ease;
-o-transition: all 0.4s 0.2s ease;
transition: all 0.4s 0.2s ease;

}
.scroll_tracking2 {/*opacity: 0; margin-top: 80px;*/
-moz-transform: translate(0px, 80px);
-webkit-transform: translate(0px, 80px);
-o-transform: translate(0px, 80px);
-ms-transform: translate(0px, 80px);
transform: translate(0px, 80px);
opacity: 0;

-webkit-transition: all 0.3s 0.2s ease;
-moz-transition: all 0.3s 0.2s ease;
-o-transition: all 0.3s 0.2s ease;
transition: all 0.3s 0.2s ease;

}
.scroll_tracking2.scroll_tracking--active {
-moz-transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
opacity: 1;

-webkit-transition: all 0.6s 0.2s ease;
-moz-transition: all 0.6s 0.2s ease;
-o-transition: all 0.6s 0.2s ease;
transition: all 0.6s 0.2s ease;

}

#menuTop > .centered > .tbl > div:first-child a img, #innerTop > .centered > .tbl > div:first-child a img, #bookTop > .centered > .tbl > div:first-child a img {display: block; width: 182px; height: 80px;}
.teamEl > .txt:first-child .tbl {height: 96px; width: 100%; position: relative;}
.teamEl > .txt:first-child .tbl > div {vertical-align: top;}
.teamEl > .txt:first-child .tbl > div p {line-height: 1.3;}
#gallery {width: 100%; padding: 0 5.2%; position: relative;}
#gallery > div {width: calc((100% - 72px) / 4); margin-left: 24px; margin-top: 24px; position: relative;}
#gallery > div:nth-child(-n+4) {margin-top: 0px;}
#gallery > div:nth-child(4n+1) {margin-left: 0px;}
.galleryEl {width: 100%; height: 100%; display: block; position: relative;}
#scriptViewBook {cursor: pointer;}
#scriptViewPdf {display: none;}

#book {position: fixed; width: 100%; height: 100vh; top: 0px; left: 0px; background-color: #252525; z-index: 20;
-webkit-transform: translate(0,-100%); transform: translate(0,-100%); opacity: 0;
-webkit-transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
}
.book--open #book {-webkit-transform: translate(0,0); transform: translate(0,0); opacity: 1;
-webkit-transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
}
#bookTop {width: 100%; height: auto; position: relative; z-index: 3;}
#bookTop > .centered > .tbl {width: 100%; height: 116px;}
#bookTop > .centered > .tbl > div {width: 50%; vertical-align: bottom;}
#bookTop > .centered > .tbl > div:last-child {text-align: right;}
#bookTop > .centered > .tbl > div:first-child a {display: inline-block; color: #fff; text-decoration: none;}
#bookBottom {width: 100%; height: 100vh; margin-top: -116px; z-index: 2; padding-top: 116px; position: relative;}

#book_bl {width: 100%; height: 100%; padding: 20px 0px; display: table; position: relative; overflow: hidden;}
#book_bl > div {width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.container {width: 1100px; height: 740px; margin: 0 auto; position: relative; padding: 0px 50px;}
.bb-custom-wrapper {width: 100%; height: 100%; position: relative; }
.bb-custom-wrapper {width: 100%; height: 100%; position: relative;}
.book_bl__arr {width: 64px; height: 64px; position: absolute; z-index: 100; top: 50%; margin-top: -32px; cursor: pointer; background-color: #FF7A00; opacity: 0.16; border-radius: 50%; text-align: center; line-height: 58px; font-size: 30px; color: #252525; transition: all 0.2s linear;}
#book_bl__arr__prev {left: 10px;}
#book_bl__arr__next {right: 10px;}
.book_bl__arr:hover {opacity: 0.64; transition: all 0.2s linear;}
#mdl {display: none; padding: 56px; width: 720px; background-color: #fff; color: #252525;}
#mdl .txt {text-align: center;}
.input {width: 100%; height: 56px; border: 1px solid #252525; background-color: #fff; font-weight: normal; font-size: 18px; font-family: 'Noto Sans', sans-serif; display: block; margin-top: 24px; padding: 0 24px; border-radius: 4px; transition: all 0.2s linear;}
.textarea {width: 100%; height: 140px; border: 1px solid #252525; background-color: #fff; font-weight: normal; font-size: 18px; font-family: 'Noto Sans', sans-serif; display: block; margin-top: 24px;  padding: 16px 24px; border-radius: 4px; transition: all 0.2s linear;}
#mdlForm {margin-top: 32px;}
.btn {display: inline-block; height: 56px; padding: 0 24px; background-color: #8AC9AD; color: #252525; cursor: pointer; font-weight: normal; font-size: 18px; font-family: 'Noto Sans', sans-serif; font-weight: 700; border-radius: 4px; transition: all 0.2s linear;}
.btn:hover {background-color: #FF7A00; transition: all 0.2s linear;}
#mdl .btn {margin-top: 32px;}
.red--border {border-color: red; transition: all 0.2s linear;}
#loader {display: block; width: 80px; height: 80px; margin: 0 auto; position: relative;}
#loader > img {width: 100%; height: 100%;}
#mdl #loader {margin-top: 32px;}
#innerHeaderBg2 {transition: all 0.05s linear; width: 110%; height: 110%; top: -5%; left: -5%;}