@charset "UTF-8";
/* 

FlexLayout.css
Author : Hamza TAŞCI
Front End & Back End Developer
facebook.com/hamza.tasci

*/

.left_layout{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } 
.center_layout{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } 
.right_layout{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.justify_layout{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.ai_flex_start{-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.ai_flex_center{-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.ai_flex_end{-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}

.ac_flex_start{-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;}
.ac_center{-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;}
.ac_flex_end{-webkit-align-content: flex-end;-ms-flex-line-pack: end;align-content: flex-end;}

.jc_flex_start{-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.jc_center{-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.jc_flex_end{-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
.jc_justify{-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}

.flex_nowrap{-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.flex_wrap{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.order_0 {-webkit-order: 0; -ms-flex-order: 0; order: 0; }
.order_1 {-webkit-order: 1; -ms-flex-order: 1; order: 1; }
.order_2 {-webkit-order: 2; -ms-flex-order: 2; order: 2; }
.order_3 {-webkit-order: 3; -ms-flex-order: 3; order: 3; }
.order_4 {-webkit-order: 4; -ms-flex-order: 4; order: 4; }
.order_5 {-webkit-order: 5; -ms-flex-order: 5; order: 5; }
.order_6 {-webkit-order: 6; -ms-flex-order: 6; order: 6; }

.flex_5px {-webkit-flex: 5px 0; -ms-flex: 5px 0; flex: 5px 0; }
.flex_10px {-webkit-flex: 10px 0; -ms-flex: 10px 0; flex: 10px 0; }
.flex_15px {-webkit-flex: 15px 0; -ms-flex: 15px 0; flex: 15px 0; }
.flex_20px {-webkit-flex: 20px 0; -ms-flex: 20px 0; flex: 20px 0; }
.flex_25px {-webkit-flex: 25px 0; -ms-flex: 25px 0; flex: 25px 0; }
.flex_30px {-webkit-flex: 30px 0; -ms-flex: 30px 0; flex: 30px 0; }
.flex_35px {-webkit-flex: 35px 0; -ms-flex: 35px 0; flex: 35px 0; }
.flex_40px {-webkit-flex: 40px 0; -ms-flex: 40px 0; flex: 40px 0; }
.flex_45px {-webkit-flex: 45px 0; -ms-flex: 45px 0; flex: 45px 0; }
.flex_50px {-webkit-flex: 50px 0; -ms-flex: 50px 0; flex: 50px 0; }
.flex_55px {-webkit-flex: 55px 0; -ms-flex: 55px 0; flex: 55px 0; }
.flex_60px {-webkit-flex: 60px 0; -ms-flex: 60px 0; flex: 60px 0; }
.flex_65px {-webkit-flex: 65px 0; -ms-flex: 65px 0; flex: 65px 0; }
.flex_70px {-webkit-flex: 70px 0; -ms-flex: 70px 0; flex: 70px 0; }
.flex_75px {-webkit-flex: 75px 0; -ms-flex: 75px 0; flex: 75px 0; }
.flex_80px {-webkit-flex: 80px 0; -ms-flex: 80px 0; flex: 80px 0; }
.flex_85px {-webkit-flex: 85px 0; -ms-flex: 85px 0; flex: 85px 0; }
.flex_90px {-webkit-flex: 90px 0; -ms-flex: 90px 0; flex: 90px 0; }
.flex_95px {-webkit-flex: 95px 0; -ms-flex: 95px 0; flex: 95px 0; }
.flex_100px {-webkit-flex: 100px 0; -ms-flex: 100px 0; flex: 100px 0; }