@charset "utf-8";
/* CSS Document */

@import "font-awesome.css";
/*@import "font-awesome.min.css";*/

/*body{
	-webkit-user-select: none; 
	-moz-user-select: none;    
	-ms-user-select: none;     
	user-select: none;    
	}*/

@font-face {
	font-family:"proxima-nova-400";
	src:url("../fonts/proxima-nova-400.woff2") format("woff2");
	font-style:normal;
	font-weight:normal;
	}

@font-face {
	font-family:"proxima-nova-700";
	src:url("../fonts/proxima-nova-700.woff2") format("woff2");
	font-style:normal;
	font-weight:normal;
	}

@font-face {
	font-family:"proxima-nova-bold";
	src:url("../fonts/proxima-nova-bold.woff2") format("woff2");
	font-style:normal;
	font-weight:normal;
	}	

body{
	background: #ededee;
	}

.contonero{
	max-width:1200px;
	margin:0 auto;
	display:block;
	position:relative;
	padding: 0 15px;
	/*float:none;*/
	}
	
.marg30{
	margin-top:30px;
	}	

.marg60{
	margin-top:60px;
	}
	
.fa-arrow-alt-circle-right{	
	color: #ffc72c;
    position: absolute;
    margin-left: 12px;
    font-weight: 100;
	line-height: 1.42857143!important;
	}
	
.fa-arrow-alt-circle-right.bluen{	
	color: #00324b;
    position: relative;
    font-weight: 100;
    line-height: 1.42857143!important;
    font-size: 2.2rem;
    float: right;
	margin:0;
	}		

.fa-arrow-alt-circle-down{
	margin-left: 8px;
	}
	
.fa-envelope{
	margin-right:5px;
	}
	
	
/*=================== Menu ====================*/

.menu{
	position:fixed;
	right:0;
	top: 38px;
	text-align: right;
	}

.menusub {
    top: 20px;
    float: right;
	text-align: right;
	}

.menos{
	position: absolute;
    z-index: 99;
    width: 100%;
    right: 0;
    left: 0;
    padding: 0;
	display:block;
	}
	
.nosee{
	display:none;
	}
	
.logo{
    margin-top: 2%;
	float: left;
	}
	
.logosubpage {
    float: left;
    margin: 15px 0;
	}		
	
.smalls{
	font-size:18px!important;
	line-height:22px!important;
	}	
	
.menusubpage{
	position: fixed;
    z-index: 999;
    width: 100%;
    float:left;
    padding: 0;
	display:block;
	background:#fff;
	top: 0;
	box-shadow: 0px 0px 8px 0px #666;
	}	
	
/*================ Slide =======================*/	
	
.slide-title{
	text-transform: uppercase;
    font-size: 5.4rem;
	font-family: proxima-nova-bold;
	}	

.slide-title-p{
    font-size: 2.4rem;
	font-family: proxima-nova-400;
	/*text-transform: uppercase;*/	
	}	
	
.coso{
	text-decoration:none;
	color:#fff;
	}
	
.coso:hover{
	text-decoration:none;
	color:#fff;
	}	

.content-carousel{
	padding-left:0!important;
	padding-right:0!important;
	}

.carousel {
    background: #333;
	}

.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
	}
	
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
	}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
	}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	}
	
.carousel-fade .carousel-control {
	z-index: 2;
	}

.carousel-indicators .active {
	width: 20px;
	height: 15px;
	margin: 0;
	background-color: #000;
	border: none;
	border-radius: 4px;
	}
	
.carousel-indicators li {
	width: 20px;
	height: 15px;
	margin: 0;
	background-color: #fff;
	border: none;
	border-radius: 4px;
	-webkit-transform: skew(15deg, 0deg);
	-moz-transform: skew(15deg, 0deg);
	-ms-transform: skew(15deg, 0deg);
	-o-transform: skew(15deg, 0deg);
	transform: skew(15deg, 0deg);
	}
	
.sub-carousel{
	position:absolute;
	bottom:0;
	border-bottom: 5px solid #ffc72c;
	text-align:center;
	padding:0!important;
	}	
	
.subcarousellink{
	text-decoration: none;
    color: #ffffff;
    padding: 1.9rem 0.5em;
	display:block;
	font-size: 3.0rem;
	text-transform: uppercase;
    font-weight: bold;
	font-family: proxima-nova-bold;
	background: rgba(0,0,0,0.6);
	border-right: 1px solid #ffffff;
	}
	
.subcarousellink:hover{
	text-decoration: none;
    color: #ffffff;
	background: rgba(0,0,0,0.7);
	}		
	
.null-padd{
	padding:0!important;
	}		
	
/*===================== why gold ? ========================*/	
	
.centerlink{
	margin-bottom: 80px;
	display: block;
    margin-top: 20px;
	color: #00324b;
    font-size: 3.0rem;
    line-height: 1.15;
    text-transform: uppercase;
    font-weight: bold;
	font-family: proxima-nova-bold;
	text-align:center;
	}
	
