/********************************************
 * Responsive Dropdown Menu
 * Big screens (up to 959px width) stylesheet
 * 
 * Contents:
 * 1) Responsive Dropdown Menu: Wrapper styles
 * 2) Responsive Dropdown Menu: Top level styles
 * 3) Responsive Dropdown Menu: Dropdown panel styles
 * 4) Responsive Dropdown Menu: Submenu columns
 * 
 ********************************************/


/*************************************
 * Responsive Dropdown Menu: Top level styles *
 *************************************/
/* @media only screen and (min-width: 1130px) { */
@media only screen and (min-width: 1260px) {
.rdd-menu > ul {
    position: relative;
    z-index: 950;
}

.rdd-menu > ul > li {
    position: static;
}

/* Top level arrow (indicates the Submenu): position of the background image '35px' depends of the width of top level menu item (above). For better look it should be 15px less than top level menu item padding (by default: 50px - 15px = 35px). */
.rdd-menu > ul > li.parent > a,
.rdd-menu > ul > li.parent > span {
    background-repeat: no-repeat;
    background-position: 35px -106px;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.rdd-menu #custom .submenu-panel { background: #73428f; }
.rdd-menu #logistics .submenu-panel { background: #b71f43; }
.rdd-menu #crashcourse .submenu-panel { background: #0c3b7e; }

.rdd-menu .submenu-panel .colgroup { max-height: 450px; position: relative; }

.rdd-menu #containers .submenu-panel .colgroup { float: left; background: url(/resource/1440183886000/containersPanelBackground) 150px 150px no-repeat #f1822e; border-radius: 0 0 5px 5px; padding: 0 30px; height: 325px; }
.rdd-menu #closures .submenu-panel .colgroup { float: left; background: url(/resource/1440183919000/closuresPanelBackground) 150px 150px no-repeat #f1ae27; border-radius: 0 0 5px 5px; padding: 0 30px; height: 325px; }
.rdd-menu #decorating .submenu-panel .colgroup { float: left; background: url(/resource/1440183947000/decoratingPanelBackground) bottom left no-repeat #3c6db5; border-radius: 0 0 5px 5px; padding: 0 30px; height: 420px; }
.rdd-menu #about_us .submenu-panel .colgroup { float: left; background: #3ebca4; border-radius: 0 0 5px 5px; padding: 0 30px; }
.rdd-menu #crashcourse .submenu-panel .colgroup { float: left; background: #0c3b7e; border-radius: 0 0 5px 5px; padding: 0 30px; }


.rdd-menu .submenu-panel {
    display: none;
}

.rdd-menu li:hover > .submenu-panel {
    display: block;
}

.rdd-menu .submenu-panel li { display: block; float :left; width: 300px; }

.rdd-menu .submenu-panel li > a { float: left; }

.rdd-menu ul ul > li:hover > ul {
	display: block;
}

/******************************************
 * Responsive Dropdown Menu: Dropdown panel styles *
 ******************************************/
.rdd-menu .submenu-panel {
    display: block;
    padding: 0;
    font-size: 12px;
    position: absolute;
    top: 100%;
    left: 0;
    height: 0;
    z-index: 102;
    opacity: 0;
    overflow: hidden;
}


.rdd-menu .submenu-links { max-height: 300px; }

.rdd-menu li:hover > .submenu-panel {
    height: auto;
    opacity: 1;
    overflow: visible;
}

.rdd-menu ul ul {
	padding-top: 0;
	margin-left: 15px;
	top: 0;
}

.rdd-menu ul ul > li > a {
    padding: 4px 15px;
    font-size: 13px;
    text-transform: none;
    text-align: left;
    height: auto;
    background-repeat: no-repeat;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	border-bottom: 1px dotted #fffffff;
	width: 250px;
}

.rdd-menu .submenu-panel h2,
.rdd-menu .submenu-panel .h2 {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 30px;
}

.rdd-menu .submenu-panel h3,
.rdd-menu .submenu-panel .h3 {
    font-size: 14px;
    margin-bottom: 17px;
    padding-bottom: 8px;
}

.rdd-menu .submenu-panel h4,
.rdd-menu .submenu-panel .h4 {
    font-size: 14px;
    margin-bottom: 15px;
}

.rdd-menu .submenu-panel .single-list {
    margin-top: 0;
}

.rdd-menu .submenu-panel p,
.rdd-menu .submenu-panel .p {
    display: block;
    margin-bottom: 14px;
	color: #ffffff;
}

.rdd-menu .submenu-panel p.last,
.rdd-menu .submenu-panel .p.last {
    margin-bottom: 0px;
}

.rdd-menu .submenu-panel .submenu-separator {
    display: block;
    float: left;
    width: 94%;
    margin: 0 3%;
    height: 3px;
}



/************************************
 * Responsive Dropdown Menu: Submenu columns *
 ************************************/

.rdd-menu .submenu-panel .colgroup {
    position: relative;
}

.rdd-menu .submenu-panel .col {
    display: block;
    width: auto;
    padding: 0;
    margin: 32px 0 0 0;
}

/* Single column layout */
.rdd-menu .submenu-panel .single-col .col {
    width: 94%;
}

/* Two columns layout */
.rdd-menu .submenu-panel .two-cols .col {
    width: 44%;
}

/* Three columns layout */
.rdd-menu .submenu-panel .three-cols .col {
    width: 27%;
}

/* Four columns layout */
.rdd-menu .submenu-panel .four-cols .col {
    width: 19%;
}

/* Column with map */
.rdd-menu .submenu-panel .col.submenu-map-wrapper {
    display: block;
}

.rdd-menu .submenu-panel .col .margin-25 {
    width: 100%;
    height: 25px;
    line-height: 25px;
}

/* Column with Submenu related info (headline, image and text): Static */
.rdd-menu .submenu-panel .col.submenu-info {
    display: block;
    width: 30%;
}

.rdd-menu .submenu-info p {
    font-size: 14px;
    line-height: 22px;
}

.rdd-menu .submenu-info img {
    display: block;
    max-width: 100%;
    margin-bottom: 17px;
}
}

/* @media only screen and (min-width: 1130px) and (max-width: 1340px) {	*/
@media only screen and (min-width: 1260px) and (max-width: 1340px) {    

	.rdd-menu .submenu-panel h2, .rdd-menu .submenu-panel .h2 { font-size: 35px; line-height: 40px; margin-bottom: 25px; }
	.rdd-menu .submenu-panel .two-cols .col { width: 240px; }
	.rdd-menu #containers ul li a, .rdd-menu #closures ul li a { width: 185px; }
	
	.rdd-menu #containers ul ul, .rdd-menu #closures ul ul { left: 485px; }
	.rdd-menu #closures .submenu-info { min-height: 400px; }
	
	.rdd-menu #decorating .single-list { width: 175px; }
	.rdd-menu #decorating ul li a { width: 175px; }
	.rdd-menu #decorating .submenu-info { min-height: 450px; }


}