body{display:block;-webkit-font-smoothing: antialiased;font-family:Raleway;font-weight:normal;opacity:0.95;margin-top:-2px;color:#000000;}
.bodysub{min-height:500px;vertical-align:top;padding-top:5px;}
a{color:#339966;}
a:hover{color:maroon;}
li{margin-left:-20px;}
input[type=checkbox] { transform: scale(1.2);background:blue;}
input[type=radio] { transform: scale(1.2);background:blue;}
input[type=submit]{background:#008800;color:white;margin-bottom:-15px;border:none;border-radius:3px;box-shadow:1px 1px 1px #999999;text-align:center;padding:10px;}
input[type=submit]:hover{background:green;}
input[type=text]{padding:15px;margin:2px;max-width:500px;width:99%;background:#E1F2FB;border:1px solid #339966;}
input[type=number]{padding:15px;margin:2px;max-width:500px;width:99%;background:#E1F2FB;border:1px solid #339966;}
input[type=password]{padding:15px;margin:2px;max-width:500px;width:99%;background:#E1F2FB;border:1px solid #339966;}
input[type=email]{padding:15px;margin:2px;max-width:500px;width:99%;background:#E1F2FB;border:1px solid #339966;}
input[type=tel]{padding:15px;margin:2px;border:1px solid #339966;}
input[type=date]{padding:15px;margin:2px;max-width:500px;width:99%;background:#E1F2FB;border:1px solid #339966;}
select{padding:15px;margin:2px;max-width:500px;width:99%;background:#E1F2FB;border:1px solid #339966;}
textarea{padding:9px;margin:2px;max-width:500px;width:99%;background:#E1F2FB;border:1px solid #339966;}
fieldset{box-shadow:0px 2px 1px 0px #cccccc;border:1px solid #339966;opacity:0.8;margin:0px;display:block;}
hr{border:solid 1px #339966;color:#339966;}
.x{width:15px;}
#breakword{word-wrap:break-word;}
#floatright{float:right;text-align:right;display:inline-block;}
.floatright{float:right;text-align:right;display:inline-block;}
.floatcenter{float:center;text-align:center;display:inline-block;}
.hrimg{width:100%;display:block;line-height:11px;}
.footer{color:#339966;padding:9px;font-size:85%;line-height:22px;text-align:center;}
.skillsfont{font-family:Trebuchet MS;}
#width250{min-width:250px;max-width:290px;}
#marginleft18n{margin-left:-18px;}
#margintop5{margin-top:5px;}
#searchbox{padding:6px;margin-top:-3px;}
.padbot5{padding-bottom:5px;font-weight:bold;}
.wait{color:#339966;text-align:center;font-size:85%;}
.failed{color:#AA0000;text-align:center;font-size:85%;}
#displayinlineblock{display:inline-block;}
#displaynone{display:none;}
#darkgreentext{color:#004400;}
#fontboldtext{font-weight:bold;}
#headermobile{position:fixed;background:#FFFFFF;width:100%;padding:7px;margin-left:-15px;padding-left:15px;padding-right:20px;z-index:999;border-bottom:solid 1px #FFFFFF;}
.logomobile{text-decoration:none;vertical-align:middle;display:inline-block;}
.formmenu{display:inline-block;margin-top:2px;margin-bottom:2px;vertical-align:top;float:center;text-align:center;margin-right:15px;}
.formright{display:inline-block;float:right;text-align:right;margin-right:10px;}
.selectsort{border:none;width:17px;padding:1px;margin:0px;}
.selectmenu{background:#339966;color:white;border:none;width:85px;padding:8px;font-size:90%;font-weight:bold;}
.selectoccupation{width:80px;padding:13px;font-size:70%;color:#777777;}
.selectfilter{width:75px;padding:8px;font-size:60%;}
.alignnone{text-align:none;float:none;}
.alignleft{text-align:left;float:left;}
.aligncenter{text-align:center;float:center;}
.alignright{text-align:right;float:right;}
#alignleft{text-align:left;float:left;}
#aligncenter{text-align:center;float:center;}
#alignright{text-align:right;float:right;}
.sidebar{display:inline-block;width:290px;text-align:left;vertical-align:top;}
.taglinedesktop{color:green;font-size:110%;vertical-align:middle;display:inline-block;float:center;text-align:center;padding:5px;margin-left:1px;letter-spacing:5px;}
.taglinemobile{color:green;font-size:85%;vertical-align:middle;display:inline-block;float:center;text-align:center;padding:5px;margin-left:1px;}
.containerblock{padding:1px;width:99%;max-width:1000px;margin:auto;float:center;display:inline-block;vertical-align:top;}
.containerdash{float:center;text-align:center;margin:auto;display:block;line-height:23px;}
.blockright{float:right;text-align:right;}
.blockleft{float:left;text-align:left;}
.blockcenter{float:center;text-align:center;}
#blockcenter{float:center;text-align:center;}
.blockgrey{border:1px solid #DDDDDD;display:block;padding:10px;background:#EEEEEE;}
.captchablock{background:#DDDDDD;padding:5px;margin:3px;width:160px;float:left;text-align:left;display:block;font-size:90%;}
.captcha{width:85px;padding:2px;opacity:0.6;text-align:center;}
.confirmblock{background:#CCFFCC;padding:7px;border:2px solid orange;line-height:17px;}
.welcomeblock{display:block;margin-top:15px;font-size:80%;color:#339966;}
.productbigblock{vertical-align:top;display:inline-block;border:none;max-width:700px;float:left;text-align:left;line-height:25px;}
.fontsize150p{font-size:150%;}
.fontsize120p{font-size:120%;}
#fontsize70p{font-size:70%;}
#fontsize80p{font-size:80%;}
#fontsize90p{font-size:90%;}
#fontsize120p{font-size:120%;}
.width15080{width:150px;font-size:85%;}
.width11080{width:110px;font-size:85%;}
.width100{width:100px;//font-size:85%;}
.width120{width:125px;font-size:80%;}
.width150{width:150px;font-size:100%;}
.width200{width:200px;font-size:100%;}
.width250{width:250px;font-size:100%;}
.inputfullwidth{padding:15px;margin:3px;min-width:250px;width:99%;}
.bordergreen{border:1px solid #339966;padding:9px;opacity:0.8;vertical-align:top;border-radius: 0px 0px 5px 5px;position:relative;z-index:0;}
#bordergreen{border:1px solid #339966;padding:9px;opacity:0.8;vertical-align:top;border-radius: 0px 0px 5px 5px;position:relative;z-index:0;}
.ratestatus{background:#339966;color:white;padding:2px;vertical-align:bottom;display:inline-block;width:98%;}
.smallloginbtn{text-align:right;float:right;background:#339966;color:#EEEEEE;padding:5px;text-decoration:none;border-radius:3px;}
.dashbtn1{background:#D7ECDC;color:#339966;padding-top:1px;padding-bottom:15px;min-width:110px;max-width:21%;width:100%;display:inline-block;margin:5px;box-shadow: 2px 2px 3px 0px #aaaaaa;border-radius:5px;text-decoration:none;text-align:center;z-index:1;}
.dashbtn2{background:#D7ECDC;color:#339966;padding-top:15px;padding-bottom:15px;min-width:132px;max-width:20%;width:100%;display:inline-block;margin:5px;box-shadow: 2px 2px 3px 0px #aaaaaa;border-radius:5px;text-decoration:none;text-align:center;z-index:0;}
.dashbuttongreen{color:#339966;padding:5px;min-width:132px;max-width:20%;width:100%;display:inline-block;margin:5px;vertical-align:top;border-radius:5px;text-decoration:none;text-align:center;z-index:0;}
.dashbuttonorange{background:#FFC875;color:#339966;padding:1px;min-width:132px;max-width:20%;width:100%;display:inline-block;margin:5px;vertical-align:top;box-shadow: 2px 2px 3px 0px #aaaaaa;border-radius:5px;text-decoration:none;text-align:center;}
.dashbuttongrey{background:#D8F1E4;color:#339966;padding:7px;min-width:109px;max-width:200px;width:40%;display:inline-block;margin:5px;vertical-align:top;box-shadow: 2px 2px 3px 0px #aaaaaa;border-radius:5px;text-decoration:none;text-align:center;}
.buttonpadding10{padding:10px;margin:5px;background:blue;font-size:105%;}
#buttonpadding10{padding:10px;margin:5px;background:blue;font-size:105%;}
.redbuttonpadding4{padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;display:inline-block;background:red;font-size:97%;}
.blueactivate{background:#0000FF;color:#EEEEEE;}
.orangeactivate{background:#FFFFAA;color:#AA0000;padding:4px;float:center;text-align:center;margin:2px;width:99%;display:block;border:1px solid #DDDDDD;border-radius:5px;font-size:75%;z-index:0;}
.greyactivate{background:#DDDDDD;color:#999999;}
#redtext{color:red;padding:5px;}
#greentext{color:#339966;padding:5px;}
#orangetext{color:orange;padding:5px;}
.greytext{color:#DDDDDD;}
.greytext7{color:#777777;}
.bluetext{color:blue;padding:5px;}
.blacktext{color:#000000;padding:5px;}
.lightbluetext{color:#0088CC;}
.greentext{color:#339966;width:100%;display:block;}
.greentextbold{color:#339966;font-weight:bold;}
.greentextbig{color:#339966;font-size:120%;}
.redtext{color:#AA0000;width:100%;display:block;}
.redtextbold{color:#AA0000;font-weight:bold;}
.redtextbig{color:#AA0000;font-size:120%;}
.goldtext{color:#8F761F;}
.goldtextbold{color:#8F761F;font-weight:bold;}
.goldtextbig{color:#8F761F;font-size:120%;}
.orangetext{color:orange;padding:5px;}
.maroontext{color:maroon;padding:5px;}
.redbackground{background:red;padding:5px;}
.goldbackground{background:#A08423;padding:5px;color:#EEEEEE;}
.bluebackground{background:blue;padding:5px;}
.lightbluebackground{background:#0088CC;padding:5px;}
.greenbackground{background:green;padding:1px;margin:2px;color:#FFFFFF;text-decoration:none;}
.orangebackground{background:orange;padding:5px;}
#orangebackground{background:orange;padding:5px;}
.greybackground{background:#EEEEEE;padding:5px;}
.verifybtn{background:orange;padding:5px;border:2px dotted #FF641A;display:inline-block;}
.levelbtn{background:#00FF00;padding:5px;border:2px dotted #339966;display:inline-block;}
.verifysbtn{background:orange;padding-left:3px;padding-right:3px;line-height:16px;border:2px dotted #FF641A;display:inline-block;margin:1px;font-size:75%;font-weight:bold;color:maroon;}
.levelsbtn{background:#00FF00;padding-left:3px;padding-right:3px;line-height:16px;border:2px dotted #339966;display:inline-block;margin-top:-5px;font-size:99%;font-weight:bold;color:#005500;}
.maroonbackground{background:maroon;padding:5px;}
.goldborder{border:#A08423 2px solid;padding:2px;display:inline-block;opacity:0.8;}
#greybackground{background:#DDDDDD;}
.greybackground{background:#CCCCCC;padding:3px;display:inline-block;opacity:0.6;}
.listbackground{background:#D8F1E4;color:#000000;margin-bottom:10px;margin-right:10px;padding:10px;display:inline-block;opacity:1;text-decoration:none;font-weight:normal;border-radius:5px;box-shadow:1px 2px 1px 0px #DDDDDD;width:94%;max-width:460px;}
.listbackground2{background:#D8F1E4;color:#000000;margin-bottom:10px;margin-right:10px;padding:10px;display:inline-block;opacity:1;text-decoration:none;font-weight:normal;border-radius:5px;box-shadow:1px 2px 1px 0px #DDDDDD;width:94%;max-width:560px;}
.greenborder{width:94.7%;border:#339966 1px solid;padding:8px;display:inline-block;opacity:0.8;text-align:center;vertical-align:top;border-radius: 0px 0px 5px 5px;position:relative;z-index:0;}
#greenborder{width:94.7%;border:#339966 1px solid;padding:8px;display:inline-block;opacity:0.8;text-align:center;vertical-align:top;border-radius: 0px 0px 5px 5px;position:relative;z-index:0;}
.blueborder{border:#0000AA 1px solid;padding:8px;display:inline-block;opacity:0.8;}
.blackborder{border:#111111 1px solid;padding:8px;display:inline-block;opacity:0.8;}
.greyborder{border:#DDDDDD 1px solid;padding:8px;display:inline-block;opacity:0.8;}
#lineheight15{line-height:15px;}
.productsmallblock{width:122px;min-height:175px;display:inline-block;text-align:center;background:#EEEEEE;padding:1px;margin:5px;font-size:90%;border-radius:5px;}
.productsmallimg{max-width:117px;height:117px;margin-bottom:5px;text-align:center;width:99%;border-radius:50%;}
.productbigimg{width:99%;height:240px;border-radius:50%;}
.productbigimgdiv{width:99%;max-width:250px;height:250px;float:center;padding-right:10px;}
.profimg{height:65px;min-width:65px;border:1px solid #DDDDDD;border-radius:50px;margin:3px;}
.profimg1{height:30px;min-width:30px;border:1px solid #DDDDDD;border-radius:20px;}
.proftextblock{display:inline-block;vertical-align:top;float:left;text-align:left;width:97%;max-width:500px;padding:10px;min-height:500px;}
.dashfig{padding:5px;font-size:160%;display:block;}
.profpic{width:100%;max-width:246px;margin-bottom:9px;border:1px solid #DDDDDD;border-radius:5px;box-shadow:1px 2px 1px 0px #DDDDDD;}
h1{font-size:160%;text-align:center;}
h2{font-size:140%;}
h3{font-size:120%;margin-top:18px;margin-bottom:18px;display:block;}
h4{padding:3px;font-size:110%;}
h5{padding:2px;font-size:120%;margin:2px;}
h2.heading{font-size:140%;line-height:32px;text-align:center;}
.headingh2{background:#339966;color:#EEEEEE;padding:12px;display:block;margin-bottom:0px;//margin-top:9px;text-transform:uppercase;text-align:left;border-radius: 5px 5px 0px 0px;font-size:103%;}
.headingh2 a{color:#00EE00;}
.headingh2 a:hover{color:#EEEEEE;text-shadow:1px 1px 1px #333333;}
.headingh3{background:#DDDDDD;color:#555555;padding:12px;display:block;margin-bottom:0px;margin-top:9px;text-transform:uppercase;text-align:left;border-radius: 5px 5px 0px 0px;font-size:103%;}
pre {white-space: pre-wrap;}
.h1black{font-weight:bold;color:black;line-height:30px;font-size:130%;}
.container{background:#ffffff;width:100%;max-width:900px;float:center;display:block;margin:auto;}
.headerimg{padding:1px;opacity:0.8;}
.center{text-align:center;float:center;display:block;margin:auto;margin:5px;}
.goldbutton{width:220px;background:#A08423;color:white !important;padding:10px;margin:2px;text-decoration:none;border-radius:5px;font-size:110%;display:inline-block;opacity:0.9;box-shadow: 2px 2px 3px 0px #aaaaaa;text-align:center;}
.goldbutton:hover{background:#0088CC;}
.blackbutton{width:220px;background:#000000;color:white !important;padding:10px;margin:2px;text-decoration:none;border-radius:5px;font-size:110%;display:inline-block;box-shadow:1px 2px 1px 0px #cccccc;opacity:0.9;box-shadow: 2px 2px 3px 0px #aaaaaa;text-align:center;}
.blackbutton:hover{background:#A08423;}
.lightbluebutton{width:220px;background:#339966;color:white !important;padding:10px;margin:2px;text-decoration:none;border-radius:5px;font-size:110%;display:inline-block;opacity:0.9;box-shadow: 2px 2px 3px 0px #aaaaaa;text-align:center;}
.lightbluebutton:hover{background:#339966;}
.bluebutton{width:220px;background:#000099;color:white !important;padding:10px;margin:2px;text-decoration:none;border-radius:5px;font-size:110%;display:inline-block;box-shadow:1px 2px 1px 0px #cccccc;opacity:0.9;box-shadow: 2px 2px 3px 0px #aaaaaa;text-align:center;}
.bluebutton:hover{background:#339966;}
.greenbutton{width:220px;background:#339966;color:white !important;padding:10px;margin:2px;text-decoration:none;border-radius:5px;font-size:110%;display:inline-block;opacity:0.9;box-shadow: 2px 2px 3px 0px #aaaaaa;text-align:center;}
.greenbutton:hover{background:#0088CC;}
.greenbuttonleft{width:250px;background:#339966;color:white !important;padding:10px;padding-left:10px;margin:2px;text-decoration:none;border-radius:5px;font-size:110%;display:inline-block;opacity:0.9;box-shadow: 2px 2px 3px 0px #aaaaaa;text-align:left;}
.greenbuttonleft:hover{background:#0088CC;}
.lightbluebuttonleft{width:200px;background:#0088CC;color:white !important;padding:10px;padding-left:30px;margin:2px;text-decoration:none;border-radius:5px;font-size:110%;display:inline-block;opacity:0.9;box-shadow: 2px 2px 3px 0px #aaaaaa;text-align:left;}
.lightbluebuttonleft:hover{background:#339966;}
.redbutton{width:220px;background:#990000;color:white !important;padding:10px;margin:2px;text-decoration:none;border-radius:5px;font-size:110%;display:inline-block;opacity:0.9;box-shadow: 2px 2px 3px 0px #aaaaaa;text-align:center;}
.redbutton:hover{background:#A08423;}
.goldsmallbutton{background:#A08423;padding:5px;color:white;text-decoration:none;min-width:33px;margin-bottom:2px;text-align:center;box-shadow:inset 0 0 3px #111111;box-shadow:1px 1px 1px #999999;display:inline-block;border:none;border-radius:3px;font-size:95%;}
.goldsmallbutton:hover{background:#0088CC;}
.bluesmallbutton{background:#0000FF;padding:5px;color:white;text-decoration:none;min-width:33px;margin-bottom:2px;text-align:center;box-shadow:inset 0 0 3px #111111;box-shadow:1px 1px 1px #999999;display:inline-block;border:none;border-radius:3px;font-size:95%;}
.bluesmallbutton:hover{background:#A08423;}
.greensmallbutton{background:#339966;padding:5px;color:white;text-decoration:none;min-width:33px;margin:3px;text-align:center;box-shadow:inset 0 0 3px #111111;box-shadow:1px 1px 1px #999999;display:inline-block;border:none;border-radius:3px;font-size:95%;}
.greensmallbutton:hover{background:#0088CC;}
.redsmallbutton{background:#FF0000;padding:5px;color:white;text-decoration:none;min-width:33px;margin-bottom:2px;text-align:center;box-shadow:inset 0 0 3px #111111;box-shadow:1px 1px 1px #999999;display:inline-block;border:none;border-radius:3px;font-size:95%;}
.redsmallbutton:hover{background:#A08423;}
#delbutton{background:#FF0000;padding:5px;color:white;text-decoration:none;min-width:33px;margin:3px;text-align:center;box-shadow:inset 0 0 3px #111111;box-shadow:1px 1px 1px #999999;display:inline-block;border:none;border-radius:3px;font-size:95%;}
#delbutton:hover{background:#A08423;}
.bordernone{border:none;}
#bordernone{border:none;}
table{width:100%;border:0px solid #AAAAAA;margin:0px;line-height:22px;opacity:0.8;position:relative;z-index:0;border-radius: 0px 0px 5px 5px;}
.tablescroll {
    display:block;
    overflow-x:scroll;
    min-width:250px;
    table-layout: fixed;
}
tr{margin:0px;border:3px solid #AAAAAA;position:relative;z-index:0;}
td{padding:6px;margin:0px;border:1px #cccccc solid;position:relative;z-index:0;}
th{text-align:left;padding:6px;border:1px #cccccc solid;text-transform:capitalize;background:#DDDDDD;position:relative;z-index:0;}
.fullwidthgreysection{max-width:1230px;padding-right:6%;padding-left:6%;background:#eeeeee;padding-top:1px;padding-bottom:10px;text-align:center;float:center;display:block;margin:auto;margin-right:-10px;margin-left:-10px;display:block;}
.fullwidthwhitesection{max-width:1230px;padding-right:6%;padding-left:6%;background:#ffffff;padding-top:1px;padding-bottom:10px;text-align:center;float:center;display:block;margin:auto;margin-right:-10px;margin-left:-10px;display:block;}
.fullwidthgreysectionadmin{max-width:1230px;text-align:center;float:center;display:block;margin:auto;display:block;}
#loading {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
display: block;
opacity: .9;
background-color: #EEEEEE;
z-index: 99;
text-align: center;
}
#loading-image {
width:10%;
position: absolute;
top: 250px;
left: 40%;
z-index: 600;
float:center;
display:block;
text-align: center;
}
small{font-size:70%;}
@media (min-width: 800px) {
.mobile {display: none;}
.mennu {display: none;}
}
@media (max-width: 800px) {
.desktop {display: none;}
.head2 {display: none;}
}
@-ms-viewport{
  width: device-width;
}
.scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.card {
    display: inline-block;
  }
.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}
.blink{
		//width:200px;
		//height: 50px;
	    //background-color: magenta;
		//padding: 15px;	
		//text-align: center;
		//line-height: 50px;
		display:inline-block;
	}
	spann{
		//font-size: 25px;
		//font-family: cursive;
		font-weight:bold;
		display:inline-block;
		background: red;
		color:white;
		padding:2px;
		margin:1px;
		border-radius:3px;
		animation: blink 1s linear infinite;
	}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
#image-holder{width:150px;display:block;}
.button {background:#111111;color:#EEEEEE;padding:1px;font-size:80%;float:right;text-decoration:none;}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  //background:#111111;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:10;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
  background:#111111;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  //position: relative;
  transition: all 5s ease-in-out;
  color:#339966;
  //z-index:1;
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
  text-transform:capitalize;
  font-size:13px;
  line-height:18px;
  position:relative;
  z-index:999;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.9); /* Black background with opacity */
  z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
#text{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14px;
  line-height:18px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  text-transform:Capitalize;
  border: 2px dotted #339966;
  padding:10px;
  min-width:200px;
  background:#000000;
}

/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 40%;
  max-width: 400px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 75px;
  right: 35px;
  color: #f1f1f1;
  font-size: 65px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

.stt {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: url("https://skillsoko.com/app/images/backtotop.png") center no-repeat;
  background-size: 50px 50px;
  box-shadow: 0 0.25rem 0.5rem 0 gray;
  opacity: 0.7;
}

.stt:hover {
  opacity: 0.8;
}

.stt:focus {
  opacity: 0.9;
}

.stt:active {
  opacity: 1;
}