/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 19, 2021, 4:11:03 PM
    Author     : Ephraim
*/



/* CSS Document */
.container_font { color: #000000;}
.container_font a { color: #000000; text-decoration: none !important;}
.container_font a:hover{ text-decoration:underline !important}

.container_font1 { color: #000000}
.container_font1 a{ color: #000000}
.container_font1 a:hover{ text-decoration:underline}
.container_logo_font { color: #000}
.container_logo_font a{ color: #000}
.container_logo_font a:hover{ text-decoration:underline}
.container_img_big_left  img{ float: left; width:250px; padding-right:5px; padding-bottom:5px}
.container_img_small_left  img{ float: left; width:100px; padding-right:5px; padding-bottom:5px}
.container_big_button {background-color: #000000;color: #FFF; }
.container_big_button a {color: #FFF !important}
.container_big_button a:hover {text-decoration: underline}
.container_font_small {font-size: 9px}
.container_circle_bold {border: solid;border-width:10px;border-color:#000000; border-radius:50px;width:100px; height: 100px;font-size:60px;color:#000000;font-weight:bold}
.container_circle_bold_mobile {border: solid;border-width:6px;border-color:#000000; border-radius:30px;width:50px; height: 50px;font-size:27px;color:#000000;font-weight:bold}
.container_font_bg_mix1 {background-color: #CE9933 !important; color: #FFF !important}
.container_font_bg_mix2 {background-color: #669933 !important; color: #FFF !important}
.container_font_bg_mix3 {background-color: #FF0204 !important; color: #FFF !important}
.container_font_bg_mix4 {background-color: #336699 !important; color: #FFF !important}
.container_font_bg_mix5 {background-color: #660066 !important; color: #FFF !important}
.container_counter_color {color:#00FF00}
.container_inline_link a {display: inline-block}
.container_bold { font-weight:bold}
.container_boxshadow {box-shadow: 0 0px 2px 0px #000000; }
.container_boxshadow_big {box-shadow: 0 0 5px 0px #000000}
.container_radius_10 {border-radius: 10px}
.container_padding_left_20 { padding-left:20px}
.container_padding_left_15 { padding-left:15px}
.container_padding_left_30 { padding-left:30px}
.container_padding_right_40 { padding-right:40px}
.container_padding_top_50 { padding-top:50px}
.container_padding_bottom_50 { padding-bottom:50px}
.container_padding_30 { padding:30px}
.container_padding_20 { padding:20px}
.container_padding_10 { padding:10px}
.container_padding_15 { padding:15px}
.container_padding_left_50 { padding-left:50px}
.container_padding_10 { padding:10px}
.container_padding_15 { padding:15px}
.container_padding_left_45 { padding-left:45px}
.container_padding_right_40 { padding-right:40px}
.container_padding_right_50 { padding-right:50px}
.container_padding_right_0 { padding-right:0px}
.container_padding_left_0 { padding-left: 0px}
.container_bg_wht { background-color: #FFF !important}
.container_img_inline img{display: inline; width: 20px}
.container_img_inline_big img{display: inline; width: 30px}
.container_font_25 {font-size: 25px}




.container_padding_left_right_0 { padding-left:0px; padding-right:0px}
.container_padding_left_10 { padding-left: 10px}
.container_padding_left_5 { padding-left: 5px}


.container_padding_left_80 { padding-left: 80px}
.container_padding_left_right_15 { padding-left:15px; padding-right:15px}
.container_padding_right_10 { padding-right:10px}
.container_padding_right_15 { padding-right:15px}
.container_padding_right_5 { padding-right:5px}
.container_padding_top_100 { padding-top:100px}
.container_padding_top_200 { padding-top:200px}
.container_padding_top_60 { padding-top:60px}
.container_padding_top_80 { padding-top:80px}
.container_padding_top_30 { padding-top:30px}
.container_padding_top_15 { padding-top:15px}
.container_padding_top_5 { padding-top:5px}
.container_padding_top_2 { padding-top:2px}
.container_padding_bottom_2 { padding-bottom:2px}
.container_padding_top_7 { padding-top:7px}
.container_padding_top_70 { padding-top:70px}

.container_padding_bottom_20 { padding-bottom:20px}

.container_padding_bottom_100 { padding-bottom:100px}
.container_padding_bottom_300 { padding-bottom:300px}
.container_padding_top_300 { padding-top:300px}

.container_padding_top_10 { padding-top:10px}
.container_padding_top_0 { padding-top:0px}
.container_padding_bottom_10 { padding-bottom:10px}
.container_padding_bottom_15 { padding-bottom:15px}

.container_padding_bottom_0 { padding-bottom:0px}
.container_padding_bottom_5 { padding-bottom:5px}
.container_padding_20 { padding:20px}
.container_padding_5 { padding:5px}


.container_padding_30 { padding:30px}
.container_margin_top_0 { margin-top:0px}
.container_margin_top_100 { margin-top: 100px}
.container_margin_top_200 { margin-top: 200px}
.container_margin_top_70 { margin-top: 70px}
.container_margin_top_150 { margin-top: 150px}
.container_margin_top_15 { margin-top: 15px}
.container_margin_bottom_15 { margin-bottom: 15px}

.container_margin_top_70 { margin-top: 70px}
.container_margin_top_300 { margin-top: 300px}

.container_border_1 { border: solid; border-width:1px; border-color: #000000}
.container_border_top_width_0 { border-top-width:0px !important}
.container_border_right_width_0 { border-right-width:0px !important}
.container_border_left_width_0 { border-left-width:0px !important}
.container_border_bottom_main_2 { border-bottom:solid; border-bottom-width:2px; border-bottom-color:#000000}

.container_border_top_main_2 { border-top:solid; border-top-width:2px; border-top-color:#000000}

.container_border_bottom_main_3 { border-bottom:solid; border-bottom-width:3px; border-bottom-color:#000000}

.container_border_top_main_3 { border-top:solid; border-top-width:3px; border-top-color:#000000}

.container_border_bottom_main_5 { border-bottom:solid; border-bottom-width:5px; border-bottom-color:#000000}

.container_border_top_main_5 { border-top:solid; border-top-width:5px; border-top-color:#000000}

.container_small_box {width:50px}
.container_big_search_color {color: #000000}

.cursor_pointer { cursor:pointer}
.container_display_none {display: none}

.container_border_bottom_light { border-bottom-style: dotted; border-bottom-width:1px; border-bottom-color: #000000;}

.container_border_top_light { border-top-style: dotted; border-top-width:1px; border-top-color: #000000;}

.container_link a{ color: #000000}
.container_link a:hover{ text-decoration:underline}
.container_header_font {color: #000000}

.container_bg_font { background-color: #000000 !important ; color: #FFF !important}
.container_bg_font a{  color: #FFF !important}
.container_bg_font a:hover{text-decoration: underline !important}

.container_btn_bg { background-color: #000000 ; color: #FFF}
.container_font_small {font-size: 10px; font-weight: bold}
.container_opacity {opacity: 0.9}
.container_loading_bg {background:url('../img/loading1.gif') no-repeat center; opacity:0.3 }
.footer_link { color: #FFF; background:#000000 !important}
.footer_link a { color: #FFF !important}
.footer_link a:hover { text-decoration:underline !important }

.footer_link1 { color: #FFF !important ; background:#000000 !important}
.footer_link1 a { color: #FFF !important}
.footer_link1 a:hover { text-decoration:underline !important}

.container_follow {color: #000}

.container_flag {position:absolute; z-index:10; left:125px !important; top:17px; width:20px; height:12px}

.container_flag_mobile {position:absolute; z-index:10; left:80px; top:10px; width:20px; height:12px}

.container_flag_mobile2 {position:absolute; z-index:10; left:120px; top:10px; width:20px; height:12px}

.container_flag_mobile1 {position:absolute; z-index:10; left:115px; top:10px; width:20px; height:12px}

.container_flag_mobile3 {position:absolute; z-index:10; left:107px; top:10px; width:20px; height:12px}


.container_flag2 {position:absolute; z-index:10; left:150px; top:17px; width:20px; height:12px}

.container_flag1 {position:absolute; z-index:10; left:110px; top:17px; width:20px; height:12px}


.container_padding_0 { padding:0px}
.container_float_left { float:left}
.container_float_right { float:right}

.dropdown_link a{ display:block;color:#000000 !important;padding-top:10px; padding-bottom:10px ; padding-left:10px; padding-right:10px; text-decoration:none  !important; font-weight:bold !important; font-size:18px }
.dropdown_link a:visited { background-color:#000000 !important}
.dropdown_link a:hover { background-color:#000000 !important; color: #FFF !important;opacity: 0.9}

.dropdown_mobile_link a{ display:block;color:#000000 !important; padding-left:10px; padding-right:10px;padding-top: 5px; padding-bottom: 5px; text-decoration:none  !important; font-weight:bold !important; font-size:16px }
.dropdown_mobile_link a:visited { background-color:#000000 !important}
.dropdown_mobile_link a:hover { background-color:#000000 !important; color: #FFF !important;opacity: 0.9}


.dropdown { position:relative; display:inline-block; padding-left:5px; padding-right:5px}
.dropdown_menu { display: none; position:absolute; box-shadow: 0 0 0px 0 #000; padding:0px;  z-index:100; min-width:250px; background:#000000; opacity: 0.9}
.dropdown_menu a { color: #FFF !important; font-weight: normal !important ; text-decoration:none; padding:7px !important; padding-top:10px !important;  font-size: 18px}
.dropdown_menu a:hover {text-decoration: underline !important; display:block}
.dropdown:hover .dropdown_menu { display:block}

.dropdown_mobile {display:inline-block !important; padding-left:3px !important; padding-right:3px !important}

.dropdown_mobile_menu { display: none; position:absolute; left:0px; box-shadow: 0 0 2px 0 #000; padding:0px; z-index:100; width:100%; background:#000000;font-weight: normal !important;opacity: 0.9 }
.dropdown_mobile_menu a { color: #FFF !important; text-decoration:none; padding:7px !important}
.dropdown_mobile_menu a:hover {text-decoration: underline !important;display:block !important}
.dropdown_mobile:hover .dropdown_mobile_menu { display:block}

.drop_down {position: relative;display: inline-block;padding-left: 5px; padding-right: 5px}
.drop_down_menu {width: 100%; display: none;position: absolute;z-index:100;opacity: 0.9}
.container_font_size_17 a{ font-size: 17px}
.pagelink a { color: #FFF; background-color: #000000 !important }
.pagelink a:hover {color: #03F ; background-color: #FFF !important }
.active_link a{color: #03F ; background-color: #FFF !important }

.container_scrollbar {overflow-x: scroll; white-space: nowrap}

/* Hide scrollbar for Chrome,Safari and Opera */
.container_scrollbar::-webkit-scrollbar {display: none}

/* Hide scrollbar for  IE, Edge and Firefox*/
.container_scrollbar {-ms-overflow-x:none; scrollbar-width:none }

.sidenav {
  height: 100% ;
  width: 0;
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0 ;
  background-color: #000000;
  opacity: 0.9;
  overflow-x: hidden;
  transition: 0.5s ;
  padding-top: 60px;
}

.nav_mobile { display:block; height:auto}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #FFF !important;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  text-decoration: underline !important;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50pxt;
}

.nav_dropdown {display: none; padding-left:10px; max-width:250px; height:auto}
.nav_dropdown a { color:#FFF; display:block !important; line-height:normal}
.nav_dropdown a:hover { text-decoration:underline}
.nav_mobile:hover  .nav_dropdown { display:block}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px}
  .sidenav a {font-size: 18px}
}