/* This is the core css file for settings common to all sizes */

body { 
/*	background-image: url('all.css.jpg'); */
	background-image: linear-gradient(#000060, 50%, #3366CC,#000060);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
    text-align:center; 
    font-family:Helvetica; 
    font-size:0.9em; 
    color:#333; 
}
/* Plain background if portrait (phone)*/
@media only screen and (orientation: portrait) {
  body {
	background-image: none;
    background-image: linear-gradient(#000060, 50%, #3366CC,#000060);
  }
}
/* Various box widths */
.width1 {width:35%;}	/* 35% of phone width */
.width2 {width:80%;}	/* 80% of container */
.width3 {width:40%;}	/* 40% of container */
.widthc {width:35%;}	/* Contacts form */

/*top_logo_txt*/
.tlt1{
	color:white;
	font-weight: bold;
	font-size:1.0em;
}
/*detail_top_txt*/
.dtt1{
	color: orange;
	text-decoration:none;
	text-align: center;
	font-weight: bold;
	font-size:1.3em;
}
/*HeaderText*/
.dtht1{
	color: white;
	text-decoration:none;
	text-align: center;
	font-weight: 900;
	font-size:1.5em;
}

.dct1{color:orange; text-decoration:underline; font-weight: bold;}		/*detail_company_txt*/
.dcnt1{color:orange; font-weight: bold;}	/*detail_company_name_txt*/		
.drt1{color: orange; font-size:0.8em; font-weight: bold;}	/*detail_ref_txt*/
.drrt1{color: white; font-size:0.8em; font-weight: bold;}	/*detail_ref_ref_txt*/
.bwt1{color: red;}		/*bottom_warn_txt*/
.lpht1{color: red;}		/*logo_pop_head_txt*/
.lpbt1{color: blue;}	/*logo_pop_body_txt*/
.pht1{color:orange;}	/*prod_head_txt*/
.pdt1{color:white;}	/*prod_detail_txt*/

/*Error messages - Used in message texts*/
.eb1{color:red;}	/*error_box*/
.ebb1{color:red; font-weight: bold;}	/*error_box_bold*/
.ebc1{color:red;}	/*error_box_contact*/

.msg1{color:red;}	
.msg2{color:black;}	
.msg3{color:green;}	
.msg4{color:white;}	
.msgr{float:right}	

.msgf4{font-size: large}	
.msgf5{font-size: x-large}	

/* <absolute-size> values
font-size: xx-small  
font-size: x-small /* <font size="1"> 
font-size: small /* <font size="2"> 
font-size: medium /* <font size="3"> 
font-size: large /* <font size="4"> 
font-size: x-large /* <font size="5"> 
font-size: xx-large /* <font size="6"> 
font-size: -webkit-xxx-large; /* <font size="7"> */

.bigger1 {font-size:120%;}

.btn_round {
    display: inline;
    text-decoration: none;
    color: #FFF;
	border-color: #4CAF50;
	border-width: 5px;
	width: 110px;
    height: 110px;
    line-height: 100px;
    border-radius: 50%;
    text-align: center;
    vertical-align: top;
	overflow-wrap: break-word;
    background-image: -webkit-linear-gradient(30deg, #709dff 50%, #91fdb7 100%);    
    background-image: linear-gradient(        30deg, #709dff 50%, #91fdb7 100%);
    transition: .4s;
	box-shadow:0px 2px 10px 5px #97B1BF;
    font-weight: bold;
	font-size:1em;
}
.btn_round2 {
    background-image: -webkit-linear-gradient(30deg, orange 50%, #91fdb7 100%);    
    background-image: linear-gradient(        30deg, orange 50%, #91fdb7 100%);
}
.btn_round:hover{
   background:yellow;
   color:black;
   overflow: visible;
}
.btn_round_2 {
	display: inline;
	text-decoration: none;
	color: black;
	border-color: #4CAF50;
	border-width: 5px;
	width: 110px;
	height: 110px;
	line-height: 100px;
	border-radius: 50%;
	text-align: center;
	vertical-align: top;
	overflow-wrap: break-word;
	background:yellow;
	transition: .4s;
	box-shadow:0px 2px 10px 5px #97B1BF;
	font-weight: bold;
	font-size:1em;
}
.btn_round_2:hover{
	background:white;
	overflow: visible;
}
.btn_go {
    display: inline-block;
    text-decoration: none;
    color: black;
	border-color: #4CAF50;
	border-width: 5px;
	width: 70%;
    height: 60px;
    line-height: 1em;
    border-radius: 35%;
    background-image: -webkit-linear-gradient(30deg, #709dff 50%, #91fdb7 100%);    
    background-image: linear-gradient(        30deg, #709dff 50%, #91fdb7 100%);
    transition: .4s;
	box-shadow:0px 2px 10px 5px #97B1BF;
    font-weight: bold;
	font-size: 1.1em;
}
.btn_go:hover{color:black; background:yellow;}
.btn_go2 {
    background-image: -webkit-linear-gradient(30deg, orange 50%, #91fdb7 100%);    
    background-image: linear-gradient(        30deg, orange 50%, #91fdb7 100%);
}

.contact_us	{color:#D4AC0D; background-color: #3a362ec2;}
.reset_sold {color:#fff; 	background-color: #a51f1f;	width: 30%; margin: 0 auto}
.go_input	{color:#fff; 	background-color: darkorange; }
.space_top	{margin: 40px; }

/* product.css */
.txt-blue {color: blue;}
.txt-red {color: red;}
.txt-green {color: green;}
.txt-red {color: red;}
.responseText {color: red; font-size: 2em}
/* Modal ----------------------------------------*/
.picture_click {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;	
    padding: 0px;
	margin: 0px;
}
#picture_click:hover {opacity: 0.7;}
/* The Modal (background) */
.modal {
	overflow: scroll;
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 10px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: white;
	font-size:1.1em;
}

/* Modal Content (image) */
.modal_content {
    margin: auto; 
    display: block;
	width: auto;
	height: auto;  
	max-width: 900px;
	overflow: scroll;
}
/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: red;
    font-size: 80px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: black;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal_content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}
/* 100% Image Width on Smaller Screens
@media only screen and (max-width: 700px){
    .modal_content {width: 100%;}
} */

/* Modal END =================================*/


/*take form the original*/
/* Drop-down used for displaying the Language select*/
.dropbtn {
  background-color: yellow;
  color: white;
  padding: 0px 0px 0px 0px;
  border: none;
  cursor: pointer;
}
.lang_img {
    background-image: url("../images/languageImage.stand.png");
    background-repeat: no-repeat;
	background-size: contain;
    width: 45px; 
    height: 45px; 
    margin: 0;
    padding: 0;
/*	
    border: none;
    background: url('/forms/up.png') no-repeat top left;
    padding: 2px 8px;
*/
}

.dropdown {
  position: relative; right: -1px; bottom: -2px;
  display: inline-block;
  float: left
}
.dropdown_content {
	display: none;
	position: absolute;
	background-color: whitesmoke;
	min-width: 360px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	font-size: 3.0em;

	z-index: 1;
}
.dropdown_content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown_content a:hover {background-color: linen}
.dropdown:hover .dropdown_content {display: block;}
.dropdown:hover .dropbtn {background-color: darkgreen;}

.centerall {text-align: center;}

.floating_menu {
    font-family: sans-serif;
    background: yellowgreen;
    padding: 5px;;
    width: 70px;
    z-index: 100;
    position: fixed;
    top: 0px;
    left: 0px;
  }

.floating_menu a, 
.floating_menu h3 {
    font-size: 0.9em;
    display: block;
    margin: 0 0.5em;
    color: white;
  }

a:link {color:green;}
a:visited {color:green;}

/* Button that looks like a link */
.link {
     background:none!important;
     color:green;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     cursor: pointer;
text-decoration:underline;
}
.link:hover{text-decoration:none;}

.YesButton {
	height: 47%;
	width: 95%;
	display: inline-block;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	border-radius:1em;
	border:1px solid #ffaa22;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:1.5em;
	font-weight:bold;
	padding:0.5em 0.5em;
	text-decoration:none;
}
.NoButton {
	height: 47%;
	width: 95%;
	display: inline-block;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	border-radius:1em;
	border:1px solid #057fd0;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:1.5em;
	font-weight:bold;
	padding:0.5em 0.5em;
	text-decoration:none;
}
.YesButton2 {
	margin: .4em auto;
	display: block;
	height: 5em;
	width: 70%;
}
.NoButton2 {
	margin: .4em auto;
	display: block;
	height: 5em;
	width: 70%;
}

.YesButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.YesButton:active {
	position:relative;
	top:1px;
}

.NoButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.NoButton:active {
	position:relative;
	top:1px;
}

.align_left { text-align: left; padding-left: 1em;}
.align_right { text-align: right; padding-right: 1em;}
.padding_1 { padding: .5em 15px .5em 15px}

 /*	.contact_us, .reset_sold, .go_input{width: 70%;}*/


.header_box		  {background-color: black;   border:3px solid gold;    border-radius:1em; display: inline-block; color:#00a; margin: 8px auto; font-size:1.5em; text-align: center;}
.product_box	  {background-color: black;   border:3px solid gold;    border-radius:1em; display: inline-block; color:#00a; margin: 8px auto; font-size:1em;}
.product_bxo	  {background-color: gray;    border:3px solid gold;    border-radius:1em; display: inline-block; color:#00a; margin: 8px auto; font-size:1em;}
.takecare_box	  {background-color: black;   border:3px solid gold;    border-radius:1em; display: inline-block; color:white;margin: 8px auto; font-size:1.5em; text-align: center;}
.error_msg		  {background-color: #FFE4FF; border:3px solid red;     border-radius:1em; display: inline-block; color:#00a; margin: 8px auto; font-size:1.5em; text-align: center;}
.input_box		  {background-color: black;   border:3px solid gold;    border-radius:1em; display: inline-block; color:#00a; margin: 8px auto; font-size:1em;   text-align: center;}
.contact_box	  {background-color: black;   border:3px solid gold;    border-radius:1em; display: inline-block; color:#00a; margin: 8px auto; font-size:1em;   text-align: center;}

.error_msg_inside {background-color: #FFE4FF; border:3px solid red;     border-radius:1em; display: inline-block; color:black;margin: 1em; padding:1em;}
.input_box_codes  {background-color: white;   border:2px solid #C50;    border-radius:5px; margin-top: 1em; font-size:2.0em; padding:3px 0 3px 1em;}

.new_submit_inside{color:black; text-align: center; padding: 20px; cursor: pointer; font-size: 1.15em; position: relative; border-radius: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;    text-decoration: none; background-color: #CCCC33; white-space: normal;}
.new_square{text-align: center; margin: 10px; padding: 20px; color: black; cursor: pointer; font-size: 1.5em; position: relative; border-radius: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-decoration: none; overflow: hidden; margin-bottom: 10px;}

.button_display_none {display: none;}

/* .contact_us_inside {color:#D4AC0D; background-color: #3a362ec2;} */

.new_submit_inside:hover{background:#fff; box-shadow:0px 2px 10px 5px #97B1BF; color:#000;}
.new_square:hover       {background:#fff; box-shadow:0px 2px 10px 5px #97B1BF; color:#000;}

/* Pop-Up-Overlay*/
#popup_box {background-color:black; height: 95%; border:1px solid black; border-radius:1em; padding:0.5em;}
#popup {
	width: 30%;	/* A bit smaller than width1 */
	left:34%; /* Get it in the centre: approx: (100%-width)/2  */
/*	left: 50%; transform: translateX(-50%);*/
	font-size: 1.1em;
	display: inline-block;  
	opacity: .9;
	position: fixed;
	top: 20%;
	height: 40%;
	padding: .5em; 	
	background: gold;
	border: 6px solid #888;
	border-radius:1em;
	transition: opacity 5s ease-in-out;
/*  box-shadow: 1px 1px .5em 0 rgba(0, 0, 0, .5);*/
}
#popup.hidden {display: none;}
#popup.fade-in {opacity: .9;} 
#Logo2   {padding:3px; border:3px solid gold; background-color:black; border-radius: 1em;}
#ProdImg {padding:3px; border:3px solid gold; background-color:black; border-radius: 1em;}


/*<-----Contact Page ----->*/
.inputbox_contact {padding:3px; border:2px solid #C50; border-radius:5px; -webkit-border-radius:5px; font-size:1.0em; width: 90%;}
.inputarea_contact{padding:5px; border:3px solid #C50; border-radius:5px; -webkit-border-radius:5px; font-size:1.5em; width: 90%; height:5em;}
.error_msg_contact{padding:5px; border:3px solid #f00; border-radius:5px; -webkit-border-radius:5px; font-size:1.5em;   display: inline-block; color:#00a; margin: 8px auto; background-color: #FFE4FF; }

.ccn1 {color:white;  font-weight: bold; font-size:1.0em;}	/*Company Name*/
.ccd1 {color:orange; font-weight: bold; font-size:1.3em; text-decoration:none; text-align: center; }	/*Company phone*/
.ctxt1{color: orange; font-weight: bold; font-size:1em; text-decoration:none; text-align: center;}	/*Text type 1*/
.ctxt2{color: white; font-weight: bold; font-size:1em; text-decoration:none; text-align: center;}	/*Text type 2*/
.cstar1{color: gold; font-weight: bold; font-size:1.9em; }	/* # */