/* Table of Content
 ==================================================
 #Page Structure
 #Home Page Style */


@font-face {
      font-family: 'UbisoftSans';
      src: url('https://ubistatic19-a.akamaihd.net/marketingresource/en-us/ubisoft/home/assets/fonts/UbisoftSans-Regular.eot');
      src: url('https://ubistatic19-a.akamaihd.net/marketingresource/en-us/ubisoft/home/assets/fonts/UbisoftSans-Regular.eot?#iefix') format('embedded-opentype'),
      url('https://ubistatic19-a.akamaihd.net/marketingresource/en-us/ubisoft/home/assets/fonts/UbisoftSans-Regular.woff2') format('woff2'),
      url('https://ubistatic19-a.akamaihd.net/marketingresource/en-us/ubisoft/home/assets/fonts/UbisoftSans-Regular.woff') format('woff'),
      url('https://ubistatic19-a.akamaihd.net/marketingresource/en-us/ubisoft/home/assets/fonts/UbisoftSans-Regular.otf') format('opentype');
      font-weight: normal;
      font-style: normal;
}
@font-face {
      font-family: 'UbisoftSans-Bold';
      src: url('https://ubistatic19-a.akamaihd.net/marketingresource/en-us/ubisoft/home/assets/fonts/UbisoftSans-Bold.eot');
      src: url('https://ubistatic19-a.akamaihd.net/marketingresource/en-us/ubisoft/home/assets/fonts/UbisoftSans-Bold.eot?#iefix') format('embedded-opentype'),
      url('https://ubistatic19-a.akamaihd.net/marketingresource/en-us/ubisoft/home/assets/fonts/UbisoftSans-Bold.woff2') format('woff2'),
      url('https://ubistatic19-a.akamaihd.net/marketingresource/en-us/ubisoft/home/assets/fonts/UbisoftSans-Bold.woff') format('woff'),
      url('https://ubistatic19-a.akamaihd.net/marketingresource/en-us/ubisoft/home/assets/fonts/UbisoftSans-Bold.otf') format('opentype');
      font-weight: normal;
      font-style: normal;
}


* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; list-style: none; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body.em, .em div, .em span, .em applet, .em object, .em iframe, .em h1, .em h2, .em h3, .em h4, .em h5, .em h6, .em p, .em blockquote, .em pre, .em a, .em abbr, .em acronym, .em address, .em big, .em cite, .em code, .em del, .em dfn, .em em, .em font, .em img, .em ins, .em kbd, .em q, .em s, .em samp, .em small, .em strike, .em strong, .em sub, .em sup, .em tt, .em var, .em dl, .em dt, .em dd, .em ol, .em ul, .em li, .em fieldset, .em form, .em label, .em legend, .em table, .em caption, .em tbody, .em tfoot, .em thead, .em tr, .em th, .em td, .em select, .em input, .em option { margin: 0; padding: 0; border: 0; outline: 0;}
html { -webkit-text-size-adjust: none; }
.em sub, .em sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
.em sup { top: -0.5em; }
.em sub { bottom: -0.25em }
.em nav .em ul, .em ol .em li { list-style: none; list-style-image: none; }
.em button, .em input, .em select, .em textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.em textarea { overflow: auto; vertical-align: top }
.em input[type="button"], .em input[type="submit"] { -webkit-appearance: none !important; }
:focus { outline: 0; }
.em caption, .em th, .em td { text-align: left; font-weight: normal; }
.em table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
.em td { vertical-align: top; }
.em img { border: 0 none; max-width: 100%; vertical-align: top; }
.em a { outline: none; cursor: pointer; text-decoration: none !important; }
.em a:hover { text-decoration: none; }
.em a:focus { text-decoration: none !important; outline: none !important; }
.em select::-ms-expand { display: none;}

/* #Page Structure
================================================== */
body.em { margin: 0; padding: 0; font-size: 16px; font-family: 'Open Sans', sans-serif; color: #fefefe;background-color: #1d1d1d;}
.em .wrapper { width: 100%;}
.em .main { max-width: 780px; margin: 0 auto; padding: 0px 20px; width: 100%; }
.em a, .em button {transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.em .flw {width: 100%; float: left; position: relative;}
.em .set-bg{ background-size:cover;background-position:center top;background-repeat:no-repeat; }
.em .get-bg{ display:none; }


/*page css*/
.em .page_section{text-align: center;padding: 36px 0 ;}
.main_logo img {max-width: 167px;}
.em .section_title h1 {font-size: 65.61px;text-transform: uppercase;font-family: 'UbisoftSans-Bold';    padding:92px 0 46px;}
.em .section_title h3 {font-family: 'UbisoftSans';font-weight: normal;font-size: 24px;}
.em .sec_left{width: 48%; float: left;margin-right: 2%;}
.em .sec_right{width: 48%; float: left;margin-left: 2%;}
.em .sec_left a {color: #fefefe;}
.em .sec_right a {color: #fefefe;}
.em .btn_text{background-color: #0164f3;border-radius: 10px;padding:16px 21px ;margin-top: 66px;text-align: left;}
.em .btn_text h4{font-family: 'UbisoftSans-Bold'; font-size: 24px;text-transform: uppercase;}
.em .btn_text p{font-family: 'UbisoftSans';font-weight: normal; font-size: 14px;}
.em .btn_text:hover {background-color: #3986f5;}


/*media css*/
@media screen and (max-width: 767px){
  .em .section_title h1{font-size: 50px;}
  .em .btn_text{padding: 16px;}
  .em .btn_text h4{font-size: 20px;}
  .em .btn_text p{font-size: 12px;}
}
@media screen and (max-width: 600px){
  .em .sec_right , .em .sec_left {width: 80%;float: none;margin-left: auto;margin-right: auto;}
  .em .section_title h1{padding: 52px 0 20px;font-size: 36px;}
  .em .section_title h3{padding-bottom: 20px;font-size: 18px;}
  .em .btn_text{margin-top: 20px;text-align: center;padding: 14px;}
  .em .btn_text h4{font-size: 18px;margin-bottom: 5px;}
}
@media screen and (max-width: 480px){
  .em .sec_right , .em .sec_left {width: 100%;}
}