/*
Theme Name: Romanbaby
Theme URI:
Author:Costantino Fusco
Author URI: http://costantinofusco.com/
Description:  Romanbaby Theme
Text Domain: romanbaby
*/

/* Track */

body,html{ height:100%; padding:0; margin:0}

body{
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	background:#fff;
}
p{ font-size: 16px; color: #B3B3B3;}
h1{
	color: #0357A0;
	font-size: 32px;
}
.container-fluid{
	max-width: 85% !important;
}
.acc_title{
	font-size: 21px;
	display: block;
	width: 320px;
	background: #0357A0;
	color:#fff;
	border-top-right-radius:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
}
#logo{
	max-width: 100px;
}
#item_14{
	display: none;
	height: 0px;
}
#header-bar{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
	position: relative;

	z-index: +9999;

}
.dropdown-menu{
	padding-left: 10px;
}
.menu-bar{
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.menu-bar li{
	display: inline-block;
	padding-left: 0px;
	padding-right: 40px;
}

.menu-bar li a{
	font-size: 21px;
	color: #B3B3B3;
	text-decoration: none;
	padding:0px;
	
}
.menu-bar li a:hover{
	color: #0357A0;
}
.nav-link.active{
	color: #0357A0;
}
.topBar{
	width: 100%;
	max-width: 1920px;
	height: 10px;
	background-image: url('assets/img/patter.png');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:auto
}

.carousel-caption{
	text-align: left;
	max-width: 85%;
	bottom: 0px;
	left: 0;
	right: 0px;
	margin: auto;
	padding: 0px;
	padding-left: 15px;

}
.spacer_top{
	width: 100%;
	height: 60px;
}
.categ{
	margin-bottom: 30px;
	position: relative;
}
.ctnbox{
	
	width: 100%;
}

@media only screen and (min-width:1024px){
	.noh .col-img{
		position: relative;
		height: 350px;
	}
	.noh.col-img img{
		max-width: 80%;
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		margin: auto;
	}
}
.col-btc{
	display: block;
	width: 90%;
	margin: auto;
	position: relative;
	text-align: center;
	background: #E5DDCB;
	color: #fff;
	text-decoration: none;
	margin-top: -20px;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
	transition: background 1s; /* For modern browsers */
}

.col-img{width: 100%; overflow: hidden;}
.col-img img{
	width: 80%;
	transition: transform .5s ease;
}
.categ:hover img {
	transform: scale(1.5);
  }

  .categ:hover .col-btc {
	color: #fff; text-decoration: none;
	background: #0357A0;
  }
  .page-cover{
	  width: 100%;
	  margin: auto;
	  position: relative;
  }
  .page-cover img{
	  width: 100%;
  }
  .cover_content{
	  max-width: 85%;
	  position: absolute;
	  height: 200px;
	  text-align: left;
	  padding-left: 15px;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  margin: auto;
  }
  .cover_content h1{font-size: 38px;}
  .cover_content h1 strong{
	font-weight: 700 !important;
  }
  .catg_title{
	  max-width: 1024px   !important;
	  background: #fff;
	  margin-top: -50px;
	  position: relative;
  }
  .catg_title h1{
	  margin-top: 20px;
	  margin-bottom: 20px;
	  color: #B3B3B3;
  }
  .cover_content h1 {
    color: #0357A0;
    font-weight: 300;
}
.carousel-caption p{
	color: #0357A0;
	font-size: 16px;
}
.carousel-caption h1{
	color: #0357A0;
	font-weight: 300;
}
.carousel-caption h1 strong{
	font-weight:700 !important;
}
.carousel-indicators .active{
	background: #0357A0;
}

.caption_content{

	width: 100%;
	max-width:480px;
	background: #fff;
	padding: 15px;
}
.home_padded{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}
.smallCenter{
	max-width: 1024px !important;
	padding-top: 60px;
	padding-bottom: 60px;
}
.smallCenter h1{
	text-align: center;
}
.nopadding{
	padding-top: 90px;
	padding-bottom: 90px;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	color: #0357A0;
}
.bck{
	background: #0357A0;
	color: #fff;
	
}
.bck h1{color: #fff  !important;}
.nopadding .call_to_act_btc{
	margin-top:30px;
}

.bck .call_to_act_btc{
	background: #fff;
	color: #0357A0;
}

.bck .call_to_act_btc:hover{
	border: 1px solid #fff;
	background: none;
	color: #fff !important;
}
.nobck .call_to_act_btc:hover{
	border: 1px solid #0357A0;
	background: none;
	color: #0357A0 !important;
}
.call_to_act_btc{
	display: inline-block;
	padding:10px;
	width: 200px;
	text-align: center;
	border-radius: 8px;
	background: #0357A0;
	text-decoration: none;
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	-webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
        transition: background 1s; /* For modern browsers */
}
.call_to_act_btc:hover{
	background: #fff;
	color: #0357A0;
	text-decoration: none;
}
.social{
	font-size: 18px;
	color: #B3B3B3;
	text-decoration: none;
	margin-left: 10px;
}

.social:hover{
	color: #0357A0;
	text-decoration: none;
}

#newsletter{
	/* background: #F9F9F9;*/
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url('assets/img/pat.png');
	width: 100%;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-top: 60px;
}
#newsletter .container-fluid{ max-width: 1024px !important;}
#newsletter .intext{
	width: 73%;
	display: inline-block;
	height: 50px;
	border: none;
	border-bottom: 1px solid #0357A0;
	padding-left: 15px;
	background: #fff;
}
#newsletter p{
	color: #0357A0;
}
#newsletter .sender{
	width: 25%;
	display:inline-block;
	background: #0357A0  !important;
	color: #fff;
	border: none;
	border-bottom: 1px solid #0357A0;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.carousel-caption_m{
	width: 100%;
	max-width: 45%;
	padding:30px;
	margin: auto;
	margin-top: -30px;
	position: relative;
	border-bottom: 1px solid #0357A0;
	background: #fff;
	z-index: +1;
}
#cookieChoiceInfo {
	width: 420px !important;
	position: fixed;
	right: 0px !important;
	bottom: 0;
	padding: 30px !important;
	background: rgba(0,0,0,0.85) !important;
	font-size: 14px;
	text-align: center !important;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	line-height: 21px;
	z-index: +9999;
	}
	#cookieChoiceInfo a {
	color: #000;
	background: #fff;
	padding: 8px;
	font-size: 16px;
	display: inline;
	width: 100px;
	text-align: center;
	padding:9px;
	}
	#cookieChoiceInfo span { display:block; margin-bottom:20px; color:#fff !important}
	#cookieChoiceDismiss{ background:#b33939  !important; color:#fff !important}
