/*
Theme Name:     FSG IT theme child
Theme URI:      http://www.areaitalia.com/
Description:    Theme for FSG ITALY
Author:        	Areaitalia
Author URI:     http://www.areaitalia.com
Template:       _a
Version:        0.1.0
*/


/* CLUB */

#club {
	color: #ffffff;
	background-color: #15284b;
}

#club h3 {
	color: #cbcbff;
}

#club a.btn {
	color: #cbcbff;
	border: 2px solid #cbcbff; 
	background-color: transparent;
}

#club a.btn:hover, #club a.btn:active {
	color: #ffffff;
	border: 2px solid #cbcbff; 
	background-color: #cbcbff;
}

#club img {
	width: 200px;
}

li.club a {
	background-color: #15284b;
	color: #ffffff;
	border-radius: .25rem;
}

li.club a:hover, li.club a:active {
	background-color: transparent;
	color: #ffffff !important;
	border: 1px solid #ffffff;
}

.dropdown .btn {
	background-color: transparent;
	border-left: 1px solid #ffffff!important;
	border-radius: 0;
	}






@media (min-width: 768px) {
	#club img {
		width: 250px;
	}
}


/* END CLUB */


html {
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
}

body {
font-family: 'Maven Pro', sans-serif;
  /* Margin bottom by footer height */
  margin-bottom: 300px;
}


/* NAVBAR */

header#home {
position: relative;
width: 100%;
/* background: transparent; */
z-index: 9;
/*padding: 12px 0 12px;*/
}

.home header#home {
position: relative;
z-index: 9;
background-color: #15284b;
}


header {
background-color: #15284b !important;
}


.navbar-default {
/*background-color: transparent;*/
border-color: transparent;
border-radius: 0;
}

.navbar-brand img {
    max-width: 80px;
}

header .top-tools {
text-align:right;
/*padding: .5rem 1rem;*/
}

header .top-menu {
clear: both;
}

/*
header #searchform {
float:left;
}
*/

.logo-wrapper {
    text-align: center;
    margin-bottom: -37px;
}

.logo {
    width: 98px;
    display: inline-block;
}

.logo img{
    width: 98px;
}

.navbar li {
    display: inline-block;
    padding: 0 10px 10px;
}

.navbar li a {
text-transform: uppercase;
}



.half {
    width: 50%;
    display: block;
    float: left;
}

.right-navlist {
   text-align: left;
    padding-left: 80px;
}

.left-navlist {
    text-align: right;
    padding-right: 80px;
}



/* HOME */


.intro {
  height: 700px;
  display: table;
  width: 100%;
  /*height: auto;*/
  padding: 100px 0;
  text-align: center;
  color: white;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.intro .intro-body {
  display: table-cell;
  vertical-align: middle;
}

.intro .intro-body .brand-heading {
  font-size: 40px;
}

.intro .intro-body .intro-text {
  font-size: 18px;
}

.owl-carousel {
	margin-top: 50px;
}

.navbar-dark .navbar-nav .nav-link {
	color: #fff;
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: rgba(255,255,255,0.5);
}

.home .homeheading {
padding-top: 25%;
}

/*
.heading-text {
	padding-top: 300px;
	text-align: center; 
}

.heading-text p{
    font-size: 45px;
    margin-bottom: 40px;
    color: #fff;
}
*/




/* DOWNLOADS */

.page-template-page-downloads .card-header h3 {
  font-weight: 700;
color: #15284b;
}

.page-template-page-downloads .inner-img img {
margin: 0 auto;
max-width: 108px;
border: 1px solid #e8e8e8;
}




/* SERVICES */

.services h2 {
font-weight: 700 !important;
color: #15284b;
margin-bottom: 1rem;
}

.services h3 {
text-transform: uppercase;
    font-size: 1.4rem;
    letter-spacing: 0.12rem;
}

.services p {
/*color: gray;*/
}


.services img {
margin: 0 auto;
}



/* COMMON */

span.applelinks {
color: #ffffff !important; text-decoration: underline;
}

.centerimg img {
margin: 0 auto;
}

li.categories {
/*display: none;*/
}

.nav-pills .nav-link {
font-weight: 700;
}


.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    margin-left: -20px !important;
    display: block !IMPORTANT;
    /*border:0px solid black;*/
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    right: -25px;
    display: block !IMPORTANT;
   /* border:0px solid black;*/
}


