* {
  box-sizing: border-box;
}



body {
background-color:#cccccc;
background-image: url("chris_background.png");
}

.row::after {
  content: "";
  clear: both;
  display: block;

}

[class*="col-"] {
  float: left;
  padding: 15px;
background-color:#cccccc;
background-image: url("");
margin-top:15px;
}

html {
  font-family: "Lucida Sans", sans-serif;
}

a {text-decoration:none; color: #cccccc;}


.stickytraka{
background-color: #;
  position: fixed;
  top: 10px;
margin-left:%;
  width: 99%;
height:auto;
border:px solid white;
border-radius: 5px;
  display: block;
  transition: top 2s;
z-index: 100; 
opacity:0.9;  
}




.header {
position:relative;
margin-top:100px;
background-color:#272727;
background-image: url("matrix_background.png");
  color: #;
  border-radius: 10px;
  border:10px solid #21618C;
  padding: 10px;
height:auto;
}





.introduction{
float:left;
margin-top:15px;
width:100%;
height:auto;
padding:5px;
background-color:#071418;
background-image: url("");
color: #cccccc;
border:10px solid #21618C;
  border-radius: 10px;
border-top: px solid #;
border-right:px solid #;
}

.listings{
float:left;
margin-top:50px;

width:100%;
height:auto;
padding:5px;
background-color:#283747;
background-image: url("");
color: #cccccc;
border:10px solid #848484;
  border-radius: 10px;
border-top: px solid #;
border-right:px solid #;
}



.tgchannel{
float:left;
margin-top:15px;
width:100%;
height:auto;
padding:5px;
background-color:#071418;
background-image: url("");
color: #cccccc;
border:10px solid #21618C;
border-radius:10px;
border-top: 6px solid #;
border-right:px solid #585858;
}


.listedbanners{
float:left;
margin-top:15px;
width:100%;
height:auto;
padding:5px;
background-color:#071418;
background-image: url("");
color: #cccccc;
border:10px solid #848484;
border-top: px solid #;
border-right:px solid #;
}


.content_banners {
margin-top:10px;
background-color:#272727;
background-image: url("matrix_background.png");
  color: #cccccc;
  padding: 5px;
height:auto;
border:2px solid #071418;
border-top: 6px solid #585858;
border-right:6px solid #585858;
}



.cointelegraph_widget{
float:left;
margin-left:%;
margin-top:10px;
width:100%;
height:auto;
background-color:#272727;
background-image: url("");
border:px solid #071418;
border-radius: 3px;
padding:10px;
overflow: hidden;
}

.cryptonews_widget{
float:left;
margin-left:%;
margin-top:10px;
width:100%;
height:auto;
background-color:#1B2631;
background-image: url("matrix_background.png");
border:10px solid #848484;
border-radius: 10px;
padding:10px;
overflow: hidden;
}


.chatandslideshowframe{
float:left;
margin-left:%;
margin-top:15px;
width:100%;
height:auto;
background-color:#272727;
background-image: url("matrix_background.png");
border:10px solid red;
border-radius: 10px;
padding:10px;
}


.chatframe{
float:left;
width:100%;
height:auto;
margin-left:8.33%;
margin-top:15px;
padding:10px;
font-size:14px;
text-align: left;
background-color:white;
background-image: url("");
border:px solid yellow;
border-radius: 5px;
}


/*slideshows start*/

.slideshowframe{
float:left;
margin-left:%;
margin-top:15px;
width:0%;
height:auto;
background-color:#071418;
background-image: url("");
border:2px solid #071418;
border-top: 6px solid #585858;
border-right:6px solid #585858;
border-radius: 5px;
padding:5px;
}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position:relative;
  height:auto;
margin-left:%;
margin-top:30px;
margin-bottom:px;
padding:px;
border:1px solid white;
}