.centerlink:hover{
	opacity:0.7;
	}	
	
.flot{
	float:left;
	padding-right: 30px;
	}	
	
.hashtwo{
	margin-top:0;
	color: #00324b;
	text-transform: uppercase;
	font-size: 1.8rem;
	font-family: proxima-nova-bold;
	}	
	
.marbot{
	margin-bottom:60px;
	padding-left: 8%;
	padding-right: 0;
	}	
	
.bigimgtitle{	
    color: #00324b;
	text-transform: uppercase;
	font-size:3.0rem;
	font-family: proxima-nova-bold;
	}	
	
.bigimgtext{	
    color: #616161;
	font-size: 1.8rem;
	font-family: proxima-nova-400;
	}
	
.mino{
	font-size:1.6rem;
	}	
	
.hashtwo:hover, 
.bigimgtext:hover{
	text-decoration:underline;
	}
	
.pps a:hover .bigimgtext{
	text-decoration:none;
	}
		
.textodono{
	padding-right: 0;
	}			
	
/*===================== 6 six tabs ========================*/		
	
.tabiso > a:hover{
	text-decoration:none;
	}		

.imgtitle{	
	position: absolute;
    top: 32%;
    left: 25px;
    /*width: 100%;*/
	padding: 0 15px;
	color: #ffffff;
    font-size: 22px;
	text-transform: uppercase;
	font-family: proxima-nova-bold;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	}
	
.imgtext{	
    background: #ffffff;
    color: #616161;
	font-size: 1.8rem;
	font-family: proxima-nova-400;
	margin-bottom:0;
	padding: 20px 15px 20px 30px;
	border: 1px solid #d5d5d6;
	overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
	}
	
.img-tbs{
    background-position: center;
    background-size: cover;
    height: 330px;
    display: block;
    position: relative;
	border-top: 5px solid #ffc72c;
	}	
	
.img-tbs:after{
	content: "";
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
	}	
	
.img-tbs1{	
	background-image: url(../image/tbs1.jpg);
	}
	
.img-tbs2{	
	background-image: url(../image/tbs2.jpg);
	}	
	
.img-tbs3{	
	background-image: url(../image/tbs3.jpg);
	}	
	
.img-tbs4{	
	background-image: url(../image/tbs4.jpg);
	}	
	
.img-tbs5{	
	background-image: url(../image/tbs5.jpg);
	}	
	
.img-tbs6{	
	background-image: url(../image/tbs6.jpg);
	}	
	
	
/*===================== center text ========================*/		
	
.centertext{
	text-align:center;
	max-width:796px;
	margin:60px auto;
	}	
	
.centertext.bigimgtext:hover{
	text-decoration:none;
	}	
	
.boldo{
	font-family: proxima-nova-bold;
	}
	
.currency{
	/*background-image:url(../image/coingold.png);
	height:400px;
	background-position:center;
	background-size:cover;
	margin:60px 0 60px;*/
	}		
	
.footer{
	color: #ffffff;
    background: #00324b;
	padding: 20px 0 10px 0;
	text-align:center;
	font-size:1.4rem;
	text-transform:uppercase;
	}	
	
	
	
/*===================== Subpage style =====================*/	
.sub-carouselsubpage{
	top:84px;
	/*background: #00a7b5;*/
	background: rgba(0,0,0,0.6);
    text-align: center;
    padding: 0;
	transition: top 0.2s ease-in-out;
	}
	
.subcarousellink-subpage {
    text-decoration: none;
    color: #ffffff;
    padding: 0.7rem 0.5em;
    display: block;
    font-size: 2.4rem;
    text-transform: uppercase;
    font-family: proxima-nova-bold;
    /*background: #00a7b5;*/
	/*background: rgba(0,0,0,0.6);*/
    border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 4px solid #ffc72c;
	}
	
.subcarousellink-subpage:hover {
	text-decoration:none;
	color:#fff;
	background: rgba(0,0,0,0.7);
	}	

.imgsubpage{
    height: 400px;
    background-size: cover;
    background-position: center;
	border-bottom: 4px solid #ffc72c;
	margin-top: 136px;
	}
	
.textcontent{
	color: #616161;
    font-size: 1.8rem;
    font-family: proxima-nova-400;
	background:#fff;
	padding: 60px 0;
	}	
	
.titlesubpage{
	color: #ffffff;
	font-size: 5.4rem;
    line-height: 1.2;
	text-transform: uppercase;
	font-family: proxima-nova-bold;
	padding-top: 126px;
	margin: 0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	}	
	
#topsubmenu{	
	/*transition: top 0.3s;
	transition-delay:0.2s;*/	
	position: fixed;
    z-index: 99;
	width: 100%;
	}
	
.nav-up {
	top: -52px;
	}	
	
.linkosubpage{
	margin: 0;
    background: #ffc72c;
	display: inline-block;
    padding: 1em 1.1em;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    overflow-wrap: normal;
	top: -92px;
	position: absolute;
	}
	
