@font-face {font-family: "Volte";
    src: url("../fonts/Volte.eot"); /* IE9*/
    src: url("../fonts/Volte.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Volte.woff2") format("woff2"), /* chrome firefox */
    url("../fonts/Volte.woff") format("woff"), /* chrome firefox */
    url("../fonts/Volte.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("../fonts/Volte.svg#Volte") format("svg"); /* iOS 4.1- */
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a{ text-decoration: none; }
body {
    line-height:1;
}
html{  overflow-x: hidden;
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
body{
    background-color:#fff; 
    font-family: Volte,Arial,Helvetica,sans-serif;
    font-size: 14px;
    -webkit-touch-callout: none;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.3px;
        line-height: 1.2;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

textarea:focus, input:focus, select:focus, a:focus{
    outline: none !important;
}
input[type="file"]{ border:0px !important; padding: 0px !important;  }
table {
  border-collapse: collapse;
}
tr {
  border-bottom: 0px;
}
th, td {
  text-align: left;
  padding: 4px;
}

.alertMsg
{
    display: none;
    position: fixed;
    padding: 10px 10px;
    border: 1px solid #2c762c;
    background: #208220;
    bottom: 10px;
    left: 50%;
    z-index: 101;
    color: #fff; transform: translate(-50%, -10px);
}
.p25{ padding: 25px !important; }
.a-center{ text-align: center; }
ol,ul{ list-style: none; }
.bebab_h{ position: absolute; z-index: 1008; width: 100%; padding: 0; }
.image-wrapper{  background: no-repeat center center;
    background-size: cover; position: relative; }
.image-wrapper:not(.mobile) {
    background-attachment: fixed !important;
}    
.container{ width: 100%; padding-right: 15px; padding-left: 15px;  margin-right: auto;  margin-left: auto; max-width: 1300px; }
.image-wrapper .inner { padding: 13rem 0;}
.dd_screen{ position: absolute; bottom: -30px;top: 200px; }
.screen_text{ margin-left: 450px; margin-top: 150px; }
.screen_text h3{ font-family: inherit; font-weight: 500; font-size: 25px; text-transform: uppercase; color: #fff;  margin-bottom: 10px;}
.screen_text h2{ font-family: inherit; font-weight: 600; font-size: 50px;  color: #ffd517;  margin-bottom: 10px;}
.dd_card_shop{ position:absolute; right: -100px; top: 70px}
.p_s{ position: relative; padding: 0px;  }
.dd_paragraph{ margin: 0px; padding: 210px 0 0 0; }
.dd_paragraph p{ font-family: inherit; font-size: 18px; color: #55596c; font-weight: 400; margin-bottom: 20px;  }

.video_section{ padding:50px 0; margin: 0;  }
.video_column{ float: left; width: 100%; padding:0px; margin: 0px;  }
.video_wrap{ width: 100%; position: relative;overflow: hidden; padding-bottom: 56%; height: 0px;}
.video_wrap iframe{ position: absolute; top: 0px;  left: 0px; width: 100%; height: 100%;  }
.video_row{ padding: 0px; margin: 0 0px 50px; width: 100%; display: inline-block; }
.video_section h2{ font-family: inherit; font-weight: 600; font-size: 40px; color: #101010; margin-bottom: 20px; text-align: center; display: block; }
.registration_bg{ padding: 50px 0; background:#f2f4ff;  width: 100%;  display: inline-block; }
.row_form{  padding: 0px; margin: 0px -50px; }
.form_column{ width: 50%; float: left; padding: 0px 50px; }
.f_row{ margin-bottom: 10px; }
.form_title{ font-family: inherit; font-size: 25px; color: #101010; margin-bottom: 15px; }
.f_row input{ width: 100%; border-radius: 6px; height: 53px; line-height: 53px; padding: 0 15px; border:0px; font-family: inherit; font-size: 16px; font-weight: 500; }
.btn_submit{ height: 55px; width: 100%; border: 0px; line-height: 55px; text-align: center; font-family: inherit; font-size: 16px; font-weight: 500; background-color: #411b66; display: block; color: #fff; text-transform: uppercase;  cursor: pointer;}
.btn_submit:hover{background-color: #ffd517; color:#411b66; }
.contact_bg{ border-radius: 6px; background-color: #411b66; padding: 50px 40px; margin-top:120px; }
.contact_bg span:nth-child(3){ margin-left: -10px; }
.contact_title{ text-align: center; font-family: inherit; font-size: 30px; color: #ffd517; font-weight: 600; margin-bottom: 40px;  }
.contact_detail{ display: inline-block; width: 100%; margin-bottom: 20px; color: #fff; font-family: inherit; font-size: 25px; font-weight: 500; text-align: center; }
.contact_detail i{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-size: 100%; margin-right: 10px; }
.email{ background: url(../img/email.png) no-repeat;   }  .phone{ background: url(../img/phone.png) no-repeat;   } 
.f_logo{ display: block; text-align: center; padding: 30px 0; }
.footer_bg{ background: #421b67; padding: 15px;  }
.footer_rows{ padding: 0px; margin: 0;  width: 100%;  display: inline-block;  }
.footer_column{ width: 33.33%; float: left; padding: 0 15px; }
.copy_right{ font-family: inherit; font-size: 15px; color: #fff;  line-height: 45px;}
.app_now{ padding: 0px; margin: 0px; float: right; }
.app_now a{ float: left; margin: 0 5px; width: 40px; height: 40px; } .app_now a img{ width: 100%; }
.app_text{ font-family: inherit; font-size: 15px; color: #fff; line-height: 45px; }
.dd_text_p{ padding-right: 250px; }
@media (max-width:1440px){ 
.dd_text_p{ padding-right: 350px; }
}
@media (max-width:768px){ 
   .footer_column, .form_column{ width: 100%; padding: 0px; } .dd_text_p{ padding-right: 0px; }  .dd_card_shop{  right: initial; position: relative; padding: 15px; top: 0px; }
   .screen_text{ margin-left: 0px; margin-top: 15px; text-align: center; } .dd_card_shop img{ width: 100% !important }.video_column{ padding: 0 0px; } .registration_bg{ padding: 20px 0; }
   .video_section h2{ font-size: 25px; }
   .bebab_h a img:first-child{ width: 200px; } .bebab_h a:last-child img{ width: 120px; } .dd_screen img{ width: 300px; }
   .image-wrapper .inner { padding: 8rem 0 3rem;} .dd_screen{ position: relative; bottom: initial; top: initial; margin: 0px; display: block; text-align: center; }
   .screen_text h2{ font-size: 29px; } .screen_text h3{ font-size: 20px; } .dd_paragraph{ padding: 10px; } .video_section{ padding: 20px 0; }
   .video_row{ margin-bottom: 20px; } .contact_title{ font-size: 25px; margin-bottom: 20px; } .contact_bg{ padding: 20px; margin-top: 15px; }
   .contact_detail{ font-size: 16px; } .app_now a{ float: none; display: inline-block; } .app_now{ float: none; display: inline-block;  width: 100%; text-align: center;  padding: 0 0 10px;}
   .footer_column{ text-align: center; } .f_logo{ padding: 0px; } .dd_paragraph p{ font-size: 16px; } .row_form{ margin: 0px; }
}