
.mainNavPanel {
    display: block;
    
    margin: 0px;
    padding: 0px;
    
    height: 55px;
    
    background-color: white;
    
    border: solid 0px orange;
}



/* ===================== downloadContentPanel start ======================= */

.downloadContentPanel {
    display: block;
    position: relative;
    
    margin: 0px;
    padding: 0px;
    
    background-color: #D70000;

	min-height: calc(100vh - 55px);
}

@media (max-width: 767px) {
	.downloadContentPanel {
		min-height: 100vh;
	}
}

/* ===================== downloadContentPanel end ========================= */




/* ===================== .downloadContentPanel .leftCol start ============== */

.downloadContentPanel .leftCol {
    display: block;
    /*position: fixed;*/
    position: absolute;
    
    /*top: 55px;*/
    top: 0px;
    bottom: 0px;
    left: 0px;
    
    margin: 0px;
    padding: 0px;
    
    width: 27%;
    /*width: 370px;*/
    
    background-color: #FF0800;
    
    box-shadow: 10px 10px 40px rgba(0,0,0,0.3);
    
    border: solid 0px green;
}


.downloadContentPanel .leftCol .topIconsPanel {
	display: block;
	margin: 0px;
	margin-bottom: 22px;
	padding: 0px;
	padding-top: 45px;
	padding-left: 10px;
	border: solid 0px white;
}

    
.downloadContentPanel .leftCol .topIconsPanel .singleIcon {
	width: 55px;
	height: 65px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border: solid 0px grey;
}
.downloadContentPanel .downloadTitle {
	float: left;
	/*margin-right: 40px;*/
	margin: 15px 40px 10px 0;
	/*padding-right:20px;*/
	/*min-width: 35%;*/
	max-width: 60%;
	font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 16px;
	min-width: 115px;
}
.downloadContentPanel .downloadSources {
	padding: 10px 0px 10px 0px;
	float: right;
}
	
.downloadContentPanel .leftCol .topIconsPanel .singleIcon_back {
	background-image: url('../img/back-arrow.png');
}
.downloadContentPanel  .singleIcon_view {
	background-image: url('../img/view.png');
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin-right: 20px;
}
.downloadContentPanel .singleIcon_pdf {
	background-image: url('../img/pdf.png');
	width: 30px;
	height: 34px;
	display: block;
	float: left;
	margin-right: 20px;
}
.downloadContentPanel  .singleIcon_eps {
	 background-image: url('../img/eps.png');
	 width: 30px;
	 height: 34px;
	 display: block;
	 float: left;
	 margin-right: 20px;
 }
.downloadContentPanel  .singleIcon_zip {
	background-image: url('../img/zip.png');
	width: 30px;
	height: 34px;
	display: block;
	float: left;
	margin-right: 20px;
}
.downloadContentPanel .leftCol .topIconsPanel .singleIcon_downloadPage {
	margin-left: 5px;
	background-image: url('../img/page-icon.png');
}


.downloadContentPanel .leftCol .titlePanel {
	display: block;

	margin: 0px;
	padding: 0px;
	/*padding-left: 70px;*/
	padding-left: 15%;
	padding-right: 40px;

	font-family: "Montserrat", sans-serif;
	font-size: 40px;
	color: white;

	text-transform: uppercase;

	border: solid 0px grey;
}


.downloadContentPanel .leftCol .bottomIconsPanel {
	height: 120px;
	display: block;
	position: absolute;
	bottom: 40px;
	left: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: solid 0px white;
}

.downloadContentPanel .leftCol .bottomIconsPanel .singleIcon {
	display: inline-block;
	width: 100px;
	height: 120px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	border: solid 0px grey;
}

.downloadContentPanel .leftCol .bottomIconsPanel .singleIcon_youAct {
	background-image: url('../img/you-act.png');
	background-size: 87px auto;
}

.downloadContentPanel .leftCol .bottomIconsPanel .singleIcon_forumFinal {
	margin-left: 43px;
	background-image: url('../img/forum-final.png');
	background-position: 50% 60px;
	background-size: 65px auto;
}


   
/* ======================== RESPONSIVE ===============================*/   
   
   
 

/* media 1199px  */
	 
@media (max-width: 1199px) {
    
	.downloadContentPanel .leftCol .titlePanel {
        font-size: 34px;
    }
    
}

/* media 1176px  */
   
@media (max-width: 1176px) {

    .downloadContentPanel .downloadTitle {
		width: 100%;
		float: left;
		max-width: 100%;
	}
	
	
	.downloadContentPanel .downloadSources {
		width: 100%;
		float: left;
		/*padding: 2px 0px 2px 0px;*/
		padding-top: 7px;
	}
	   
}  

/* media 991px  */

