@import url(//static.neoreef.com/common/css/columns/1.0.0/columns.css);

.body {
    margin:0px;
}

.full-width .module-class .content{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    transition: all 500ms;
}

/* Modules */

.module-title,
.module-content{
    display: inline-block;
    width: 100%;
}

.module-class .content{
    padding: 30px;
}
.module-class .zero-margin.content {
    padding: 0;
}
.module-title {
    position: relative;
}
.module-title-menu {
    float: right;
    z-index: 1;
}
.full-width .module-class, .search .module-class{
    padding: 0;
}
.module-class h1{
    font-weight: normal;
}
.full-width .module-class .content{
    padding: 50px 0px;
}
.full-width .module-class .content > *{
    padding: 0px 30px;
}
.full-width .module-class .zero-margin.content, .full-width .module-class.zero-margin, .full-width .module-class .zero-margin.content > *{
    padding: 0px;
}
.full-width .module-class.zero-margin .content > *{
    margin: 0;
    padding: 0;
}

	

/* Media Breaks */
@media only all and (min-width: 480px) {
    .full-width .module-class .content{
        width: 460px;
    }
    .full-width .module-class .zero-margin.content{
        width: 100%;
    }
	
}

@media only all and (min-width: 768px) {
    .full-width .module-class .content{
        width: 748px;
    }
    .full-width .module-class .zero-margin.content{
        width: 100%;
    }
	
}

@media only all and (min-width: 980px) {
    .full-width .module-class .content{
        width: 748px;
    }
    .full-width .module-class .zero-margin.content{
        width: 100%;
    }
	
}

@media only all and (min-width: 1200px) {
    .full-width .module-class .content{
        width: 1180px;
    }
    .full-width .module-class .zero-margin.content{
        width: 100%;
    }
	
}

/* Menu */

.nav { position: relative; }
.responsive-menu-toggle {
    display: none;
    cursor:pointer;
    position:absolute;
    text-decoration: none;
    text-align: center;
    width: 40px;
    height: 36px;
	padding-top:4px;
}
.responsive-menu-toggle:before {
    content: '\f0c9';
    font-family: 'FontAwesome';
    font-size: 30px;
    text-transform: none !important;
    line-height: 34px;
    -webkit-font-smoothing: antialiased;
}
#Menu { display: block; float:left; width: 100%; }
#Menu a, #Menu a:hover { white-space: nowrap; text-decoration: none; display: block;}
#Menu ul { list-style:none outside; margin: 0; padding: 0; border: 0; vertical-align: baseline;}

/* main menu 1st level */
#Menu > ul { float: left; text-align:left; position: relative; width:100%; margin-top:0px; }
#Menu > ul > li { margin: 0; position: relative; z-index: 203; float:left; }
#Menu > ul > li.last { float:right; }
#Menu > ul > li.hover { z-index: 204;}
#Menu > ul > li > a {padding: 20px 15px 21px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 0.9em; text-transform:uppercase; }
#Menu > ul > li.current > a { padding: 20px 15px 21px; }

 
#Menu ul li.last ul li ul { right: 100%; left: auto; }

/* main menu 2nd level */
#Menu ul ul { position: absolute; left: 0px; top: 100%; z-index: 205; margin: 0; padding: 0;  display: none;}
#Menu ul li ul { position: absolute; left: 0px; top: 100%; z-index: 205; margin: 0; padding: 0; display: none; }
#Menu ul li ul li { padding: 0; width: 100%; min-width:150px; position: relative; font-weight: normal;}
#Menu ul li ul li a { padding: 6px 15px; font-weight: 300; font-size: .9em;}
#Menu > ul > li ul li.submenu .menu-toggle:before {
    font-size: 50px;
    line-height: 50px;
}

/* main menu 3rd level */
#Menu ul li ul li ul { position: absolute; left: 100%; top: 0px; z-index: 204; padding: 0; }
#Menu ul li ul li ul li a {font-size: 0.85em;}

/* main menu .last-item */
#Menu ul li ul li.last-item > a,
#Menu ul li ul li ul li.last-item > a { border-bottom-width: 0px; }
#Menu ul ul ul { position: absolute; left: 225px; top: 100%; z-index: 205; margin: 0; padding: 0; display: none;}


/* All Mobile Sizes (devices and browser) */


@media only all and (max-width: 1199px) {
	#Menu > ul > li > a {padding: 20px 15px 21px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 0.9em; text-transform:uppercase; }
	#Menu > ul > li.current > a { padding: 20px 15px 21px; }
}

@media only all and (max-width: 1199px) and (min-width: 980px) {
	
}

@media only all and (max-width: 979px) {
	
    /* main menu 1st level */
    #Menu ul li	{ width: 100%;}
    #Menu ul li a,
	#Menu > ul > li.current > a { padding: 10px 20px; }
    #Menu ul li.submenu .menu-toggle { text-align:center; content: '\f067'; font-family: 'FontAwesome'; width:50px; height:42px; line-height:42px; display:block; position:absolute; right:0; top:0;}
    #Menu ul li.submenu .menu-toggle:before { text-align:center; content: '\f067'; font-family: 'FontAwesome'; width:50px; height:42px; line-height:42px; display:block; position:absolute; right:0; top:0;}
	#Menu ul li ul li.submenu .menu-toggle:before{
        content: '\f067';
        font-family: 'FontAwesome';
        font-size: 18px;
        text-transform: none !important;
        line-height: 51px;
        -webkit-font-smoothing: antialiased;
    }
    #Menu ul li.submenu.hover > .menu-toggle:before{
        content: '\f068';
    }

    /* main menu 2nd level */
    #Menu ul li	ul { position:relative !important; left:0 !important;}
    #Menu ul li	ul li { width:100% !important;}
    #Menu ul li	ul li a { padding: 5px 20px 5px 30px;}

    /* main menu 3rd level */
    #Menu ul li	ul li ul li a { padding: 15px 20px 15px 60px;}
	
	#Menu > ul > li.last	{ margin-right:0; }
	#Menu > ul > li IMG		{ height: 30px !important; width: auto; margin: 0px 5px -15px -10px !important; }
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only all and (min-width: 768px) and (max-width: 979px) {
    /* Responsive menu */
    #Menu { position: relative; width: 300px; right:0; }
    #Menu ul { position: absolute; right:0; z-index:999;}
    #Menu ul li { width:300px;}
    #Menu ul ul { border: none;}
}

@media only all and (max-width: 767px) {
	
    #Menu { display:none; position:absolute; margin: 0; float:left; left:0; z-index:999; }

    #Menu { width: 100% }
    #Menu > ul { width: 100% }
    #Menu ul { margin-left:0; }
	
    .responsive-menu-toggle { right: 0; z-index:9999;}
}
@media only all and (max-width: 479px) {
}