@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Lato:400,100,300,700,900,400italic);
@import url(http://fonts.googleapis.com/css?family=Cabin:600);

/* MODIFICHE CATU E ZAKK */

div.boxgiallo {
	background-color:#e5b50f;
	color:white;
	padding:20px;
    line-height: 14px;
    font-size: 13px;	
}

div.boxgiallo b {
	font-size:15px;
}

/* MODIFICHE CATU E ZAKK */

#login-container {
	height:0px;
	text-align:right;
    -webkit-transition:0.5s;
	transition: 0.5s;
}
#login-container.open{
	height:110px;
	margin-top: 15px;
}
#login-panel {
	text-align:right;
	width:100%;
	height:0px;
	opacity:0;
	-webkit-transition:0.5s linear 0.5s;
	transition: 0.5s linear 0.5s;
}
#login-panel.open {
	height:110px;
}
#login-panel #loginform {
	height:0px;
	width:100%;
    -webkit-transition:0.5s;
	transition: 0.5s;
}
#login-panel #loginform.open {
	height:90px;
}
.right-center{
	float:right;
}

@media (max-width: 767px) {
#login-container {
	text-align:center;
}
#login-container.open{
	height:110px;
}
#login-panel {
	text-align:center;
}
#login-panel.open {
	height:110px;
}
#login-panel #loginform.open {
	height:90px;
}
.right-center{
	float:none;
}
}

@media (max-width: 479px) {
#login-container {
	text-align:center;
}
#login-container.open{
	height:180px;
}
#login-panel {
	text-align:center;
}
#login-panel.open {
	height:180px;
}
#login-panel #loginform.open {
	height:170px;
}
#login-panel #loginform  label {
	display:block;
}
#login-panel #loginform  label.noblock {
	display:inline;
}
}



