html{overflow:auto;}
h1{text-align:center; line-height:1.5 !important;}
#productList_new{height:auto !important; overflow:auto !important; padding-bottom: 0px !important;}
table{border-collapse: collapse; width: 96%; margin:30px auto;}
td, th {border: 1px solid #dddddd; width: 80px; padding: 8px;}
td:first-child{color: #5d5e5c; font-weight:bold;}
th{background-color:#f0efef;}

#main{width:90%}
#main p, #main ul, #main ol, #main ul li, #main ol li{font-size:16px; line-height:1.9;}
#main h2 {font-size: 24px; line-height: 1.9; color: #e25326; padding-top: 25px; border-top: 1px solid #b5b3b3; margin-top: 30px;}
#main h3 {font-size: 18px; line-height: 1.9; color: #136a6a; padding-top: 15px;}

#main ul li, #main ol li{margin-bottom:15px;}
#main p a, #main ul li a{text-decoration:none; border-bottom:2px solid #1062b2; color:#0e4377;}
#main p a:hover, #main ul li a:hover{text-decoration:none; color: #e25326; border-bottom:1px solid #e25326;}

#related-trainings-wrap h3{font-size: 18px; padding-top: 15px;}
#related-trainings-wrap p{margin-bottom:1.7rem;}

#logo_section, #cart_section{width:auto;}
.breadcrumb{background-color:#fff; width:100%; padding:10px 5%;}
div.bread-scroll{background-color:#ececec; border-bottom: 2px solid #639ed2; padding: 10px 5%; position:fixed; top: 0;}
div.bread-scroll a{font-size:15px; font-weight: bold; color: #066dd9;}
div.bread-scroll a:hover{border-bottom:2px solid #066dd9;}	
.breadcrumb a{color:#007bff;}
.breadcrumb a:hover{border-bottom:1px solid #007bff;}	
.head_nav{position:fixed; top: 300px; left:-105px; z-index:999; cursor: pointer; transform: rotate(-90deg); margin:0px;}
div.head_nav a{text-decoration:none;}

.glossy-button {display: inline-block; position: relative; background-color: #AAA; font-size: 20px; font-family: sans-serif; font-weight: bold; color: white; padding: 8px 27px; border: none; border-radius: 50px; margin: 10px; box-shadow: inset 0 -5px 5px hsla(0, 0%, 0%, 0.4), inset 0 5px 5px hsla(0, 0%, 100%, 0.4), -5px 5px 5px hsla(0, 0%, 0%, 0.15), 5px 5px 5px hsla(0, 0%, 0%, 0.2); cursor: pointer; transition: transform 0.1s, box-shadow 0.1s; letter-spacing: 1px;}		

.glossy-button--blue {background-color: #0B72BF;}		
.glossy-button:hover {transform: scale(1.05); box-shadow: inset 0 -5px 15px hsla(0, 0%, 0%, 0.4), inset 0 5px 15px hsla(0, 0%, 100%, 0.4), -5px 5px 5px hsla(0, 0%, 0%, 0.15), 5px 5px 5px hsla(0, 0%, 0%, 0.2);}
#header_search{padding:20px 0px; margin:0px auto; width:35%;}
#header_search form{display: flex; flex-direction: row; align-items: center;}	
#searchQueryInput{width: 100%; height: 2.8rem; background: #f9f9f9; outline: none; border: none; border-radius: 1.625rem; padding: 0 3.5rem 0 1.5rem; font-size: 1rem; border: 1px solid #066dd9;}
#searchQuerySubmit{width: 3.5rem; height: 2.8rem; margin-left: -3.5rem; background: none; border: none; outline: none;}
#searchQuerySubmit:hover{cursor: pointer;}

::-webkit-input-placeholder { /* Edge */  color: #024a8e; font-size: 14px; font-weight: bold; letter-spacing:1px;}
:-ms-input-placeholder { /* Internet Explorer */ color: #024a8e; font-size: 14px; font-weight: bold; letter-spacing:1px;}
::placeholder {color: #066dd9; font-size: 14px; font-weight: bold; letter-spacing:1px; opacity:1.0}

::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; }  /* Chrome less or equal to 56, Safari less than 10 */
:-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 4-18 */
::-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 19-51 */
:-ms-input-placeholder { opacity: 1; -ms-transition: opacity .5s; transition: opacity .5s; } /* IE 10+ */
::placeholder { opacity: 1; transition: opacity .5s; } /* Modern Browsers */
	
*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome less or equal to 56, Safari less than 10 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0; } /* Modern Browsers */

#scroll_search{display:none; margin-left:10%;}
div.bread-scroll #scroll_search{display:inline-block;}
#scroll_search form{display: flex; flex-direction: row; align-items: center;}
#scroll_search input{width: 400px; height: 2.5rem; background: #f9f9f9; outline: none; border: none; border-radius: 1.625rem; padding: 0 3.5rem 0 1.5rem; font-size: 1rem; border: 1px solid #066dd9;}
#scrollQuerySubmit{width: 3.5rem; height: 2.8rem; margin-left: -3.5rem; background: none; border: none; outline: none;}
#scrollQuerySubmit:hover{cursor: pointer;}

#main_container_middle #main_subContainer h1{font-size: 28px; padding: 10px 0px;}
#main p, #main ul, #main ol, #main ul li, #main ol li {line-height: 2.0;}

@media (max-width: 1300px){
	#logo_section {margin-left:10px;}
	#cart_section{margin-right:10px;}
	#main_container_middle {width: 99%;}
	.head_nav {left: -85px;}
	.glossy-button {font-size: 16px;}
	
	#main_container_middle #main_subContainer h1{font-size: 26px;}
	#main h2{font-size:18px; line-height:1.8; padding-top: 20px;}
	#main h3{font-size:16px;}
}

@media (max-width: 998px){	
	#main_container_middle #main_subContainer h1{font-size: 24px;}
}

@media (max-width: 480px){	
	#main_container_middle #main_subContainer h1{font-size: 20px;}
}