/********
COLORE PRIMARIO: #E20017
COLORE SECONDARIO: #18171A
COLORE TERZIARIO: #707072

FONT TESTO: font-family: 'Roboto', sans-serif;
FONT TITOLI: font-family: 'Roboto', sans-serif;
*********/

body {
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #555;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

.popover{
	padding: 10px;
	max-width:350px;
	line-height: 22px;
}

/* Titles */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #E20017;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

.lh-30{
    line-height: 30px;
}

.brand h2 {
    font-size: 20px;
}

@media screen and (min-width: 1024px) {
    .brand{
        padding-left: 160px;
    }
}

.font-alt {
    font-family: 'Roboto', sans-serif;
}

.font-xs {
    font-size: 12px;
    line-height: 20px;
}

.font-s {
    font-size: 14px;
}

.font-m {
    font-size: 18px;
}

.font-l {
    font-size: 28px;
}

.font-xl {
    font-size: 32px;
}

.font-xxl {
    font-size: 34px;
}

.font-up {
    text-transform: uppercase;
}

.text-primary {
    color: #E20017;
}

.text-secondary {
    color: #18171A;
}

.text-tertiary {
    color: #707072;
}

.text-white {
    color: #fff;
}

.text-gray {
    color: #18171A;
}

.text-lightgray {
    color: #f2f2f2;
}

.text-red {
    color: #E20017;
}

.text-blu {
    color: #4F5D73;
}

.text-green {
    color: #76C2AF;
}

.text-orange {
    color: #E0995E;
}

.text-greensea {
    color: #16a085;
}

.text-alizarin {
    color: #E20017;
}

.text-wetasphalt {
    color: #34495e;
}

.text-belizehole {
    color: #2980b9;
}

.text-wisteria {
    color: #8e44ad;
}

.text-pumpkin {
    color: #d35400;
}

.text-emerald {
    color: #2ecc71;
}

.text-yellow {
    color: #F5CF87;
}

.text-silver {
    color: #bdc3c7;
}

.text-clouds {
    color: #ecf0f1;
}

.bg-primary {
    background: #E20017 !important;
}

.bg-secondary {
    background: #18171A !important;
}

.bg-tertiary {
    background: #707072 !important;
}

.bg-black {
    background: #000 !important;
}

.bg-footer {
    background: url('/images/cgsplast-logo-footer.png') center no-repeat;
    height: 100px;
}

.bg-white {
    background: rgba(255, 255, 255, 1);
}

.bg-white-9 {
    background: rgba(255, 255, 255, 0.9);
}

.bg-orange {
    background: #d35400 !important;
}

.bg-gradient-orange {
    background: #d35400;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(90deg, #d35400, #ffffff);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, #d35400, #ffffff);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, #d35400, #ffffff);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, #d35400, #ffffff);
    /* Standard syntax */
}

.bg-gradient-red {
    background: #34495e;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-90deg, #34495e, #ffffff);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-90deg, #34495e, #ffffff);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-90deg, #34495e, #ffffff);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(-90deg, #34495e, #ffffff);
    /* Standard syntax */
}

.bg-gradient-blu {
    background: #2980b9;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(90deg, #2980b9, #ffffff);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, #2980b9, #ffffff);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, #2980b9, #ffffff);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, #2980b9, #ffffff);
    /* Standard syntax */
}

.bg-pomegranate {
    background: #c0392b !important;
}

.bg-belizole-hole {
    background: #2980b9 !important;
}

.bg-clouds {
    background: #ecf0f1;
}

.btn-primary {
    color: #ffffff;
    background-color: #E20017;
    border-color: #E20017;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #18171A;
    border-color: #18171A;
}

.thumbnail {
    display: block;
    padding: 15px;
    margin-bottom: 21px;
    line-height: 1.4;
    background-color: #ffffff;
    border: 1px solid #707072;
    border-radius: 0;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    font-weight: 400;
}
.btn{
    border-radius: 40px;
}


/* ==========================================================================
   TOP BAR
   ========================================================================== */

#top-bar {
    position: relative;
    border-bottom: 1px solid #EEE;
    height: 32px;
    line-height: 30px;
    font-size: 13px;
}