/*========================================================
                      Bootstrap NULL
=========================================================*/
.thumbnail {
	border: none;
	padding: 0;
	border-right: 0;
	background-color: transparent;
	border-radius: 0;
}
.thumbnail .caption {
	padding: 10px 0;
}
.thumbnail img {
	max-width: 100%;
	height: auto;
}
figure img {
	width: 100%;
}
.badge {
	background: none;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
@media only screen and (max-width: 480px) {
.col-xs-6 {
	float: none;
	width: 100%;
}
}
a:hover *, a:hover, a *, a, a:active *, a:active, a:focus *, a:focus {
	text-decoration: none;
	color: auto;
	outline: none;
	background: auto;
}
/*========================================================
                      Main Styles
=========================================================*/
body {
	-webkit-text-size-adjust: none;
	background: url(../img/body-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	font-family: 'Lato', sans-serif;
	position: relative;
}
body.no-iframe {
	background: url(../../img/body-bg.jpg);
}
body#page_404 {
	position: static;
}
.extra-bg {
	background: url("../img/extra-bg.png");
	background-repeat: repeat-x;
	background-position: 0 100%;
	width: 100%;
	height: 300px;
	position: absolute;
	bottom: 0px;
	z-index: -1;
}
.extra-wrapper {
	background: #ffffff;
	width: 1273px;
	margin: 0 auto;
}
h1 {
	font-size: 30px;
	font-weight: 400;
}
h2 {
	font-size: 36px;
	font-weight: 700;
}
h3 {
	font-size: 24px;
	font-weight: 700;
}
h5 {
	font-size: 18px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h6 {
	font-size: 16px;
	font-family: 'Cabin', sans-serif;
	font-weight: 600;
}
p a:hover {
	text-decoration: underline;
}
/*=======================================================
                       Components
=========================================================*/
/*========================================================
                     HEADER  Section
=========================================================*/
header .header-top:before, header .header-top:after {
	content: " ";
	display: table;
}
header .header-top:after {
	clear: both;
}
header .header-top .left-side {
	padding: 7px 15px 2px;
	float: left;
}
header .header-top .right-side {
	padding: 7px 0px 2px;
	float: right;
}
header .header-bottom {
	background: #e5b50f;
}
header .header-bottom:before, header .header-bottom:after {
	content: " ";
	display: table;
}
header .header-bottom:after {
	clear: both;
}
header .header-bottom .left-side {
	padding: 16px 0px 4px 54px;
	float: left;
}
header .header-bottom .right-side {
	padding: 13px 18px 4px;
	float: right;
}
/*==================  Brand     ======================*/
.brand .brand_logo {
	float: left;
	position: relative;
	top: 1px;
	margin-right: 15px;
}
.brand .brand_logo img {
	min-width: 100%;
}
.brand .brand_name {
	float: right;
	text-align: left;
	display: block;
	min-width: 300px;
	letter-spacing: -0.3px;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
	color: #303030;
}
.brand .brand_name a {
	color: #303030;
	font-size: 30px;
	font-weight: 400;
}
/*==================  Nav     ======================*/
/*========================   Menu   ==========================*/
nav.navbar.navbar-default.navbar-static-top.tm_navbar {
	text-align: center;
	position: relative;
	border-bottom: 0px;
	float: right;
	background: none;
}
ul.sf-menu {
	float: left;
	text-align: right;
	position: relative;
	display: inline-block;
}
ul.sf-menu:before, ul.sf-menu:after {
	content: " ";
	display: table;
}
ul.sf-menu:after {
	clear: both;
}
ul.sf-menu a {
	display: block;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.sf-menu {
	position: relative;
	padding-right: 38px;
}
.sf-menu > li {
	position: relative;
	line-height: 38px;
	list-style: none;
	float: left;
}
.sf-menu > li > a {
	text-transform: capitalize;
	font-size: 14px;
	color: #303030;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 0.15px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover {
	color: #ffffff;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.sf-menu > li.active > a {
	color: #ffffff;
}
.sf-menu > li + li {
	margin-left: 20px;
	margin-right: 2px;
}
.sf-menu ul {
	display: none;
	position: absolute;
	min-width: 160px;
	text-align: left;
	top: 26px;
	left: -33px;
	margin-top: 10px;
	padding: 26px 22px 13px;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #e5b50f;
}
.sf-menu ul > li {
	min-width: 100px;
	list-style: none;
}
.sf-menu ul > li > a {
	text-decoration: none;
	font-size: 14px;
	color: #303030;
	font-weight: 700;
	line-height: 30px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
	color: #ffffff;
}
.sf-menu ul ul {
	background: #e5b50f;
	position: absolute;
	top: 0px;
	width: auto;
	margin-top: 0;
	padding: 26px 22px 13px;
	z-index: 4;
	left: 102%;
}
.sf-menu ul ul > li {
	list-style: none;
}
.sf-menu ul ul > li > a {
	color: #303030;
}
.sf-menu ul ul > li.sfHover > a, .sf-menu ul ul > li > a:hover {
	color: #FFF;
}
.sf-menu > li > .sf-with-ul {
	position: relative;
}
.sf-menu li .sub-menu li {
	min-width:200px;
	max-width:none;
}
.sf-menu > li > .sf-with-ul:before {
	position: absolute;
	left: 50%;
	top: 62%;
	margin-left: -6px;
}
select.sf-menu {
	display: none !important;
}
@media (max-width: 1199px) {
ul.sf-menu {
	padding-left: 0!important;
}
}
@media (max-width: 990px) {
nav.navbar.navbar-default.navbar-static-top.tm_navbar ul.sf-menu {
	padding-left: 26px!important;
}
}
@media (max-width: 767px) {
nav.navbar.navbar-default.navbar-static-top.tm_navbar {
	position: relative!important;
	top: 0px!important;
	margin-bottom: 0 !important;
}
nav.navbar.navbar-default.navbar-static-top.tm_navbar .btn-toggle-nav {
	display: none;
}
ul.sf-menu {
	display: none!important;
}
select.sf-menu {
	display: block !important;
	width: 100%;
	border-radius: 0px;
	border: 0px;
	padding: 10px;
	margin: 20px 0px;
}
nav {
	width: 100%;
}
}
/*==================  Stuck-menu     ======================*/
#stuck_container {
	z-index: 9999;
}
#stuck_container:before, #stuck_container:after {
	content: " ";
	display: table;
}
#stuck_container:after {
	clear: both;
}
#stuck_container.isStuck {
	position: fixed;
	overflow: hidden;
	width: 100%;
	left: 0px;
	right: 0px;
}
/*=======================================================
                     CONTENT  Layout
=========================================================*/
.box-2 + .list-3 {
	margin-top: 13px;
}
/*========================================================
                     CONTENT  Styles
=========================================================*/
/*==================  Blocks  ======================*/
.block-1 {
	padding: 6px 0px;
}
.block-2 {
	padding: 22px 0px 15px;
}
.block-3 {
	padding: 59px 0px 0px;
}
.block-3.indent {
	padding-bottom: 46px;
}
.block-4 {
	padding: 4px 0px 0px;
}
.block-5 {
	padding: 6px 0px 16px;
}
.block-6 {
	padding: 16px 0px 0px;
}
.block-7 {
	padding: 24px 0px 51px;
}
.block-8 {
	padding: 48px 0px 25px;
}
.block-9 {
	padding: 65px 0px 3px;
}
.block_404 {
	padding-bottom: 50px;
}
.block_404 h6 {
	font-size: 20px;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.2px;
}
.block_404 h6 + h6 {
	margin-top: 20px;
}
.block_404 .box-7 {
	margin-top: 64px;
	overflow: hidden;
	clear: both;
}
/*==================  Boxes      ======================*/
.box img {
	max-width: 100%;
	height: auto;
}
.box.box-1 {
	text-align: center;
}
.box.box-1 h5 {
	color: #606060;
	font-weight: 300;
	margin-top: 12px;
	letter-spacing: 0.89px;
}
.box.box-1 h2 {
	letter-spacing: 1.8px;
}
.box.box-2 {
	display: table;
	color: #ffffff;
}
.box.box-2 .wrapper {
	padding: 93px 24px 17px;
	display: table-cell;
	vertical-align: bottom;
	color: #ffffff;
}
.box.box-2 .wrapper h6, .box.box-2 .wrapper p {
	color: #ffffff;
}
.box.box-2 .wrapper p {
	line-height: 16px;
	letter-spacing: 0.4px;
}
.box.box-2 .wrapper h6 {
	margin-bottom: 7px;
}
.box.box-3 {
	margin-bottom: 24px;
}
.box.box-4 {
	background: #f2f5f8;
	margin-top: 28px;
	padding-bottom: 16px;
}
.box.box-4 .btn-2 {
	margin: 18px;
}
.box.box-5 h6 {
	line-height: 20px;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
}
.box.box-5 h6 + p {
	margin-top: 12px;
}
.box.box-5 .link {
	color: #e5b50f;
	font-weight: 900;
	font-size: 16px;
}
.box.box-5 .link:hover {
	text-decoration: underline;
}
.box.box-5 p {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 0.2px;
	margin-bottom: 7px;
}
.box.box-5 p + .btn {
	margin-top: 13px;
}
.box.box-5 blockquote {
	padding-top: 25px;
	margin-top: 10px;
	border: none;
	padding: 0;
	position: relative;
	margin-bottom: 18px;
}
.box.box-5 blockquote p {
	padding-top: 21px;
}
.box.box-5 blockquote:before {
	position: absolute;
	top: 5px;
	color: #303030;
	content: "“";
	font-size: 30px;
	line-height: 20px;
	font-weight: 900;
}
.box.box-5 blockquote + h6 {
	margin-bottom: 2px!important;
}
.box.box-5.indent {
	margin-top: 22px!important;
}
.box.box-5 + .box-5 {
	margin-top: 32px;
}
.box.box-6 {
	color: #ffffff;
	padding: 11px 38px 25px;
}
.box.box-6 h2 {
	letter-spacing: 0.8px;
	margin-bottom: 5px;
}
.box.box-6 p {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 0.2px;
}
.box.box-7 {
	clear: both;
}
.box.box-7 h6 {
	line-height: 20px;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
}
.box.box-7 h6 + p {
	margin-top: 12px;
}
.box.box-7 .link {
	color: #e5b50f;
	font-weight: 900;
	font-size: 16px;
}
.box.box-7 .link:hover {
	text-decoration: underline;
}
.box.box-7 p {
	
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 0.2px;
	margin-bottom: 7px;
}
.box.box-7 p + .btn {
	margin-top: 13px;
}
.box.box-7 blockquote {
	padding-top: 25px;
	margin-top: 10px;
	border: none;
	padding: 0;
	position: relative;
	margin-bottom: 18px;
}
.box.box-7 blockquote p {
	padding-top: 21px;
}
.box.box-7 blockquote:before {
	position: absolute;
	top: 5px;
	color: #303030;
	content: "“";
	font-size: 30px;
	line-height: 20px;
	font-weight: 900;
}
.box.box-7 blockquote + h6 {
	margin-bottom: 2px!important;
}
.box.box-7.indent {
	margin-top: 22px!important;
}
.box.box-7 + .box-5 {
	margin-top: 32px;
}
.box.box-7 h6 {
	margin-bottom: 0;
}
.box.box-7 p {
	margin-top: 0!important;
	margin-bottom: 20px;
}
.box.box-7 a.link {
	display: block;
	margin-top: 29px;
	color: #e5b50f;
	font-size: 16px;
	font-weight: 400;
}
.box.box-7 a.link:hover {
	text-decoration: underline;
}
.box.box-8 h2 {
	margin-top: 0px;
	font-size: 310px;
	margin-bottom: 0;
	color: #ec4b19;
	font-family: 'Cabin', sans-serif;
	float: left;
	font-weight: 600;
}
.box.box-8 .wrapper {
	padding: 128px 20px 0px;
	padding-right: 0;
	overflow: hidden;
}
.box.box-8 .wrapper h3 {
	color: #ec4b19;
	font-weight: 600;
	font-size: 80px;
	text-transform: uppercase;
}
.box.box-8 .wrapper h4 {
	letter-spacing: 1px;
	margin-top: 0px;
	line-height: 27px;
	color: #303030;
	font-family: 'Lato', sans-serif;
	font-size: 52px;
	font-weight: 700;
}
/*==================  Thumbnail      ======================*/
.thumb-pad-1 .thumbnail {
	width: 100%;
	height: 294.5px;
	overflow: hidden;
	margin-bottom: 0;
	position: relative;
}
.thumb-pad-1 .thumbnail img {
	margin: 0!important;
	display: inline-block;
}
.thumb-pad-1 .thumbnail .caption {
	display: table;
	vertical-align: middle;
	position: absolute;
	top: 0px;
	left: -0.2px;
	right: 0px;
	bottom: 0px;
	width: 100.2%;
	height: 100%;
	padding: 0;
}
.thumb-pad-1 .thumbnail .caption .wrapper {
	background: rgba(0, 0, 0, 0.4);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 294.5px;
	color: #ffffff;
	padding: 10px;
	position: relative;
	bottom: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.thumb-pad-1 .thumbnail .caption .wrapper h3 {
	margin-top: 34px;
	text-transform: uppercase;
	line-height: 27px;
	letter-spacing: 1px;
	margin-bottom: 8px;
	font-weight: 700!important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.thumb-pad-1 .thumbnail .caption .wrapper h5 {
	text-transform: uppercase;
	font-weight: 300;
}
.thumb-pad-1:hover img {
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	/* IE 9 */
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	/* Safari */
	transform: matrix(1.5, 0, 0, 1.5, 0, 0);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.thumb-pad-2 .thumbnail {
	width: 100%;
	height: 294.5px;
	overflow: hidden;
	margin-bottom: 0;
	position: relative;
}
.thumb-pad-2 .thumbnail img {
	margin: 0!important;
	display: inline-block;
}
.thumb-pad-2 .thumbnail .caption {
	display: table;
	vertical-align: middle;
	position: absolute;
	top: 0px;
	left: -0.2px;
	right: 0px;
	bottom: 0px;
	width: 100.2%;
	height: 100%;
	padding: 0;
}
.thumb-pad-2 .thumbnail .caption .wrapper {
	background: rgba(0, 0, 0, 0.4);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 294.5px;
	color: #ffffff;
	padding: 10px;
	position: relative;
	bottom: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.thumb-pad-2 .thumbnail .caption .wrapper h3 {
	margin-top: 34px;
	text-transform: uppercase;
	line-height: 27px;
	letter-spacing: 1px;
	margin-bottom: 8px;
	font-weight: 700!important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.thumb-pad-2 .thumbnail .caption .wrapper h5 {
	text-transform: uppercase;
	font-weight: 300;
}
.thumb-pad-2:hover img {
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	/* IE 9 */
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	/* Safari */
	transform: matrix(1.5, 0, 0, 1.5, 0, 0);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.thumb-pad-2 .thumbnail {
	height: 589px;
}
.thumb-pad-2 .thumbnail .wrapper {
	height: 589px;
}
.thumb-pad-2 h3 {
	margin-top: 36px!important;
	margin-bottom: 6px!important;
}
.thumb-pad-2 h3 + h5 {
	margin-top: 5px;
}
.thumb-pad-3 .thumbnail {
	margin-bottom: 3px;
}
.thumb-pad-3 .thumbnail .caption {
	clear: both;
	padding-top: 25px;
}
.thumb-pad-3 .thumbnail .caption .rating {
	float: right;
}
.thumb-pad-3 .thumbnail .caption a {
	overflow: hidden;
	display: block;
	font-size: 16px;
	color: #383737;
	font-weight: 900;
}
.thumb-pad-3 .thumbnail .caption a + p {
	margin-top: 10px;
}
.thumb-pad-3 .thumbnail .caption p {
	
	line-height: 20px;
	font-size: 16px;
}
.thumb-pad-4 .thumbnail .caption {
	padding: 15px 0px 5px;
}
.thumb-pad-4 .thumbnail .caption a {
	font-size: 16px;
	font-weight: 900;
	color: #303030;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.thumb-pad-4 .thumbnail .caption a:hover {
	color: #24aa98;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.thumb-pad-5 {
	padding: 16px 15px 0px;
	border-bottom: 2px solid #e7eaed;
	clear: both;
}
.thumb-pad-5 img {
	float: left;
	border-radius: 5px;
	position: relative;
	top: 3px;
	margin-right: 13px;
}
.thumb-pad-5 .caption {
	padding: 0;
	padding-bottom: 5px;
	overflow: hidden;
}
.thumb-pad-5 .caption a {
	font-size: 16px;
	font-weight: 900;
	color: #303030;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.thumb-pad-5 .caption a:hover {
	color: #24aa98;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.thumb-pad-5 .caption .rating {
	display: block;
	margin-left: 3px;
}
.thumb-pad-5 .caption .price {
	margin-left: 4px;
	display: block;
	margin-bottom: 0px;
	
}
.thumb-pad-6 .thumbnail img + .caption {
	margin-top: 4px;
}
.thumb-pad-6 .thumbnail .caption h6 {
	line-height: 20px;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
}
.thumb-pad-6 .thumbnail .caption h6 + p {
	margin-top: 12px;
}
.thumb-pad-6 .thumbnail .caption p {
	color: #333;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 0.2px;
}
.thumb-pad-6 .thumbnail .caption p + .btn {
	margin-top: 13px;
}
.thumb-pad-7 {
	margin-top: 16px;
}
.thumb-pad-7 .thumbnail img + .caption {
	padding-top: 13px;
}
.thumb-pad-7 .thumbnail .caption h6 {
	font-family: 'Lato', sans-serif !important;
	font-weight: 900!important;
}
.thumb-pad-8 .thumbnail {
	margin-bottom: 0;
	position: relative;
}
.thumb-pad-8 .thumbnail .caption {
	padding: 17px 24px 24px;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #ffffff;
}
.thumb-pad-8 .thumbnail .caption h6 {
	font-weight: 700;
	font-family: 'Lato', sans-serif;
}
.thumb-pad-8 .thumbnail .caption h6 > a {
	color: #ffffff;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.thumb-pad-8 .thumbnail .caption h6 > a:hover {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #eabe28;
}
.thumb-pad-8 .thumbnail .caption p {
	font-weight: 300;
	font-size: 16px;
}
.thumb-pad-8 .thumbnail .caption .price {
	font-size: 18px;
	font-weight: 700;
	color: #eabe28;
}
.thumb-pad-9 .thumbnail {
	margin-bottom: 3px;
}
.thumb-pad-9 .thumbnail .caption {
	clear: both;
	padding-top: 25px;
}
.thumb-pad-9 .thumbnail .caption .rating {
	float: right;
}
.thumb-pad-9 .thumbnail .caption a {
	overflow: hidden;
	display: block;
	font-size: 16px;
	color: #383737;
	font-weight: 900;
}
.thumb-pad-9 .thumbnail .caption a + p {
	margin-top: 10px;
}
.thumb-pad-9 .thumbnail .caption p {
	
	line-height: 20px;
	font-size: 16px;
}
.thumb-pad-9 img + .caption {
	padding-top: 16px!important;
}
.thumb-pad-9 a {
	display: inline!important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.thumb-pad-9 a:hover {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #ec4b19 !important;
}
.thumb-pad-10 {
	margin-top: 14px;
}
.thumb-pad-10 .thumbnail {
	margin-bottom: 0px;
}
.thumb-pad-10 .thumbnail > img {
	display: block;
	background: #f2f5f8;
}
.thumb-pad-10 .thumbnail .caption {
	padding-top: 15px;
}
.thumb-pad-10 .thumbnail .caption img + h6 {
	margin-top: 12px;
}
.thumb-pad-10 .thumbnail .caption h6 {
	font-weight: 900;
	font-family: 'Lato', sans-serif;
}
.thumb-pad-10 .thumbnail .caption h6 > a {
	color: #303030;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.thumb-pad-10 .thumbnail .caption h6 > a:hover {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #eabe28;
}
/*==================  Titles      ======================*/
.title.title-1 {
	text-align: center;
	text-transform: uppercase;
	color: #303030;
	letter-spacing: 2px;
}
.title.title-2 {
	color: #303030;
	font-size: 30px;
	margin-bottom: 25px;
}
.title.title-3 {
	margin-bottom: -2px;
	text-transform: uppercase;
	color: #303030;
	letter-spacing: 0.6px;
	font-weight: 900!important;
	padding-top: 29px;
	padding-left: 16px;
	display: block;
	font-family: 'Lato', sans-serif;
}
.title.title-4 {
	font-size: 30px;
	font-family: 'Cabin', sans-serif;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin-top: 0;
}
.title.title-4 + .thumb-pad-6 {
	margin-top: 26px;
}
.title.title-4 + .list-5 {
	margin-top: 24px;
}
.title.title-4 + .box-5 {
	margin-top: 22px;
}
.title.title-4 + .box-7 {
	margin-top: 22px;
}
.title.title-5 {
	font-size: 30px;
	font-family: 'Cabin', sans-serif;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin-top: 0;
	margin-bottom: 22px;
}
.title.title-5 + .thumb-pad-6 {
	margin-top: 26px;
}
.title.title-5 + .list-5 {
	margin-top: 24px;
}
.title.title-5 + .box-5 {
	margin-top: 22px;
}
.title.title-5 + .box-7 {
	margin-top: 22px;
}
/*==================  Backgrounds  ======================*/
.bg-1 {
	background: #ffffff;
}
/*==================   Parallax    ======================*/
.parallax {
	background-position: center 0;
	background-repeat: no-repeat;
}
.mobile .parallax, .tablet .parallax {
	background-position: 50% 0 !important;
	background-size: cover;
}
@media (max-width: 767px) {
.parallax {
	background-position: center 0 !important;
	background-size: cover;
}
}
.bg-parallax-1 {
	background-size: cover;
	background: url("../img/bg-parallax-1.jpg");
}
.bg-parallax-2 {
	background-size: cover;
	background: url("../img/bg-parallax-2.jpg");
}
.bg-parallax-3 {
	background-size: cover;
	background: url("../img/bg-parallax-3.jpg");
}
.bg-parallax-4 {
	background-size: cover;
	background: url("../img/bg-parallax-4.jpg");
}
.bg-parallax-5 {
	background-size: cover;
	background: url("../img/bg-parallax-5.jpg");
}
.bg-parallax-6 {
	background-size: cover;
	background: url("../img/bg-parallax-6.jpg");
}
.img-bg-1 {
	background: url("../img/bg-1.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.img-bg-2 {
	background: url("../img/bg-2.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.img-bg-3 {
	background: url("../img/bg-3.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.img-bg-4 {
	background: url("../img/bg-4.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.img-bg-5 {
	background: url("../img/bg-5.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.img-bg-6 {
	background: url("../img/bg-6.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
/*==================  Lists      ======================*/
.list {
	padding: 0;
	list-style: none;
}
.list:before, .list:after {
	content: " ";
	display: table;
}
.list:after {
	clear: both;
}
.list.list-1 li {
	float: left;
	font-size: 14px;
	color: #303030;
	margin-right: 8px;
	font-weight: 400!important;
}
.list.list-1 li a {
	font-size: 14px;
	color: #303030;
	font-weight: 400;
}
.list.list-1 li a:hover {
	text-decoration: underline;
}
.list.list-1 li i {
	margin-right: 6px;
}
.list.list-1 li strong {
	font-weight: 400!important;
}
.list.list-2 li {
	padding-right: 14px;
	padding-left: 16px;
	font-size: 14px;
	font-weight: 400;
	float: left;
}
.list.list-2 li + li {
	position: relative;
	padding-right: 12px;
}
.list.list-2 li + li:before {
	width: 1px;
	background: #303030;
	height: 10px;
	top: 5px;
	position: absolute;
	left: 0px;
	content: "";
}
.list.list-2 li a {
	font-weight: 400;
	font-size: 14px;
	color: #303030;
}
.list.list-2 li a:hover {
	text-decoration: underline;
}
.list.list-2.list-botton li + li:before {
	content:inherit;
}
.list.list-2.list-botton li a {
	background-color:#7dbb60;
	color:white;
	font-weight:bold;
	padding:10px 20px;
	border:solid 2px #e5b50f;
	transition:0.5s linear;	
	display: block;
    margin-bottom: 10px;
}
.list.list-2.list-botton li a:hover {
	background-color:#e5b50f;
	text-decoration: none;
}

.list.banner-list {
	margin-top: 42px;
}
.list.banner-list li {
	float: left;
	width: 24.4%;
	height: auto;
	overflow: hidden;
	display: block;
}
.list.banner-list li img {
	width: 100%;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.list.banner-list li + li {
	width: 25.2%;
}
.list.list-3 {
	overflow: hidden;
}
.list.list-3 > li {
	position: relative;
	overflow: hidden;
}
.list.list-3 > li > a {
	background: #f2f5f8;
	font-weight: 900;
	font-size: 16px;
	color: #383737;
	display: block;
	padding: 20px 21px 18px;
	position: relative;
	border-bottom: 2px solid #dcdfe2;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	z-index: 2;
}
.list.list-3 > li:last-child a {
	border-bottom: none;
}
.list.list-3 > li > ul {
	z-index: 1;
	list-style: none;
	padding: 0;
	margin: 0;
	background: #e5b50f;
	padding: 13px 21px;
}
.list.list-3 > li > ul li {
	line-height: 16px;
	margin-bottom: 15px;
}
.list.list-3 > li > ul a {
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
	display: block;
	position: relative;
}
.list.list-3 > li > ul a span {
	font-size: 14px;
	font-style:italic;
	font-weight:normal;
	margin-top:0px;
	padding-top:0px;
}
.list.list-3 > li.with-ul > a:before {
	content: "\f105";
	font-style: 20px;
	height: 20px;
	position: absolute;
	font-family: fontAwesome;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.list.list-3 > li.active > a {
	border-color: #d1a611;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.list.list-3 > li.active > a:before {
	content: "\f106";
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.list.list-3.indent > li > a {
	padding-bottom: 16px;
}
.list.list-4 {
	overflow: hidden;
	position: relative;
}
.list.list-4 > li > a {
	width: 219px;
	padding: 18px 21px 19px;
	font-size: 16px;
	font-weight: 900;
	color: #383737;
	background: #f2f5f8;
	display: inline-block;
	position: relative;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.list.list-4 > li > a:before {
	position: absolute;
	content: "";
	top: 0px;
	left: 100%;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	border: 30px solid transparent;
	border-left: 21px solid #f2f5f8;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-webkit-transition: all ease 0.3s;
}
.list.list-4 > li + li > a {
	border-top: 1px solid #dcdfe2;
}
.list.list-4 > li > ul {
	width: 551px;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 219px;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.list.list-4 > li > ul > .wrapper {
	padding: 61px 46px;
	padding-left: 0;
	color: #ffffff;
	text-align: right;
	height: 100%;
	position: relative;
	top: 0px;
}
.list.list-4 > li > ul > .wrapper h2 {
	letter-spacing: 0.45px;
	margin-top: 0;
}
.list.list-4 > li > ul > .wrapper h2 + h6 {
	margin-top: 22px;
}
.list.list-4 > li > ul > .wrapper h6 {
	letter-spacing: 0.5px;
	line-height: 20px;
}
.list.list-4 > li.active > ul {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.list.list-4 > li.active > a {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	background: #24aa98;
	color: #ffffff;
}
.list.list-4 > li.active > a:before {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-webkit-transition: all ease 0.3s;
	border: 30px solid transparent;
	border-left: 21px solid #24aa98;
}
.list.social-list li {
	float: left;
}
.list.social-list li a {
	
	font-size: 24px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.list.social-list li a:hover {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #e5b50f;
}
.list.social-list li + li {
	margin-left: 19px;
}
.list.list-5 li {
	margin-bottom: 23px;
}
.list.list-5 li span {
	background: #ec4b19;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	padding: 15px 23px;
	display: inline-block;
}
.list.list-5 li span + p {
	margin-top: 15px;
}
.list.list-5 li p {
	font: 'Lato', sans-serif;
	color: #333;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	letter-spacing: 0.2px;
}
.list.list-6 li {
	line-height: 60px;
	color: #383737;
	font-size: 16px;
	font-weight: 900;
}
.list.list-6 li:before {
	position: relative;
	top: -1px;
	content: "\f105";
	font-family: fontAwesome;
	color: inherit;
	margin-right: 14px;
}
.list.list-7 {
	clear: both;
}
.list.list-7 li {
	clear: both;
}
.list.list-7 li + li {
	margin-top: 19px;
}
.list.list-7 .badge {
	float: left;
	color: #ec4b19;
	font-size: 36px;
	padding: 0;
	margin-right: 9px;
}
.list.list-7 h6 {
	line-height: 20px;
	font-weight: 900;
	padding-top: 20px;
	padding-top: 15px;
	font-family: 'Lato', sans-serif;
}
.list.list-7 h6 + p {
	margin-top: 12px;
}
.list.list-7 p {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 0.2px;
}
.list.list-8 {
	margin-top: 20px;
}
.list.list-8 dt {
	font-size: 18px;
	font-weight: 900;
	color: #383737;
	margin-bottom: 1px;
}
.list.list-8 dd {
	
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
}
.list.list-8 dd + dt {
	margin-top: 22px;
}
/*==================  Buttons    ======================*/
.btn {
	border: none;
	border-radius: 0px;
}
.btn.btn-1 {
	background: #e5b50f !important;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	padding: 18px 26px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.btn.btn-1:hover {
	background: #303030 !important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #e5b50f;
}
.btn.btn-2 {
	background: #ec4b19 !important;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	width: 332px;
	text-align: center;
	padding: 6px 0px;
	border-radius: 5px;
	border: 2px solid #ec4b19;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.btn.btn-2:hover {
	background: transparent!important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #ec4b19;
}
.btn.btn-3 {
	background: #e5b50f !important;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	padding: 18px 26px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	padding: 18px 30px;
}
.btn.btn-3:hover {
	background: #303030 !important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #e5b50f;
}
/*==================  Links    ======================*/
/*==================  owl    ======================*/
.owl-carousel {
	margin-top: 27px;
}
.owl-carousel .item .thumb-pad-8 + .thumb-pad-8 {
	margin-top: 35px;
}
/*==================  Gmaps    ======================*/
.google-map-api {
	height: 437px;
	width: 100%;
}
.google-map-api #map-canvas {
	width: 100%;
	height: 466px;
}
/*==================  toTop    ======================*/
#toTop {
	display: inline-block;
	position: fixed;
	bottom: 150px;
	right: 10%!important;
	font-size: 37px;
	color: #24aa98;
	z-index: 9999;
	transition: ease all 0.3s;
}
#toTop:hover {
	color: #ec4b19;
	transition: ease all 0.3s;
}
#toTop:focus {
	border: none;
}
@media (max-width: 991px) {
#toTop {
	display: none!important;
}
}
/*========================================================
                     FOOTER  Styles
=========================================================*/
footer {
	padding-top: 26px;
	padding-bottom: 5px;
	
	position: relative;
	z-index: 99;
}
footer:before, footer:after {
	content: " ";
	display: table;
}
footer:after {
	clear: both;
}
footer .extra-wrapper {
	background: transparent;
}
footer .footer_privacy {
	font-weight: 400;
	line-height: 14px;
	display: block;
	float: left;
	font-size: 10px;
	color:#e5b50f;
}
footer .footer_privacy .email {
	color: #ec4b19;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
footer .footer_privacy .email:hover {
	text-decoration: underline;
}
footer .social-list {
	float: right;
	margin-top: 10px;
}
/*========================================================
                     MEDIA QUERIES
=========================================================*/
@media (min-width: 1273px) {
.container {
	margin-left: 46px!important;
}
}
@media (max-width: 1290px) {
.extra-wrapper {
	width: 100%;
}
.box-8 .wrapper h4 {
	line-height: 58px!important;
}
}
@media (min-width: 1220px) {
.container {
	padding: 0;
}
}
@media (max-width: 991px) {
.box-8 {
	padding-top: 0;
	text-align: center;
}
.box-8 h2 {
	float: none!important;
}
.box-8 .wrapper {
	padding-top: 50px!important;
}
.list.list-4 > li > a {
	width: 150px;
}
.list.list-4 > li > ul {
	width: auto;
	left: 150px;
}
.list.list-4 > li > ul > li {
	width: 196px;
	padding-top: 32px!important;
}
.list.list-4 > li > ul > li > * {
	display: none;
}
.btn.btn-2 {
	width: 280px;
	margin: 18px auto!important;
	display: block;
}
.thumb-pad-1 .thumbnail {
	height: 181px!important;
}
.thumb-pad-1 .thumbnail .caption {
	vertical-align: auto;
}
.thumb-pad-1 .thumbnail .caption .wrapper {
	height: 161.5px!important;
}
.thumb-pad-1 .thumbnail .caption .wrapper h3 {
	font-size: 20px!important;
	margin-top: 14px!important;
}
.thumb-pad-2 .thumbnail {
	height: 362px!important;
}
.thumb-pad-3 .rating,  .thumb-pad-9 .rating {
	float: none!important;
}
}
@media (max-width: 1199px) {
.list.list-4 > li > ul {
	width: auto;
}
.list.list-4 > li > ul > li {
	padding-top: 32px!important;
}
.thumb-pad-1 .thumbnail {
	height: 236px;
}
.thumb-pad-2 .thumbnail {
	height: 472px;
}
.btn.btn-2 {
	width: 255px;
}
.box-7 h6 {
	line-height: 30px!important;
}
}
@media (max-width: 979px) {
.isStuck {
	display: none;
}
.thumb-pad-1 .thumbnail {
	height: 181px;
}
.thumb-pad-1 .thumbnail .caption {
	vertical-align: auto;
}
.thumb-pad-1 .thumbnail .caption .wrapper {
	height: 161.5px;
}
.thumb-pad-1 .thumbnail .caption .wrapper h3 {
	font-size: 20px;
	margin-top: 14px;
}
.thumb-pad-2 .thumbnail {
	height: 362px;
}
.list.list-4 > li > a {
	width: 150px;
}
.list.list-4 > li > ul {
	width: auto;
	left: 150px;
}
.list.list-4 > li > ul > li {
	width: 196px;
	padding-top: 32px!important;
}
.list.list-4 > li > ul > li > * {
	display: none;
}
.btn.btn-2 {
	width: 309px;
}
.header-bottom {
	text-align: center;
}
.header-bottom .left-side,  .header-bottom .right-side {
	padding-left: 0!important;
	padding-right: 0!important;
	width: 100%;
	float: none!important;
	display: inline-block;
	text-align: center;
}
.header-bottom .left-side .brand,  .header-bottom .right-side .brand,  .header-bottom .left-side nav,  .header-bottom .right-side nav {
	display: inline-block;
}
.header-bottom .left-side nav .sf-menu.sf-js-enabled.sf-arrows,  .header-bottom .right-side nav .sf-menu.sf-js-enabled.sf-arrows {
	padding-right: 0!important;
}
.list.list-4 {
	width: 100%;
	overflow: hidden;
}
.list.list-4 > li > ul > li.wrapper {
	width: 500px;
}
}
@media (max-width: 767px) {
.box-8 {
	margin-top: 100px!important;
	text-align: center!important;
}
.box-8 h2 {
	float: none!important;
	font-size: 100px!important;
}
.box-8 .wrapper {
	padding-left: 0!important;
	padding-top: 20px!important;
}
.box-8 .wrapper h3 {
	font-size: 58px!important;
}
#search {
	width: 100%!important;
}
#search input {
	width: 100%!important;
	margin-bottom: 20px!important;
}
.title {
	margin-top: 50px!important;
	margin-bottom: 35px!important;
	text-align: left!important;
}
.thumbnail,  .box {
	text-align: left;
}
.thumbnail img,  .box img {
	display: inline-block;
}
.box.box-2 {
	width: 370px;
	margin: 0 auto;
}
.box.box-1 h5 {
	text-align: left;
}
.header-top {
	text-align: center;
}
.header-top .left-side,  .header-top .right-side {
	float: none!important;
	display: inline-block;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100%;
	text-align: center;
}
.header-top .left-side .list-1,  .header-top .right-side .list-1,  .header-top .left-side .list-2,  .header-top .right-side .list-2 {
	display: inline-block;
}
.btn.btn-2 {
	width: 280px;
	margin: 18px auto!important;
	display: block;
}
.thumb-pad-4 .thumbnail,  .thumb-pad-10 .thumbnail {
	text-align: center!important;
}
.thumb-pad-3 {
	margin: 30px 0px;
}
.title-4.center {
	text-align: center!important;
}
footer {
	text-align: center;
}
footer .footer_privacy,  footer .social-list {
	float: none;
	display: inline-block;
	overflow: hidden;
}
footer .footer_privacy {
	width: 100%;
	text-align: center;
}
.list.banner-list li {
	width: 50%!important;
}
}
@media (max-width: 479px) {
.brand {
	margin-top: 30px;
}
.brand .brand_logo {
	top: 3px;
	margin-right: 5px;
}
.brand .brand_name {
	min-width: 180px;
}
.brand .brand_name a {
	font-size: 20px;
}
.box.box-2 {
	width: 270px;
}
.list.banner-list li {
	width: 100%!important;
}
}



#ool_container {
	position: relative;
	width:100%;
	/*padding-bottom: 56.25%; /* 16:9 */
	padding-bottom:100px;
	padding-top: 25px;
	height: 100%;
}
#ool_container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:none;
}