/* Reset CSS */a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none!important}
/* End Reset CSS */

body {font-family: 'Poppins', sans-serif;}

::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);-webkit-border-radius: 2px;border-radius: 2px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 2px;background: #fdd835;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb:window-inactive {background: #fdd835;}

input,textarea,button {font-family: 'Open Sans', sans-serif;}

img { max-width: 100%; vertical-align: top; }

.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.layout-column { -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flex-wrap {flex-wrap: wrap; }
.flex aside {-webkit-box-flex: 1; -moz-box-flex: 1; width: 20%; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flex aside.flex-auto {-webkit-box-flex: auto; -moz-box-flex: auto; width: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; }
.flex aside.flex-20 { max-width: 20%; -webkit-box-flex: 1 1 20%; -moz-box-flex: 1 1 20%; -webkit-flex: 1 1 20%; -ms-flex: 1 1 20%; flex: 1 1 20%; }
.flex aside.flex-25 { max-width: 25%; -webkit-box-flex: 1 1 25%; -moz-box-flex: 1 1 25%; -webkit-flex: 1 1 25%; -ms-flex: 1 1 25%; flex: 1 1 25%; }
.flex aside.flex-33 { max-width: 33.333%; -webkit-box-flex: 1 1 33.333%; -moz-box-flex: 1 1 33.333%; -webkit-flex: 1 1 33.333%; -ms-flex: 1 1 33.333%; flex: 1 1 33.333%; }
.flex aside.flex-40 { max-width: 40%; -webkit-box-flex: 1 1 40%; -moz-box-flex: 1 1 40%; -webkit-flex: 1 1 40%; -ms-flex: 1 1 40%; flex: 1 1 40%; }
.flex aside.flex-50 { max-width: 50%; -webkit-box-flex: 1 1 50%; -moz-box-flex: 1 1 50%; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; }
.flex aside.flex-60 { max-width: 60%; -webkit-box-flex: 1 1 60%; -moz-box-flex: 1 1 60%; -webkit-flex: 1 1 60%; -ms-flex: 1 1 60%; flex: 1 1 60%; }
.flex aside.flex-75 { max-width: 75%; -webkit-box-flex: 1 1 75%; -moz-box-flex: 1 1 75%; -webkit-flex: 1 1 75%; -ms-flex: 1 1 75%; flex: 1 1 75%; }
.flex aside.flex-80 { max-width: 80%; -webkit-box-flex: 1 1 80%; -moz-box-flex: 1 1 80%; -webkit-flex: 1 1 80%; -ms-flex: 1 1 80%; flex: 1 1 80%; }
.flex aside.flex-100 { max-width: 100%; -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 80%; flex: 1 1 100%; }


.layout-fill { max-height: 100%; height: 100%; width: 100%;}
.layout-align-center {-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;}
.layout-space-between  {-webkit-justify-content: space-between; -ms-flex-pack: justify;  justify-content: space-between;}
.layout-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}
.layout-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start;}
.layout-stretch { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}

.layout-xs-show { display: none; }

.child-end { -webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
.child-end-vertical {    -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end;}

.content-padding { padding: 16px;}
.content-padding.sm { padding: 8px;}
.content-padding.m { padding: 30px;}
.content-padding.lg { padding: 48px;}

.wrap-1000 { max-width: 1000px; margin: 0 auto; position: relative;}
.wrap-1200 { max-width: 1200px; margin: 0 auto; position: relative;}
.wrap-1400 { max-width: 1400px; margin: 0 auto; position: relative;}

.loading-page { position: fixed; z-index: 999; }
.spinner-wrapper { padding:128px 64px; }
.spinner-text { margin: 8px auto 0; width: 120px; text-align: center; font-size: 12px;}
.spinner {margin: 0px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; }
.spinner > div { background-color: #333; height: 100%; width: 6px;display: inline-block;-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s;}

.drop-down-xs { display: none; position: absolute; top:10%; z-index: 9; width: 100%; }
.drop-down-xs > div { padding:32px 0px 16px;margin:0 auto; height: 200px; max-width: 320px; overflow-y: scroll; background-color: rgba(0,0,0,0.7); }
.drop-down-xs span { position: fixed; margin-top: -32px; width: 100%; max-width: 320px; display: block; color: #000; background-color: papayawhip; text-align: center; padding:8px 0px; text-transform: uppercase; font-size: 14px;}
.drop-down-xs a { margin: 0px !important; border: none; border-bottom: 1px rgba(0,0,0,0.2) solid;}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}
@media all and (max-width:600px) {
    .layout-xs-column { -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
    .content-padding .content-padding { padding:4px 0px;}
    .layout-xs-wrap {flex-wrap: wrap;}
    .layout-xs-flex-50 { max-width: 50% !important; width: 50% !important;-webkit-box-flex: 1 1 50% !important; -moz-box-flex: 1 1 50% !important;; -webkit-flex: 1 1 50% !important;; -ms-flex: 1 1 50% !important;; flex: 1 1 50% !important;;}
    .layout-xs-flex-100 { max-width: 100% !important; width: 100% !important;}
    .layout-xs-hide { display: none; }.layout-xs-show { display: block;}
    .layout-xs-text-center { text-align: center;}
    .flex-xs-25 { max-width: 25%; -webkit-box-flex: 1 1 25%; -moz-box-flex: 1 1 25%; -webkit-flex: 1 1 25%; -ms-flex: 1 1 25%; flex: 1 1 25%; }
    .flex-xs-80 {max-width: 80%; -webkit-box-flex: 1 1 80%; -moz-box-flex: 1 1 80%; -webkit-flex: 1 1 80%; -ms-flex: 1 1 80%; flex: 1 1 80%;}
    .content-padding.lg { padding: 16px;}
}