/*
Theme Name: Flukso
Theme URI: http://www.gruppopragma.com/
Author: Gruppo Pragma - Luca Larice
Author URI: https://www.gruppopragma.com/
Description: Tema personalizzato per Flukso.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/




/**
* 1.0 - Reset
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}



/**
* BOOTSTRAP SETUP
* -----------------------------------------------------------------------------
*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding-left:8px;
    padding-right:8px;
}
.row {
    margin-left: -8px;
    margin-right: -8px;
}

.spaceL0{padding-left:0;}
.spaceR0{padding-right:0;}





/**
* GENERAL
* -----------------------------------------------------------------------------
*/
.spaceT5{padding-top:5px;}
.spaceT10{padding-top:10px;}
.spaceT20{padding-top:20px;}
.spaceT30{padding-top:30px;}
.spaceT40{padding-top:40px;}
.spaceT50{padding-top:50px;}
.spaceB5{padding-bottom:5px;}
.spaceB10{padding-bottom:10px;}
.spaceB20{padding-bottom:20px;}
.spaceB30{padding-bottom:30px;}
.spaceT40{padding-bottom:40px;}
.spaceB50{padding-bottom:50px;}
.spaceTB5{padding-top:5px; padding-bottom:5px;}
.spaceTB10{padding-top:10px; padding-bottom:10px;}
.spaceTB20{padding-top:20px; padding-bottom:20px;}
.spaceTB30{padding-top:30px; padding-bottom:30px;}
.spaceTB50{padding-top:50px; padding-bottom:50px;}
.space10{padding:10px;}
.space15{padding:15px;}
.space20{padding:20px;}
.spaceL5{padding-left:5px;}
.spaceL20{padding-left:20px;}
.spaceR5{padding-right:5px;}
.spaceR20{padding-right:20px;}






/**
* LAYOUT
* -----------------------------------------------------------------------------
*/
.section_full{
    width:100%;
}
.section_content{
    width:940px;
    margin:0 auto;
}
.section_content_big{
    width:1300px;
    margin:0 auto;
}



/**
* COLORS
* -----------------------------------------------------------------------------
*/
.bg-black1{background-color:#000;}
.bg-grey1{background-color:#717171;}
.bg-grey2{background-color:rgba(138, 141, 148, 0.5);}
.bg-green1{background-color:#008441;}
.bg-yellow1{background-color:#FDCA00;}

.white, .white a{color:#ffffff;}
.grey1{color:#bbbbbb;}



/**
* FONT STYLE
* -----------------------------------------------------------------------------
*/
body{
    font-family: arial, helvetica, sans-serif;
    color:#fff;
    background: #262626;
    font-size:14px;
    line-height:20px;
}

h1,h2,h3,h4,h5, .h1,.h2,.h3,.h4,.h5{
    font-family: arial, helvetica, sans-serif;
}
.text_cont h1, .h1{
    font-size: 30px;
    line-height: 35px;
    font-weight: 500;
    color:#000000;
    text-transform:uppercase;
}
.text_cont h2, .h2{
    font-size:18px;
    line-height:20px;
    font-weight:500;
    color:#9e4f46;
    padding-bottom:5px;
}
.text_cont h3, .h3{
    font-size:20px;
    line-height:25px;
    padding-bottom:5px;
    font-weight:500;
    font-weight:bold;
}
.text_cont h4, .h4{
    font-size:14px;
    line-height:18px;
    text-transform:uppercase;
    padding-bottom:5px;
}
.text_cont h5, .h5{
    font-size:13px;
    font-weight:bold;
    line-height:17px;
}

.bold, strong{
    font-weight:bold;
}

.text_cont{
    font-size:13px;
    line-height:20px;
}
.text_cont p{padding-bottom:20px;}
.text_cont img{max-width:100%;height:auto;}

.text11{font-size:11px;}
.text12{font-size:12px;}

a, .text_cont a, .text_cont a:hover{text-decoration:underline;}
a:hover, .text_cont a:hover{color:#fff;text-decoration:none;}


.image_no_height{line-height:0;}




.head_top{
    border-top: 5px solid #9e4f46;
}
.go-to-link{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    line-height:40px;
}
.go-to-link:hover{text-decoration: underline;}
.go-to-link img{
    vertical-align: middle;
}
.text_img{text-decoration: none;}










/*==========  Non-Mobile First Method  ==========*/

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .section_content{
        width:95%;
        margin:0 auto;
    }
    .section_content_big{
        width:95%;
        margin:0 auto;
    }
    
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .section_content{
        width:95%;
        margin:0 auto;
    }
    .section_content_big{
        width:95%;
        margin:0 auto;
    } 
    
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .section_content{
        width:95%;
        margin:0 auto;
    }
    .section_content_big{
        width:95%;
        margin:0 auto;
    }
    
}