#top-bar .top-lang {
    height: 30px;
}

.p-15 {
    padding: 15px;
}

.p-20 {
    padding: 20px;
}

label {
    font-weight: bold;
}

.label {
    padding: .3em .6em .3em;
}

@media screen and (max-width: 768px) {
    .label {
        display: block;
        padding: .1em .3em .1em;
        font-size: 60%;
        font-weight: normal;
        line-height: 1;
        color: #ffffff;
        text-align: center;
        vertical-align: baseline;
        border-radius: 0;
        width: 100%;
        margin-top: 5px;
    }
}

.label-success {
    background-color: #E20017;
}


/* Paragraph & Typographic */

p {
    line-height: 28px;
    margin-bottom: 25px;
}

.flexbox-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}

a {
    color: #E20017;
    word-wrap: break-word;
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #7b7b7b;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

.brand h1,
.brand h2,
.brand h3 {
    font-family: 'Roboto', sans-serif;
}


/* ==========================================================================
   MENU
   ========================================================================== */

.navbar {
    font-weight: 400;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 0px;
}

.navbar-default {
    background-color: #18171A;
}

.navbar-nav {
    display: inline-block;
    float: none;
    margin: 0;
}

.navbar-nav li {
    margin-left: 15px;
}

.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar .navbar-collapse {
    text-align: center;
}

.navbar-brand {
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
}

@media screen and (max-width: 768px) {
    .navbar-brand {
        margin: 0;
        margin-top: -15px;
        padding: 0;
    }
}

.navbar-inverse {
    background: #2d2d2d;
    border-color: #2d2d2d;
}

.navbar-inverse .navbar-nav>.active>a {
    background: #E20017;
}

.navbar-inverse .navbar-brand {
    color: #999999;
    font-weight: bolder;
    font-size: 26px;
    letter-spacing: 1px;
}

.navbar-inverse .navbar-brand i {
    color: #E20017;
    font-size: 22px;
    letter-spacing: 1px;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #ffffff;
    background-color: #E20017;
}


/* ==========================================================================
   FOOTER
   ========================================================================== */

footer h3,
footer h4 {
    color: #E20017;
}

footer p {
    font-size: 14px;
    color: #ecf0f1;
}

footer a {
    color: #ecf0f1;
    font-size: 14px;
}

footer a:hover {
    color: #18171A;
    font-size: 14px;
}

#footer a:hover {
    color: #ecf0f1;
    font-size: 14px;
    text-decoration: underline;
}

.box {
    min-height: 300px;
}




/* ==========================================================================
   POPUP
   ========================================================================== */
.close-overlay{ position: absolute; right: 4%; top: 1%; font-size: 30px; cursor: pointer;}
.trg-overlay{ background: #fff; position: absolute; z-index: 9999; padding: 15px; overflow: hidden; }
.trg-overlay h2{
	font-size: 20px;
}
.trg-overlay p{
	font-size: 17px;
}
.small{ width: 40%;  }
@media screen and (max-width: 768px) {
		.small{ width: 80%;  }
		.trg-overlay p{
			font-size: 16px;
		}
		.trg-overlay{ background: #fff; position: absolute; z-index: 9999; padding: 15px; overflow: hidden; left: 0;}
}
.overlay{
	display: none;
	background:#000;
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:600;
	cursor:pointer;
	width: 100%;
	height: 100%;
}
.trg-modal-header{ border-bottom: 1px solid #d2d2d2; padding: 0px; margin: 15px 0px;}


/*************** CAPTCHA *****************/

.captcha{
    float: left;
}

/*************** CAPTCHA *****************/