ul, li, ul li, table, lable, p, span, dl, dt, dd, table, tr, td {margin: 0px; padding: 0px;}
* {margin: 0px; padding: 0px;}
a:hover, a:focus {text-decoration: none !important;}
img {border: none;}
.mt5 {margin-top: 5px !important;}
.mt7 {margin-top: 7px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt220{margin-top: 220px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
.ml60 {margin-left: 60px !important;}

body{overflow-x:hidden; font-family: 'Open Sans', sans-serif;}
.mb-23{margin-bottom:23px;}
.mb-50{margin-bottom:50px;}
.mt-0{margin-top:0 !important;}
.border-bottom0{border-bottom:0 !important;}
a:hover{text-decoration:none;}


h3{}
/*-- flex css --*/
.flex-container1 {display: flex;flex-wrap: nowrap;background-color: DodgerBlue;}
.flex-container1 > div {background-color: #f1f1f1;width: 100px;margin: 10px;text-align: center;line-height: 75px;font-size: 30px;}
.flex-container1 .col-7{margin-right:auto;}

.flex-container2 {display: flex;background-color: DodgerBlue; align-items:flex-start; justify-content:center;}
.flex-container2 > div {background-color: #f1f1f1;margin: 10px;padding: 20px;font-size: 30px;}
.flex-container2 .col-2{height:200px;}


.flex-container3 {display: flex;flex-direction:row;background-color: DodgerBlue; align-items: baseline;}
.flex-container3 > div {background-color: #f1f1f1;width: 100px;margin: 10px;text-align: center;line-height: 75px;font-size: 30px;}
.flex-container3 .col-2{height:200px;}
.flex-container3 .col-4{font-size:60px;}

.flex-container4 {display: flex; background-color: DodgerBlue; align-items:center;}
.flex-container4 > div {background-color: #f1f1f1;width: 100px;margin: 10px;text-align: center;line-height:45px;font-size:14px;}
.flex-container4 .col-2{height:200px;}
.flex-container4 .col-3{align-self:flex-end;}

.flex-container5 {display: flex;flex-direction: row; background-color: DodgerBlue; align-items:center; justify-content:center;}
.flex-container5 > div {background-color: #f1f1f1;width: 100px;margin: 10px;text-align: center;line-height: 75px;font-size: 30px;}
.flex-container5 .col-2{height:200px;}
.flex-container5 .col-3{order:-1; align-self:flex-end;}

.flex-container6 {display: flex; background-color: DodgerBlue; justify-content:center; }
.flex-container6 > div {background-color: #f1f1f1;width: 100px;margin: 10px;text-align: center;line-height: 75px;font-size: 30px; flex:1; }
.flex-container6 .col-2{flex:2;}


.flex-container7 {display: flex; background-color: DodgerBlue; justify-content:center;}
.flex-container7 > div {background-color: #f1f1f1;width: 100px;margin: 10px;text-align: center;line-height: 75px;font-size: 30px;}
.flex-container7 .col-2{flex:0 1 300px;}


.flex-container8 {display: flex;flex-wrap:wrap; min-height:500px; background-color: DodgerBlue; justify-content:center; align-items:center; align-content:flex-end;}
.flex-container8 > div {background-color: #f1f1f1;width: 100px;margin: 10px;text-align: center;line-height: 75px;font-size: 30px;}



/*-- flex css --*/




.container-full{display:flex; width:100%; margin-top:30px;}
.container-full .box1{display:flex; width:300px; margin-right:20px; height:500px; border:1px solid DodgerBlue;}
.container-full .box2{display:flex; height:500px; border:1px solid #f00; flex:1 1;}