/*
.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    margin-left: -20px;
    display: block!IMPORTANT;
    border:0px solid black;
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    right: -25px;
    display: block!IMPORTANT;
    border:0px solid black;
}
.owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}

*/
/*
.owl-one .owl-stage-outer {
  display: table !important;
}

.owl-one .owl-item {
  display: table-cell;
  float: none;
  vertical-align: middle;
}
/*
.owl-one .owl-item > div {
  text-align: center;
}
*/
.owl-one .owl-item img {
max-height: 150px;
width: auto !important;
margin: 0 auto;
}


#newsstrip .owl-carousel {
padding-bottom: 35px;
}


.newsthmb img {
margin: 0 auto;
}


.no-gutter {
  margin-right: 0;
  margin-left: 0;
}
.no-gutter [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-height{
  min-height: 100vh;
  display: table;
  width:100%;
}
.left{

}
.right{
  background: #f50;
}

.col-text{
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
}

.twocolsbox{
  display: block;
  width: 50%;
    padding: 6em 2em;
}


.stdpadd {
padding: 50px 0;
}

.smllpadd {
padding: 20px 0;
}

.inner-container  {
padding: 60px 0 60px;
color: #ffffff;
margin-bottom: 40px;
}

.page-template-page-brand .carousel {
margin-bottom: 40px;
}

.page-template-page-showroom .carousel {
margin-bottom: 40px;
}


.page-template-page-brand .carousel-caption {
z-index: 6;
text-shadow: 0 0 5px rgba(0,0,0,0.6);
}

.page-template-page-showroom .carousel-caption {
z-index: 6;
text-shadow: 0 0 5px rgba(0,0,0,0.6);
}

.single .inner-container {
background-color: #cbcbff !important;
}

.single h2 {
font-size: 2.4rem;
color: #15284b;
}

.single .post-date {
color: gray;
}

.inner-container h1 {
text-shadow: 0 0 5px rgba(0,0,0,0.6);
text-transform: uppercase;
font-weight: 700;
    margin-bottom: 2rem;
}

.inner-container p {
color: #303030;
    font-size: 1.06rem;
    line-height: 1.8rem;
}

.dropdown-item.active, .dropdown-item:active { background-color: #f73b4b !important;
}

a {
	color: #15284b; 
}

a:hover {
	color: #29426f; 
}

.main-content a
{
	text-decoration: underline;
}


/* NEWS PAGE */

.nav-pills > li {
 margin: 0 auto;
 padding-bottom: 20px;
 font-size: 1em; 
 text-transform: uppercase;
}
  
.mb-2 {
/*margin-top: 50px;*/
}


/* BRANDLIST */

.page-template-page-brandslist a img {
 width:200px;
 padding:15px 15px 0 15px;
}


.page-template-page-brand .card-body img {
    max-width: 120px;
}



/* BUTTONS */

.btn {
/*	margin: 20px; */
}

.btn-primary {
/*    color: #15284b;*/
    background-color: #15284b;
}

.btn-outline-primary {
    color: #15284b;
    border-color: #15284b;
}


.btn-outline-primary:hover {
background-color: #15284b;
}


/* COLOURS */

.darkgray-bg {
background-color: #232424;
}

.lightgray-bg {
background-color: #f7f7f7;
}

.beige-bg {
background-color: #f6f5f3;
}

.lightcyan-bg {
background-color: #e9eaff;
}

.gray-bg {
background-color: #4c4c4b;
}






/* SECTIONS */


#welcome {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}


.page-template-page-clubmaster #welcome p {
color: #cccccc;
}