.description{
float:left;
margin-left:5%;
width:90%;
height:auto;
color:#cccccc;
font-size:;
text-align: center;
border: 10px solid #848484;
border-radius: 10px;
padding:10px;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 20px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Hide the images by default */
.mySlides {
  display: none;
}


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/*slideshows end*/



.banners_gallery{
float:left;
margin-left:%;
margin-top:20px;
width:100%;
height:auto;
background-color:#272727;
background-image: url("matrix_background.png");
border:2px solid #071418;
border-top: 6px solid #585858;
border-right:6px solid #585858;
border-radius: 3px;
padding:10px;
overflow: auto;
}




.maincontent {
margin-top:px;
background-color:#21618C;
background-image: url("");
  padding: 15px;
  color: black;
  text-align: center;
  font-size: 14px;
border: px solid #123c69;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
border-radius:px;
}

.subtitle {
position:relative;
margin-top:5px;
background-color:#747474;
background-image: url("matrix_background.png");
  background-size: cover;
  padding: 10px;
  color: black;
  text-align: center;
  
border: px solid black;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}


.subtitletext1 {
position: absolute;
  top: 20%;
  left: 1%;
width:98%;
text-align:center;
letter-spacing: 2px;
color: white;
font-size:4vw;
line-height:1.4;
text-shadow: 4px 4px black;
border:px solid white;
border-top:px solid white;
border-bottom:px solid white;
}


.subtitletext2 {
position: absolute;
  top: 16%;
  left: 1%;
width:98%;
text-align:center;
letter-spacing: 2px;
color: white;
font-size:3vw;
line-height:1.4;
text-shadow: 4px 4px black;
border:px solid white;
border-top:px solid white;
border-bottom:px solid white;
}



.main728{
float:left;
margin-left:%;
margin-top:30px;
margin-bottom:px;
width:100%;
background-color: #ff652f;
background-image:
url("");
background-size: cover;
border-left:18px solid #1f6521;
border-top:px solid #2e9cca;
border-radius:4px;
padding:10px;
padding-top:8px;
box-shadow: px px #A4A4A4;
}






.main728p{
float:left;
margin-left:%;
margin-top:100px;
margin-bottom:px;
width:100%;
background-color: #34495E;
background-image:
url("");
background-size: cover;
border-left:22px solid #186A3B;
border-top:22px solid #186A3B;
border-bottom:2px solid #186A3B;
border-radius:4px;
padding:10px;
padding-top:8px;
box-shadow: px px #A4A4A4;
}

.main728t{
float:left;
margin-left:%;
margin-top:100px;
margin-bottom:px;
width:100%;
background-color: #D0ECE7;
background-image:
url("");
background-size: cover;
border-left:14px solid #A2D9CE;
border-top:14px solid #A2D9CE;
border-bottom:2px solid #A2D9CE;
border-radius:4px;
padding:10px;
padding-top:8px;
box-shadow: px px #A4A4A4;
}



.testtop {
position:relative;
margin-top:5px;
width:100%;
height:auto;
padding:2px;
text-align: left;
color:#cccccc;
background-color: #D0ECE7;
border:px solid white;
object-fit:contain;
}



.test_text{
position:relative;
margin-top:5px;
margin-left:5px;
width:auto;
height:auto;
text-align: left;
background-color: #A2D9CE;
color:#1C2833;
padding:2px;
border:px solid red;
border-radius:5px;
}

.test_frame_a{
position:relative;
margin-top:20px;
margin-left:5px;
width:auto;
height:auto;
text-align: left;
background-color: #9FF781 ;
color:#1C2833;
padding:2px;
border:px solid red;
border-radius:5px;
}

.test_frame_e{
position:relative;
margin-top:20px;
margin-left:5px;
width:auto;
height:auto;
text-align: left;
background-color:#BDBDBD ;
color:#1C2833;
padding:2px;
border:px solid red;
border-radius:5px;
}

.main728pr{
float:left;
margin-left:%;
margin-top:100px;
margin-bottom:px;
width:100%;
background-color: #0f292f;
background-image:
url("");
background-size: cover;
border-left:22px solid #DC7633;
border-top:22px solid #DC7633;
border-bottom:2px solid #DC7633;
border-radius:4px;
padding:10px;
padding-top:8px;
box-shadow: px px #A4A4A4;
}


.main728w{
float:left;
margin-left:%;
margin-top:100px;
margin-bottom:px;
width:100%;
background-color: #0f292f;
background-image:
url("");
background-size: cover;
border-left:22px solid #848484;
border-top:22px solid #848484;
border-bottom:2px solid #848484;
border-radius:4px;
padding:10px;
padding-top:8px;
box-shadow: px px #A4A4A4;
}



.main728nm{
float:left;
margin-left:%;
margin-top:100px;
margin-bottom:px;
width:100%;
background-color: #626567;
background-image:
url("");
background-size: cover;
border-left:22px solid #34495E;
border-top:22px solid #34495E;
border-bottom:2px solid #34495E;
border-radius:4px;
padding:10px;
padding-top:8px;
box-shadow: px px #A4A4A4;
}

.main728np{
float:left;
margin-left:%;
margin-top:100px;
margin-bottom:px;
width:100%;
background-color: #626567;
background-image:
url("");
background-size: cover;
border-left:22px solid #8a0808;
border-top:22px solid #8a0808;
border-bottom:2px solid #8a0808;
border-radius:4px;
padding:10px;
padding-top:8px;
box-shadow: px px #A4A4A4;
}


span.a {
float:left;  
  width: 66.66%;
  height: 36px;
line-height:24px;
  padding: 6px;
margin-left:px;
margin-top:12px;
font-size:;
text-align: left;
color:#0f292f;
border: px solid #0f292f;
border-radius:4px;
background-color:#cccccc;
background: linear-gradient(to right bottom,#,# );
}

@media screen and (min-width: 600px) {
  span.a {
    font-size: 30px;
  }
}

@media screen and (max-width: 600px) {
  span.a {
    font-size: 16px;
  }
}








.blinking{
    animation:blinkingText 1s infinite;
width:100%;
background-color:#df7401;
font-size:px;
line-height:px;
margin:auto;
color: #cccccc;
padding:px;
display: block;
    vertical-align: middle;
text-align: center;
}

@keyframes blinkingText{
    0%{     color: #cccccc;    }
    29%{    color: transparent; }
    
    71%{    color:transparent;  }
    100%{   color: #cccccc;    }
}

@media screen and (min-width: 600px) {
  span.blinking {
    font-size: 20px;
  }
}

@media screen and (max-width: 600px) {
  span.blinking {
    font-size: 12px;
  }
}



span.a1 {
  float:right;
  width: 25%;
height: 36px;
line-height:24px;
padding: 6px;
margin-left:px;
margin-right:%;
margin-top:12px;
font-size:;
text-align: center;
color: #E3E2DF;
  border: px solid #31B404;
border-radius:4px;
background-color:#1f6521;
background: linear-gradient(to right bottom,#,# );
}


@media screen and (min-width: 600px) {
  span.a1 {
    font-size: 20px;
  }
}

@media screen and (max-width: 600px) {
  span.a1 {
    font-size: 16px;
  }
}


span.b1 {
float:left;
  display: inline-block;
  width: 66.66%;
  height: ;
text-align: left;
font-size:1.5vw;
padding: 4px;
margin-left:%;
margin-top:12px;
  border: 1px solid #123c69 ;
border-radius:2px;
}


span.b2 {
float:left;
  display: inline-block;
  width: 100%;
  height: ;
text-align: left;
font-size:1.5vw;
padding: 4px;
margin-left:%;
margin-top:12px;
  border: 1px solid #123c69 ;
border-radius:2px;
}


/*eps ikone*/
span.e {
  float:right;
  width: 14%;
height: 80px;
line-height:px;
padding: 5px;
margin-left:%;
margin-right:5%;
margin-top:10px;
font-size:px;
text-align: center;
color: #E3E2DF;
  border: 1px solid #123c69;
border-radius:2px;
background-color:#;
background: linear-gradient(to right bottom,#,# );
}


span.t1 {
  float:left;
  width: 100%;
  height: auto;
text-align: left;
  padding: 4px;
margin-left:%;
margin-top:12px;
  border: 1px solid #123c69;
border-radius:2px;
}


span.t2 {
  float:left;
  width: 100%;
  height: auto;
line-height:18px;
  padding-top: 4px;
margin-left:%;
margin-top:8px;
  border: 1px solid #123c69;
border-radius:2px;
}

span.iconsframe {
float:left;
width:auto;
height:auto;
border:px solid white;
}


span.t3 {
  float:left;
  width: 100%;
  height: auto;
text-align: left;
  padding-top: 4px;
margin-left:%;
margin-top:8px;
  border: 1px solid #123c69;
border-radius:2px;
}


/*buttons*/

.button {
background-color: #cccccc;
  border: none;
  color: #1f6521;
  padding: 2px 8px;
  text-align: center;
  line-height:1.4;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 1px 1px;
  border-radius: 2px;
}


.buttonmain {
background-color: #cccccc;
  border: none;
  color:#1f6521;
  padding: 2px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 1px 1px;
  border-radius: 2px;
}

 /*green - active investment*/

.button2 {background-color: #0f292f;color:#cccccc; text-align: left;} /* instant/manual payment */
.button3 {background-color: #0f292f; color:#cccccc; text-align: left;} /* lightblue - telegram bot*/ 
.button4 {background-color: #0f292f; color:#cccccc;} /* about,alexa, payment proofs*/
.button5 {background-color: #1f6521;} /* RCB */


/* <button class="button">ACTIVE INVESTMENT</button>
<button class="button button2">INSTANT PAYMENT</button>
<button class="button button3">PENDING - ON HOLD</button>
<button class="button button4">ABOUT</button>
<button class="button button4">ALEXA RANKING</button>
<button class="button button4">PAYMENT PROOFS</button>
<button class="button button5">RCB request</button>
 */


/*screenshots of frontpage & backofffice */

.screenshotsframe1{
float:left;
margin-top:6px;
margin-left:1%;
width:98%;
height:auto;
border-top:3px solid #29648a;
}

.screenshot11{
  float:left;
width: 49%;
  height:auto ;
padding: px;
margin-left:%;
margin-top:1%;
border:px solid white;
border-radius:px;
background-color:;
		background: linear-gradient(to right bottom,, );
}

.s11 {
position: relative;
  text-align: center;
  width: 100%;
  height: auto;
padding: px;
margin-left:%;
margin-top:%;
border:px solid white;
object-fit: cover;
border-radius:px;
background-color:;
		background: linear-gradient(to right bottom,, );
}

.screenshot12
{
  float:left;
width: 49%;
  height:auto ;
padding: px;
margin-left:1%;
margin-top:1%;
border:px solid white;

border-radius:px;
background-color:;
		background: linear-gradient(to right bottom,, );
}

.s12 {
position: relative;
  text-align: center;
  width: 100%;
  height: auto;
padding: px;
margin-left:%;
margin-top:%;
border:px solid white;
object-fit: cover;
border-radius:px;
background-color:;
		background: linear-gradient(to right bottom,, );
}


/* Top left text */
.top-left {
  position: absolute;
  top: 6px;
  left: 12px;
color:#071907;
font-size:14px;
text-shadow: 1px 1px #fafafa;
}




/*progress bar*/

span.p {
  display: inline-block;
  width: 100%;
  height: ;
  padding: px;
margin-left:%;
margin-top:px;
margin-bottom:px;
  border: 0px solid ;
border-radius:2px;
background-color:#086A87;
		background: linear-gradient(to right bottom,#,# );
}

.progressbar-fill1 {
				display: block;
				height: 18px;
				line-height: 18px;
				background-color: #d6ce15;
				border-radius: 4px;
				font-size:14px;
color:#071907;
				transition: width 500ms ease-in-out;
text-align:right;
			}

.progressbar-fill2 {
				display: block;
				height: 18px;
				line-height: 18px;
				background-color: #186A3B;
				border-radius: 4px;
				font-size:14px;
color:#E3E2DF;
				transition: width 500ms ease-in-out;
text-align:right;
			}

.progressbar-fill3 {
				display: block;
				height: 18px;
				line-height: 18px;
				background-color: #8a0808;
				border-radius: 4px;
				font-size:14px;
color:#E3E2DF;
				transition: width 500ms ease-in-out;
text-align:right;
			}


.aside {
  background-color: #33b5e5;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
border: 1px solid black;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}


/*novi okviri*/


.maintitleframe{
float:left;
width:100%;
height:auto;
top:10px;
text-align:left;
border:1px solid white;
}


.titleframe{
position:relative;
width:100%;
height:auto;
padding:5px;
border:1px solid red;

}




.aaa{
float:left;
top:px;
width:100%;
height:auto;
padding:2px;
border:1px solid red;
}



.novitop {
position:relative;
margin-top:px;
width:100%;
height:auto;
padding:2px;
text-align: left;
color:#cccccc;
border:px solid white;
object-fit:contain;
}



.reviewframe{
float:left;
margin-left:%;
margin-top:50px;
margin-bottom:px;
width:100%;
background-color: #0B5345;
background-image:
url("");
background-size: cover;
border-left:22px solid #1B0A2A;
border-top:22px solid #1B0A2A;
border-bottom:2px solid #1B0A2A;
border-radius:4px;
padding:10px;
padding-top:8px;
box-shadow: px px #A4A4A4;
}


.review {
position:relative;
margin-top:px;
width:100%;
height:auto;
padding:20px;
text-align: left;
color:#e6e6e6;
border:px solid white;
object-fit:contain;
}


.mainpic{
float:left;
margin-top:px;
width:100%;
height:auto;
padding:6px;
text-align: left;
color:#cccccc;
border:px solid white;
object-fit:contain;
}


.right_title_p{
position:absolute;
margin-top:18px;
margin-left:50%;
width:30%;
height:auto;
padding:5px;
text-align: left;
color:#cccccc;
background-color: #f2f2f2;
background-image: url("status_background_g.png");
border:4px solid #1f6521;
border-radius:5px;
opacity:0.9;
}





.right_title_w{
position:absolute;
margin-top:10px;
margin-left:50%;
width:50%;
height:auto;
padding:10px;
text-align: left;
color:#cccccc;
background-color: #272727;
background-image: url("main_background_2.gif");
border-left:2px solid #df7401;
border-bottom:2px solid #df7401;
border-right:10px solid #df7401;
border-top:10px solid #df7401;
border-radius:5px;
opacity:0.8;
}


.right_title_np{
position:absolute;
margin-top:10px;
margin-left:50%;
width:50%;
height:auto;
padding:10px;
text-align: left;
color:#cccccc;
background-color: #272727;
background-image: url("main_background_2.gif");
border:4px solid #8a0808;
border-radius:5px;
opacity:0.8;
}



.title_p2{
float:center;
margin-left:%;
margin-top:px;
padding:4px;
font-size:;
width:%;
height:auto;
text-align: center;
color: #cccccc;
text-shadow: px px #bdbdbd;
background-color: #1f6521;
border:3px solid #1f6521 ;
border-radius:5px;
opacity:0.8;
}


.status_p2{
float:center;
margin-left:%;
margin-top:60px;
padding:4px;
font-size:;
width:;
height:auto;
text-align: center;
color: #cccccc;
text-shadow: px px #bdbdbd;
background-color: #1f6521;
border:3px solid #1f6521 ;
border-radius:5px;
opacity:0.9;
}



.title_w2{
float:left;
margin-left:%;
margin-top:px;
padding:4px;
font-size:px;
width:auto;
height:auto;
text-align: center;
color: #cccccc;
text-shadow: px px #bdbdbd;
background-color: #df7401;
border:3px solid #df7401 ;
border-radius:5px;
opacity:0.9;
}


.status_w2{
float:right;
margin-left:%;
margin-top:100px;
padding:4px;
font-size:px;
width:auto;
height:auto;
text-align: center;
color: #cccccc;
text-shadow: px px #bdbdbd;
background-color: #df7401;
border:3px solid #df7401  ;
border-radius:5px;
opacity:0.9;
}



.title_np2{
float:left;
margin-left:%;
margin-top:px;
padding:4px;
font-size:px;
width:auto;
height:auto;
text-align: center;
color: #cccccc;
text-shadow: px px #bdbdbd;
background-color: #8a0808;
border:3px solid #8a0808 ;
border-radius:5px;
opacity:0.9;
}


.status_np2{
float:right;
margin-left:%;
margin-top:100px;
padding:4px;
font-size:px;
width:auto;
height:auto;
text-align: center;
color: #cccccc;
text-shadow: px px #bdbdbd;
background-color: #8a0808;
border:3px solid #8a0808 ;
border-radius:5px;
opacity:0.9;
}

.novi1 {
float:left;
margin-top:px;
width:100%;
height:auto;
text-align: left;
color:#cccccc;
border:px solid white;
}

.field{
float:left;
margin-top:10px;
margin-left:px;
width:100%;
height:auto;
text-align: left;
background-color: #071418;
color:#cccccc;
padding:5px;
border:1px solid #071418;
border-radius:5px;
}



.field_p{
float:left;
margin-top:10px;
margin-left:px;
width:100%;
height:auto;
text-align: left;
background-color: transparent; /* v2: bilo je ";#1B2631;" (neispravno = prozirno). Za tamnu pozadinu upisi #1B2631 */
color:#cccccc;
padding:5px;
border:4px solid #17202A;
border-radius:5px;
}

.field_c{
float:left;
margin-top:10px;
margin-left:px;
width:100%;
height:auto;
text-align: left;
background-color: #212F3C;
color:#cccccc;
padding:5px;
border:4px solid #1C2833;
border-radius:5px;
}


.field_p1{
float:left;
margin-top:10px;
margin-left:px;
width:100%;
height:auto;
text-align: left;
background-color: #283747;
color:#cccccc;
padding:5px;
border:4px solid #212F3D;
border-radius:5px;
}


.field_t{
float:left;
margin-top:10px;
margin-left:px;
width:100%;
height:auto;
text-align: center;
background-color: #17202A;
color:#cccccc;
padding:5px;
border:1px solid #071418;
border-radius:5px;
}

.field_m{
float:center;
margin-top:10px;
margin-left:10px;
width:60%;
height:auto;
text-align: center;
background-color: #17202A;
color:#cccccc;
padding:5px;
border:1px solid #071418;
border-radius:5px;
}

.important{
color:#8A0808;
}

.listing{
color:#0489B1;
}

.insurance{
color:#0489B1;
}


.title{
font-size:26px;
}



.field_s{
float:left;
margin-top:10px;
margin-left:px;
width:100%;
height:auto;
text-align: left;
background-color: #1f6521;
color:#cccccc;
padding:10px;

border:1px solid #;
border-radius:5px;
}





.field_w{
float:left;
margin-top:10px;
margin-left:px;
width:100%;
height:auto;
text-align: left;
background-color: #0f292f;
color:#cccccc;
padding:5px;
border:1px solid #25274d;
border-radius:5px;
}


.field_n{
float:left;
margin-top:10px;
margin-left:px;
width:100%;
height:auto;
text-align: left;
background-color: #0f292f;
color:#cccccc;
padding:5px;
border:1px solid #8a0808;
border-radius:5px;
}

.field2{
float:left;
margin-top:10px;
margin-left:px;
width:100%;
height:auto;
text-align: left;
color:#cccccc;
border:1px solid white;
border-radius:5px;
}


img.a {
  vertical-align: text-bottom;
}



/* novi naslov*/

#field_title{
float:left;
inline-block;
margin-top:10px;
margin-left:px;
width:100%;
height:auto;
text-align: left;
color:#cccccc;
padding:px;
border:px solid white;
border-radius:5px;
}




#blinking{
float:left;
margin-left:px;
margin-top:3px;
padding:5px;
width:12%;
height:auto;
font-size:20px;
border:px solid #df7401 ;
background-color:#df7401;
border-radius:5px;
}

#title_a{
float:left;
margin-left:5px;
margin-top:2px;
padding:5px;
font-size:20px;
width:58.33%;
height:auto;
background-color:#1f6521;
border:1px solid #1f6521 ;
border-radius:5px;
}

#title_w{
float:left;
margin-left:5px;
margin-top:2px;
padding:5px;
font-size:20px;
width:58.33%;
height:auto;
background-color: #df7401;
border:1px solid #df7401 ;
border-radius:5px;
}



#title_b{
float:left;
margin-left:px;
padding:5px;
font-size:20px;
width:66.66%;
height:auto;
background-color:#1f6521;
border:1px solid #1f6521 ;
border-radius:5px;
}


#title_n{
float:left;
margin-left:px;
padding:5px;
font-size:20px;
width:66.66%;
height:auto;
background-color: #8a0808;
border:1px solid #8a0808 ;
border-radius:5px;
}




.status_paying{
float:left;
margin-top:px;
margin-left:px;
width:100%;
height:auto;
text-align: left;
background-color: #17202A;
color:#186A3B;
padding:3px;
border:6px solid #186A3B;
border-radius:6px;
}



.status_problem{
float:left;
margin-top:px;
margin-left:px;
width:100%;
height:auto;
text-align: left;
background-color: #071418;
color:#DC7633;
padding:3px;
border:6px solid #DC7633;
border-radius:6px;
}


.status_waiting{
float:left;
margin-top:px;
margin-left:px;
width:100%;
height:auto;
text-align: left;
background-color: #071418;
color:#848484;
padding:3px;
border:6px solid #848484;
border-radius:6px;
}



.status_notpaying{
float:left;
margin-top:px;
margin-left:px;
width:100%;
height:auto;
text-align: left;
background-color: #071418;
color:#8a0808;
padding:3px;
border:6px solid #8a0808;
border-radius:6px;
}


/* v2: status NOT MONITORED - klasa se koristi u HTML-u, a pravilo je nedostajalo */
.status_notmonitored{
float:left;
width:100%;
height:auto;
text-align: left;
background-color: #071418;
color:#5D6D7E;
padding:3px;
border:6px solid #5D6D7E;
border-radius:6px;
}








.cryptolist{
float:left;
margin-left:px;
margin-top:100px;
width:100%;
padding:10px;
background-color:#272727;
background-image: url("matrix_background.png");
border:px solid white;
border-radius:6px;
overflow:auto;
}





@media screen and (min-width: 600px) {
  .blinking {
    font-size: 20px;
  }
}

@media screen and (max-width: 600px) {
  .blinking {
    font-size: 20px;
    padding:3px;
  }
}

@media screen and (min-width: 600px) {
  #title_a{
    font-size: 20px;
  }
}

@media screen and (max-width: 600px) {
  #title_a{
    font-size: 16px;
  }
}



@media screen and (min-width: 600px) {
  p{
    font-size: 14px;
  }
}


@media screen and (max-width: 600px) {
  p{
    font-size: 16px;
    }
}


@media screen and (min-width: 600px) {
  a{
    font-size: 14px;
  }
}


@media screen and (max-width: 600px) {
  a{
    font-size: 16px;
    }
}


@media screen and (min-width: 600px) {
  t{
    font-size: 24px;
  }
}


@media screen and (max-width: 600px) {
  t{
    font-size: 16px;
    }
}


@media screen and (min-width: 600px) {
  s{
    font-size: 30px;
  }
}


@media screen and (max-width: 600px) {
  s{
    font-size: 20px;
    }
}

/*right column*/


/*how to change image on different devices*/

.image_full{
   display:inline-block;
vertical-align: text-bottom;
  }

 .image_mobile{
  display:none;
vertical-align: text-bottom;
 }

@media (max-width: 640px) and (min-width: 320px){
  .image_full{
   display:none;
vertical-align: text-bottom;
  }

  .image_mobile{
   display:inline-block;
vertical-align: text-bottom;
  }
}


.box_right1{
float:left;
margin-left:%;
margin-top:px;
margin-bottom:px;
padding:10px;
width:100%;
height:auto;
text-align: justify;
color:#cccccc;
background-color:#071418;
background-size: cover;
border: 2px solid #071418;
border-top: 6px solid #585858;
border-right:6px solid #585858;
border-radius:2px;
}



.right1{
float:left;
margin-left:%;
margin-top:10px;
margin-bottom:px;
padding:px;
width:100%;
height:auto;
text-align: justify;
background-color:#071418;
background-size: 100%;
border: 1px solid white;
border-bottom: px solid white;
border-right:px solid #5B355B;
border-radius:6px;
}


.right2{
float:left;
margin-left:%;
margin-top:10px;
margin-bottom:px;
padding:10px;
width:100%;
text-align: justify;
background-color:#ac3b61;
background-image: radial-gradient(#edc7b7, #123c69, #ac3b61);
background-size: 100%;
border: 1px solid white;
border-bottom:px solid ;
border-right:px solid #5B355B;
border-radius:6px;
}



.box_right2{
float:left;
margin-left:%;
margin-top:10px;
margin-bottom:px;
padding:10px;
width:100%;
text-align: justify;
background-color:#071418;
background-image: radial-gradient();
background-size: cover;
border: 2px solid #071418;
border-top: 6px solid #585858;
border-right:6px solid #585858;
border-radius:2px;
}



.footer {
  margin-top: 30px;
background-color:#272727;
background-image: url("");
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 15px;
}


.disclaimer{
		clear:both;
		margin-top: 10px;
		padding:5px;
		margin-left:0px;
		border:1px solid white;
		border-radius:6px;
		text-align:left;
		width:100%;
		height:auto;
		font-size: 12px;
		font-color: #cccccc;
	}

.lastupdate{
		clear:both;
		margin-top: 10px;
		padding:5px;
		margin-left:0px;
		border:1px solid white;
		border-radius:6px;
		text-align:center;
		width:100%;
		height:auto;
		font-size: 12px;
		font-color: #2E2EFE;
	}



/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
}


/* v2: na mobitelu chat bez lijeve margine (inace viri preko ruba) */
@media only screen and (max-width: 768px) {
  .chatframe {
    margin-left: 0;
  }
}


/* v4: Intro u plavom gradijentu kao banner PROFITABLE (dodaje se uz klasu introduction) */
.intro_box {
background: linear-gradient(180deg, #1d3d70 0%, #122a52 55%, #0e2142 100%);
border: 1px solid #2c5596;
border-radius: 10px;
box-shadow: 0 6px 18px rgba(0,0,0,0.35);
color: #e6edf5;
padding: 16px 22px;
}

.intro_box .field_p {
border: none;
padding: 0;
color: #e6edf5;
}

.intro_box p {
line-height: 1.6;
}