.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;z-index:10000000;display:flex;justify-content:center;align-items:center}
.loader{font-size:8rem;color:#960018;-webkit-animation:loading 1s ease-in-out infinite forwards;animation:loading 1s ease-in-out infinite forwards}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}



#logo{ 
position:absolute;
top:40px;
right:200px;
width: 130px;
height: 120px;
border:0px;}

#title1{ 
position:absolute;
top:170px;
right:90px;
width: 342px;
height: 115px;
border:0px;}

.com{ 
position:absolute;
top:350px;
left:40px;
width: 20%;
height: 200px;
}

body {

background-color:transparent;

}

.foote{color:red;
padding:0px;
border:0px solid #000;
background-color:transparent;
border-radius: 0px;}

.foote:hover{background-color:transparent;
color:#555;}



.animated button{
background-color:#1a2421; padding:4px; border:2px solid #555; color:#fff; border-radius:10px; cursor:pointer; animation: scaler 1s linear infinite alternate;}@keyframes shadow-pulse{ 0% { box-shadow: 0 0 0 1px #71594a insert; } 17% { box-shadow: 0 0 0 8px #ceef86 inset; } 35% { box-shadow: 0 0 0 15px #8bc34a insert ; } 47% { box-shadow: 0 0 0 30px #03a9f4 inset; } 66% { box-shadow: 0 0 0 90px #ff5722 inset; } 85% { box-shadow: 0 0 0 20px #00ff00 inset; } 100% { box-shadow: 0 0 0 1px #607d8b inset; } } @keyframes scaler { 0% { transform: scale(1); } 100% { transform: scale(1.5); } }@keyframes bChange{ 0% { border-color:#8bc34a;} 25% { border-color: #03a9f4;} 50% { border-color: #ff5722;}70% { border-color: #00ff00;} 100%{ border-color: #607d8b;} }



.error{
 font-size: 22px;
color:yellow;
position:absolute;
top:80;
left:570;}


.stroke{
  -webkit-text-stroke:4px #222;}




textarea {
  width: 50%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #555;
  border-radius: 4px;
 background-image: url("images/4.png");
  font-size: 12px;
  resize: none;
color:#fff;
display: inline-block;
overflow: auto;
}









.icon{

width:px;
height:27px;
position:relative;
  top:3px;
  left:0px;
  
  float:left;

}





.col-sm-6{
position:relative;
min-height:1px;
padding-right:0px;
padding-left:0px;
float:left;
width:50%;}

.container{padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto;
}

.form-group{
margin-bottom:15px;
}

label{
   background-color: #c00;
  padding: 7px 15px;
  border-radius: 0px;
  color: #fff;
display: inline-block;

  font-size: 14px;
  font-family: Arial, sans-serif;
margin-bottom:15px;
}








   








.select {
width:40%;
color:#fff;
position: relative;
  height: 28px;
  background: #363d47;
font-size:14px;
cursor: pointer;
  border: 1px solid;
  border-color: #272c33 #242930 #22272d;
  border-radius: 3px;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  background-image: -webkit-linear-gradient(top, #4a5361, #363d47);
  background-image: -moz-linear-gradient(top, #4a5361, #363d47);
  background-image: -o-linear-gradient(top, #4a5361, #363d47);
  background-image: linear-gradient(to bottom, #4a5361, #363d47);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);}

.select:hover{
  background-color: gray;
}





.span{font-weight: normal;
font-size:14px;
font-family:arial;
color:#C3C3C3;}






.input{
text-decoration: none;
width:40%;
height:34px;
padding:6px 12px;
font-size:14px;
color:#fff;
   background-color: #999;
border-radius:4px 4px 4px 4px;
border-right:1px solid #777;
border-top:1px solid #777;
border-left:1px solid #777;
border-bottom:1px solid #777;
}

.input:hover {
    background-color: #999;

border-right:4px solid #c00;
}





.input6{
text-decoration: none;
width:35%;
height:34px;
padding:6px 12px;
font-size:14px;
color:#fff;
    background-color: #999;
border-radius:4px 0px 0px 4px;
border-right:0px solid #777;
border-top:1px solid #777;
border-left:1px solid #777;
border-bottom:1px solid #777;
}

.input6:hover {
    background-color: #999;

border-right:4px solid #c00;
}

::placeholder {
  color: #555;
  opacity: 1;}

.input2::placeholder {
  
    opacity: 1;
    color: #fff;
}

.input::placeholder {
  
    opacity: 1;
    color: #fff;
}

.input6::placeholder {
  
    opacity: 1;
    color: #fff;
}

.out {
background-image: url("images/27.png");
  padding: 7px 10px;
border-radius:4px 0px 0px 4px;


  color: #fff;
}


input,
output {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-family: Arial, sans-serif;
}

output {
   background-color: #c00;
  padding: 7px 15px;
border-radius:4px 4px 4px 4px;

  color: #fff;
}


.put {
   background-color: #c00;
  padding: 7px 15px;
border-radius:4px 0px 0px 4px;
  color: #fff;
}








input[type="range"] {
  -webkit-appearance: none;
  margin-right: 15px;
  width: 200px;
  height: 7px;
background-image: url("images/sl.jpg");


  border-radius: 5px;

}

input[type="range"]::-moz-range-thumb {

  height: 30px;
  width: 30px;
  background: none;
border:0px;
background-image: url("images/5.png");
  cursor: ew-resize;

  
}

input[type="range"]::-webkit-range-thumb {

  height: 30px;
  width: 30px;
  background: none;
border:0px;
background-image: url("images/5.png");
  cursor: ew-resize;

  
}

input[type="range"]::-ms-range-thumb {

  height: 30px;
  width: 30px;
  background: none;
border:0px;
background-image: url("images/5.png");
  cursor: ew-resize;

  
}



input[type="range"]::-webkit-slider-thumb:hover {
background-image: url("images/6.png");
}

input[type="range"]::-moz-range-thumb:hover {
background-image: url("images/6.png");
}

input[type="range"]::-ms-thumb:hover {
background-image: url("images/6.png");
}

/* Input Track */
input[type=range]::-webkit-slider-runnable-track  {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

input[type=range]::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

input[type="range"]::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}


.input1{


width:10%;
height:30px;
cursor: pointer;
display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
    background-color: #333;
border-radius:0px 4px 4px 0px;

border:0px;
}

.input1:hover {
    background-color: #555;
border-right:4px solid #ff4500;
}





.input2{

cursor: pointer;
width:17%;
height:30px;
display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-image: url("images/27.png");
border-radius:0px 4px 4px 0px;

border-right:1px solid #777;
border-top:1px solid #777;
border-left:1px solid #777;
border-bottom:1px solid #777;
}

.input2:hover {
    background-color: #555;
border-right:4px solid #ff4500;
}



.input3{


width:5%;
height:30px;
cursor: pointer;
display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-color: #72a0c1;
border-radius:0px;
border:0px;
}

.input3:hover {
    background-color: #778899;
}





#x1{
width:62%;
background-color:#960018;
border-left:0px solid #fff;
color:#fff;
font-size:15px;
border-radius: 4px;
text-align:center;
font-weight:bold;
text-transform: capitalize}





.right{float:right}
.red-close {
  color: #fff;
background-color: #fb1c26;
  border-color: #fc424a; }
  
.red-close:hover {
    color: #fc424a;
    background-color: transparent;
    border-color: #fb101a; }
  
.red-close:focus {
    color: #fff;
    background-color: #fb1c26;
    border-color: #fb101a;
    box-shadow: 0 0 0 0.2rem rgba(252, 94, 101, 0.5); }



* {
  box-sizing: border-box;
}






.x-sidebar{
width:33.33333%;
height:100%;
background-color:transparent;
position:fixed;
  overflow: hidden;}

.x-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.x-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}


.button1 {
 text-align: center;
border: 1px solid transparent;
padding: 4px 15px;
font-size: 17px;
border-radius: 4px;
cursor: pointer;}

.red {
  color: #fc424a;
background-color: transparent;
  border-color: #fc424a; }
  
.red:hover {
    color: #fff;
    background-color: #fb1c26;
    border-color: #fb101a; }
  
.red:focus {
    color: #fff;
    background-color: #fb1c26;
    border-color: #fb101a;
    box-shadow: 0 0 0 0.2rem rgba(252, 94, 101, 0.5); }


.button2 {
font-size: 15px;
  min-width: 55px;
  height: 40px;

  padding: 0px 0px;
  font-weight: normal;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  border-radius: 5px;
  z-index: 0;
  background: transparent;
  overflow: hidden;
  border: 1px solid #fff;
  color: #ccc;
}
.button2:hover {
  color: #fff;
border-color: #fb101a;
}
.button2:hover:after {
  width: 100%;
}
.button2:after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 0.3s ease;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
   background-color: #c00;
}

.button10 {
font-size: 15px;
  min-width: 70px;
  height: 40px;

  padding: 0px 0px;
  font-weight: normal;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  border-radius: 5px;
  z-index: 0;
background-image: url("images/texture/4.png");
  overflow: hidden;
  border: 1px solid #d90429;
  color: #ccc;
}
.button10:hover {
  color: #ccc;
border-color: #fff;
}
.button10:hover:after {
  width: 100%;
}
.button10:after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 0.3s ease;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
background-image: url("images/body-bg.png");

}

.button3 {
font-size: 14px;
  min-width: 40px;
  height: 25px;


  font-weight: normal;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  border-radius: 5px;
  z-index: 0;
   background-color: #c00;
  overflow: hidden;
  border: 1px solid #d90429;
  color: #fff;
}
.button3:hover {
  color: #d90429;
border-color: #d90429;

}
.button3:hover:after {
  width: 100%;
}
.button3:after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 0.3s ease;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #fff;
}


#button9{
background-color:red;
border: 2px solid #000;
color:#fff;
font-weight:normal;
font-size:20px;
text-align:center;
text-decoration:none;
border-radius: 5px;
padding:15px 35px;
display: inline-block;
cursor: pointer;}

#button9:hover{
background-color: green;
color:#000;
text-decoration:none;}

.button11 {
  display: inline-block;

}



.button11 a {

  float: left;
  padding: 4px 10px;
  text-decoration: none;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
transform: scale(1.05);
    background-image: linear-gradient( /* chrome */
    hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%,
    hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 100%, 0.2)
  );

}



.button11 a:first-child {
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
  border: 1px solid #555;
}

.button11 a:last-child {
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border: 1px solid #555;
}

.xred1{background-color:#DD380D;
border: 1px solid #DD380D;
font-family:tahoma;
  font-size: 14px;
color:#fff;
font-weight:normal;}

.xorange1{background-color:#FFAE00;
border: 1px solid #FFAE00;
font-family:tahoma;
  font-size: 14px;
color:#fff;
font-weight:normal;}

.xgreen1{background-color:green;
border: 1px solid green;
font-family:tahoma;
  font-size: 14px;
color:#fff;
font-weight:normal;}

.aurometalsaurus1{background-color:#6e7f80;
border: 1px solid #6e7f80;
font-family:tahoma;
  font-size: 14px;
color:#fff;
font-weight:normal;}

.bittersweet{
background-color:#bf4f51;
border: 1px solid #bf4f51;
font-family:tahoma;
  font-size: 14px;
color:#fff;
font-weight:normal;}





.xblack{background-color:#000;
border: 1px solid #000;}

.xwhite{background-color:#ccc;
border: 1px solid #ccc;}

.xred{background-color:#ff0000;
border: 1px solid #ff0000;}

.xorange{background-color:#FFAE00;
border: 1px solid #FFAE00;
}



.xblue{background-color:#007FFF;
border: 1px solid #007FFF;}

.xcoral{background-color:#ff9966;
border: 1px solid #ff9966;}

.xgreen{background-color:#008000;
border: 1px solid #008000;}

.air-force-blue{background-color:#5d8aa8;
border: 1px solid #5d8aa8;}

.aurometalsaurus{background-color:#6e7f80;
border: 1px solid #6e7f80;}

.beaver{background-color:#9f8170;
border: 1px solid #9f8170;}

.electric-green{background-color:#0f0;
border: 1px solid #0f0;}

.purple{background-color:#966fd6;
border: 1px solid #966fd6;}

.button5 {
font-size: 17px;
  min-width: 30px;
  height: 30px;


  font-weight: normal;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  border-radius: 5px;
  z-index: 0;
  background: transparent;
  overflow: hidden;
  border: 1px solid #fff;
  color: #ccc;

}
.button5:hover {
  color: #fff;
border-color: #fb101a;
}
.button5:hover:after {
  width: 100%;
}
.button5:after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 0.3s ease;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
   background-color: #c00;
}


.tran {
   vertical-align: top;
    min-width: 30px;
    height: 30px;
 position: relative;
    display: inline-block;
    border: solid 1px #999;
    box-shadow: inset 0 0 0 1px #FFF;
cursor: pointer;
  border-radius: 5px;
font-size: 17px;
  min-width: 30px;
  height: 30px;

}



.lp{right:30%;}




.column {
  float: right;
  width: 60%;
  padding: 0px;


}



.button7{
font-size: 14px;
  min-width: 40px;
  height: 25px;
text-align:center;

  font-weight: normal;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  border-radius: 5px;
  z-index: 0;
  background: transparent;
  overflow: hidden;
  border: 1px solid #d90429;
  color: #d90429;
}
.button7:hover {
  color: #fff;
border-color: #fb101a;
}
.button7:hover:after {
  width: 100%;
}
.button7:after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 0.3s ease;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
   background-color: #c00;
}

.button4 {
  display: inline-block;

}

.button4 a {

  float: left;
  padding: 4px 10px;
  text-decoration: none;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
transform: scale(1.05);
  
  background-image: linear-gradient( /* chrome */
    hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%,
    hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 100%, 0.2)
  );

}



.button4 a:first-child {
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
  border: 1px solid #555;
}

.button4 a:last-child {
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border: 1px solid #555;
}



xx1{
width:100%;
text-decoration:underline overline;
border-bottom:0px solid #fb1c26;
color:#555;
font-size:14px;
border-radius: 4px;
text-align:center;
font-weight:bold;
text-transform: capitalize}


.button55 {
font-size: 17px;
  min-width: 30px;
  height: 30px;


  font-weight: normal;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  border-radius: 5px;
  z-index: 0;
   background-color: #c00;
  overflow: hidden;
  border: 1px solid #c00;
  color: #fff;

}
.button55:hover {
  color: #ccc;
border-color: #555;
}
.button55:hover:after {
  width: 100%;
}
.button55:after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 0.3s ease;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
   background-color: #777;
}


a{text-decoration:none;
color:red;
  font-weight: bold;}

footer {
   position:fixed;

  bottom:0;
  left:0;
height: 40px;
  width: 100%;

   background-image: url("images/.gif");
  color: #000;
  text-align: center;
font-size: 16px;
font-family:tahoma;
border-top:1px solid #555;
}




a1{padding:10px;
border-radius: 4px;
border: 1px solid #000;
color:#fff;
cursor: pointer;}

a1:hover{background: #ccc;
color:#000;}

.sidebar {
    height: 320px;
    width: 540px;
    top: 270px;
    left: 0px;
 background-image: url("images/body-bg.png");
    position: fixed;
    z-index: 3;
    overflow-x: hidden;
padding-top: 20px;
padding-left: 10px;

}

.sidebar1 {
    height: 390px;
    width: 370px;
    top: 200px;
    left: 0px;
 background-image: url("images/body-bg.png");

    position: fixed;
    z-index: 3;
    overflow-x: hidden;
padding-top: 20px;
padding-left: 10px;

}

.sidebar2 {
    height: 160px;
    width: 540px;
    top: 440px;
    left: 0px;
 background-image: url("images/body-bg.png");

    position: fixed;
    z-index: 3;
    overflow-x: hidden;
padding-top: 20px;
padding-left: 10px;

}


#info,#info1,#info2,#info3,#info4{
    position: absolute;
    width: 200px;
    background-color: #333;
    color: #eee;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px 8px 8px 8px;
    font-size: 17px;
    margin: 26px auto auto -21px;
}



#info-hover {
    display: inline-block;
    text-align: center;
    width: 24px;
    height: 24px;
background-color:green;
    color: #fff;
    border: 1px solid #000;
    border-radius: 15px;
    margin-left: 8px;
    cursor: pointer;
}




.fixed {
  position: fixed;
}
.cc-contactpop { 
background-color:#ccc;
  color:#000;
  width:250px;
  bottom: 40;
  left: 30px;
  border-radius: 6px 6px 0px 0px;
}
.cc-contactpop h3 {
  border-radius: 6px 6px 0px 0px;
  text-align:left;
  color:#fff;
  text-shadow:none;
  font-size:15px;
font-family: tahoma;
border-right: solid 0px #555;
 background-image: url("images/x3.png");
  margin:0;
  padding:7px;
  cursor:pointer;
font-style: normal;
font-weight: normal;}

.cc-contactpop:hover h3 {
border-right: solid 6px #ff4500;
    font-style: normal;
font-weight: normal;
}
.cc-contactpop p {
  text-align:center;
  padding:10px 15px;
}
.cc-contactpop i {
	position: absolute;
	top: 0px;
	right: 0px;
	  color:#fff;
	
	font-size: 20px;
	padding: 7px;
	cursor: pointer;
	background: #318ce7;
}
.cc-contactpop form {
  padding:0px 15px;
}
.cc-contactpop input {
  font-family: "PT Sans",sans-serif;
  font-size: 0.875em;	
  width: 100%;
  height: 50px;
  padding: 0px 15px 0px 15px;
  background: transparent;
  outline: none;
  color:#000;
  border: solid 1px #318ce7;
  border-bottom: none;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.cc-contactpop input:hover {
  background: #fff;
}

.cc-contactpop textarea {
  font-family: "PT Sans",sans-serif;
  font-size: 0.875em;	
  width: 100%;
  max-width: 100%;
  height: 110px;
  max-height: 110px;
  padding: 15px;
  background: transparent;
  outline: none;
  color:#000;
  border: solid 1px #318ce7;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.cc-contactpop textarea:hover {
  background: #fff;
}

.cc-contactpop button {
	font-family: "PT Sans",sans-serif;
	font-size: 0.875em;	
	padding:10px;
	background:#318ce7;
	width: 100%;
	  color:#fff;
	outline:none;
	cursor: pointer;
	border: solid 1px #318ce7;
border-radius:4px;
	margin-top:10px;
}

.cc-contactpop button:hover {
  background:#ace5ee;
color:#000;
}


.cc-contactpop ::placeholder {
  color: #000;
  opacity: 1;}


.input4{


width:10%;
height:30px;
cursor: pointer;
display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-color: #555;
border-radius:0px;
border:0px;
}

.input4:hover {
    background-color: #777;
}










#sliderLabel {
    border: 1px solid #a2a2a2;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    cursor: pointer;
    display: block;
    height: 30px;
    overflow: hidden;
  position: absolute;
    width: 100px;
    display: inline-block;

}

#sliderLabel input {
    display: none;
}

#sliderLabel input:checked + #slider {
    left: 0px;
}

#slider {
    left: -50px;
    position: absolute;
    top: 0px;
    -webkit-transition: left .25s ease-out;
    -moz-transition: left .25s ease-out;
    -o-transition: left .25s ease-out;
    -ms-transition: left .25s ease-out;
    transition: left .25s ease-out;
}

#sliderOn,
#sliderBlock,
#sliderOff {
    display: block;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0px;

}

#sliderOn {
background-color: #22B14B;
  color: #fff;
    left: 0px;
    width: 54px;

}

#sliderBlock {
background-image: url("images/15.png");

    border: 0px solid #a2a2a2;
 
    height: 28px;
    left: 50px;
    width: 50px;
}

#sliderOff {
   background-color: #EC1C23;
    color: #fff;
    left: 96px;
    width: 54px;

}

.foot{color:#fff;}





.input5{

cursor: pointer;
width:5%;
height:34px;
display: inline-block;
  vertical-align: middle;
font-family:tahoma;
  font-size: 17px;
color:#fff;
   background-color: #c00;
border-radius:0px 4px 4px 0px;

border:0px solid #777;

}

.input5:hover {
    background-color: #008000;
border-right:4px solid #008000;
}


.input5:after {
  content: "Submit";

}




.input7{

cursor: pointer;
width:5%;
height:34px;
display: inline-block;
  vertical-align: middle;
font-family:tahoma;
  font-size: 17px;
color:#fff;
   background-color: #c00;
border-radius:0px 4px 4px 0px;

border:0px solid #777;

}

.input7:hover {
    background-color: #008000;
border-right:4px solid #008000;
}


.input7:after {
  content: "Copy";

}






.gdpr-cookie-notice{position:fixed;background:#0d0d0d;border:1px solid #960018; left:0;bottom:0;right:0;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all ease 1s;transition:all ease 1s;-webkit-transform:translateY(100%);transform:translateY(100%);z-index:1000;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}@media (max-width: 768px){.gdpr-cookie-notice{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.gdpr-cookie-notice-loaded .gdpr-cookie-notice{-webkit-transform:translateY(0);transform:translateY(0)}.gdpr-cookie-notice-description{margin:0;padding:0 16px 0 0;color:#ccc;font-size:14px;line-height:20px;text-align:left}@media (max-width: 768px){.gdpr-cookie-notice-description{padding:0;margin:0 0 10px 0;font-size:12px;line-height:18px}}.gdpr-cookie-notice-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 0 auto;background:none;width:auto;height:auto;padding:0}.gdpr-cookie-notice-nav-item{text-decoration:none;display:block;height:40px;line-height:40px;white-space:nowrap;color:#fff;padding:0 16px;font-size:15px;font-weight:600}.gdpr-cookie-notice-nav-item:hover{text-decoration:none}.gdpr-cookie-notice-nav-item-btn{background:#960018;border-radius:3px}.gdpr-cookie-notice-modal{position:fixed;left:0;top:0;width:100%;height:100%;-index:1001;background:rgba(0,0,0,0.4);overflow:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 10px;display:none}.gdpr-cookie-notice-show-modal .gdpr-cookie-notice-modal{display:-webkit-box;display:-ms-flexbox;display:flex}.gdpr-cookie-notice-modal-content{width:470px;border-radius:6px;background:#0d0d0d;margin:auto;border:1px solid #960018; }.gdpr-cookie-notice-modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;border-bottom:1px solid #f4f5f7}.gdpr-cookie-notice-modal-title{font-size:18px;color:#fff;font-weight:600;line-height:18px;margin:0;padding:0}.gdpr-cookie-notice-modal-close{width:24px;height:24px;margin:0 0 0 auto;background:none;border:none;outline:none;padding:0;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.gdpr-cookie-notice-modal-close:before,.gdpr-cookie-notice-modal-close:after{width:18px;height:2px;content:'';display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#bdbdbd}.gdpr-cookie-notice-modal-close:after{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.gdpr-cookie-notice-modal-close:hover{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:1}.gdpr-cookie-notice-modal-cookies{display:block;margin:0;padding:0;list-style-type:none}.gdpr-cookie-notice-modal-cookie{display:block;border-bottom:1px solid #f4f5f7;list-style-type:none;padding:0;margin:0}.gdpr-cookie-notice-modal-cookie-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px}.gdpr-cookie-notice-modal-cookie-title{font-weight:normal;font-size:15px;color:#fff;margin:0;padding:0;line-height:1;position:relative}.gdpr-cookie-notice-modal-cookie-title:after{width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#bdbdbd transparent transparent transparent;content:'';display:block;position:absolute;right:-17px;top:50%;margin-top:-2px;-webkit-transition:all ease 0.3s;transition:all ease 0.3s}.open .gdpr-cookie-notice-modal-cookie-title:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.gdpr-cookie-notice-modal-cookie-state{color:#fff;margin-left:auto;font-size:15px}.gdpr-cookie-notice-modal-cookie-input{opacity:0}.gdpr-cookie-notice-modal-cookie-input:checked+.gdpr-cookie-notice-modal-cookie-input-switch{background:#960018;-webkit-box-shadow:inset 0px 0px 0px 1px #fff;box-shadow:inset 0px 0px 0px 1px #fff}.gdpr-cookie-notice-modal-cookie-input-switch{width:24px;height:24px;border-radius:50%;-webkit-box-shadow:inset 0px 0px 0px 1px #bdbdbd;box-shadow:inset 0px 0px 0px 1px #bdbdbd;margin:0 0 0 auto;position:relative;-webkit-transition:all ease 0.3s;transition:all ease 0.3s;cursor:pointer}.gdpr-cookie-notice-modal-cookie-input-switch:after{position:absolute;left:0;right:0;bottom:0;top:0;background:1ad56c no-repeat center 7px;content:'';display:block}.gdpr-cookie-notice-modal-cookie-info{margin:0;padding:0 16px 12px 16px;font-size:13px;color:#fff;line-height:16px;display:none}.open .gdpr-cookie-notice-modal-cookie-info{display:block}.gdpr-cookie-notice-modal-footer{background:#960018;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 16px 16px 16px;border-radius:0 0 6px 6px;-ms-flex-wrap:wrap;flex-wrap:wrap}.gdpr-cookie-notice-modal-footer-item{height:40px;line-height:40px;font-weight:600;font-size:15px;text-decoration:none;margin:0;padding:0;color:#fff;position:relative}.gdpr-cookie-notice-modal-footer-item:after{position:absolute;right:-16px;top:50%;margin-top:-5px;background:#960018; no-repeat left center;height:12px;width:8px;content:'';display:block}.gdpr-cookie-notice-modal-footer-item-btn{padding:0 16px;color:#fff;background:#960018;border-radius:3px;position:relative}.gdpr-cookie-notice-modal-footer-item-btn span{-webkit-transition:all ease 0.3s;transition:all ease 0.3s}.gdpr-cookie-notice-modal-footer-item-btn:after{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;content:'';opacity:0;-webkit-transition:all ease 0.3s;transition:all ease 0.3s;display:block;background:#960018;" fill-rule="evenodd"/></svg>') no-repeat center}.gdpr-cookie-notice-modal-footer-item-btn.saved span{opacity:0}.gdpr-cookie-notice-modal-footer-item-btn.saved:after{opacity:1}.gdpr-cookie-notice-modal-footer-item:hover{text-decoration:none;opacity:1}


}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}