- needed to position the dropdown content */
.dropdown {
position: relative;
display:inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
/*white-space: pre;*/
padding: 10px 10px;
list-style: none
}
.dropdown-content li {
margin: 6px 0px;
border-bottom: 1px solid #ccc;
}
/* Links inside the dropdown */
.dropdown-content a {
color: #333333;
padding: 12px 16px;
text-decoration: none;
display: block;
background-color: transparent !important;
text-align: center;
font-size: 16px;
/*border:dashed 1px #DDDDDD;*/
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}
/* The container
- needed to position the dropdown content */
.dropdown1 {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content1 {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 10%);
/*white-space: pre;*/
margin-left: 170px;
font-size: 16px;
}
/* Links inside the dropdown */
.dropdown-content1 a {
color: #333333;
padding: 12px 16px;
text-decoration: none;
display: block;
background-color: transparent !important;
text-align: center;
/*border:dashed 1px #DDDDDD;*/
font-size: 16px;
}
/* Change color of dropdown links on hover */
.dropdown-content1 a:hover {
background-color: #ddd;
}
/* Show the dropdown menu on hover */
.dropdown1:hover .dropdown-content1 {
display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown1:hover .dropbtn1 {
background-color: #3e8e41;
}
#visual_wrapper {
width: 100%;
position: relative;
background: #ccc;
text-align: center;
}
#visual_container {
margin-bottom: 20px;
}
#visual_container img {
max-width: 100%;
margin: 0 auto;
width: 100%
}
.visual_slider {
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.visual_slider li {
padding: 0;
margin: 0;
position: relative;
}
.visual_slider a {
text-decoration: none;
}
.visual_slider img {
position: relative;
z-index: 0;
}
.slider_txt {
font-size: 34px;
font-family: 'helvetica_condensedbold';
position: absolute;
text-align: left;
z-index: 9;
}
.slider_txt {
-webkit-animation: fadeInUp 300ms linear 300ms both;
-moz-animation: fadeInUp 300ms linear 300ms both;
-o-animation: fadeInUp 300ms linear 300ms both;
-ms-animation: fadeInUp 300ms linear 300ms both;
animation: fadeInUp 300ms linear 300ms both;
}
.black_txt {
color: #211f20;
margin: 20px 0px;
font-family: "helvetica_ceregular", Arial, sans-serif;
display: block;
}
.slider_link {
background: #bd1c21;
padding: 10px 20px;
border: 1px solid #fff;
box-shadow: 0px 2px 5px #666;
border-radius: 15px;
color: #fff;
font-size: 20px;
}
.sub_txt3 {
font-size: 26px;
display: block;
margin: 20px 0px;
}
.slider_link3 {
background: #083d98;
margin-right: 30px;
padding: 0px 20px;
border: 1px solid #fff;
box-shadow: 0px 2px 5px #666;
border-radius: 15px;
color: #fff;
}
.sub_txt4 {
font-size: 26px;
display: block;
margin: 20px 0px;
color: #231f20;
}
.slider_txt1 {
top: 30%;
max-width: 42%;
left: 40%;
color: #93070a;
}
.slider_txt2 {
top: 15%;
left: 30%;
color: #93070a;
}
.slider_txt3 {
top: 20%;
left: 40%;
color: #fff;
}
.slider_txt4 {
top: 30%;
max-width: 55%;
left: 40%;
color: #93070a;
}
.slider_alert_wrapper {
max-width: 1368px;
margin: 0 auto;
position: relative;
}
.slider_alert {
border: 5px solid #d4ab4d;
background: #96292b;
text-align: center;
padding: 13px;
color: #fff;
position: absolute;
bottom: 20px;
right: 0;
z-index: 99;
border-bottom: 0px;
border-right: 0px;
}
.slider_alert a {
color: #fff;
font-size: 22px;
font-family: 'helvetica_condensedbold';
text-decoration: none;
text-transform: uppercase;
}
@media (max-width:1025px) {
.slider_txt {
font-size: 24px;
line-height: normal;
}
.sub_txt3, .sub_txt4 {
font-size: 18px;
line-height: normal;
margin: 10px 0px;
}
.slider_link {
padding: 6px 12px;
border-radius: 12px;
font-size: 16px;
}
}
@media (max-width:992px) {
.slider_txt {
font-size: 20px;
}
.sub_txt3, .sub_txt4 {
font-size: 16px;
}
.slider_link {
font-size: 14px;
}
.slider_alert {
padding: 05px;
}
.slider_alert a {
font-size: 14px;
}
}
@media (max-width:767px) {
.slider_txt {
font-size: 14px;
}
.sub_txt3, .sub_txt4, .black_txt {
font-size: 12px;
margin: 5px 0px;
}
.slider_link {
font-size: 12px;
}
#visual_wrapper {
background: #fff;
}
.slider_alert {
padding: 05px;
position: relative;
border: 0;
top: 20px;
margin-bottom: 20px;
}
.slider_alert a {
font-size: 14px;
}
}
@media (max-width:480px) {
.slider_txt {
font-size: 10px;
}
.sub_txt3, .sub_txt4, .black_txt {
font-size: 10px;
margin: 5px 0px;
}
.slider_link {
padding: 4px 8px;
border-radius: 4px;
font-size: 8px;
}
.slider_link3 {
margin-right: 10px;
}
.slider_txt1 {
top: 30%;
max-width: 100%;
left: 30%;
}
.slider_txt2 {
top: 5%;
left: 30%;
}
.slider_txt3 {
top: 10%;
left: 35%;
}
.slider_txt4 {
top: 30%;
max-width: 100%;
left: 35%;
}
}
.tp-banner {
position: relative;
}
@media only screen and (max-width: 800px) and (min-width: 320px) {
.navbar-nav {
float: left;
margin: 0px 0px 0px 0px !important;
width: 100%;
}
.navbar-default .navbar-nav > li > a {
color: #777;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
padding: 0.85rem 1rem;
}
.navbar-fixed-top .navbar-collapse {
max-height: 100%;
height: 100vh;
}
.navbar-collapse.in {
overflow-x: hidden;
}
.dropdown-content {
display: none;
position: relative;
background-color: #fdfdfd;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 8%);
/* white-space: pre; */
padding: 10px 10px;
list-style: none;
}
.dropdown-content li {
margin: 0px 0px;
border-bottom: 1px solid #ccc;
width: 100%;
}
.dropdown-content a {
color: inherit;
padding: 7px 16px;
text-decoration: none;
display: block;
background-color: transparent !important;
text-align: left;
font-size: inherit;
/* border: dashed 1px #DDDDDD; */
line-height: 24px;
}
.dropdown-content li:last-child {
border-bottom: none;
}
}