/* BORDER BOX */
*, *:before, *:after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
/* BORDER BOX */


/* BASE STYLES */
html {font-size: 100%;}

.main {
   position: relative;
   display: block;
   width: 100%;
   overflow-x: hidden;
}

body {
   width: 100%;
   height: 100%;
   background-color: #fff;
   overflow-x: hidden;
}

video {
   width: 100%;
   height: auto;
   display: block;
}

.video figure img {
   margin-top: -56.25%;
}

.video figure iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100% !important;
   border: 0;
}

img {
   width: 100%;
   display: block;
}


:root {
   --darkblue: #023B71;
   --green: #01B375;
   --red: #D1373F;
   --lightblue: #6DC6ED;
   --yellow: #FED301;
   --white: #FFF;
   --black: #000;

   --border-radius: 15px;
}
/* BASE STYLES */