@charset "utf-8";

/*============================================

	WEBSITE DEVELOPER: KAROLINE DASSIE
	
	Main Colors:
	- Orange: #f56400
	- Gray: #6a6a6a
	- White: #fff
    - Black: #000
	
/* ============================ 

	Reset

==============================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}
ol, ul {
	list-style: none;
}

::-moz-selection {
	background:  #f56400;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #f56400;
	color: #fff;
	text-shadow: none;
}
	
/* =============================================================================
   
   LAYOUT
                                                               
============================================================================= */

	body, html{
		 -webkit-text-size-adjust: none;
		font-size: 15px;
		line-height:1.5em;   
		color: #515151;
		background: #000;
		font-weight: 300; 
		font-family: 'Poppins', sans-serif;
		overflow-x: hidden; 
	}
	.clear{clear:both;}
	.sitewidth{ width:96%; margin:0 auto; position:relative}
    .sitewidthsmall{ max-width:1200px; padding:0 20px; margin:0 auto; position:relative; }
    
	.column1 {width:100%;}
	.column2 {width:47.5%; *width: 47.5%; float:left; margin-right:5%; box-sizing: border-box;}
	.column3 {width:33.33333%; *width: 30%; float:left; padding:0 20px; box-sizing: border-box;}
	.column4 {width:23%; *width: 23%;  margin-right:2%; float:left;  box-sizing: border-box;}
	.column5 {width:20%; float:left; padding-right:1%; box-sizing: border-box;}
	
	.twothird{width:70%; *width: 70%; float:left; padding-right: 30px; box-sizing: border-box;}
	.onethird{width:30%; *width: 30%; float:left; box-sizing: border-box; }
	.dois-terco{width:70%; *width: 70%; float:left; padding-right: 30px; box-sizing: border-box;}
	.um-terco{width:30%; *width: 30%; float:left; box-sizing: border-box; }
	
	.last{padding-right:0; margin-right:0!IMPORTANT;}
	.center{text-align:center}
	
