@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Montserrat:wght@500;800&display=swap');

body { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 16px; background: #000; color:#eee; }

a { color:#70dd9f; text-decoration: none; }
a:hover { color:#70dd9f; text-decoration: underline;}
#pcontent-content a:hover { color:#70dd9f; text-decoration: underline;}
.contentbody a { color: #70dd9f; }
.contentbody a:hover { color: #2980b9; }
.contentbody { min-height: 300px; }

.button  { display: inline-block; padding: 0px 20px 0px 20px; color: #70dd9f; cursor: pointer; height: 30px; line-height: 30px; text-align: center; background-color: transparent;
  font-style: normal; text-transform: uppercase; border: 1px solid #70dd9f; outline: none; text-decoration: none;
  border-radius: 6px;
}
.button:hover { color:white!important; text-decoration: none; background:#70dd9f; }

#pcontent-content { background: #000; }

.platform-badge { font-family: 'Caveat Brush'; font-size: 120%;  }
.price { color: #dd3344; font-size: 200%; font-family: 'Caveat Brush';}


p {text-align: justify; margin: 5px 0 10px 0px;}
table td { color: #555; }
img { border:0px; }
table td { font-size: 14px; }
table th { font-size: 14px; }
label { font-weight: normal;}
form { margin: 0px;}

hr {border-top: 1px solid #999; }
.navigation { text-align: right; margin-bottom:20px; text-transform: uppercase; }

.blogitem .block-header h2 { margin-top:12px; }
.blogitem .block-header { border-bottom: 1px solid #455; margin-bottom: 10px; background-color: #222530; }
.blogitem .block-header .content-date { color: #888; }

.side-bar { margin-top: 55px; background: #15161a; padding: 3px; }
.side-bar .userprofilephoto { max-width: 100px; }

.desktop { display: ; }

.gpheader { position: absolute; right: 20px; margin: 10px 20px 0px 0px; font-size: 170%; }

.mainheader .header { background-color: #000; height: 200px; background: url('/image/background1s.jpg') center center; border-bottom: 1px solid #3a3d41;}
.mainheaderhome .header { background-color: #000; height: 200px; background: url('/image/background1s.jpg') center center; border-bottom: 1px solid #3a3d41;}
.topmenu { margin: 20px 0px 30px 20px; text-align: right; font-size: 115%; border-radius: 9px;}
.topmenu .menuitem { margin:0px 8px; background: #3a3d41;  opacity: 0.9; padding: 4px 10px; border-radius: 9px; border: 1px solid #5a5d61; }


.downloadwidget { float: right; margin:12px;}
.right {float:right;}
.screenshot { max-width:100%; padding: 4px 0px 4px 0px; border-radius: 12px; }

.heading-section { text-align: center; padding: 100px 0 80px 0; }
.heading-section h1 { font-size: 20px; color: #333; font-weight: 800; text-transform: uppercase; }

h1, .h1 { font-size: 28px; font-weight: 800; color: #7191e3;}
h2, .h2 { font-size: 24px; font-weight: 800; color: #7191c3; }
h3, .h3 { font-size: 18px; color: #222; }

.header2 h2 {
    margin-top: 0px;
    padding-top: 0px;
}

.topads { margin: 10px; }

.rightrail { margin-top:20px; margin-bottom:20px;  }
.rightrail .block { border: 1px solid #455; border-radius:10px; background: #15161a; padding:10px; }
.rightrail .block ul { margin:0px; }

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

footer { background:#000; border-top:1px solid #3a3d41; color:#fff; margin-top: 0px; }
.main-footer { margin-top:10px; padding: 0px 20px 0px 20px }
.footer-title {font-size: 16px; font-weight: 700; text-transform: uppercase; padding-bottom: 20px; }
.bottom-footer{ padding: 60px 12px 15px 12px;}
.social-icons i {width: 60px;height: 60px;background: url('/data/social-sprite.png') no-repeat 0px 0px;display: inline-block;cursor: pointer;}
.social-icons i.twitter { background-position: -60px 0px;}
.social-icons i.googlepluse { background-position: -180px 0px;}

.text { margin-bottom:8px; padding:8px; overflow:hidden; border-radius: 3px; -webkit-border-radius: 3px;}
input.text, textarea.text { border: 1px solid #455; background: 000; color:#ccc; }
.text .shortlist { list-style-type: none; }
.text img { max-width: 100%;}
.fullwidthform .text { width:70%; }

.contentitem { margin-top:20px; margin-bottom:20px;  padding: 14px 0px; background: #15161a; border-radius: 10px; border: 1px solid #455; }
.blogitem { margin-top:20px; margin-bottom:20px;  padding: 0px; background: #15161a; border-radius: 10px; border: 1px solid #455}

.contentitem h1 { margin:0px; }
.contentitem h1 { padding-bottom:0px; }
.contentitem h2 { padding-top: 0px; margin-top: 0px;}

.note { color:#5c9c62; margin-bottom: 12px;  }

.comment .comment-author { font-style: italic; }
.comment { margin:12px 0px 12px 0px; }
.comments { margin-left:10px; padding: 0px 10px 0px 10px; }

.rating div {width:30px; height:30px; float:left; margin-right:10px;}
.rating .star { background: url(../data/star.png); background-position: center; background-repeat: no-repeat;  }
.rating .nostar { background: url(../data/norating.png); background-position: center; background-repeat: no-repeat; }

.mapdiv iframe { width: 100%; height: 300px;}
.historyrow .dates { margin-right:20px;}
.home-big-link {
    padding: 20px;
    text-align: center;
    font-size: 120%;
    background: #15161a;
    border-radius: 10px;
    border: 1px solid #455;
}

.home_icon { padding:30px; }
.home_icon h2 { margin-top: 0px; }
.downloadlink { float:right; padding-left:20px; padding-bottom: 20px; }
.downloadlink > img { cursor:pointer; height:50px; }

.contacttext { width:100%; }

.searchoptions td { padding: 4px 14px 4px 0px;  }
.datafields label { width:100px; }

.textinput { width:100%; }

.content { min-height:400px;}

.content-list-item { padding:10px; }
.content-list-item h3 { margin-top:5px; }
.content-list ul { margin: 0; padding: 0; }
.content-list li { list-style: none; margin: 10px 0; }
.content-list i { font-size: 16px; margin-right: 5px;  }

.text h3 { margin-top:4px; }

.follow div { margin:10px; }

/*-- Header --*/
.logo { padding: 0px 0 0 0; margin-top:25px; font-size:160%; font-weight: bold; }
.logo a { color:white; }

.introimage { box-shadow:0px 4px 10px #888; }

.shareblock { height:70px; }
.shareblock .sharebutton { float:left; width:80px; height:60px; }

.rightlink { float:right; padding:4px; }
.railblock table td { padding:4px; }
.railblock .railtable { width:300px; padding:0px 10px 10px 10px; }

.railblock li { list-style: none;  display: inline-block; padding: 5px;width:90px; white-space: nowrap; }
.rightmenu li { width:100%; }
.rightmenu { padding: 12px; }

.content-body { padding:12px; }

.clearleft { clear:left; }
.hidden { display:none; }
.error { color:#c00;}
.formerror { margin-left: 100px; }
.success { color:green; border:1px solid green; width:650px; padding:4px 4px 4px 10px; margin-bottom:8px; }

.howtocard { padding:8px; margin:10px 10px 10px 0px; background: #222; }
.howtocard .cardtitle { color:#fff; margin-top:8px; text-align:center; }

input, button, select { color: #000; }

/*--- RESPONSIVE ---*/

@media screen and (max-width: 990px) {
    .fulcontent-image { width:100%; }
    .content-item iframe {  width:95%; }
    .content-item img { max-width:100%; height:auto; }
    .main-menu { text-align: center; margin-top: 0px; }
    .desktop { display: none;}
    .logo { text-align: center;}
    .topmenu { margin: 12px 0px 12px 0px; text-align: center; padding: 10px 0px; background: #3a3d41;  opacity: 0.9;}
}

@media screen and (max-width: 568px) {
    .side-bar {margin-top: 20px;}

    .content-image { float:none; width:100%; }
    .content-item iframe {  width:100%; height:auto; }
    .content-item img { max-width:100%; height:auto; }
    .logo { text-align: center;}
}

@media screen and (max-width: 1000px) {
    .slider-caption { display: none; }
    .container { padding-left: 0px; padding-right: 0px; }
}

@media screen and (max-width: 600px) {
	.rightlink { float:none;}
    .side-bar {margin-top: 20px;}
    .content-image { max-width: 400px; }
    .fulcontent-image { width:100%; }
    .content-item img { max-width:100%; height:auto; }
    .content-item iframe {  width:100%; height:auto; max-height: 120px; }
    .thumbnail { height:auto; float: none; }
    .photocontainer { height:auto; }
    .fulleventinto .introimage { width:95%; height:auto; float: none;  }
    .formerror { margin-left: 0px;}
    .topmenu .menuitem {margin:0px}    
}

@media screen and (min-width: 995px) {
    .fulcontent-image { width:100%; }
    .content-item img { max-width:100%; height:auto; }
    .mobile { display: none; }
}

@media screen and (max-width: 767px) {
    .screenshot { width:100%; }
}


/*--- END RESPONSIVE ---*/