@media (max-width: 991px) {
    
    .downloadContentPanel .leftCol .titlePanel {
        font-size: 28px;
    }
    
    .downloadContentPanel .leftCol .bottomIconsPanel {
        height: 100px;
    }
    
    .downloadContentPanel .leftCol .bottomIconsPanel .singleIcon {
        width: 80px;
        height: 100px;
    }
    
    .downloadContentPanel .leftCol .bottomIconsPanel .singleIcon_youAct {
        background-image: url('../img/you-act.png');
        background-size: 70px auto;
    }
    .downloadContentPanel .leftCol .bottomIconsPanel .singleIcon_forumFinal {
        margin-left: 10px;

        background-image: url('../img/forum-final.png');
        background-position: 50% 48px;
        background-size: 52px auto;
    }
    
} 

/* media 767px  */
        
@media (max-width: 767px) {
    
    .downloadContentPanel .leftCol {
        position: relative;

        top: initial;
        bottom: initial;
        left: initial;
        
        padding-bottom: 20px;
        
        width: 100%;
    }
    
    .downloadContentPanel .leftCol .topIconsPanel {
        padding-top: 75px;
    }
    
    .downloadContentPanel .leftCol .titlePanel {
        padding-left: 10%;
        padding-right: 10%;
        
        font-size: 28px;
        
        text-align: center;
    }
    
    .downloadContentPanel .leftCol .bottomIconsPanel {
        position: relative;
        
        bottom: initial;
        left: initial;
        right: initial;
        
        margin-top: 15px;
    }
    
} 
/* ======================== RESPONSIVE end ===============================*/
/* ===================== .downloadContentPanel .leftCol end ================ */




/* ===================== .downloadContentPanel .rightCol start ============= */

.downloadContentPanel .rightCol {
    display: block;
    position: relative;
    
    margin: 0px;
    padding: 0px;
    /*padding-left: 370px;*/
    
    width: 73%;
    /*width: 100%;*/
    
    float: right;
    
    background-repeat: no-repeat;
    background-position: 95% 95%;
    
    border: solid 0px greenyellow;
}


.downloadContentPanel .rightCol .downloadSectionSelectorPanel {
	display: block;
	position: absolute;
	
	top: 40px;
	right: 0px;
	
	margin: 0px;
	padding: 0px;
	padding-right: 20px;
	
	width: 310px;
	
	border: solid 0px white;
	box-sizing: border-box;
}
    
.downloadContentPanel .rightCol .downloadSectionSelectorPanel .titlePanel {
	display: block;
	
	margin: 0px;
	margin-bottom: 25px;
	margin-left: 25px;
	padding: 0px;
	padding-bottom: 10px;
	
	font-family: "Raleway", sans-serif;
	font-weight: 700;
	font-size: 12px;
	color: #870000;
	
	text-transform: uppercase;
	letter-spacing: 1px;
	
	border-style: solid;
	border-color: #870000;
	border-width: 0px 0px 2px 0px;
}

.downloadContentPanel .rightCol .downloadSectionSelectorPanel .sectionEntry {
	display: block;
	
	margin: 0px;
	margin-bottom: 16px;
	padding: 0px;
	padding-left: 25px;
	
	font-family: "Montserrat Light", sans-serif;
	font-size: 16px;
	color: white;
	
	text-transform: uppercase;
	
	cursor: pointer;
	
	border: solid 0px grey;
}
.downloadContentPanel .rightCol .downloadSectionSelectorPanel .sectionEntry:hover,
.downloadContentPanel .rightCol .downloadSectionSelectorPanel .sectionEntry.selected {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
}
.downloadContentPanel .rightCol .downloadSectionSelectorPanel .sectionEntry.selected {
	background-image: url('../img/triangle.png');
	background-repeat: no-repeat;
	background-position: 3px 50%;
}

.downloadContentPanel .rightCol .downloadSectionSelectorPanel .downloadsPageSectionPreviewPanel {
    display: none;
    
    margin: 0px;
    margin-top: 50px;
    padding: 0px;
    
    text-align: center;
    
    border: solid 0px green;
}
.downloadContentPanel .rightCol .downloadSectionSelectorPanel .downloadsPageSectionPreviewPanel.visible {
    display: block;
}

    .downloadContentPanel .rightCol .downloadSectionSelectorPanel .downloadsPageSectionPreviewPanel img {
        display: block;
        
        margin: 0px;
        margin-left: 28px;
        padding: 0px;
        
        max-width: 100%;
        
        border: solid 0px white;
    }


.downloadContentPanel .rightCol .downloadSectionsContentsPanel {
	display: block;

	margin: 0px;
	margin-right: 320px;
	padding: 0px;
	padding-top: 90px;
	padding-bottom: 70px;
	padding-left: 50px;

	border: solid 0px white;
}

