/* CSS Document 
 * EuroShow exclusive stylesheet settings.
 * Visit site: http://www.euroshow.com.br
*/

/* General settings */
a,p,h1,h2,h3,h4,h5{font-family: 'Hind', sans-serif;}
body,html{font-family: 'Hind', sans-serif; width:100%;}
#topBody{background:#f6f6f6; padding-top:122px; background:url(../../public/images/background/bg.jpg);}
#homeBody{background:#f6f6f6; padding-top:0; background:url(../../public/images/background/bg.jpg);}
#mainWrapper{padding: 0 10px; margin-bottom:75px;}
#pageTitle{border-bottom:1px solid #dde; font-weight:500; margin:10px 0 15px 0; color: #012160;}
.pageTitle{border-bottom:1px solid #dde; font-weight:500; margin:10px 0 15px 0; color: #012160;}
.prgfWrapper{border-left:6px solid #D9BD08;}
.tooltip {position: relative; display: inline-block; border-bottom: 0px dotted black;}
.tooltip img {background:#FFFFFF; padding:4px; box-shadow:1px 1px 5px -1px #999;}
.tooltip .tooltiptext {visibility: hidden; width: 130px; background-color: #223; color: #FFFFFF; text-align: center; border-radius: 6px; padding: 6px 8px 4px 8px; position: absolute; z-index: 1; bottom: 106%; left: 50%; margin-left: -65px; opacity: 0; transition: opacity 1s;}
.tooltip .tooltiptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #223 transparent transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1;}
#ciaWrapper {max-width:380px; margin-bottom:10px; margin-right:15px}
.difWrapper{height:230px; margin:0 5px}
#formPartners{display:none}

/* Progress bar*/
#barProgress{top:0; height:4px; width:100%; z-index:6;}
#myBar{height:3px; background-color:rgba(255,255,255,0.2);}

/* MySidebar */
#menuLeft{background:#012160; width:230px; top:89px; padding-bottom:100px}
#menuLeft a.btnSubMenu{background:#fbfbfb}
#btnClose{border-bottom:3px solid #D9BD08; color:#ffffff}
#menuBarWraper{background:white}

/* Top bar wrapper*/
#menuWrapper{background:rgba(255,525,255,1	); height:69px; z-index:5;}
#barWrapper{max-width:1130px}
#whiteMenuWrapper{background:#FFFFFF; height:89px; z-index:5;}

/* Logo */
#logo,#logo2{width:220px; height:59px; padding:15px; background:url(../../public/images/logo/euroshow-logomarca.png) no-repeat center; background-size:contain; display:inline-block}

/* Menu list */
#menuTop .btnMenu{background:none !important; padding-left:0 !important; padding-right:0 !important; margin:0 13px; border-bottom: 2px solid transparent !important; transition: border-bottom .6s !important; text-decoration: none;}
#menuTop .btnMenu:hover{background:none !important; color:#f0f0f0 !important; border-bottom:2px solid #fff !important}
#menuTop .btnMenu2{background:none !important; padding-left:0 !important; padding-right:0 !important; margin:0 10px; border-bottom:none !important; text-decoration: none; color:#ffffff !important;}
#menuTop .btnMenu2:hover{background:none !important; color:#f0f0f0 !important}
#menuTop .btnActive{border-bottom:2px solid #fff !important}
#menuTop .dropWrapper{border-top:3px solid #012160;}
#menuTop .btnSubMenu{font-size:13px; color:#555555 }
#menuTop .btnSubMenu:hover{background:#f6f6f6 !important;}
#menuTopWhite .btnMenu{color:#000000; background:none !important; padding: 20px 13px !important;  margin:0 ; border-bottom: 0px solid transparent !important; transition: border-bottom .6s !important; text-decoration: none; z-index:6 }
#menuTopWhite .btnMenu:hover{background:#D9BD08 !important; color:#ffffff !important; border-bottom:0px solid #D9BD08 !important;}
#menuTopWhite .btnMenu2{color:#000000; background:none !important; padding: 20px 13px !important;  margin:0 ; border-bottom: 0px solid transparent !important; transition: border-bottom .6s !important; text-decoration: none; z-index:6 }
#menuTopWhite .btnMenu2:hover{background:#D9BD08 !important; color:#ffffff !important; border-bottom:0px solid #D9BD08 !important; }
#menuTopWhite .btnActive{border-bottom:2px solid #fff !important}
#menuTopWhite .dropWrapper{border-top:3px solid #D9BD08;}
#menuTopWhite .btnSubMenu{font-size:13px; color:#000000 }
#menuTopWhite .btnSubMenu:hover{background:#f6f6f6 !important;}

/* Bradcrumbs */
.bradcrumbs{text-decoration:none}
.bradcrumbs:hover{text-decoration:underline}

/* Slideshow */
#mySlideShow{padding-top:92px; height:100%; background:#fff; min-width:100%; overflow:hidden !important; background:url(https://tympanus.net/Tutorials/CSS3SlidingImagePanels/images/bg.jpg);}
#mySlideShow .mySlides{height:90%; background-position:center; width:90%; background-size:cover; display:none; border: 10px solid #fff; overflow:hidden; margin:25px auto;}
#mySlideShow .mySlides p{font-size:14px; color:#fff; line-height:19px}

/* Slideshow Images (1920x1080) */
.slide1{background:url(../../public/images/slide/visao-longitudinal-noturna.jpg) no-repeat top;}
.slide2{background:url(../../public/images/slide/visao-longitudinal-diurna.jpg) no-repeat center;}
.fade{-webkit-animation-name: fade;-webkit-animation-duration: 1s;animation-name: fade;animation-duration: 1s;}
@-webkit-keyframes fade{from {opacity: .4}to {opacity: 1}}
@keyframes fade{from {opacity: .4}to {opacity: 1}}

/* Slideshow buttons (left and right) */
.w3-left,.w3-right,.w3-badge{cursor:pointer}

#btn1{color:#dde!important; background:rgba(0,0,0,0.3)!important; margin-left:0px; padding-top:11px !important;}
#btn1:hover{color:#fff!important; background:#D9BD08 !important;}
#btn2{color:#dde!important; background:rgba(0,0,0,0.3)!important; margin-right:0px; padding-top:11px !important}
#btn2:hover{color:#fff!important; background:#D9BD08 !important}

/* Bottom Slideshow buttons */
.w3-badge {height:13px;width:13px;padding:0; margin-bottom:-15px}
#btnBottom span{border:1px solid rgba(0,0,0,0.5) !important; background:none;}
#btnBottom span:hover{background:rgba(0,0,0,0.5) !important;}

/* Partners */
#partners{padding:0 0 0 15px}
.card-partners{margin-bottom:15px}
.card-partners a{text-decoration:none}
.cp-image {border-bottom:1px solid #dde; overflow:hidden}
.cp-image2 {border-bottom:1px solid #dde; overflow:hidden}
.cp-image2 img {padding:0}
.cp-pagrf{height:94px; background:#f9f9f9}
.cp-pagrf2{height:66px; background:#f9f9f9}
#lincMenu {border: 1px solid #dde; border-bottom:none}
#lincMenu .btnLinc{border-bottom: 1px solid #dde; font-size:14px; font-weight:500}
#lincMenu .btnLinc:hover{background: #f0f0f0 !important}

/* Contact Form */
#contactWrapper{margin-bottom:30px}
#mapBtnWrapper{border-bottom:4px solid #012160; font-size:13px;t}
#mapBtnWrapper .mapBtn{padding:10px 13px}
#mapBtnWrapper .mapBtn:hover{background:#012160 !important; color:#fff !important}
.ifrmWrapper{overflow:hidden; box-shadow:1px 1px 5px -1px #333}
.ifrmWrapper span{font-weight:600}
#formContact{padding:0 6px 0 25px}

/* Video Wrapper */
#videoWrapper{position: relative; padding-top: 25px; padding-bottom: 47.79% !important; /* 16:9 aspect ratio */ height: 0; width:100%; margin:6px 0 0 0;}
#ytplayer{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Showroom */
#showroomWrapper{margin-bottom:10px;}
.showrromItemList{margin-bottom:10px;}
.showroomImgWrapper{width:100%; height:200px; overflow:hidden; border:3px solid #fff;}
.imgShow{max-width:150%;}
.divShow{display:none}
.divShow div{width:100%; max-height:650px; position:relative; padding:30px; background:#181827;}
.divShow span{position:absolute; right:5px; top:5px; padding:5px 9px  7px 7px; color:#fff; border-radius:50%;}
.closeShow{cursor:pointer;}
.divShow img{max-width:100%; max-height:580px; border:10px solid #fff;}

/* News */
.newsWrapper{padding-top:8px; padding-bottom:20px}

/* Typologies */
#myModal{z-index:9; background:rgba(0,0,0,0.8); padding-top:35px}
.mdImageWrapper{max-width:100%;}
.imgTipos{max-width:100%; height:550px; border:4px solid #f0f0f0; display:block; margin:auto}
.dirLeftButton{position:relative; left:-105px; background:rgba(0,0,0,0.4); border-radius:50%; padding:10px 13px}
.dirLeftButton i{position:relative; left: -2px; top:1px}
.dirRightButton{position:relative; right:-105px; background:rgba(0,0,0,0.4); border-radius:50%; padding:10px 13px}
.dirRightButton i{position:relative; right: -2px; top:1px}
#tipWrapper{margin-bottom:50px}
#elemtipWrapper{margin-bottom:50px; padding-top:10px}
#prgfTipWrapper{margin-bottom:10px; margin-top:0; padding:0 16px}

/* Important settings for small devices */
@media (max-width:600px){
	#topBody{padding-top:89px !important} 
	#mainWrapper{padding: 0 0px; margin-bottom:0px} 
	#logo, #logo2{width:190px !important; margin-bottom:0px; border:0px solid #f00; display:inline-block} 
	#menuWrapper{background:#fff; box-shadow:2px 2px 5px #999} 
	#barProgress{top:69px;} 
	#myBar{ background-color:rgba(255,255,255,0.3)}
	.colFoot{margin-bottom:30px !important} 
	#ciaWrapper{margin-right:0; margin-bottom:25px;} 
	#formContact{padding:0 10px; margin-bottom:30px} 
	#prgfTipWrapper{padding:10px 0} 
	.dirLeftButton{left:0px;}  
	.dirRightButton{right:0px;}  
	.dirLeftButton:hover{background:rgba(0,0,0,0.4) !important}  
	.dirRightButton:hover{background:rgba(0,0,0,0.4) !important;} 
	.imgTipos{height:450px;}
	.txtWrapper{padding:0}
	.difWrapper{margin:0}
	#dropLicWrapper div button{padding:12px}	
	#partners{padding:0 !important}
	.card-partners{padding:0 !important}	
	.imgShow{max-width:250%;}
	.showrromItemList{padding:0 !important}
	.showrromItemList .odd {padding:2px !important}
	.showrromItemList .divShow {padding:0 !important}
	.showrromItemList .divShow div{padding:5px 5px 10px 5px !important}
	#mySlideShow{padding-top:65px; height:100%; background:#fff; min-width:100%; overflow: hidden !important; background:url(https://tympanus.net/Tutorials/CSS3SlidingImagePanels/images/bg.jpg);}
	#mySlideShow .mySlides{height:100%; background-position:center; width:100%; background-size:cover; display:none; border: 0px solid #fff; overflow:hidden;}
	#btn1{margin-left:-10px;}
	#btn2{margin-right:-10px;}
}
@media (max-width:992px) and (min-width:601px){
	#menuWrapper{background:#fff} 
	.subtitles{width:100%;} 
	.subtitles p{font-size:13px !important; line-height:17px !important} 
	.subtitles2{width:100%} 
	.subtitles2 p{font-size:13px !important; line-height:17px !important} 
	.subtWrapperLeft{top:89%;} 
	.subtWrapperRight{top:89%;}
}