/* =============================================================================
   
   TYPOGRAPHY
                                                               
============================================================================= */
	
	h1 { font-weight:900; color:#000; font-size:35px; line-height:normal; text-transform: uppercase;font-family: 'Poppins', sans-serif; 
        /*color: #fff; -webkit-text-stroke: 1px black;*/}
	h2 { font-weight:700; color:#000; font-size:20px; line-height:normal;font-family: 'Poppins', sans-serif;}
	h3 { font-weight:500; color:#f56400; font-size:30px; text-transform: uppercase; margin-bottom: 20px}
	h4 { font-weight:900; color:#fff; font-size:20px; margin-bottom: 10px; text-transform: uppercase;}
	h5 { font-weight:900; color:#fff; font-size:16px; margin-bottom:10px;font-family: 'Poppins', sans-serif; }
.title-text {
    font-weight: 500;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
	p, ul, ol, li { font-size: 15px; font-weight: 400; color: #515151}
	
	td.fontbold{font-weight:900!important;}
	span.red { color:#f56400 !important; }
	strong{font-weight:900}

/*  LINKS */
	a, a:visited, a:active { color: #000; font-weight: 400; }
	a:hover { color: #f56400;transition:background-color 200ms ease, background-color 200ms ease, all 200ms ease }
	
	#main-container a, #main-container a:visited,#main-container a:active { color: #000; }
	#main-container a:hover{ color: #f56400;  }

	a.button, button, .button, a.button:visited, button:visited, .button:visited { 
		color: #fff;
		font-weight: 700;
		background: #6a6a6a;
		padding: .85em 1.25em;
	}
	a.button:hover, button:hover, .button:hover, a.button:focus, button:focus, .button:focus {
		background: #6a6a6a;
	}

	a.botao:link,  a.botao:visited,  a.botao:active { 
		color: #fff!important;
		font-weight: 700;
		background: #000;
        display: block;
        width: 70%;
        margin:10px auto 0 auto;
		padding: 10px 0;
	}
	a.botao:hover {
		background: #f56400;
    }

    #forceblack{color: #000!important}

/* =============================================================================
   
   INVENTORY FRAMELESS
                                                             
============================================================================= */
    .hosted-content h2 a{font-size: 19px; color:#6a6a6a!important; font-weight: 900}
    .hosted-content .listings-wrapper .listings-list .listing-banner{background:#f56400!important}
    .hosted-content #listings-title { 
        text-align:left; 
        font-weight:500!important; 
        color:#f56400!important; 
        font-size:25px!important; 
        text-transform: uppercase!important;
        -webkit-text-stroke: 0px!important;
    }
    .attachment-search .search-checkboxes .scroll-list{ text-align: left;}
    .hosted-content h3{line-height: normal!important;font-size: 25px!important}
    #main-container .hosted-content{text-align: left}
    .hosted-content h1 {color:#6a6a6a; font-size: 28px!important;}

/* =============================================================================
   
   HEADER STYLES  
                                                             
============================================================================= */

/* Header */
	header { 
		background: #f56400;
		width: 100%;
		top: -115px;
	}
	.head { height: 114px; overflow: visible; background:#f56400;}
	
	header.onPageScroll {
		top: 0;
		position:fixed;
		z-index:9999999999;
	}

    #logo-modf {text-align: center}
    
    #logo-modf .header-text{
        display: inline-block;
        padding-right: 38px;
        font-weight: 900;
        color: #000;
        font-size: 35px;
        line-height: normal;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
    }
    #logo-modf .header-text-sml {
        display: inline-block;
        font-weight: 700;
        color: #000;
        font-size: 20px;
        line-height: normal;
        font-family: 'Poppins', sans-serif;
    }

	#logo {display: inline-block; padding:0  0 0 10px ; float: left; }

    #rightheader{float:right; margin: 10px 10px 0 0;}

    #infotop-desktop{text-align: right;}
    #infotop-desktop a i{font-size: 20px; padding-right: 5px}
	#infotop-desktop a:hover{color:#6a6a6a!important; }    
    #infotop-desktop a { padding: 10px  15px; display:inline-block; color: #fff!important }    


/* Menu Main */
	.menu-main-container{
		position:relative; 
		z-index:9999999;  
        float: left;
        width: 100%;
        background: #6a6a6a;
	}
	.menu-main-container ul {
		margin: 0 auto;
		padding:0;
		list-style: none;
		text-align:left;
	}
	.inven .menu-main-container ul {
		display: block;
		width: 100%;
		
	}
	.inven #menu-main li { margin: 0; }
	#menu-main li a {
		display:block; 
		color: #fff; 
		padding:1em;
		font-size: 17px;
		font-weight:700;
        text-transform: uppercase;
		position: relative;
		font-family: 'Poppins', sans-serif;
	}
    #menu-main li a.active{ background:  #fff; color: #6a6a6a}  
	#menu-main li a:hover { background: #fff; color: #6a6a6a}  
	#menu-main li {
		position: relative;
           float: left;
	}
	#menu-main li ul li a {color:#000;}
	#menu-main > li { 
		display: inline-block; 
	} 
	#menu-main > li > a { 
	}
	#menu-main > li:hover, 
	#menu-main > li:hover > a { 
	}
	.menu-main-container button.mobile_btn {
		display: none;
	}

/* Sub-Menu */
	#menu-main ul {
		position: absolute;
		white-space: nowrap;
		z-index: 999999;
		left: -99999em;
		background: #f56400;
		text-align: left;
		margin-top: -1px;
		color: #fff;
	}
	.inven #menu-main ul { margin: 0px; }
	#menu-main ul li { margin: 0px; float: none;}
	#menu-main ul li a {
		padding: .5em 1em;	
		font-weight: 400;
		font-size: 13px;
	}
	#menu-main ul li a.active { 
		background: #6a6a6a; color: #fff
	}
	#menu-main ul li a:hover {
		background: #6a6a6a; color: #fff
	}
	#menu-main > li:hover > ul {
		left: auto;
		min-width: 100%;
		width:250px!important	/* added */
	}
	#menu-main > li li:hover > ul { 
		left: 100%;
		top: -1px;
	}
	
