/* 
---
DEFAULT STYLES 
---

This document contents all default styles.
*/

/* Hide */
.none { display: none;}
.op-none { opacity: 0; }


*   { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html    { margin: 0; padding: 0; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body    { margin: 0; padding: 0; overflow-x: hidden; width: 100%; display: block;}
a { cursor: pointer;}
a:focus { outline:none;}
a:active, a:hover   { outline:0;}
a img   { text-decoration: none;}
body { position:relative; font-family: 'Source Sans Pro', sans-serif; font-size: 10px; background-color: #FFF; }
input[type=select], #select-contact { -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance:none;}


/* Colors */
.b-blueDark { background-color: #004F8B;}
.b-blueLight01 { background-color: #C2E4F3; }
.b-blueLight02 { background-color: #337BFB; }
.b-white { background-color: #FFFFFF;}
.b-green { background-color: #4ABED3;}
.b-orange { background-color: #ed3d12; }

.blueDark { color: #004F8B;}
.blueLight { color: #337BFB;}
.green { color: #4ABED3;}
.orange { color: #FFFFFF;}

.op-50 { opacity: 0.5;}
.op-70 { opacity: 0.7;}
.op-90 { opacity: 0.9;}

.line-00 { height: 0.5px;}
.line-01 { height: 1px;}
.line-02 { height: 2px;}



/* Grid */

.row { position: relative; float: left; width: 100%;}
.center { margin: auto; max-width: 1152px; width: 80%;}
.center-col { position: relative; margin: auto;}
.center-col:before, .center-col:after { display: block; width: 100%; height: 0; content: ''; clear: both;}

.col   { position: relative; float: left;}
.col1  { width: 8.333%;}
.col2  { width: 16.666%;}
.col3  { width: 25%;}
.col4  { width: 33.333%;}
.col5  { width: 41.666%;}
.col6  { width: 50%;}
.col7  { width: 58.333%;}
.col8  { width: 66.666%;}
.col9  { width: 75%;}
.col10  { width: 83.333%;}
.col11  { width: 91.33%;}
.col12  { width: 100%;}



.rowInline { letter-spacing: 0px; font-size: 0px;}
.rowInline * { font-size: 14px; line-height: 22px; letter-spacing: .025em;}
.colInline { position: relative; display: inline-block; letter-spacing: normal;}

.col img, .row img, .colInline img, .imgThumb img { width: 100%; display: block;}

.l { float: left;}
.r { float: right;}

.padd-10  { padding: 0 10px;}
.padd-15  { padding: 0 15px;}
.padd-30  { padding: 0 30px;}
.padd-50  { padding: 0 50px;}

.padd-10-l  { padding-left:   	10px;}
.padd-10-r  { padding-right:  	10px;}
.padd-10-t  { padding-top:	  	10px;}
.padd-10-b  { padding-bottom: 	10px;}
.padd-15-l  { padding-left: 	15px;}
.padd-15-r  { padding-right: 	15px;}
.padd-15-t  { padding-top: 		15px;}
.padd-15-b  { padding-bottom: 	15px;}
.padd-30-l  { padding-left: 	30px;}
.padd-30-r  { padding-right: 	30px;}
.padd-30-t  { padding-top: 		30px;}
.padd-30-b  { padding-bottom: 	30px;}
.padd-50-l  { padding-left: 	50px;}
.padd-50-r  { padding-right: 	50px;}
.padd-50-t  { padding-top: 		50px;}
.padd-50-b  { padding-bottom: 	50px;}

.mar-20-b   { margin-bottom:    20px;}

.flex	{ display: flex;}
.flexRow { display: flex; flex-direction: row;}
.flexColumn { display: flex; flex-direction: column;}
.flexAlignC { align-items: center; align-content: center; }
.flexJustB { justify-content: space-between; }
.flexJustA { justify-content: space-around; }


.txtAlignC { text-align: center;}
.txtAlignR { text-align: right;}
.txtAlignL { text-align: left;}
