*{ margin: 0; padding: 0;

box-sizing: border-box; 

-moz-box-sizing: border-box;  

-webkit-box-sizing: border-box; }



html {

  font-family: sans-serif;

  -webkit-text-size-adjust: 100%;

      -ms-text-size-adjust: 100%;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary ,heading, heading1, heading2, paragraph, box,

utility, container, dateTime,contrast, textSize, logo, banner, imageContainer, highlight, language, copyright

{   display: block; }





body {

  margin: 0px;

  padding: 0px;

  font-size: 14px;

  font-family: 'Open Sans', sans-serif;

  color:#000;

}

/*::-webkit-scrollbar {display:none;}*/



h1{font-size: 26px;}

h2{font-size: 24px;}

h3{font-size: 22px; color:#1a4f91;}

h4{font-size: 20px;}

h5{font-size: 18px;}

p {

  line-height: 22px;

}

a{ text-decoration: none; color:inherit; }

ul,ol{ list-style:none; padding:0px; margin:0;}



img[src=""]{

    width: 20vh;

    height: 5vh;

    display: block;

    background-color: #02263c;

}

::selection { background: skyblue; }

::-moz-selection { background: skyblue;}





.text-center{ text-align: center; }

.text-left{ text-align: left; }

.text-right{ text-align: right; }



.responsive{ max-width: 100%; height: auto; }



/* flex */



.col-1,

.col-2,

.col-3,

.col-4,

.col-5,

.col-6,

.col-7,

.col-8,

.col-9,

.col-10,

.col-11,

.col-12 {

    display: inline-block;

}

.col-1 {

    width: 8.33333333%;

}

.col-2 {

    width: 16.66666667%;

}

.col-3 {

    width: 25%;

}

.col-4 {

    width: 33.33333333%;

}

.col-5 {

    width: 41.66666667%;

}

.col-6 {

    width: 50%;

}

.col-7 {

    width: 58.33333333%;

}

.col-8 {

    width: 66.66666667%;

}

.col-9 {

    width: 75%;

}

.col-10 {

    width: 83.33333333%;

}

.col-11 {

    width: 91.66666667%;

}

.col-12 {

    width: 100%;

}





.flex {

    -ms-box-orient: horizontal;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -moz-flex;

    display: -webkit-flex;

    display: flex;

}

.inline-flex {

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -moz-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

}

.flex-0 {

    -webkit-box-flex: 0;

    -moz-box-flex: 0;

    -webkit-flex: 0;

    -ms-flex: 0;

    flex: 0;

}

.flex-1 {

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

}

.flex-auto {

    -webkit-box-flex: auto;

    -moz-box-flex: auto;

    -webkit-flex: auto;

    -ms-flex: auto;

    flex: auto;

}

.wrap {

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}

.nowrap {

    -webkit-flex-wrap: nowrap;

    -moz-flex-wrap: nowrap;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

}

.wrap-reverse {

    -webkit-flex-wrap: wrap-reverse;

    -moz-flex-wrap: wrap-reverse;

    -ms-flex-wrap: wrap-reverse;

    flex-wrap: wrap-reverse;

}

.justify-left {

    -webkit-justify-content: flex-start;

    -moz-justify-content: flex-start;

    -ms-justify-content: flex-start;

    justify-content: flex-start;

    -ms-flex-pack: flex-start;

}

.justify-right {

    -webkit-justify-content: flex-end;

    -moz-justify-content: flex-end;

    -ms-justify-content: flex-end;

    justify-content: flex-end;

    -ms-flex-pack: flex-end;

}

.justify-center {

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    justify-content: center;

    -ms-flex-pack: center;

}

.justify-between {

    -webkit-justify-content: space-between;

    -moz-justify-content: space-between;

    -ms-justify-content: space-between;

    justify-content: space-between;

    -ms-flex-pack: space-between;

}

.justify-around {

    -webkit-justify-content: space-around;

    -moz-justify-content: space-around;

    -ms-justify-content: space-around;

    justify-content: space-around;

    -ms-flex-pack: space-around;

}

/*flex-start | flex-end | center | baseline | stretch*/



.align-center {

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    align-items: center;

}

.align-start {

    -webkit-align-items: flex-start !important;

    -moz-align-items: flex-start !important;

    -ms-align-items: flex-start !important;

    align-items: flex-start !important;

}

.align-end {

    -webkit-align-items: flex-end;

    -moz-align-items: flex-end;

    -ms-align-items: flex-end;

    align-items: flex-end;

}

.align-baseline {

    -webkit-align-items: baseline;

    -moz-align-items: baseline;

    -ms-align-items: baseline;

    align-items: baseline;

}

.align-stretch {

    -webkit-align-items: stretch;

    -moz-align-items: stretch;

    -ms-align-items: stretch;

    align-items: stretch;

}



// auto | flex-start | flex-end | center | baseline | stretch 

.align-self-center {

    -webkit-align-self: center;

    -moz-align-self: center;

    -ms-align-self: center;

    align-self: center;

}

.align-self-start {

    -webkit-align-self: flex-start;

    -moz-align-self: flex-start;

    -ms-align-self: flex-start;

    align-self: flex-start;

}

.align-self-end {

    -webkit-align-self: flex-end;

    -moz-align-self: flex-end;

    -ms-align-self: flex-end;

    align-self: flex-end;

}

.align-self-baseline {

    -webkit-align-self: baseline;

    -moz-align-self: baseline;

    -ms-align-self: baseline;

    align-self: baseline;

}

.align-self-stretch {

    -webkit-align-self: stretch;

    -moz-align-self: stretch;

    -ms-align-self: stretch;

    align-self: stretch;

}



/* flex */





    .flexP{-webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    align-items: center;



    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;



-webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    justify-content: center;

    -ms-flex-pack: center;



-ms-box-orient: horizontal;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -moz-flex;

    display: -webkit-flex;

    display: flex; }



/* margin */ 

.margin-12 {

  margin-left: 100%;

}

.margin-11 {

  margin-left: 91.66666667%;

}

.margin-10 {

  margin-left: 83.33333333%;

}

.margin-9 {

  margin-left: 75%;

}

.margin-8 {

  margin-left: 66.66666667%;

}

.margin-7 {

  margin-left: 58.33333333%;

}

.margin-6 {

  margin-left: 50%;

}

.margin-5 {

  margin-left: 41.66666667%;

}

.margin-4 {

  margin-left: 33.33333333%;

}

.margin-3 {

  margin-left: 25%;

}

.margin-2 {

  margin-left: 16.66666667%;

}

.margin-1 {

  margin-left: 8.33333333%;

}



.border{ border:1px solid #ccc; padding:2em;}

.round{ border-radius:8px; }