#footer{
	padding-top: 30px;
	padding-bottom: 30px;
}
.show-nav{
	left: 0px !important;
}
@media only screen and (max-width: 760px){
	#trigger-overlay {
		display: block;
	}
	#header-navbar {
		position: fixed;
		top: 0;
		bottom: 0;
		margin: auto;
		background: rgba(255,255,255,0.9);
		width: 85%;
		left: -100%;
		padding-top: 50px;
		-webkit-transition: left 1s;
		-moz-transition: left 1s;
		-o-transition: left 1s;
		transition: left 1s;
	}
	#menu-header-menu{
		padding-top: 100px;
	}
	#logo{
		max-width: 70px;
	}
	.nascondimob{
		display: none;
	}
	.carousel-caption{
		position: static;
	}

	.carousel-indicators{
		display: none;
	}
	.container-fluid{
		max-width: 1024px !important;
	}
	.cover_content{
		height: 90px;
	}
	.cover_content h1{
		font-size: 16px;
	}
	.spacer_top{
		height: 30px;
	}
	.menu-bar li{
		margin-top: 10px;
		display: block;
		padding: 0px;
	}
	.col-img,.ctnbox{
		text-align: center;
	}
	
}

#footer a{
	text-decoration: none;
	color: #B3B3B3;
}