.downloadContentPanel .rightCol .downloadSectionsContentsPanel .singleContentEntry {
	display: none;
	position: relative;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}
.downloadContentPanel .rightCol .downloadSectionsContentsPanel .singleContentEntry.selected {
	/*display: block;*/
	display: inline-block;
}
    
        
.downloadContentPanel .rightCol .downloadSectionsContentsPanel .singleContentEntry .singleDownloadPanel {
	display: block;
	/*width:100%;*/
	/*float:left;*/
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;

	/*background-image: url('.../img/questions_line.png');*/
	/*background-repeat: no-repeat;*/
	/*background-position: 12px 0px;*/
	clear: both;
	overflow: auto;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.downloadContentPanel .rightCol .downloadSectionsContentsPanel .singleContentEntry .singleDownloadPanel:first-of-type {
	background-position: 12px 5px;
}
.downloadContentPanel .rightCol .downloadSectionsContentsPanel .singleContentEntry .singleDownloadPanel:last-of-type {
	background-size: 1px 10px;
	margin-bottom: 40px;
}
.downloadContentPanel .rightCol .downloadSectionsContentsPanel .singleContentEntry .singleDownloadPanel .questionTitlePanel {
	display: block;
	
	margin: 0px;
	margin-bottom: 8px;
	padding: 0px;
	padding-left: 30px;
	
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: white;
	
	line-height: 24px;
	
	cursor: pointer;
	
	background-image: url('.../img/plus.png');
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
.downloadContentPanel .rightCol .downloadSectionsContentsPanel .singleContentEntry .singleDownloadPanel .questionTitlePanel:hover,
.downloadContentPanel .rightCol .downloadSectionsContentsPanel .singleContentEntry .singleDownloadPanel.opened .questionTitlePanel {
	font-weight: 700;
}

.downloadContentPanel .rightCol .downloadSectionsContentsPanel .singleContentEntry .singleDownloadPanel .questionTitlePanel:hover {
	background-image: url('.../img/question.png');
	background-position: 0px 50%;
}
.downloadContentPanel .rightCol .downloadSectionsContentsPanel .singleContentEntry .singleDownloadPanel.opened .questionTitlePanel {
	background-image: url('.../img/minus2.png');
	background-position: 2px 50%;
}

.downloadContentPanel .rightCol .downloadSectionsContentsPanel .singleContentEntry .singleDownloadPanel .questionContentPanel {
	display: block;
	
	margin: 0px;
	padding: 0px;
	/*padding-bottom: 25px;*/
	padding-left: 30px;
	
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: white;
	
	height: 0px;
	
	opacity: 0;
	
	overflow: hidden;
	
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
	
	border: solid 0px grey;
}
.downloadContentPanel .rightCol .downloadSectionsContentsPanel .singleContentEntry .singleDownloadPanel.opened .questionContentPanel {
	/*display: block;*/
	
	padding-bottom: 25px;
	height: auto;
	opacity: 1;
}

.downloadContentPanel .rightCol .downloadSectionsContentsPanel .singleContentEntry .downloadsPagePreviewPanel1 {
    display: block;
    position: absolute;
    
    margin: 0px;
    padding: 0px;
}

/* ======================== RESPONSIVE ===============================*/

/* media 991px  */

@media (max-width: 991px) {

    .downloadContentPanel .rightCol {
        background-size: 280px auto;
    }
    
    .downloadContentPanel .rightCol .downloadSectionSelectorPanel {
        width: 180px;
    }

    .downloadContentPanel .rightCol .downloadSectionSelectorPanel .titlePanel {
        font-size: 12px;
    }

    .downloadContentPanel .rightCol .downloadSectionSelectorPanel .sectionEntry {
        font-size: 14px;
    }
    
    .downloadContentPanel .rightCol .downloadSectionsContentsPanel {
        display: block;      
        margin-right: 190px;
    }
    
} 

/* media 767px */
                
@media (max-width: 767px) {
    
    .downloadContentPanel .rightCol {
        /*width: 100%;*/
        float: none;   
        background-size: 250px auto;
    }
    
    .downloadContentPanel .rightCol .downloadSectionSelectorPanel {
        position: relative; 
        top: initial;
        right: initial; 
        padding-top: 20px; 
        width: 100%;
    }
    
    .downloadContentPanel .rightCol .downloadSectionsContentsPanel {
        margin-right: 0px;
        padding-top: 20px;
        padding-left: 20px;
    }
	
	.downloadContentPanel .downloadTitle {
			width: 100%;
			float: left;
	}
	
	
	.downloadContentPanel .downloadSources {
			width: 100%;
			float: left;
	}
    
} 
/* ======================== RESPONSIVE end ===============================*/
/* ===================== .downloadContentPanel .rightCol end =============== */