/* #General Styles
================================================== */
/*fonts used*/

@font-face { font-family: 'WebsupportSans-Normal'; src: url('../images/WebsupportSans-Normal.eot'); src: url('../images/WebsupportSans-Normal.eot?#iefix') format('embedded-opentype'), url('../images/WebsupportSans-Normal.woff2') format('woff2'), url('../images/WebsupportSans-Normal.woff') format('woff'), url('../images/WebsupportSans-Normal.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'WebsupportSans-Extra-Bold'; src: url('../images/WebsupportSans-ExtraBold.eot'); src: url('../images/WebsupportSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../images/WebsupportSans-ExtraBold.woff2') format('woff2'), url('../images/WebsupportSans-ExtraBold.woff') format('woff'), url('../images/WebsupportSans-ExtraBold.ttf') format('truetype'), url('../images/WebsupportSans-ExtraBold.svg#WebsupportSans-ExtraBold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.up html, body.up, .up div, .up span, .up applet, .up object, .up iframe, .up a, .up img, .up select, .up input, .up option { margin: 0; padding: 0; border: 0; outline: 0; }
.up html { -webkit-text-size-adjust: none; }
.up button, .up input, .up select, .up textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; }
.up input[type="button"]   { -webkit-appearance: none !important; }
.up a { text-decoration: none; }
.up img { border: 0 none; max-width: 100%; vertical-align: top; }
.up a { outline: none; cursor: pointer; }
.up a:hover { text-decoration: none; }
.up a:focus { text-decoration: none !important; outline: none !important; }
.up .clear { clear: both; }
.up img { max-width: 100%; }
.up button:focus {outline:0;}
.up .text-transform { text-transform: uppercase; }
.up .break { float: left; width: 100%; }
.up .preloader { display: none; }
.up img { vertical-align: bottom; }
/*Placeholder opacity cross browsers*/
.up input::-webkit-input-placeholder { color: #97A1AB; opacity:1; }
.up input:-moz-placeholder { color: #97A1AB; opacity:1; }
.up input::-moz-placeholder { color: #97A1AB; opacity:1; }
.up input:-ms-input-placeholder { color: #97A1AB; opacity:1; }
.up textarea::-webkit-input-placeholder { color: #97A1AB; opacity:1; }
.up textarea:-moz-placeholder { color: #97A1AB; opacity:1; }
.up textarea::-moz-placeholder { color: #97A1AB; opacity:1; }
.up textarea:-ms-input-placeholder { color: #97A1AB; opacity:1; }
.up button::-moz-focus-inner, .up input[type="submit"]::-moz-focus-inner { border: 0; }
.up #login-form .sbSelector a{ color: #000 !important; }
.sbSelector{color: #757575 !important;}
/* ~~~~~ Typography ~~~~~ */
h1, h2, h3, h4, h5, h6 {font-family: 'WebsupportSans-Normal'; font-weight: normal;font-style: normal; padding: 0; margin: 0; color: #323d53; line-height: 1.3; color: #1a322f; letter-spacing: 0; }
/* #Page Structure
================================================== */
body.up { margin: 0; padding: 0; font-size: 16px; color: #060202; background: #fff; font-family: "Arial", sans-serif; font-weight: 400; overflow-x: hidden;}
.up .wrapper {width: 100%;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;
    min-height: 100vh;display: flex;justify-content: center;align-items: center;padding: 70px 0;}
.up .main { max-width: 1200px; margin: 0 auto; padding: 0 15px;}
.up a, .up button { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.up #webmenu_child {height: auto !important;box-shadow: 0px 4px 32px 0px rgba(44, 56, 67,0.15);background-color: #ffffff;padding: 24px 64px 24px 24px;border-radius: 6px;margin-bottom: 60px !important;}
/* page_1 Style
================================================== */
.up .mid-container {width: 100%;}
.up .logo img {width: 100%;max-width: 123px;}
.up .imgblk {text-align: center;}
.up .imgblk .imgbox {margin-bottom: 50px;}
.up .imgblk .imgbox img {max-width: 630px;width: 100%;}
.up .imgblk .content {margin-bottom: 52px;}
.up .imgblk .content h1 {color: #2C3843;font-size: 24px;text-align: center;line-height: 1.17;margin-bottom: 16px;font-weight: 700;font-family: Arial;letter-spacing: 0px;}
.up .imgblk .content p {color: #717C86;font-size: 16px;text-align: center;line-height: 1.5;font-family: Arial;font-weight: 400;margin-bottom: 50px;}
.up .country .dd.borderRadiusTp {background-image: url(../images/drop_down_2.png);}
.up .english {display: none;}
.up.page_1 .country .ddlabel {color: #000000;}
.up.page_1 .country .dd {background-image: url(../images/drop_down_black.png);}
.up.page_1 .country .dd.borderRadiusTp {background-image: url(../images/drop_down_2_black.png);}
/* page_2 Style
================================================== */
body.page_2 {background: #2C3843;}
.page_2.up .logo {text-align: center;padding: 0px 0px 60px;}
.page_2.up .imgblk {margin-bottom: 70px;}
.page_2.up .imgblk .content {margin-bottom: 0;}
.page_2.up .imgblk .content h1 {font-family: 'WebsupportSans-Extra-Bold';font-size: 45px;line-height: 1.2;color: #ffffff;margin-bottom: 0;}
.page_2.up .imgblk .content p { font-size: 14.4px; color: #97A1AB; }
.page_2.up .imgblk .imgbox img {max-width: 715px;}
.page_2.up .imgblk .imgbox {margin-bottom: 32px;}
.up .country {text-align: center;}
.up .country .dd {display: inline-block;position: relative;z-index: 0;min-width: 115px;cursor: pointer;font-family: 'WebsupportSans-Extra-Bold';font-size: 14.4px;line-height: 1.26;color: #ffffff;margin-bottom: 0px;text-align: left;font-weight: 700;background-image: url(../images/drop_down.png);background-repeat: no-repeat;background-position: right center;background-size: 14px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;height: 40px;}
.up .country img {margin-right: 6px;vertical-align: middle;max-width: 24px;}
.up .country li {list-style: none;margin: 0;padding: 0 0 24px 0;display: flex;align-items: center;line-height: 1;}
.up .country li:last-child {padding: 0 0 0px 0;}
#webmenu_child .ddlabel {color: #000;}
.up .country .ddlabel {display: inline-block;align-items: center;vertical-align: middle;color: #ffffff;line-height: 1.2;}
/* page_3 Style
================================================== */
body.page_3 {background: #2C3843;}
.page_3.up .imgblk { text-align: center; display: flex; justify-content: space-between; }
.page_3.up .imgblk .content {width: 40%;}
.page_3.up .imgblk .imgbox {width: 60%;}
.up .desktop {padding: 0;text-align: left;margin: 43px 0 72px 0;}
.page_3.up .imgblk .content h1 {font-family: 'WebsupportSans-Extra-Bold';font-size: 54px;line-height: 1.12;color: #ffffff;margin-bottom: 17px;text-align: left;font-weight: 900;}
.page_3.up .imgblk .content p {font-size: 14.4px;color: #97A1AB;text-align: left;margin: 0 0 24px 0;}
.page_3.up .btn_all {text-align: left;margin-bottom: 65px;}
.page_3.up .btn_all a.btn {font-family: 'WebsupportSans-Normal';color: #2C3843;font-size: 14.4px;line-height: 1.25;font-weight: 700;
    padding: 12px 26px 10px;text-align: center;display: inline-block;border-radius: 6px;position: relative;z-index: 0;}
.page_3.up .btn_all a.btn::before {content: "";background: #00FFA0;width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1; transform: scale(1,1);transition: all.3s;border-radius: 6px;}
.page_3.up .btn_all a.btn:hover::before {transform: scale(1.038,1.2);box-shadow: 0px 4px 16px rgba(0, 255, 160, 0.50);}
.page_3.up .btn_all a.btn:focus::before {transform: scale(0.9823,0.9);box-shadow: none;}
.page_3.up .imgblk .imgbox img { max-width: 530px; }
.up .content .bottom_blk {display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #4E5964;padding: 25px 0;max-width: 430px;width: 100%;}
.page_2.up .country {margin-bottom: 0px;}
.up .content .bottom_blk ul {list-style: none;}
.up .content .bottom_blk .social_blk ul {display: flex;}
.up .content .bottom_blk .social_blk ul li {font-family: Arial;font-size: 14.4px;line-height: 1.26;color: #97A1AB;text-align: center;font-weight: 400;margin: 0 0 0 17px;}
.up .content .bottom_blk .social_blk ul li a {color: #97A1AB;}
.up .content .bottom_blk .social_blk ul li a:focus,.up .content .bottom_blk .social_blk ul li a:hover {color: #00ffa0;}
/* page_4 Style
================================================== */
body.page_4 {background: #2C3843;}
.page_4.up .imgblk {text-align: center;display: flex;width: 100%;}
.page_4.up .imgblk .content {width: 50%;margin-bottom: 0;}
.page_4.up .imgblk .imgbox {width: 50%;text-align: center;}
.page_4.up .logo {padding: 0;text-align: left;margin: -22px 0 72px 0;}
.page_4.up .imgblk .content h1 {font-family: 'WebsupportSans-Extra-Bold';font-size: 54px;line-height: 1.112;color: #ffffff;margin-bottom: 17px;text-align: left;font-weight: 900;}
.page_4.up .imgblk .content h2 {font-family: 'WebsupportSans-Extra-Bold';font-size: 22.5px;line-height: 1.266;color: #ffffff;margin-bottom: 7px;text-align: left;font-weight: 700;}
.page_4.up .imgblk .content p {font-size: 14.4px;color: #97A1AB;text-align: left;margin: 0 0 24px 0;}
.page_4.up .imgblk .content p:last-of-type {margin-bottom: 0;}
.page_4.up .imgblk .content p a {color: #00ffa0;}
.page_4.up .imgblk .content p a:focus,.page_4.up .imgblk .content p a:hover {color: #ffffff;}
.page_4.up .imgblk .imgbox img { max-width: 530px; }
.page_4.up form {outline: 0;float: left;-webkit-border-radius: 6px;border-radius: 6px;position: relative;z-index: 0;}
.page_4.up form > .textbox {outline: 0;height: 54px;width: 360px;padding: 0 22px;background-color: #1E262D;color: #E7F0F8;border: 0;float: left;-webkit-border-radius: 4px 0 0 4px;border-radius: 4px 0 0 4px;font-family: 'WebsupportSans-Normal';font-weight: 700;font-size: 18px;line-height: 1.34;}
.page_4.up form a.search_btn {outline: 0;height: 54px;width: 71px;line-height: 54px;padding: 0;background-color: #1E262D;color: #E7F0F8;border: 0;float: left;-webkit-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0;position: relative;z-index: 0;cursor: pointer;}
.page_4.up form a.search_btn img {max-width: 26px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.page_4.up .a.search_btn { margin: 100px 0 0 0; }
.page_4.up .search_blk {margin: 100px 0 95px 0;}
/* Responsive Style
================================================== */
@media (max-width: 1440px) {
    .up .imgblk .imgbox img { max-width: 500px; }
    .page_2.up .imgblk .imgbox img { max-width: 440px; }
    .page_2.up .imgblk .imgbox { margin-bottom: 20px; }
    .up .imgblk .content p {margin-bottom: 30px;}
    .page_2.up .logo { padding: 0px 0px 40px; }
    .page_2.up .imgblk,.up .country {margin-bottom: 40px;}
    .page_3.up .imgblk, .up .country { margin-bottom: 0px; }
    .page_3.up .imgblk .content h1 br, .page_3.up .imgblk .content p br {display: none;}
    .page_3.up .imgblk .imgbox img { max-width: 440px; }
    .page_3.up .desktop { margin: 0px 0 50px 0; }
    .page_3.up .btn_all { margin-bottom: 40px; }
    .page_4.up .imgblk .imgbox img { max-width: 480px; }
    .page_4.up .logo { margin: 0px 0 30px 0; }
    .page_4.up .search_blk {margin: 30px 0 80px 0;}
    .page_4.up .imgblk .content { width: 50%; }
    .page_4.up .imgblk .imgbox { width: 50%; }
    .page_4.up .imgblk .content h1 {font-size: 44px;}
}
@media (max-width: 1200px) {
    .page_2.up .imgblk .imgbox img { max-width: 500px; }
    .page_2.up .imgblk .content h1 {font-size: 34px;}
    .page_3.up .imgblk .content { width: 50%; }
    .page_3.up .imgblk .imgbox { width: 50%; }
    .page_4.up .imgblk .content { width: 50%; }
    .page_4.up .imgblk .imgbox { width: 50%; }
    .page_4.up .imgblk .content h1 {font-size: 40px;}
    .page_4.up .imgblk .content h2 {font-size: 20px;}
    .page_4.up .logo { margin: 0px 0 50px 0; }
    .page_4.up .search_blk { margin: 50px 0 80px 0; }
    .page_4.up .imgblk .content h1 br {display: none;}
    .page_4.up .logo { margin: 0px 0 30px 0; }
    .page_4.up .search_blk { margin: 30px 0 90px 0; }
    .page_4.up form > .textbox { height: 45px; width: 270px; padding: 0 15px; font-size: 16px; line-height: 1; }
    .page_4.up form a.search_btn { height: 45px; width: 50px; line-height: 45px; }
    .page_4.up form a.search_btn img {max-width: 20px;}
}
@media (max-width: 992px) {
    .page_2.up .imgblk, .page_2.up .country { margin-bottom: 50px; }
}
@media (max-width: 767px) {
    .up .wrapper {padding: 40px 0;}
    .up .logo img { max-width: 80px; }
    .up .imgblk .content h1 {font-size: 20px;}
    .up .imgblk .content p {margin-bottom: 30px;}
    .up .imgblk .content p br {display: none;}
    .up .imgblk .imgbox img { max-width: 240px; }
    .up .content .bottom_blk {padding: 20px 0;flex-wrap: wrap;max-width: 100%;}
    .page_1.up .country, .page_2.up .country { margin-bottom: 0px; }
    .page_2.up .logo { padding: 0px 0px 30px; }
    .page_2.up .imgblk .imgbox img {max-width: 300px;}
    .page_2.up .imgblk .content h1 {font-size: 28px;}
    .page_2.up .imgblk { margin-bottom: 40px; }
    .page_3.up .imgblk, .page_3.up .country {flex-wrap: wrap; width: 100%; max-width: 500px; margin: 0 auto;}
    .page_3.up .imgblk .content { width: 100%; order: 2;}
    .page_3.up .imgblk .imgbox { width: 100%; }
    .page_3.up .imgblk .content h1,.page_4.up .imgblk .content h1 {font-size: 30px; text-align: center;}
    .page_3.up .imgblk .content p,.page_4.up .imgblk .content p {text-align: center;}
    .page_3.up .imgblk .imgbox img { max-width: 200px; }
    .up .desktop {margin: 0px 0px !important;}
    .up .mobile {margin: 30px 0px;text-align: center;width: 100%;}
    .page_3.up .btn_all { margin-bottom: 30px; text-align: center;}
    .page_3.up .country {justify-content: center;width: 100%;order: 2;}
    .page_3.up .imgblk .content { margin-bottom: 0px; }
    .up .social_blk {justify-content: center;width: 100%;margin-bottom: 15px;}
    .up .content .bottom_blk .social_blk ul {justify-content: center;}
    .page_4.up .imgblk {flex-wrap: wrap; width: 100%; max-width: 530px; margin: 0 auto;}
    .page_4.up .imgblk .content { width: 100%; order: 2;}
    .page_4.up .imgblk .imgbox { width: 100%; }
    .page_4.up .imgblk .imgbox img { max-width: 240px; }
    .page_4.up .imgblk .content h1 { font-size: 34px; }
    .page_4.up .imgblk .content h2 {text-align: center;}
    .page_4.up form > .textbox { height: 42px; width: 240px; padding: 0 12px; font-size: 16px; line-height: 1; }
    .page_4.up form a.search_btn { height: 42px; width: 42px; line-height: 42px; }
    .page_4.up .search_blk { margin: 30px 0px; }
    .page_4.up .social_blk, .up .country {width: 100%;}
    .page_4.up .country {order: 2;margin-bottom: 0px;}
    .page_4.up form {display: flex;justify-content: center;float: none;}
}