/* Dropdown Arrow */
	#menu-main li > a:after {
		content: ' ';
		background:url(../siteart/slideshow/mobile_arrow.png) no-repeat 50% 55%;
		opacity: 1;
		background-size: 8px;
		height: 100%;
		width: 15px;
		position: absolute;
		top: 0px;
	}
	#menu-main li > a:hover:after {
		content: ' ';
		opacity: 1;
	}
	#menu-main li > a:only-child:after {
		content: '';
		background: transparent;
	}
	
/* Mobile Menu */
	.off-canvas {
		background: #f56400;
		height: 100%;
		min-height: 100vh;
		display: none;
	}
	.off-canvas header {
		background: transparent;
		padding: 0px;
		position: relative;	
		top: 0;	
	}
	.mobile.button {
		display: none;
	}
	.off-canvas-wrapper {
		overflow: visible!important;
		background:#f56400;
	}
	.mobile-nav {
		width: 100%;
		position: relative;
		height: auto;
	}
	.mobile-nav #mobile-menu-main {
		margin: 0px;
	}
	.mobile-nav #mobile-menu-main li {
		width: 100%;
		position: relative;
	}
	.mobile-nav #mobile-menu-main li a:hover {
		background: #fff;    
        color:#6a6a6a!important
	}
	.mobile-nav #mobile-menu-main a {
		width: 100%;
		color: #fff;
        font-weight: 700;
		display: block;
		text-decoration: none;
		padding: 10px 5%;
		height: 45px;
		position: relative;
		border-bottom: 1px solid #fff;
		font-size: 14px;
		box-sizing: border-box;
	}

/* Sub-Menu */
	.mobile-nav #mobile-menu-main ul {
		position: relative;
		white-space: nowrap;
		z-index: initial;
		left: 0;
		background: transparent;
		text-align: left;
	}
	.mobile-nav ul.sub-menu li ul.sub-menu {
		margin: 0px;
		display: none;
	}
	.mobile-nav ul li a:hover {
		color: #fff !important;
	}
	.mobile-nav #mobile-menu-main > li li:hover > ul {
		left: 0px;
	}
	.mobile-nav #mobile-menu-main > li:hover, #mobile-menu-main > li:hover > a {
		border-color: #f56400;
	}
	.mobile-nav #mobile-menu-main > li > .sub-menu > li > ul.sub-menu li a {
		padding: 10px 15%;
	}
	.mobile-nav #mobile-menu-main > li > .sub-menu > li > ul.sub-menu > li > ul.sub-menu li a {
		padding: 10px 20%;
	}
	.mobile-nav #mobile-menu-main > li > .sub-menu {
		display: none;
		margin: 0px;
	}
	.mobile-nav #mobile-menu-main > li > .sub-menu li a {
		padding: 10px 10%;
	}