#welcome h4, #newsstrip h4, .newslist h4 {
font-weight: 700;
}

#welcome h2 {
font-weight: 700;
font-size: 1.8em;
margin-bottom: 40px;
color:#15284b;
}

#welcome p {
color: #6b6b6b;
line-height: 2em;
letter-spacing: 0.06em;
}

#newsstrip .card {
background-color: #ffffff;
border: transparent;
}

.card {
text-align: center;
}


#newsstrip .card-block {
padding: 42px;
}


#newsstrip .card img {
/*max-width: 160px;
margin: 0 auto;
height: auto !important;*/

}

#generstrip .card img {
max-width: auto;
}

#newsstrip .card p, #generstrip .card p {
font-weight: 300;
}

#newsstrip .card h4 {
    font-weight: 700;
}

#newsstrip .card h4 a {
   color: #323265;
}

#newsstrip .card h4 a:hover {
text-decoration: none;
}

#newsstrip .card p {
color: #4b4b4b;
}



.newslist h3 {
font-weight: 700;
font-size: 1.6em;
}


.newslist p {
font-weight: 300;
}


.page-template-page-rich section p {
font-size: 16px;
line-height: 1.6em;

font-weight: 300;
}

div.newsmain ul ul {
display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

div.newsmain ul ul :hover {
 background-color: #112e51;
 color: #fff;
 border-radius: 5px;
}



/* PAGINA SOCI */


.img-thumb {
padding: 15px 10px 10px 10px; 
}



.page-template-page-rich .owl-carousel .owl-item img {
    width: auto;
    }
    
.page-template-page-rich .owl-carousel img {
    max-height: 110px;
}


/* FORM */



.gform_button{
	margin-left: 40px;
	background-color: transparent; 
	color: #15284b;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid #15284b;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;	
}

.gform_button:hover{
	background-color: #15284b; 	
	color: #fff;
}



/* FOOTER */

.prefooter {
  margin-top: 80px;
}

.home .prefooter {
margin-top: 0 !important;
}

footer {
color: #cbcbff;
background-color: #15284b;
 position: absolute;
 padding: 50px 0;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 300px;

font-size: 0.86em;
}

footer li {
list-style-type: none;
}


footer li a,footer li a:visited  {
color: #ababa9;
}

footer li a:hover,footer li a:active  {
color: #ffffff;
text-decoration: none;
}

footer .col-sm-6 a:link, footer .col-sm-6 a:visited {
color: #cbcbff;
}

footer .col-sm-6 a:hover, footer .col-sm-6 a:active {
color: #ffffff;
}

.carousel {
  height: auto;
  width: 100%;
  text-align: center;
}


.carousel .carousel-item {
  height: auto;
}

/*
.item img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 300px;
}*/

.carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img {
    top: 0;
    left: 0;
        display: block;
        width: 100%;
        height: auto;
        line-height: 1;
    }
    
    
    
    

/* Carousel Fading slide */


/*
.page-template-page-brand .carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity .75s ease-in-out;
}
.page-template-page-brand .carousel-fade .carousel-item.active {
  opacity: 1;
}
.page-template-page-showroom .carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity .75s ease-in-out;
}
.page-template-page-showroom .carousel-fade .carousel-item.active {
  opacity: 1;
}
*/ 

.page-template-page-brand .carousel,
.page-template-page-brand .carousel-inner,
.page-template-page-brand .carousel-item {
  width: 100%;
/*  height: 100%;*/
}

.page-template-page-brand .carousel {
 /* position: absolute;*/
  top: 0;
  left: 0;
}



.page-template-page-showroom .carousel,
.page-template-page-showroom .carousel-inner,
.page-template-page-showroom .carousel-item {
  width: 100%;
/*  height: 100%;*/
}

.page-template-page-showroom .carousel {
 /* position: absolute;*/
  top: 0;
  left: 0;
}








/* VIDEO EMBED YOUTUBE */

.embed-container { 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
padding: 20px; 
}


/* video home */

#big-video {
    position: relative;
/*    background: #000;*/
    overflow: hidden;
   height: 220px;

}