.linktitlesub{
	color: #00324b;
	font-size: 1.8rem;
	font-family: proxima-nova-400;
	margin: 0;
	cursor:pointer;
	padding-right: 7px;
	}
	
.linktitlesub:hover{
	opacity:0.7;
	text-decoration:none;
	}	
	
.subtitlesubpage{
	font-size: 2.4rem;
    font-family: proxima-nova-400;
    text-transform: uppercase;
	color:#fff;
	padding-top: 30px;
    line-height: 1.2;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	}	
	
/*.bigolinks{
	width:100%;
    position: relative;	
	}	

.bigolinks .linktitlesub{	
	padding: 0 1.29%;
	display: inline-block;
    text-align: center;
	}*/
	
.bigolinks{
	top:-105px;
	}	
	
.img-center{
	margin:0 auto;
	width:65%
	}
	
	
	
	
	
	
	
/*===================== Media =====================*/
	
	
	
@media (max-width: 1368px){
.slide-title {
    font-size: 3.4rem;
	}
	
.slide-title-p {
    font-size: 2.2rem;
	}
	
.padono{
	padding:0;
	}	
	
.subcarousellink {
    font-size: 1.8rem;
	}	
	}		
	
	
	
@media (max-width: 1100px){
.bigimgtext, 
.imgtext{
    font-size: 1.4rem;	
	}
	
.subcarousellink-subpage {
	font-size:1.8rem;
	margin: 0 -15px;
	border-right: none;
    border-left: none;
    border-bottom: 1px solid #ffc72c;
	padding: 1.3rem 0.5em;
	}	
	}
	
	
	
@media (max-width: 991px){
.menos {
    background: #fff;
    position: relative;
	}
	
.logo {
    padding-left: 0%;
    padding-top: 15px;
	padding-bottom:15px;
    float: initial;
	}		
	
.menu{
    /*position: relative;*/
	top: 19px;
	}	
	
.sub-carousel{
	position:relative;
    width: 100%;
	}
	
.subcarousellink {
	padding: 0.8rem 0.5em;
	border-right: 0px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	}		
				
.slide-title {
    font-size: 2rem;
	}
	
.slide-title-p {
    font-size: 1.6rem;
	line-height:1.2
	}		
	
.tabiso {
   margin-bottom:30px;
	}	
		
.marbot {
    margin-bottom: 30px;
    padding:0;
	}	
	
.textodono{
	padding: 20px 30px;
    margin-bottom: 30px;
    background: #fff;
	}
	
.pps{
	margin-bottom:30px;
	}
	
.see{
	display:none;
	}
	
.nosee{
	display:block;
	margin: 0;
	}
	
#topsubmenu {
    position: relative;			
	}
	
.imgsubpage {
    margin-top: initial;
	}
	
.linktitlesub {
    font-size: 1.4rem;
	}
	
.titlesubpage {
    font-size: 3rem;
	}	
	
.sidebar-nav li a {
    font-size: 18px!important;
	}

.subtitlesubpage {
    font-size: 2rem;
	}

.linktitlesub {
	display: block;
	}
	
.linkosubpage {
	top:-111px;
	}

.bigolinks {
    top: -64px;
    position: relative;
	}	
	}
	
	
	
@media (max-width: 500px){	
.carousel-caption {
    top: 0;
	}
	
.subtitlesubpage{
	font-size: 1.7rem;
	padding-top: 15px;
	}	
	}
	
	
	
	.cookie-popup {
  
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2147483645;
  box-sizing: border-box;
  width: 100%;
  background-color: #5e5e5f;
  opacity: 0;
  display: none;
  padding: 32px;
}
.cookie-popup--short {
  right: none;
  width: 21.875rem; 
}

.cookie-popup--not-accepted {
  animation: cookie-popup-in .5s ease forwards;  
  opacity: 1;
  display: block;
}
.cookie-popup--accepted {
  opacity: 0;
  display: none;
}
.cookie-popup a {
  color: skyblue;
}
.cookie-popup a:visited {
  color: skyblue;
  text-decoration: none;
}
.cookie-popup-actions {
  position: absolute;
  top: 50%;
  left: 85%;
  transform: translateY(-50%);
  background-color: #ffc72c;
  border-color: #ffc72c;
  border-radius: 3.7rem;
  min-width: 125px;
  height: auto;
  white-space: normal;
  word-break: break-word;
  word-wrap: break-word;
  padding: 12px 10px;
  line-height: 1.2;
  font-size: .813em;
  font-weight: 600;
  text-align: center;
}
.cookie-popup-actions button {
  color: #fff;
  border: none;
  background: none;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: bold;
  text-transform: uppercase;

  padding: 0;
  cursor: pointer;
  position: relative;
  width: 100%;
}
.cookie-popup-actions button:hover {
}

.cookie-text {color: #fff; max-width: 80%;}
	

@media screen and (max-width: 767px){
	.cookie-popup-actions {
		position: unset;
		margin-top: 50px;
	}

	.cookie-text {
		max-width: 100%;
	}

}

html {
  -moz-user-select: none;
  -webkit-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}