/* Mobile Btn */
	.mobile-nav li button.mobile_btn {
		height: 45px;
		width: 50px;
		position: absolute;
		top: 0;
		right: 0;
		background-size: 10px;
		background:none!important;
	}
	button.mobile_btn::after {
		content: ' ';
		position: absolute;
		top: 0;
		background: url(../siteart/slideshow/mobile_arrow.png) no-repeat center center;
		background-size: 10px;
		width: 100%;
		height: 100%;
		right: 0;
	}
	.mobile-nav li button.mobile_btn.active::after {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
		
/* =============================================================================
  
    HOME PAGE 
                                                                
============================================================================= */
   
    #contactsline{background: #000; padding: 10px 0; text-align: center;}
    #contactsline a:link, #contactsline a:visited, #contactsline a:active {color:#fff}
    #contactsline a:hover{color: #f56400!important}
    #contactsline p.org{color: #f56400!important; display: inline-block; margin-left:15px}

    #starburst {
        background: #7c7c7c url("../siteart/RAIOSdark.jpg") no-repeat center center;
        position: relative;
        width: 100%;
        text-align: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #starburst img {max-width: 968px; width: 100%}
     
/* =============================================================================
  
  BODY CONTENT
                                                                
============================================================================= */
    iframe.mapa{display: block; border:0; width: 100%; height:500px}
    img.respimg{width:100%}
    
    /* Slider */
	#slider {
		height: 40vh;
		overflow:hidden;
		position:relative;
		width: 100%;
		background: #222;
		display: table;
		margin-bottom: 0;
		z-index:0;
	}
	#slider .orbit-container {
		margin: 0;
		list-style: none;
		overflow: hidden;
		height: 40vh !important;
		width: 100%;
		text-align:left;
	}
	#slider .orbit-slide {
		background-repeat: no-repeat;
		background-size: cover;
		height: 40vh;
		background-position: 50% 50%;
		width: 100%;
		z-index: 0;
	}
	#slider .orbit-caption {
		display: table;
		height: 100%;
		top: 0;
		left: 150px;
		position:absolute;
		background: transparent;

	}
	#slider .orbit-caption section {
		display: table-cell;
		vertical-align:middle;
	}
	.orbit-next::after, .orbit-previous::after { display: none; }
	.orbit-next, .orbit-previous { 
		z-index: 2; 
		cursor: pointer;
		background: transparent;
		padding: 5px;
	}
	.orbit-next:hover, .orbit-previous:hover, .orbit-next:focus, .orbit-previous:focus, .orbit-next:active, .orbit-previous:active { background: rgba(0,0,0,.5) }
	.orbit-next, .orbit-previous { background: transparent; }
	.orbit-next img, .orbit-previous img { width: 40px; display: block; margin: 0px auto; }
	
		/* Interior */
		#interior #slider { margin-bottom: 0; }
		#interior #slider .orbit-container, #interior #slider, #interior #slider .orbit-slide {
			height: 35vh !important;	
		}
		#interior .orbit-caption {
			left: 0;
			right: 0;
			margin: 0px auto;
			text-align: center;		
		}

/* Main Container */
	#main-container { background:#fff; }
	
	#main-container {
		display:block;
		padding: 4em 0;
		background:#fff;
	}

	
/* Logo Bar */
	.slick-next:before {
		background: url(../siteart/slideshow/next.png) no-repeat 50% 50% #f56400;
		right: 45px;
	}
	.slick-prev:before {
		background: url(../siteart/slideshow/prev.png) no-repeat 50% 50% #f56400;
		left: 45px;
	}
	.slick-next:before, .slick-prev:before {
		background-size: 20px;
		position: absolute;
		content: ' ';
		display: block;
		z-index: 99999999;
		width: 25px;
		height: 25px;
		border-radius: 3px;
		opacity: 1;
		top: 0;
	}
	button.slick-prev.slick-arrow {
		position: absolute;
		z-index: 999;
	}
	.slick-slide img {
		display: block;
		height: 100px;
		padding: 25px 0;
	}
	.slick-slide { 
		display: table;
		padding: 0 35px 0 0;
	}


/* =============================================================================

   SCROLLING INVENTORY                                                         
        
============================================================================= */
	.scrolling-wrap {
		width:100%;
		height:120px;
		overflow:hidden;
        background: #6a6a6a;
        padding: 15px 0;
	}

	.scrolling{
		width:100%;
		height:120px;
	}


