/* font-family: "UbuntuRegular"; */
@font-face {
    font-family: "UbuntuRegular";
    src: url("fonts/UbuntuRegular/UbuntuRegular.eot");
    src: url("fonts/UbuntuRegular/UbuntuRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/UbuntuRegular/UbuntuRegular.woff") format("woff"),
    url("fonts/UbuntuRegular/UbuntuRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "UbuntuBold"; */
@font-face {
    font-family: "UbuntuBold";
    src: url("fonts/UbuntuBold/UbuntuBold.eot");
    src: url("fonts/UbuntuBold/UbuntuBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/UbuntuBold/UbuntuBold.woff") format("woff"),
    url("fonts/UbuntuBold/UbuntuBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "UbuntuItalic"; */
@font-face {
    font-family: "UbuntuItalic";
    src: url("fonts/UbuntuItalic/UbuntuItalic.eot");
    src: url("fonts/UbuntuItalic/UbuntuItalic.eot?#iefix")format("embedded-opentype"),
    url("fonts/UbuntuItalic/UbuntuItalic.woff") format("woff"),
    url("fonts/UbuntuItalic/UbuntuItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "UbuntuLight"; */
@font-face {
    font-family: "UbuntuLight";
    src: url("fonts/UbuntuLight/UbuntuLight.eot");
    src: url("fonts/UbuntuLight/UbuntuLight.eot?#iefix")format("embedded-opentype"),
    url("fonts/UbuntuLight/UbuntuLight.woff") format("woff"),
    url("fonts/UbuntuLight/UbuntuLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "UbuntuLightItalic"; */
@font-face {
    font-family: "UbuntuLightItalic";
    src: url("fonts/UbuntuLightItalic/UbuntuLightItalic.eot");
    src: url("fonts/UbuntuLightItalic/UbuntuLightItalic.eot?#iefix")format("embedded-opentype"),
    url("fonts/UbuntuLightItalic/UbuntuLightItalic.woff") format("woff"),
    url("fonts/UbuntuLightItalic/UbuntuLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "UbuntuMedium"; */
@font-face {
    font-family: "UbuntuMedium";
    src: url("fonts/UbuntuMedium/UbuntuMedium.eot");
    src: url("fonts/UbuntuMedium/UbuntuMedium.eot?#iefix")format("embedded-opentype"),
    url("fonts/UbuntuMedium/UbuntuMedium.woff") format("woff"),
    url("fonts/UbuntuMedium/UbuntuMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "UbuntuMediumItalic"; */
@font-face {
    font-family: "UbuntuMediumItalic";
    src: url("fonts/UbuntuMediumItalic/UbuntuMediumItalic.eot");
    src: url("fonts/UbuntuMediumItalic/UbuntuMediumItalic.eot?#iefix")format("embedded-opentype"),
    url("fonts/UbuntuMediumItalic/UbuntuMediumItalic.woff") format("woff"),
    url("fonts/UbuntuMediumItalic/UbuntuMediumItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "UbuntuBoldItalic"; */
@font-face {
    font-family: "UbuntuBoldItalic";
    src: url("fonts/UbuntuBoldItalic/UbuntuBoldItalic.eot");
    src: url("fonts/UbuntuBoldItalic/UbuntuBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("fonts/UbuntuBoldItalic/UbuntuBoldItalic.woff") format("woff"),
    url("fonts/UbuntuBoldItalic/UbuntuBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "RobotoCondensedRegular"; */
@font-face {
    font-family: "RobotoCondensedRegular";
    src: url("fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot");
    src: url("fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/RobotoCondensedRegular/RobotoCondensedRegular.woff") format("woff"),
    url("fonts/RobotoCondensedRegular/RobotoCondensedRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoCondensedLight"; */
@font-face {
    font-family: "RobotoCondensedLight";
    src: url("fonts/RobotoCondensedLight/RobotoCondensedLight.eot");
    src: url("fonts/RobotoCondensedLight/RobotoCondensedLight.eot?#iefix")format("embedded-opentype"),
    url("fonts/RobotoCondensedLight/RobotoCondensedLight.woff") format("woff"),
    url("fonts/RobotoCondensedLight/RobotoCondensedLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoCondensedBold"; */
@font-face {
    font-family: "RobotoCondensedBold";
    src: url("fonts/RobotoCondensedBold/RobotoCondensedBold.eot");
    src: url("fonts/RobotoCondensedBold/RobotoCondensedBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/RobotoCondensedBold/RobotoCondensedBold.woff") format("woff"),
    url("fonts/RobotoCondensedBold/RobotoCondensedBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* 2. General Styles
--------------------------------------- */

body {font-size:1.8em; font-family: 'UbuntuLight', sans-serif; color:#868688}
h1 { font-size: 24px; }
.btn a {
    color: white;
    text-decoration: none;
}

h1,h2,h3,h4 {font-family: "RobotoCondensedLight"; text-transform:uppercase}

.logo h1 {
    font-size: 24px;
    margin: 10px 15px;
}
.templatemo-content-wrapper {
    float: left;
    width: 100%;
}
.templatemo-content {
    margin-left: 0px;
    margin-top: 0px;
    padding: 25px 20px 0 20px;
    background-color: white;
    overflow-x: hidden;
	max-width:1170px;
	margin:0 auto
}
.templatemo-footer {
    clear: both;
    font-size: 13px;
    padding: 12px 0 12px 0;
    text-align: center;
    color: #444;
    background-color: #e8e8e8;
}
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-30 { margin-bottom: 30px; }

.formblock {border:2px solid #8ec641}
.coin { background:url(../img/coin.png) center right no-repeat #fff !important;}
.terminal { background:url(../img/terminal.png) bottom right no-repeat #fff !important;}

.bgreen {background:#8ec641; color:#fff; font-family: 'UbuntuLight', sans-serif; padding-bottom:12px}
.bgreen h3, .h3title h3 {font-family: 'UbuntuRegular', sans-serif; text-transform:none !important}

.col-md-12.margin-bottom-15.bgreen h3 {font-size:1.6em; color:#fff !important; text-transform:uppercase; font-weight:normal}
.col-md-12.margin-bottom-15.bgreen strong {font-size:1.8em; color:#fff !important; text-transform:uppercase; font-weight:700}
h3 {color:#8ec641 !important}
.row.formblock h3 {margin:15px !important; color:#8ec641; text-transform:uppercase}

.backTo {font-family: 'UbuntuLight', sans-serif; text-align:center; color:#8dc641; display:block; margin:20px auto; font-size:2.0em; margin-bottom:30px}
.backTo .fa {margin-right:12px}

span.comment {font-size:14px}
.payform label {display:inline-block; font-family: 'UbuntuMedium', sans-serif;}
.payform input {display:inline-block; float:left}
.radiofield {display:block; padding:15px; padding-bottom:0; border-bottom:1px solid #c0c0c0;  background:#f2f2f2}
.payform  .radiofield label {font-size:16px; display:block; width:100%; border:0; margin-bottom:10px; font-family: 'UbuntuLight', sans-serif; cursor:pointer}
.rfsp {display:block; text-align:center; height:30px; width:30px; border:0; float:left}
.radiofield:hover {background:#fff; cursor:pointer}
.margin-top-15 {margin-top:30px; font-size:14px}
.payform input[type=checkbox] {margin-right:12px}
/* 3. Sidebar
------------------------------------------------------*/
#templatemo_search_box {
    width: 150px;
    display: inline-block;
}
.navbar {
    margin-bottom: 0;
    border-radius: 0;

}
.navbar-header { color:#fff; }
.templatemo-sidebar {
    padding: 0;
    margin-top: 20px;
}
.templatemo-sidebar .templatemo-sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.templatemo-sidebar .templatemo-sidebar-menu > li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
}
.templatemo-sidebar .templatemo-sidebar-menu > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    padding: 20px 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;    
}
.templatemo-sidebar-menu a { color: black; }
.templatemo-sidebar-menu a:hover { text-decoration: none; }
.templatemo-sidebar-menu li.sub .templatemo-submenu { display: none; }
.templatemo-sidebar-menu li.sub.open .templatemo-submenu { display: block; }
.templatemo-submenu { padding-left: 0; }
.templatemo-submenu li {
    list-style: none;
    background-color: #DFDFDF;
}
.templatemo-submenu li a {
    display: block;
    padding: 20px 15px;
    margin: 0;
}
.templatemo-sidebar-menu > li.sub.open > a {
    background-color: rgba(145,145,145,0.3);
}
.templatemo-sidebar .templatemo-sidebar-menu >li.active, .templatemo-sidebar .templatemo-sidebar-menu>li>a:hover {
    background-color: rgb(191, 232, 167);
}
.templatemo-submenu li > a:hover {
    background-color: rgb(228,228,228);
}
.templatemo-sidebar .templatemo-sidebar-menu > li > a > i {
    font-size: 16px;
    top: 2px;
    margin-top: 1px;
    margin-left: 1px;
    margin-right: 4px;
    display: inline-block;
    width: 1.25em;
    text-align: center;
}

/* 4. Charts 
--------------------------------------------*/
.templatemo-chart-box {
    display: inline-block;
    text-align: center;
    padding: 20px 30px 30px 0;
}

/* 5. Preferences Form
------------------------------------------*/
#templatemo-preferences-form {
    max-width: 960px;
    /* margin-bottom: 30px; */
}

/* 6. Sign in Form 
--------------------------------------------*/
.templatemo-signin-form {
    padding-top: 50px;
    max-width: 600px;
    margin: 0 auto;
}
.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

/* 7. tables.html
------------------------------------------*/
#templatemo_sort_btn { margin-bottom: 20px; }

/* 8. Bootstrap overrides
----------------------------------------------*/
.nav-pills>li>a, .nav-tabs>li>a, .alert, .progress, .panel, .btn, .panel-group .panel, .form-control, .modal-content, .breadcrumb {
    border-radius: 0;
}
.list-group-item:first-child, .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-control-feedback { right: 15px; }

/* 9. Maps
------------------------------------------------------*/
.jqvmap-zoomin, .jqvmap-zoomout {
    width: 15px;
    height: 15px;
}
.vmap { height: 400px; }

/* 10. Media Queries
------------------------------------------------------*/
@media screen and (min-width: 992px) {
    .templatemo-sidebar {
        width: 235px;
        float: left;
        position: relative;
        margin-right: -100%;
    }
}
@media screen and (max-width: 991px) {
    .navbar-form {
        padding: 0;
        margin-left: 0;
    }
    .navbar-header { float: none; }
    .navbar-toggle { display: block; }
    .templatemo-sidebar {
        border-top: 0 !important;
        margin: 20px;
    }
    .templatemo-sidebar.navbar-collapse.collapse {
        display: none !important;
    }
    .templatemo-sidebar.navbar-collapse.in {
        border-top: 0 !important;
        margin: 20px;
        position: relative;
        overflow: hidden !important;
        overflow-y: auto !important;
        display: block !important;
    }
    .templatemo-content-wrapper { float: none; }
    .templatemo-content { margin: 0; background:#8BC66B; padding:6px}
	h3 {
	font-size:14px !important;
	margin: 12px  !important;
	text-align:center;
	}
	
.bgreen {
    background: #8EC641 none repeat scroll 0% 0%;
    color: #FFF;
    max-height: 100px;
	}
	.formblock {background:#fff; display:block; float:left }
	.col-md-4 {width:100%; margin:6px}
	
}
@media screen and (max-width: 767px) {
    .templatemo-chart-box {
        padding-right: 0;
    }
}

.nofloat {float:none !important}
label {white-space:nowrap; font-weight:normal}

@media (min-width: 768px) {
body{background:#fff}
.formblock h3 {font-size:30px; margin-left:10px}		
}

p {margin-left:0}
.btn:hover {opacity:0.7}
.formblock {background:#fff; display:block; float:left }
.topico, .topico .fa {color:#fff; margin:12px}
.botico, .botico .fa {color:#666; margin:12px !important; white-space:nowrap}
a {color:#444; text-decoration:none}
a:hover, a:active {color:#666; text-decoration:none}
td:nth-child(3) {text-align:right}
.desktopoff {display:none}
.cardlogos {text-align:center;  font-size:13px}
.cardlogos img {display:inline-block; width:50px; margin-left:15px; margin-bottom:12px}
.startpage h3 {text-align:center}

/* smartphones */
@media (max-width: 767px) {
body {font-size:1.8em; background:#E8E8E8; font-family: "RobotoCondensedLight"}
.templatemo-content {padding:0 !important; background:#8dc641}
.logo {padding:6px}
.logo img {max-width:270px; margin:0 auto}
.topico {display:none}
.bgreen > h3:nth-child(1) {text-transform:none !important; margin:0 !important}
.bgreen {padding:0 !important; background:transparent !important; text-transform:none !important}
.mobileoff h3 {margin:0 !important; padding:0 !important; text-transform:none !important}
.formblock {padding-bottom:15px}
.h3title {display:none}
h3 {text-align:left; font-size:15px; text-transform:uppercase; margin-top:15px !important}
.loginform {width:100%}
table {width:99% !important}
table  td {vertical-align:middle !important; border:0 !important; background:transparent !important; padding:6px !important; }
table tr:nth-child(odd) td {color: #fff}
.col-md-12.tarifs {padding:0}
table tr:nth-child(odd)  td .fa {color:#fff}
table  td .btn.btn-primary.greenbtn {padding:0 !important; display:inline; font-size:14px; text-decoration:underline; font-weight:bold; background:transparent !important}
.botico {color:#666; margin:1px !important; width:100%; white-space:nowrap; float:left; text-align:left}
tr:nth-child(odd) {background: #99cc55; border:0}
td:nth-child(1) {font-size:14px; text-transform:uppercase;  white-space:nowrap; }
td:nth-child(2) {font-size:13px}
td:nth-child(3) {text-align:right; font-size:20px; font-weight:400}
.table > tbody:nth-child(1) > tr:nth-child(5) > td {border-bottom:1px solid #f2f2f2 !important; border-top:1px solid #f2f2f2 !important}
.table > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(1) {border-left:1px solid #fff !important; font-size:16px}
.table > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(3) {border-right:1px solid #fff !important}
.mobileoff {display:none}
.desktopoff {display:block !important}
.desktopoff .h3title {display:block}
.desktopoff h3{color:#fff !important; margin-left:-10px !important; font-size:16px !important; text-transform:none; color:#fff !important; line-height:1.6em !important}
.backTo {text-align:center; color:#fff; display:block; margin:0 auto; font-size:14px; margin-bottom:30px;}
.backTo .fa {margin-right:12px}
.formblock  h3 {font-size:1.6em !important}
span.comment {font-size:11px}
.payform label {display:inline-block; font-family:inherit}
.payform input {display:inline-block; float:none; }
.radiofield {display:block;  border-bottom:1px solid #dedede; background:#f2f2f2}
.radiofield:hover {background:#fff}
.payform .radiofield label {font-size:12px; display:block; width:100%; border:0; padding:0; text-align:center; margin-bottom:5px; font-family: "RobotoCondensedLight", sans-serif; clear:both}
.rfsp {display:block; text-align:center; width:100%; border:0; float:left}
.margin-top-15 {margin-top:15px; font-size:14px}
.startpage h3 {color:white !important; text-align:center}
}

/* tablets */
@media screen and (max-width: 991px){

body {font-size:1.8em; background:#E8E8E8; font-family: "RobotoCondensedLight"}
.templatemo-content {padding:0 !important; background:#8dc641}
.logo {padding:0; margin-top:-6px}
.logo img {max-width:270px; margin:0 auto}
.bgreen > h3:nth-child(1) {text-transform:none !important; margin:0 !important; text-align:center}
.bgreen {padding:0 !important; background:transparent !important; text-transform:none !important}
.mobileoff h3 {margin:0 !important; padding:0 !important; text-transform:none !important}
.formblock {padding-bottom:15px; width:100%}
.h3title {display:none}
h3 {text-align:left; font-size:15px; text-transform:uppercase; margin-top:15px !important}
.loginform {width:100%}
table {width:99% !important}
table td {vertical-align:middle !important; border:0 !important; background:transparent !important; padding:6px !important; }
table tr:nth-child(odd) td {color: #fff}
.col-md-12.tarifs {padding:0}
table tr:nth-child(odd)  td .fa {color:#fff}
table  td .btn.btn-primary.greenbtn {padding:0 !important; display:inline; font-size:14px; text-decoration:underline; font-weight:bold; background:transparent !important}
.botico {color:#666; margin:1px !important; width:100%; white-space:nowrap; float:left; text-align:left}
tr:nth-child(odd) {background: #99cc55; border:0}
td:nth-child(1) {font-size:14px; text-transform:uppercase;  white-space:nowrap; }
td:nth-child(2) {font-size:13px}
td:nth-child(3) {text-align:right; font-size:20px; font-weight:400}
.table > tbody:nth-child(1) > tr:nth-child(5) > td {border-bottom:1px solid #f2f2f2 !important; border-top:1px solid #f2f2f2 !important}
.table > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(1) {border-left:1px solid #fff !important; font-size:16px}
.table > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(3) {border-right:1px solid #fff !important}
.mobileoff {display:none}
.desktopoff {display:block !important}
.desktopoff .h3title {display:block}
.desktopoff h3{color:#fff !important; margin-left:-10px !important; font-size:16px !important; text-transform:none; color:#fff !important; line-height:1.6em !important}
.backTo {text-align:center; color:#fff; display:block; width:100%; float:left; margin:0 auto; font-size:14px; margin-bottom:30px;}
.backTo .fa {margin-right:12px}
.formblock  h3 {font-size:1.6em !important}
.margin-top-15 {margin-top:30px; font-size:14px}
.center-block {display:block; float:left; width:100% !important}
.radiofield {display:block; padding:12px; padding-bottom:0; border-bottom:1px solid #c0c0c0;  background:#f2f2f2}
.rfsp {margin-top:12px; margin-bottom:0;}
.startpage h3 {color:white !important; text-align:center}
}