@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Pacifico|Poller+One|Roboto+Condensed:300,400,700');
@import url('https://use.fontawesome.com/releases/v5.0.6/css/all.css');

::-webkit-scrollbar {
    width:7px; ; 
}
 
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    width: 10px; ; 
    background:#d0d0d0;
    border-left:1px solid #999;
    border-radius: 0px;
    padding:1px;
}
 
::-webkit-scrollbar-thumb {   width: 10px;  border-radius: 0px; background:#999;  }
::-webkit-scrollbar-thumb:hover { background:#777; }

::-webkit-scrollbar-thumb:window-inactive,-webkit-scrollbar-track:window-inactive {
  background:#ddd; 
}



body{ font-family: 'Lato', sans-serif; color:#777777 !important;  line-height:1.3; font-size: 14px;   font-weight: normal;  overflow:auto; padding-top: 60px; }
body.invisible{ display: block; }
ul{ list-style: none; }

::-webkit-input-placeholder { color:#bbb; text-transform:uppercase; font-size:14px; font-weight: normal; }
::-moz-placeholder { color:#333; text-transform:uppercase;  font-size:14px; font-weight: normal; } /* firefox 19+ */
:-ms-input-placeholder { color:#bbb; text-transform:uppercase; font-size:14px; } /* ie */
input:-moz-placeholder { color:#bbb; text-transform:uppercase; font-size:14px;  }

.font-bold{ font-family: 'Work Sans', sans-serif; }
.font-hand{ font-family: 'Dancing Script', cursive; }
.align-middle{ vertical-align: middle; }

h1{ font-size:24px; }
h2{ font-size:22px;  font-weight:900;   }
h2 strong{ font-weight:bold;   }
p{line-height:1.4; min-height: 33px; }
p::after{conent:" "; }
a{ color:#464646; ; }
a:hover{  text-decoration: none;   }

.drop-down-menu{ padding-top:5px; display: none; }
.drop-down-menu li{ padding-top:10px; text-align: left; }
.drop-down-menu li a{ font-size: 14px !important; }
.drop-down-menu li a:hover{ color:yellow !important; }

.menu-links{  }
.menu-links a{ padding:2px 0px;  font-size: 14px; font-weight: normal; text-transform: uppercase; font-weight: bold; color:#fff; margin-top: 12px; }
.menu-links a:hover{ color:yellow; }

.ul-indice{}
.ul-indice li a{ display: block; padding:10px 0px; border-bottom: 1px solid #ddd; }


a.bt-link:hover{ color:#002d7e !important; }
button,.button{ border-radius:4px; padding:12px 15px 12px 15px ;  text-shadow: none; font-size: 15px; margin-top: -4px; transition: background-color 0.3s linear; } 
input,select,textarea{ border-radius:4px; background:white; border:1px solid #ddd; padding:10px; }
input:hover,select:hover,textarea:hover,input:focus,select:focus,textarea:focus{  background:#fff; border:1px solid #ccc; }

strong,.bold,b{ font-weight: 900; }
a.button:hover{ background-color: #4a5da9; transition: background-color 0.3s linear; }
a.button:hover img{ opacity: 0.35; }
.transparent{ display: block; opacity: 0; transition: opacity 0.5s; }
.hover{ transition: opacity 0.3s;  }
.hover:hover{ opacity: 0.8; transition: opacity 0.3s; }
.orange-hover:hover img{ filter:hue-rotate(25deg) brightness(1.4); transition: filter 0.3s; }
span[itemprop="name"]{ position:relative; bottom:2px; }
nav{ }

.title-h1 { font-size: 44px; text-transform: uppercase; }
.title-h1:after { content:""; font-size: 44px; text-transform: uppercase; }
.title-h2 { font-size: 24px; text-transform: uppercase; color:#005c9b; text-align: center; }
.title-h2::after { content:""; width:50px; height: 1px; background-color: #ddd; display: block; text-align: center; margin:0 auto; margin-top:5px; margin-bottom:15px;  font-size: 22px; }
.title-h2-white { font-size: 24px; text-transform: uppercase; color:#ffffff; text-align: center; }
.title-h2-white::after { content:""; width:25px; height: 1px; background-color: #ffffff; display: block;  margin:0 auto; margin-top:5px; margin-bottom:15px;  font-size: 22px; }

.padding-super{ padding:40px 40px 40px 40px; }




.button.red:hover{ background-color:#74171B; transition: background-color 0.3s linear;  }
.button.red.wired:hover{ background:none !important; border:1px solid #74171B; color:#74171B; transition: background-color 0.3s linear;  }
.color-red{color:#BD252C;}
.red{ background-color:#BD252C; color:#fff;  }
.color-red-darken{ color:#74171B; }
.red-darken{ background-color: #74171B; color:#ffffff; }

.white{ background-color: #ffffff !important; }

.button.blue:hover{ background-color:#002d7e; }
.blue{  background:#005c9b; color:#fff; }
.color-blue{  color:#005c9b;  }
.blue.wired{  background-color:transparent; border:1px solid #005c9b; color:#005c9b;  }
.blue.wired:hover{  background-color:transparent; border:1px solid #777; color:#777;  }

.blue-darken{  background-color:#002d7e; color:#fff; }
.color-blue-darken{  color:#002d7e; }

.color-gray{ color:#888888 !important; }
.gray{ background-color:#888888 !important; }


.font-big{ font-size:55px;  }
.font-title{ font-size:53px; font-weight: 400; }
.font-subtitle{ font-size:37px;  font-weight: 300; }
.font-description{ font-size:30px;  font-weight: 300; }
.font-signature{ font-size:18px;  font-weight: 300; }
.padding-20{ padding: 20px 20px 20px 20px; }
.padding-x-20{ padding: 0px 20px 0px 20px; }
.ruler{ display: block; min-width: 30px; border-bottom: 1px solid #23bbbc; height: 1px; overflow: hidden;}
.ruler-gray{ display: block; min-width: 30px; border-bottom: 1px solid #bbb; height: 1px; overflow: hidden; }
.line-14{ line-height: 1.4; }
.default-column{ padding-left:10px; border-left: 1px solid #bbb; }

a.button,button{ border-radius: 5px 5px 5px 5px; }
a.button.round-x,button.round-x{ border-radius: 0px 5px 5px 5px; }

.button.rounded-20,input.rounded-20{ border-radius: 20px 20px 20px 20px; padding-left: 15px; padding-right: 15px; font-weight: 700; text-transform: normal; }
.button.rounded-50,input.rounded-50{ border-radius: 50px 50px  50px  50px ; padding-left: 15px; padding-right: 15px; font-weight: 700; text-transform: normal; }

#main-banner{ margin-top:40px;}
p.banner-legend{ display:inline-block; position:absolute; top:28%; left:50%; z-index:1; width: 60%;  padding: 50px; margin-left:-30%; text-align: center;}
p.banner-legend mark{ display:inline; font-size: 50px;  color:#fff; background-color:#23bbbc; }
.ad-mask{ background:rgba(0,0,0,0.5) url(../img/bg-ad2.png) center center repeat; background-size: 5px 5px; }


ul.house-details{  text-align: left; padding:10px; border:1px solid #f0f0f0; border-radius: 10px; }
ul.house-details li { padding: 5px 10px;   }
ul.house-details li div {  background:transparent url(../img/bg-ad2.png) center center repeat; background-size: 4px; background-repeat: repeat-x; padding:2px; }
ul.house-details li div span{ float:left; color:#777; background-color:white;  }
ul.house-details li div strong{ float:right; color:#005c9b; background-color:white; }

a.partner-logo{ }
a.partner-logo{ border-right:1px solid #ccc; }
a.partner-logo:last{ border-right:none; }

a.pic.grid-10{ width:12.5%; border:2px solid #fff; }

.blog-box{ height:auto; background: none; position: relative;  }
.blog-box .button{ font-size: 12px; font-weight: normal; }
.blog-box .button:hover{ color:yellow; }

.circle-date{ width: 70px; height: 70px; border-radius:100%; margin:30px; display: none; }
.blog-img-thumb{ height: 200px; position: relative; background-color: black; transition: box-shadow 0.3s linear;  background-size:cover; }
.blog-img-thumb:hover{ box-shadow: 0 0 2px rgba(0,0,0,0.5); transition: box-shadow 0.3s linear; }

.blog-title{ line-height: 1.2; text-align: left; color:#BD252C; display:block; margin-top: 5px; text-transform: uppercase; font-weight: 400; }
.blog-title.font-18{  font-size: 15px !important; }
.blog-title:hover{ color:#74171B; }
.blog-description{ height: auto; padding: 20px;  }

.social-bar{ padding: 5px; background-color: #f9f9f9; border:1px solid rgba(0,0,0,0.10); border-radius: 5px;}
.date-tag{ padding: 10px; }
.date-tag strong.d-1{ border-right: 1px; font-size: 50px; line-height: 1; margin-top:5px; color:#005c9b; }
.date-tag strong.d-1::after{ content:""; display:inline-block; width:1px; height:36px; margin:0 10px; background: #bbb; }
.date-tag strong.d-2{  margin-top:12px; line-height: 1; text-transform: uppercase; font-size: 19px;  color:#bbb;}
.social-tag { padding-top:27px;  text-align: center;}

.banner-nav{ display: none; }

.event-box{ height: 490px; background: white;  }
.event-img-thumb{ height: 190; }
.event-img-thumb-big{ height: 400px; }
.event-title{ height:40px; }
.event-description{ height: 300px; background-color: red; }

.event-img-thumb{ height: 140px; }
.event-title{ height:70px; }

.read-post .read-post-header{ }
.read-post .read-post-header h1{ font-size:24px; color:#333; text-transform: uppercase; line-height: 1.4; font-weight: bold;}
.read-post .read-post-header h2{ font-size:18px; color:#333; line-height: 1.4; font-weight:400; }
.read-post .images-slider{  }
.read-post .images-slider .preview-imgs{ background:#f0f0f0; }
.read-post .images-slider .preview-imgs img{ max-height:450px; max-width:100%;}
.read-post .images-slider .preview-imgs .legend-bar{ background:#222; color:#E5B42C; }
.read-post .images-slider-controller{  background:#222;  }

.read-post .youtube-player{ margin:10px 0; }
.read-post .youtube-player .player{ margin:7px 0px; }
.read-post .youtube-player .title{ font-size:16px; font-weight: bold; color:#000; margin-top:5px;}
.read-post .youtube-player .description{ font-size:14px; color:#000; }
	
a.border-bottom,p.border-bottom{ border-bottom:1px solid #f0f0f0; padding: 10px 0px; }

.grid-auto{ width: auto; }
.screen-auto{ width:100%; max-width:1000px; }
.height-title-1{ max-width:600px; height:200px;  }




img.logo-hue:hover {
  animation: hue-rotate 3.6s linear infinite;
}

@keyframes hue-rotate {
  from {
    filter:hue-rotate(0deg) brightness(2);
  }
  to {
    filter:hue-rotate(720deg) brightness(2);
  }
}


.ticker{ width:100%; }
.ticker .ticker-box{ display: inline-block; width:12.5%; float:left; text-align: center; }
.ticker .ticker-box a{ color:#fff; }
.ticker .ticker-box .ticker-box-positive .positivo{font-size:12px; color:#6FCF47; }
.ticker .ticker-box .ticker-box-positive .negativo{ font-size:12px;  color:#ff4747; }
.ticker .ticker-box .ticker-box-value{ font-size:12px;  color:white; }


.overlay{ position: fixed; z-index:101;  left:0%; top:0%; width:100%; height: 100%;   background:rgba(0,0,0,0.75) ;  display: none;   }
.popup{ position: fixed; z-index:200; left:50%; width:600px; height: auto;  max-height:600px; overflow:auto; margin-top:-230px; margin-left:-300px;  padding:0px; background-color: #fff;  display: none;  height: auto; top:50%; box-shadow: 2px 2px 3px rgba(0,0,0,0.5); }
.popup form input{ height: auto; padding: 10px; }
.popup a.close{  position: absolute; right:10px; top:10px;  }
.popup a.close:hover{ background:none;  }




	.align-logo{ text-align: left; }
.img-float-left{ width: 50%; float:left; margin:0px 10px 10px 0px:  }
.form-50{ width: 50%; }


@media (min-width:0px) and (max-width: 799px) {

.padding-right-super{ padding:0px 0px 0px 0px; }
.padding-x-super{ padding:0px 10px 0px 10px; }


/** BANNERS **/

.nav-left,.nav-right{ display: none !important; }

.banner-nav{ display: none; }
.layout-banner{ position: absolute; top:0px; z-index: 10;  left:0; margin-left:0px; width: 100%; height:auto; min-height: 100px; padding:.5em; font-size: .75em;}
.layout-banner li{  width: 100%; height:auto; border:none;  }
.layout-banner li:nth-child(2){   }
.layout-banner li:nth-child(2) #draggable-text-body{ padding: .5em;  }


.layout-banner.banner-01 li:nth-child(1),.layout-banner.banner-02 li:nth-child(1),.layout-banner.banner-03 li:nth-child(1),.layout-banner.banner-04 li:nth-child(1),.layout-banner.banner-05 li:nth-child(1),.layout-banner.banner-06 li:nth-child(1){ width: 100%; height:auto; float: center; }
.layout-banner.banner-01 li:nth-child(2),.layout-banner.banner-02 li:nth-child(2),.layout-banner.banner-03 li:nth-child(2),.layout-banner.banner-04 li:nth-child(2),.layout-banner.banner-05 li:nth-child(2),.layout-banner.banner-06 li:nth-child(2){ width: 100%; float: center; }

.layout-banner.banner-04 li:nth-child(1) div[style]{ position: relative; top:0 !important; left:0 !important; margin:0 auto; width: 100% !important; text-align: center; min-height: 40%; }
.layout-banner.banner-04 li:nth-child(1) div[style] img{ width: 50% !important;  height: auto !important;  margin:0 auto; margin-top: 30px;   }
.layout-banner.banner-04 li:nth-child(2) div[style]{ top:0 !important; zoom:83%;  }



ul.ticker{ width:100% !important; }
ul.ticker li.ticker-box{ width:50% !important; float: left; height: 60px !important; text-align: left !important; }

.height-title-1{ max-width:600px; height:auto; margin-bottom: 30px;  }
.format-form{ width: 100%; margin-bottom: 30px; }

.font-big{ font-size:28px;  }
.font-title{ font-size:18px; font-weight: 400; }
.font-subtitle{ font-size:16px;  font-weight: 300; }
.font-description{ font-size:14px;  font-weight: 300; }
.font-signature{ font-size:12px;  font-weight: 300; }

ul#main-menu-2 li { display: block; }

.grid-auto{ width: 100%; }

a.partner-logo{ border-right:none; width:100%; }

a.pic.grid-10{ width:50%; border:2px solid #fff; }

	.padding-x-super{ padding:0px 10px 0px 10px;}
	.padding-super{ padding:10px 10px 10px 10px;}
	.screen-1024{ width:100%; max-width:100%; }

	body{height:auto; overflow: auto; padding-top:60px; }
	.hide-in-mobile{ display: none; }
	.screen-1024{ width:100%;}
	#main-menu{ display: none; }
	#mobile-menu{ display: block; }

	.align-logo{ text-align: center; }
	.img-float-left{ width: 100%; margin:10px 0px 30px 0px;  float:left;}
	.form-50{ width: 100%; }
	.blog-tab.grid-33{ width: 100%; padding:20px 0px 0px 0px;}

.blog-tab.grid-50{  width: 100% !important; }
.blog-tab.grid-33{ width: 100% !important; }


.banner-nav{ display: none; }
.layout-banner{ position: absolute; top:0px; z-index: 10;  left:0; margin-left:0px; width: 100%; height:auto; min-height: 100px; padding:.5em; font-size: .75em;}
.layout-banner li{  width: 100%; height:auto; border:none;  }
.layout-banner li:nth-child(2){   }
.layout-banner li:nth-child(2) #draggable-text-body{ padding: .5em;  }


.layout-banner.banner-01 li:nth-child(1),.layout-banner.banner-02 li:nth-child(1),.layout-banner.banner-03 li:nth-child(1),.layout-banner.banner-04 li:nth-child(1),.layout-banner.banner-05 li:nth-child(1),.layout-banner.banner-06 li:nth-child(1){ width: 100%; height:auto; float: center;  !important; }
.layout-banner.banner-01 li:nth-child(2),.layout-banner.banner-02 li:nth-child(2),.layout-banner.banner-03 li:nth-child(2),.layout-banner.banner-04 li:nth-child(2),.layout-banner.banner-05 li:nth-child(2),.layout-banner.banner-06 li:nth-child(2){ width: 100%; float: center; !important; }

.layout-banner.banner-06 li:nth-child(1) div[style]{ position: relative; top:0 !important; left:0 !important; margin:0 auto; width: 100% !important; text-align: center; }
.layout-banner.banner-06 li:nth-child(1) div[style] img{ width: 50%;  margin:0 auto; margin-top: 30px;   }
.layout-banner.banner-06 li:nth-child(2) div[style]{ top:0 !important;  }


}




/*
@media (min-width:1024px) and (max-width: 1920px) {

.default-screen-area{ height: }

}
*/



@media (min-width:800px) and (max-width: 1024px) {

body{ zoom:80%; }

}

@media (min-width:1480px) and (max-width: 1600px) {

body{ zoom:105%; }

}


@media (min-width:1600px) and (max-width: 1920px) {

body{ zoom:110%; }

}

@media (min-width:1920px) and (max-width: 5000px) {

body{ zoom:123%; }
.grid-auto a{ text-transform: uppercase; line-height: 1.4; text-align: left; font-weight: 400; color:#333;}

}