/* =============================================================================

   FOOTER                                                          
        
============================================================================= */
    
	footer { 
		background:#f56400;
		color:#000!important;
		padding: 2em 0;
		width: 100%;
		font-family: 'Poppins', sans-serif;
	}

	footer .column4 { 
		
}

    footer a, footer a:active,footer a:visited,footer a:link, footer p{font-size:15px; color:#fff;font-family: 'Poppins', sans-serif;}
    footer a:hover{font-size:15px; color:#000; font-weight: 900}

    #copyright {background: #000; padding: 15px 0; color: #D5D5D5; }
    #copyright a, #copyright p{color: #D5D5D5; font-weight: 900 }
    .copyrightL{float:left; width:50%;text-align: left}
	.copyrightR{float:left; width:50%;text-align: right}


/* =============================================================================

   FORM                                                         
        
============================================================================= */

    .CaptchaPanel{padding: 0!important; margin: 0!important}
    .CaptchaMessagePanel {padding: 0!important; font-weight: 500!important}
    .CaptchaWhatsThisPanel {padding: 0!important}
    .button:hover{background:#f56400!important}

/* =============================================================================

   FOUNDATION RESETS                                                         
         
============================================================================= */

	.row.full { max-width: 100%; padding: 0 50px; margin: 0px auto; }
	.columns.collapse { padding: 0px; }
	#slider .orbit-container:active, #slider:focus, #slider:active, #slider .orbit-container:focus { outline: none; }
	.hidden { display: none; }


/* =============================================================================

   RESPONSIVE STYLES                                                   
             
============================================================================= */


@media only screen and (max-width: 1350px) {
	#menu-main li a { padding: 1em; }
}

@media only screen and (max-width: 1100px) {
	.head{height:auto}
	.mobile.button {
		background: url(../siteart/mobile.png) center center no-repeat;
		background-size: contain;
		height: 28px;
		width: 28px;
		position:relative;
		color: transparent !important;
		margin: 0 ;
		display: block;
	}
	.mobile-nav h2{font-size:18px; padding: 5%; background: #000; color: #f56400; margin:0 }
	.menu-main-container {display: none;}
	header{ padding: 0}
	header.onPageScroll {
		padding:10px 0
	}
	.off-canvas {display: block;}
	#menu-main li a { padding: 0.8em 0.5em; font-size: 13px; }
	#main-container{padding:2em 10px 2.5em 10px; text-align: center;}
	#main-container.inventory-cont-1{text-align: inherit;}
    #menuwrapmobile{border-top:1px solid #fff; padding: 10px ; clear: both; background: #6a6a6a}
   
    
}

@media only screen and (max-width: 1040px) {
	.full-screen{display:none}
	#mobile-search{display:block; margin-bottom:1em; background:#f56400}
	#mobile-search input[type='submit']{margin-top:0!important}
	#mobile-search input[type='submit']:hover{background:#f56400!important;color:#fff!important}
    
}

@media only screen and (max-width: 900px) {

	.field-wrapper {
		width: 100%;
		display: inline;		
	}
	.row.full { padding: 0 0rem; }
    .column4{float:left; width:50%; margin:0 auto;  position:relative;padding:10px 0}
}


/* iPhone 5, 6, 6+ ----------- */

@media screen and (max-width: 810px){
    h1{font-size: 30px; line-height: 30px}
    #logo-modf .header-text {padding-right: 0;}
	.column2{float:none; width:100%; margin:0 auto;  position:relative;padding:10px 0; text-align: center}
    .column3{float:none; width:100%; margin:0 auto;  position:relative;padding:10px 0; text-align: center}
    .orbit-next img, .orbit-previous img{width: 20px}
    
    #rightheader {
        display: block;
        padding: 0;
        float: none;
        text-align: center;
        margin: 0 auto
    }
    #infotop-desktop{text-align: center;}
    #logo {
        display: block;
        padding: 10px 0 0 0;
        float: none;
        text-align: center;
    }
    #logo img{margin:0 auto; display: block; text-align: center}
    
    .copyrightR, .copyrightL{float:none; width:100%; margin:0 auto; position:relative; text-align: center}
    
    
}


/* Galaxy (portrait and landscape) ----------- */

@media screen and (max-width:650px){
    #contactsline a:link, #contactsline a:visited, #contactsline a:active{display: block}
    .column4{float:none; width:100%; margin:0 auto;  position:relative;padding:10px 0; text-align: center}
}


/* Smartphones (portrait and landscape) ----------- */

@media screen and (max-width: 580px){
}
 
@media screen and (max-width: 400px){
 
}