/*
Theme Name: Tri Sinergi Sejahtera Official Website
Theme URI: http://www.3sinergi.com  
Author: Deddy Mulyawan
Author URI: http://www.redglobe360.com/
Description: Tri Sinergi Sejahtera Official Website
Version: 1
*/

/* NATIVE */

body{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	margin:0px auto;
	background-color: #ffffff;
	padding: 0px;
	text-shadow: none;
	color: #2c3e50;
	height: 100%;
}

a{
	text-decoration: none;
	color: inherit;
}

a:hover {
	text-decoration: underline;
}

figure {
	margin: 0;
}

/* GENERAL */

#fordesktop{
	display: block;
}

#formobile {
	display: none;
}

.logospace img, .banner img, .productthumbnail img, .bigpic img, .footersocmedpic img{
	width: 100%;
}

.clear {
	clear: both;
}

/* HEADER */

.header {
	display: block;
    width: 98%;
    padding: 1%;
	position: fixed;
    top: 0%;
    left: 0%;
    background-color: rgba(255,255,255,0.7);
    align-items: center;
	z-index: 5000;
}

.menu {
	width: 49.5%;
	display: inline-block;
	text-align: left;
	
}

.menu img {
	width: 10%;
}

.menuitems {
	display: inline-block;
	font-size: 125%;
	font-weight: 700;
}

.menuitemsdrop {
	display: block;
	width: 100%;
	padding: 2% 0;
	text-align: center;
	border-bottom: dotted 1px #000000;
	background-color: #ffffff;
	font-size: 150%;
}

.dropthismenu {
	display: none;
	margin:0%;
}

.menublock {
	display: flex;
    width: 100%;
    align-items: center;
}

.menudrop {
	cursor: pointer;
}

/* BANNER */

.banner {
	display: block;
	width: 100%;
	font-size: 0;
}

.banner-content {
	display: block;
	width: 70%;
	font-size: 0;
	margin: 15% 2%;
}

/* CONTENT*/
.contentstage {
    width: 80%;
    padding: 2% 10%;
}
.productthumbnail {
    display: inline-block;
    width: 23%;
    margin: 1%;
}

.thumbnailsection {
    display: block;
    width: 100%;
}

.bigpic {
	display: block;
	width: 100%; 
}

.downloadfile {
	display: block;
	width: 100%;
	font-size: 200%;
	color: inherit;
	font-weight: 700;
}

.forvideo {
	position: relative;
	width: 100%;
	height: 70vh;
}

.forvideo iframe{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}

.footer {
	display: block;
	width: 98%;
	padding: 1%;
	color: #ffffff;
	background-color: #282828;
}

.footerblock {
	display: inline-block;
	width: 31%;
	padding: 1%;
	font-size: 100%;
	vertical-align: text-top;
}

.footerblocktitle {
	font-size: 150%;
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
}

.footersocmed {
	display: flex;
	width: 100%;
	vertical-align: middle;
}

.footersocmedpic {
	display: inline-block;
	width: 8%;
	padding: 2%;
	vertical-align: middle;
}

.footersocmedtext {
	display: inline-block;
	width: 85%;
}