/* THEMEX: A SEMANTIC CSS MICROLIBRARY  FOR KOMFORT
by: David Echeverri

/* BOOTSTRAP COMPATIBLE*/




@import url('https://fonts.googleapis.com/css?family=Roboto:300');

p {font-family: 'Roboto', sans-serif;} */

h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;}/


 /* HEADING SPACING*/
h1 { letter-spacing: -1px; }
h2 { letter-spacing: -1px; }


body {background: radial-gradient(white, #f7f8f9); }

.gradientbg1 {background: radial-gradient(white, #f7f8f9); }

.fancyborder{background:#fff; padding:18px 18px 18px 18px; border:2px solid #999; }

/* FONT FAMILIES */
.font1 {font-family: 'Open Sans', sans-serif;} 
.font2 {font-family: 'Oswald', sans-serif;}
.font3 {font-family: 'Oxygen', sans-serif;}
.font4 {font-family: 'Lobster', cursive;}
.font5 {font-family: 'Raleway', sans-serif;}


/* FRUTY CSS */
.bg-banana {background-color: #f7ec20 !important; color: black;}
.bg-cherry {background-color: #8c0b3a; color: white;}
.bg-tomato {background-color: #e0421a; color: black;}
.bg-apple {background-color: #bbe01a; color: black;}
.bg-tamarind {background-color: #75604e; color: white;}
.bg-lime {background-color: #d1f29d; color: black;}
.bg-blueberry {background-color: #282a47; color: white;}
.bg-sky {background-color: #22d2ff; color: white;}
.bg-eggplant {background-color: #2f1d3d; color: white;}

.text-banana {color: #f7ec20 }
.text-cherry {color: #8c0b3a; }
.text-tomato {color: #e0421a; }
.text-apple {color: #bbe01a;}
.text-tamarind {color: #75604e;}
.text-lime {color: #d1f29d;}
.text-blueberry {color: #282a47; }
.text-sky {color: #22d2ff; }
.text-eggplant {color: #2f1d3d; }





/* LINE HEIGHTS */
.line-height-large: {line-height: 2.5;}
.line-height-medium: {line-height: 1;}


/* FONT THEME COLORS */
.fontcolor {color: #000;}
.fontcolor1 {color: gray;}
.fontcolor2 {color: green;}
.fontcolor3 {color: blue;}
.fontcolor4 {color: white;}


/* FONT NAME COLORS */
.fontgray {color: gray;}
.fontgreen {color: green;}
.fontblue {color: blue;}
.fontwhite {color: white;}
.fontblack {color: black;}
.fontred{color: red;}
.fontmarron {color:#833a3a;}


/* FONT SIZES */
.fontsize1 {font-size: 16px;}
.fontsize2 {font-size: 24px;}
.fontsize3 {font-size: 30px;}
.fontsize4 {font-size: 50px;}

/* FONT SIZES */
.fontsize-fineprint {font-size: 10px;}
.fontsize-medium {font-size: 24px;}
.fontsize-large {font-size: 36px;}
.fontsize-huge {font-size: 50px;}
.fontsize-gigantic {font-size: 80px;}


/* FONT CLASSES */
.fontmini {font-size:7px;}
.fontmall {font-size:10px;}
.fontmedium  {font-size:14px;}
.fontlarge  {font-size:28px;}
.fontepic  {font-size:56px;}


/* FONT WEIGTHS */
.fontbold {font-weight: bold;}
.fontitalic {font-weight: italic;}


/* EMPHASIS */
.emphasis{text-emphasis:accent}
.bolded {font-weight: bold}


/* BG COLORS  - BRANDED PALETTE TRADER LIVE*/
.bgcolor-grayjasmin {background-color: #f2fcff;}
.bgcolor-deepnavy {background-color: #1D2C33;}
.bgcolor-redtrader {background-color: #F5002C;}
.bgcolor-metalgray {background-color: #3E5259;}
.bgcolor-ash {background-color: #F4F5F6;}
.bgcolor-smoke {background-color: #52636A;}
.bgcolor-mint {background-color: #00B682;}
.bgcolor-asphalt {background-color: #65757A;}
.bgcolor-palecement {background-color: #F4F5F6;}
.bgcolor-blood {background-color: #EE4933;}
.bgcolor-sky {background-color: #4CBEE4;}
.bgcolor-spring {background-color: #4CFFA6;}
.bgcolor-grape {background-color: #BE4CE4;}
.bgcolor-corn {background-color: #FFE69D;}
.bgcolor-steelblue {background-color: #556369;}
.bgcolor-deepblue  {background-color: #1d2c33;}
.bgcolor-lavander {background-color: #e4fdfb;}
.bgcolor-lemonade {background-color: #f2ffe5;}
.bgcolor-ivory {background-color: #fcfcf7;}
.bgcolor-aqua {background-color: #45a586;}
.bgcolor-deeporange {background-color: #e84d1e;} 


/* BG COLORS  - BRANDED PALETTE TRADER*/
.bgcolor1 {background-color: #830529;}
.bgcolor2 {background-color: #160107}
.bgcolor3 {background-color: #160107;}
.bgcolor4 { background-color: #AF0637;}
.bgcolor5 {background-color: #1D2C33;}
.bgcolor6 {background-color: #C5D3D9}
.bgcolor7 {background-color: #091217;}


/* ZERO MARGIN LEFT*/
.leftpaddingzero{padding-left:0px}
.leftmarginzero{margin-left:0px}


/* TOP PADDINGS */
.bottompadding1{padding-bottom:20px}
.bottompadding2{padding-bottom:30px}


/* BORDER */
.thick-10-white { border-style: solid; border-color: #833a3a; border-width: 10px 0px 0px 0px;}
.thick-10-white { border-style: solid; border-color: #833a3a; border-width: 10px 0px 0px 0px;}


/* TOPMARGINS */
.topmarginzero{margin-top:0px}
.topmargin1{margin-top:30px}
.topmargin2{margin-top:30px}


/* BOTTOMMARGINS */
.addmarginbottomzero{margin-bottom:0px}
.bottommargin1{margin-bottom:10px}
.bottommargin2{margin-bottom:20px}
.bottommargin3{margin-bottom:30px}


/* SHADOWS */
.shadowsoft {box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 3px #000000; -webkit-box-shadow: 0 0 3px #000000;}
.shadow{-moz-box-shadow:0px 0px 10px 7px #777777; -webkit-box-shadow:0px 0px 10px 7px #777777; box-shadow:0px 0px 10px 7px #777777;}
.softshadow2 
{-webkit-box-shadow: -1px 3px 13px 0px rgba(50, 50, 50, 0.8);
-moz-box-shadow:    -1px 3px 13px 0px rgba(50, 50, 50, 0.8);
box-shadow:         -1px 3px 13px 0px rgba(50, 50, 50, 0.8);}


/* TOP BORDERLINES */
.border-fatline { border-style: solid; border-color: #833a3a; border-width: 10px 0px 0px 0px;}
.border-fatline-concrete { border-style: solid; border-color: #2d2c2c; border-width: 10px 0px 0px 0px;}
.border-fatline-ash { border-style: solid; border-color: #F4F5F6; border-width: 10px 0px 0px 0px;}
.border-fatline-emphasis { border-style: solid; border-color: #833a3a; border-width: 10px 0px 0px 0px;}


/* BG COLORS */
.bgblack {background-color: black;}
.bggray {background-color: gray}
.bgwhite {background-color: white;}


/* ROUNDED CORNERS */
.roundedcorners { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.roundedcorners1 { border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
.roundedcorners2 { border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}


/* NO PADDING */
.paddingzero {padding:0;}


/* FLOAT LEFT */
.floatleft {float: left; margin-right: 15px;}


/* RESIZE TO HALF*/
.halfwidth:{width: 50%}


/* MARGIN AUTO*/
.marginauto{margin:auto}


 /* BG IMAGES */
.bgimage1 {background-image: url(http://wallpapercave.com/wp/8uI7cjO.jpg);}
.bgimage2 {background-image: url(http://wallpaper-gallery.net/images/blur-images/blur-images-9.jpg);}
.bgimage3 {background-image: url(http://www.placehold.it/1950x1080);}
.bgimage4 {background-image: url(http://www.placehold.it/1950x1080);}
.bgimage5 {background-image: url(http://www.placehold.it/1950x1080);}
.bgimage6 {background-image: url(http://www.placehold.it/1950x1080);}


 /* BACKGROUND TRANSPARENCY */
.bgtransparent20 {opacity: 0.2}
.bgtransparent50 {opacity: 0.5}
.bgtransparent80 {opacity: 0.8}
.bgtransparent95 {opacity: 0.95}

 /* BACKGROUND IMAGES */
.bgimage-primary {background: url('../img/bg-blurr.jpg') no-repeat; background-size: 100%; }
.bgimage-login {background: url('../img/bg-redcar.jpg') no-repeat; background-size: 100%; }




 /* GHOST BUTTONS*/
.btn-ghosty { color: #fff; border-color: #ffffff; border: 2px solid;}
.btn-ghosty:hover {color: #00B682; border-color: #ffffff; background-color: white;}
.btn-ghosty-login { color: #fff; border-color: #ffffff; border: 2px solid;}
.btn-ghosty-login:hover {color: #3E5259; border-color: #ffffff; background-color: white;}


 /* ELEMENT BORDER OUTLINE THICKNESS*/
.thickborder-1p { border: 1px ;}
.thickborder-2p{ border: 2px ;} 
.thickborder-3p { border: 3px ;}
.thickborder-4p { border: 4px ;}
.thickborder-5p { border: 5px ;}


 /* BORDERSTYLES*/
.borderstyle1 { border-color: #F4F5F6; border: 2px solid;}
.borderstyle2 { border-color: #F4F5F6; border: 4px solid;}
.borderstyle3 { border-color: #F4F5F6; border: 6px solid;}


 /* 3D ARRANGEMENT*/
.arrange-top {z-index: 50}
.arrange-top2 {z-index: 100}
.arrange-top3 {z-index: 1000}


 /* CUSTOM BOOTSTRAP CLASSES - Makes text fields taller and cooler*/
.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {line-height: 2.5;}


 /* ANIMATION SEQUENCE USING ANIMATE.CSS AND DELAYS*/
.go1 { animation-delay: 0.1s;}
.go2 { animation-delay: 0.5s;}
.go3 { animation-delay: 1s;}
.go4 { animation-delay: 1.5s;}
.go5 { animation-delay: 2.0s;}

.gofast1 { animation-delay: 0s;}
.gofast2 { animation-delay: 0.3s;}
.gofast3 { animation-delay: 0.6s;}
.gofast4 { animation-delay: 0.9s;}
.gofast5 { animation-delay: 1.2s;}
.gofast6 { animation-delay: 1.5s;}

/* ARRANGE UP OR DOWN IN Z INDEX*/
.leveldown {  z-index: -1}
.levelup {  z-index: 1}
.levelup2 { z-index: 2}
.levelup3 { z-index: 3}





/* BOOTSTRAP  ELEMENTS - KOMFORT  ======================================  */


.bg-danger {background-color: #BE3131!important;}

a:hover {opacity: 0.8}

img.a:hover {opacity: 0.7}