#big-video .video {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}



#big-video video {

    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


#big-video .video-element {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
}


#video_overlays {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(17, 46, 81, 0.6);
}
/*
#player{
    background: purple;
}*/




/* social sharing style */

/* Disable WhatsApp button on Desktop - Tutorial link: http://crunchify.me/1VIxAsz */
@media screen and (min-width: 1024px) {
    .crunchify-whatsapp {
	display: none !important;
    }
}
 
.crunchify-link {
    padding: 2px 8px 4px 8px !important;
    color: white;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    margin-top: 2px;
    display: inline-block;
    text-decoration: none;
}
 
.crunchify-link:hover,.crunchify-link:active {
    color: white;
}
 
.crunchify-twitter {
    background: #00aced;
}
 
.crunchify-twitter:hover,.crunchify-twitter:active {
    background: #0084b4;
}
 
.crunchify-facebook {
    background: #3B5997;
}
 
.crunchify-facebook:hover,.crunchify-facebook:active {
    background: #2d4372;
}

 
.crunchify-linkedin {
    background: #0074A1;
}
 
.crunchify-linkedin:hover,.crunchify-linkedin:active {
    background: #006288;
}
 
.crunchify-whatsapp {
    background: #43d854;
}
 
.crunchify-whatsapp:hover,.crunchify-whatsapp:active {
    background: #009688;
}
 
.crunchify-social {
    margin: 20px 0px 25px 0px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
}


 .adstrip img {
margin: 0 auto 20px auto;
}


.navmenu {
  padding-top: 50px;
}


.navmenu-default{
background-color: #232524;
border-color: transparent;
}

.navmenu-default li {
display: block;
}

header#home .navmenu-default li > a {
color: #ffffff !important;
font-weight: 700;
}

/*
header {
background-color: #15284b ;
color: #ffffff;
}*/

header .socials {
color: #ffffff;
float: left;
}


header .socials a {
display: inline-block;
    text-align: center;
    color: inherit;
    font-size: 1rem;
    border-radius: 3px;
    opacity: 0.8;
    -webkit-transition: .4s;
    transition: .4s;
}


.navmenu-fixed-left {
z-index: 1032;
}


@media (min-width: 1px) {
  .navbar-toggle {
    display: block !important;
  }
}
@media (max-width: 768px) {

.carousel-caption {
 display: none;
}
}

@media (min-width: 768px) and (max-width: 991px) { 

.navbar li {
padding: 0 2px 2px;
}

.navbar-nav li a {
font-size: 0.78rem;
}

 }


@media (min-width: 768px) {

.home header#home {
background-color: transparent !important;
position: absolute;
}

.navbar-brand img {
    max-width: 100px;
}


.inner-container, .page-template-page-brand .carousel {
margin-bottom: 80px;
}

.inner-container, .page-template-page-showroom .carousel {
margin-bottom: 80px;
}

.carousel {
padding-top: 0;
}



span.applelinks {
color: #cbcbff !important; text-decoration: none;
}


.page-template-page-brand .card-body img {
    max-width: 100%;
}

#big-video {
    height: 520px;
}

/*
.navbar-default {
background-color: rgba(0, 0, 0, 0.5);
}
*/

.inner-container {
padding: 160px 0 160px;
}

.logo, .logo img {
     width: 172px;
}

.stdpadd {
padding: 100px 0;
}

.smllpadd {
padding: 50px 0;
}


}

@media (min-width: 992px) {

.navbar-brand img {
    max-width: 120px;
}

#big-video {
    height: 720px;
}

  .navmenu {
    padding-top: 0;
  }
  .navmenu-default {
    display: none !important; /* IE8 fix */
  }
}





