/* Get your own professional website at PT RIGT Software Indonesia (http://www.rigtsoftware.co.id or http://www.rigtsoftware.com) */
/*
*by PT RIGT Software Indonesia
*Copyright PT RIGT Software Indonesia, All rights reserved.
*/

@font-face { font-family: RIGT; src: url('fonts/RIGT-Light.otf'); } 
@font-face { font-family: RIGT; font-weight: 200; src: url('fonts/RIGT-Thin.otf');}
/*@font-face { font-family: RIGT; font-weight: bold; src: url('fonts/RIGT-Black.ttf');}
/*@font-face { font-family: RIGT; font-weight: bold; font-style: italic; src: url('fonts/RIGT-MediumItalic.ttf');}*
@font-face { font-family: RIGT; font-weight: 800; src: url('fonts/RIGT-Book.ttf');}*/
@font-face { font-family: RIGT; font-weight: 900; src: url('fonts/RIGT-Bold.otf');}
@font-face { font-family: RIGT; font-weight: bold; src: url('fonts/RIGT-Medium.otf');}
/*@font-face { font-family: RSI; src: url('fonts/RSI.ttf');}*/
		
body, html {
	margin:0;
	padding:0;
	font-size:14pt;
	height:100%;
	font-family:RIGT, Tahoma, Geneva, sans-serif;
	/*overflow-x:hidden;*/
	scroll-behavior: smooth;
}
a{
	text-decoration:none;
	border:none;
}


img{
	border:none;
	-moz-user-select: none;-webkit-user-select: none;
	/* this will work for QtWebKit in future */
	-webkit-user-drag: none;
}

body{
	width:100%;
	min-width:1200px;
}

h1,h2,h3{
	font-weight:bold;
	font-size:1em;
	padding:0px;
	margin:0px;
}

#container{
	margin:auto;
}


.containerMargin{
}

.containerWidth{
	width:1200px;
	position:relative;
	margin:auto;
}
.containerWidthinsideRight{
	width:1100px;
	margin-left:100px;
}
/*----*/

/* Navbar styles */

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}

.logo img {
  height: 100px; /* Adjust size of the logo */
}
#mobile-logo {
	display:none;
}

.menu {
  list-style: none;
  display: flex;
  padding-top:35px;
  padding-bottom:35px;
}

.menu li {
  margin-left: 10px;
}

.menu a {
  text-decoration: none;
  color: black;
  font-weight:900;
  font-size: 1em;
  padding:60px 15px;
  transition: background-color 0.3s ease;
}

.menu a:hover {
  background-color: #bbb;
}


#header2Mobile{
	display:none;
	width:100%;
	height:50%;
	background-color:#ee2a24;
	text-align:center;
}
#header2Mobile span{
	display:none;
}
#header2Mobile a{
	cursor:pointer;
	color:#fff;
	display:block;
	padding:3% 3%;
	margin:0px;
	border-spacing:0;
	border-collapse:collapse;
	border-top:solid 2px #ee2a24;
	border-bottom:solid 2px #fff;
	font-weight:800;
}
#header2Mobile a:hover{
	color:#ee2a24;
	background-color:#fff;
}
#header2Mobile .navLink{
	border-top:none;
}

/*----*/



#containerSlideshow{
}
#header3{
	width:100%;
	position:relative;
	margin:0px;
	border-spacing:0;
	border-collapse:collapse;
}
#header3 .slideshow{
    position:absolute;
	top:0px;
}

#header3 img{
	width:100%;
}

.flexslider{
	overflow: hidden;
}
.flexslider li{
	overflow: hidden;
	background-size: cover;
	background-color:#000;
  
}
.flex-control-nav{
	display:none !important;
}
.flexsliderHeader{
	height:680px;
}
.flexsliderContainer2{
	height:550px;
}

#containerSlideText{
	color:#fff;
	position:relative;
	margin-top:-252px;
	width:100%;
	
	padding:40px 0px 40px 0px;
	font-size:2.5em;
	font-weight:900;
	letter-spacing: 1px;
	z-index:1;
	background: linear-gradient(to right, #ee2a24 50%, rgba(255, 0, 0, 0) 60%); 
}



/*----*/


#containerSpacer{
	display:block;
	width:100%;
	background-color:#4d4d4d;
	height:8px;
}


/*----*/



#container1{
	margin-top:80px;
	margin-bottom:80px;
	display:table;
	border-spacing:0;
	border-collapse:collapse;	
}
#container1 h1{
	display:block;
	width:100%;
	text-align:center;
	font-size:1.1em;
}
#container1 p{
	text-align:justify;
}
/**/
#container1Left{
	color:#000;
	display:table-cell;
	width:45%;
	vertical-align:middle;
	position:relative;
}
#container1Left h1{
	color:#000;
}
#container1Right{
	display:table-cell;
	vertical-align:top;
	padding-top:25px;
	position:relative;
	padding-left:5%;
}
#container1Right #container1Img1{
	display:inline-block;
	width:250px;
	height:180px;
	margin-left:50px;
	margin-right:5px;
	vertical-align:top;
	
	background-position: center center; /* Centers the image */
    background-size: cover; /* Makes the image cover the div without distortion */
    background-repeat: no-repeat; /* Ensures the image does not repeat */
}
#container1Right #container1Img2{
	display:inline-block;
	width:220px;
	height:370px;
	
	background-position: center center; /* Centers the image */
    background-size: cover; /* Makes the image cover the div without distortion */
    background-repeat: no-repeat; /* Ensures the image does not repeat */
}
#container1Right #container1Img3{
	display:inline-block;
	width:250px;
	height:180px;
	margin-top:-183px;
	margin-left:50px;
	vertical-align:top;
	
	background-position: center center; /* Centers the image */
    background-size: cover; /* Makes the image cover the div without distortion */
    background-repeat: no-repeat; /* Ensures the image does not repeat */
}

#container1Right h1{
	color:#000;
}

/**/
#container2{
	padding-top:100px;
	padding-bottom:70px;
	position:relative;
	background-color:#f5f5f5;
	text-align:center;
}
#container2 h1{
	display:block;
	width:100%;
	text-align:center;
	font-size:1.8em;
	font-weight:900;
}

#container2Left{
	color:#000;
	display:block;
	width:900px;
	vertical-align:middle;
	position:relative;
	z-index:0;
}
#container2Right{
	background-color:#4d4d4d;
	display:block;
	width:400px;
	padding:60px;
	margin-left:600px;
	margin-top:-550px;
	margin-bottom:60px;
	color:#fff;
	position:relative;
	z-index:1 !important;
}

#container2ProjectContainer{
	width:auto;
	overflow: hidden;
	margin:auto;
}
#container2ProjectBox{
	text-align:left;
	margin: 1% 1% ;
	display:inline-block;
	cursor:pointer;
	color:#000;
	width:500px;
	vertical-align:top;
	-webkit-transition: color 0.5s ease;
}
#container2ProjectImg{
	height:450px;
	width:100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
	border:solid black 1px;
	display:block;
	
	background-position: center center; /* Centers the image */
    background-size: cover; /* Makes the image cover the div without distortion */
    background-repeat: no-repeat; /* Ensures the image does not repeat */
}


/**/
#containerproject{
	position:relative;
	background-color:#fff;
	text-align:center;
	margin-bottom:200px;
}
#containerprojectbackground, .containerprojectbackground{
	padding-top:300px;
	padding-bottom:300px;
	background-size:cover;
	background-position:center 20%;
}
.containerprojectbackground{
	padding-top:350px;
	padding-bottom:350px;
	background-size:cover;
	background-position:center center;
	margin-bottom:150px;
}

#containerproject .rigt-more{
	margin-left: 1.4%;
}
#containerproject h1{
	display:block;
	width:100%;
	text-align:center;
	font-size:2.5em;
	letter-spacing: 1px;
	color:white;
	font-weight:900;
}
#containerprojectProjectContainer{
	width:auto;
	overflow: hidden;
	margin-top:100px;
	margin-bottom:50px;
}
#containerprojectProjectBox{
	text-align:left;
	margin: 8px 5px 8px 5px;
	display:inline-block;
	cursor:pointer;
	color:#000;
	width:350px;
	vertical-align:top;
	-webkit-transition: color 0.5s ease;
	background-color:#ededed;
}
#containerprojectProjectBox h3{
	font-weight:bold;
	font-size:1.2em;
	text-transform:uppercase;
}

#containerprojectProjectImg{
	height:250px;
	width:100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    vertical-align: middle;
	background-size:cover;
	background-position:center center;
}
#containerprojectProjectImg img{
	width:100%;
}
#containerprojectProjectText{
	margin:25px;
}
.viewproject{
	display:block;
	width:110px;
	padding-top:10px;
	font-weight:900;
	font-size:0.8em;
	border-top:#ee2a24 solid 2px;
}

/**/




#containercontactus{
	margin-top:50px;
	display:table;
	border-spacing:0;
	border-collapse:collapse;
	background-size:cover;
	background-position:center 20%;
	width:100%;
	
}


#containercontactusBackgroundred{
	background: linear-gradient(to right, #ee2a24 30%, rgba(255, 0, 0, 0) 50%); 
	padding-top:100px;
	padding-bottom:100px;
	color:#fff;
}
#containercontactusBackgroundred a{
	color:#fff;
}
#containercontactus h1{
	display:block;
	width:100%;
	font-size:2em;
	font-weight:900;
}
#containercontactus p{
	text-align:justify;
}


/**/


#container3{
	padding:0px;margin:0px;
	display:table;
	width:100%;
	margin:0px;
	border-spacing:0;
	border-collapse:collapse;
}
#container3 h1{
	display:block;
	width:100%;
	text-align:center;
	font-size:1.1em;
}
#container3 p{
	text-align:justify;
}
#container3Map{
	display:table-cell;
	width:50%;
	vertical-align:top;
	height:380px;
}
/*#container3Left{
	color:#fff;
	background-color:#ee2a24;
	display:table-cell;
	width:50%;
	padding:1.5% 3.3% 70px 3.3%;
	vertical-align:top;
	position:relative;
}
#container3Left h1{
	color:#fff;
}
#container3Right{
	display:table-cell;
	width:50%;
	vertical-align:top;
}*/

/*------*/

#containerFooter{
	background-color:#4d4d4d;
	color:white;
	padding-bottom:5px;
}
#containerFooter a{
	color:white;
}
#containerFooter a:hover{
	color:#ee2a24;
}
#containerFooterList{
	background-color:#ee2a24;
	height:8px;
}
/**/
#footerUp{
	display:table;
	width:100%;
}
#footerUpLeft{
	display:table-cell;
	vertical-align:top;
	padding:2% 3.3%;
}
#footerUpLeft a{
	padding-right:2%;
}
#footerUpRight{
	display:table-cell;
	width:30%;
	text-wrap:none;
	word-wrap:normal;
	vertical-align:top;
	padding:2% 3.3%;
	text-align:right;
}
/**/
#footerDown{
	display:table;
	width:100%;
}
#footerDownMobile{
	display:none;
	text-align:center;
	width:100%;
}
#footerDownMobile a{
	display:inline-block;
	width:18%;
	margin:1% 4.8%;
}
#footerDownLeft{
	display:table-cell;
	width:80%;
	padding:2% 3.3% .5% 3.3%;
}
#footerDownLeft a{
	color:#efefef;
}
#footerDownLeftBreak{
	display:none;
}
#footerDownRight{
	display:table-cell;
	text-align:right;
	padding:.5% 3.3% 2% 3.3%;
}
#footerDownRight a{
	padding-right:2%;
	display:inline-block;
	vertical-align:middle;
	width:20%;
	max-width:50px;
}
#footerDownRight img, #footerDownMobile img{
	width:100%;
	padding:0;
	margin:0;
}


/*----*/

.rigt-form input[type=text], .rigt-form input[type=search], .rigt-form input[type=email], .rigt-form input[type=tel], .rigt-form textarea{
	font-size:1em;
	padding:12px 22px;
	margin:0px;
	font-family:RIGT, Tahoma, Geneva, sans-serif;
	font-weight:800;
	width:300px;
}
.rigt-form textarea{
	width:500px;
	height:200px;
}
.rigt-form input[type=submit], .rigt-button{
	cursor:pointer;
	border:0;
	padding:12px 22px;
	font-size:1em;
	background-color:#ee2a24;
	color:#fff;
	margin:0px;
	font-family:RIGT, Tahoma, Geneva, sans-serif;
	font-weight:800;
}

#table_form td{
	vertical-align:top;
	padding:10px 20px;
	font-size:1.1em;
}
.table_form_info{
	padding-top:20px !important;
}

.rigt-button-white{
	color:#ee2a24;
	padding:10px 20px;
	letter-spacing: 1px;
}
.rigt-button-red{
	color:#fff;
	background-color:#ee2a24;
	padding:10px 20px;
	letter-spacing: 1px;
}

.rigt-more{
	display:block;
	font-weight:900;
}


/*----*/


/*----*/


/*----*/


/*----*/

#containerTentang{
	text-align:left;
}
#containerTentangUp{
	margin-left:100px;
	margin-right:100px;
	margin-top:80px;
}
#containerTentang b, #containerTentang strong{
	font-weight:bold;
}

#containerTentang i{
	font-weight:200;
	font-style:normal;
}

#containerTentangDown{
	display:table;
	vertical-align:middle;
}
#containerTentangDownLeft{
	display:table-cell;
	width:600px;
	height:500px;
	text-align:right;
	padding-top:50px;
}
#containerTentangDownRight{
	display:table-cell;
	color:#fff;
	background-color:#ee2a24;
	vertical-align:middle;
}

#containerTentangDownImg1{
	display:inline-block;
	width:310px;
	height:223px;
	margin-right:5px;
	vertical-align:top;
	
	background-position: center center; /* Centers the image */
    background-size: cover; /* Makes the image cover the div without distortion */
    background-repeat: no-repeat; /* Ensures the image does not repeat */
}
#containerTentangDownImg2{
	display:inline-block;
	width:281px;
	height:455px;
	
	background-position: center center; /* Centers the image */
    background-size: cover; /* Makes the image cover the div without distortion */
    background-repeat: no-repeat; /* Ensures the image does not repeat */
}
#containerTentangDownImg3{
	display:inline-block;
	width:310px;
	height:223px;
	margin-top:-227px;
	margin-right:290px;
	vertical-align:top;
	
	background-position: center center; /* Centers the image */
    background-size: cover; /* Makes the image cover the div without distortion */
    background-repeat: no-repeat; /* Ensures the image does not repeat */
}
.containerTentangH1{
	font-size:2.2em;
	font-weight:900;
	padding-left:50px;
	padding-right:70px;
}
.containerTentangIsi{
	padding-right:50px;
}

.containerTentangSpacer{
	border-bottom: solid white 1px;
	margin:50px;
}


/*----*/

#containerProjectCategoryLink{
	margin-bottom:100px;
	margin-left:100px;
	margin-right:100px;
}
#containerProjectCategoryLink a{
	text-decoration:none;
	color:black;
	margin-bottom:100px;
	display:inline-block;
	margin:0px;
	
}
#containerProjectCategoryLink a:hover{
	color:#ee2a24;
}
#containerProjectCategory{
}
#containerProjectCategory h1{
	display:block;
	width:100%;
	text-align:center;
	font-size:1.5em;
	font-weight:900;
	padding-bottom:50px;
	color:black;
}
.containerProjectCategorySpacer{
	border-bottom:solid 2px #ee2a24;
	width:80%;
	margin:auto;
	position:relative;
	margin-top:80px;
	margin-bottom:100px;
}
#projectshowcontent{
	text-align:left;
}
#projectshowcontentinside{
	margin-left:100px;
	margin-right:100px;
}
#projectshowcontentinside2{
	text-align:center;
}
#projectshowbg{
	font-size:2em;
	font-weight:900;
}
#projectshowtable{
	display:table;
	margin-top:0px;
	margin-bottom:100px;
	width:100%;
}
#projectshowleft{
	display:table-cell;
	width:50%;
	vertical-align:top;
	padding-top:40px;
	padding-right:50px;
}
#projectshowright{
	display:table-cell;
	vertical-align:top;
}
#projectshowright table{
	width:100%;
  	border-spacing: 20px 50px;
  	border-collapse: separate;
}
#projectshowright td{
	border-top:solid 2px #ee2a24;
	vertical-align:top;
	width:50%;
}
#projectshowright td h1{
	color:black;
	font-weight:bold;
	font-size:1.2em;
	text-align:left;
}

/*----*/


#containerKontak{
	text-align:left;
	margin-left:100px;
	margin-right:100px;
}
#containerKontak h1{
	margin-top:80px;
	margin-bottom:20px;
	color:black;
	font-size:1.8em;
	text-align:left;
}
#containerKontakTableLeft{
	position:absolute;
	display:block;
	color:#fff;
	background-color:#ee2a24;
	padding:50px;
	margin: 50px auto;
	z-index:20;
}
#containerKontakTableLeft a{
	color:#fff;
}
#containerKontakTableRight{
	display:block;
	width:100%;
	margin-top:100px;
}

#containerKontakMap{
	width:100%;
	height:450px;
}

/*----*/

#containerSitemap{
	padding-top:100px;
	text-align:left;
	margin-left:100px;
	margin-right:100px;
}
#containerSitemap ul{
	text-decoration:none;
	list-style-type: disc;
	list-style-position: inside;
	font-size:1.1em;
	padding:0px;
	margin:0px;
}
#containerSitemap li{
	margin-bottom:50px;
}
#containerSitemap li li{
	margin-bottom:0px;
}
#containerSitemap ul ul{
	font-size:.9em;
}
#containerSitemap a{
	text-decoration:none;
	list-style-type: none;
	color:#000;
}
#containerSitemap a:hover{
	color:#ee2a24;
}

/*----*/

#containerPortfolio{
	padding:3.8% 1.9% 2% 1.9%;
}
#containerPortfolio h1{
	display:block;
	width:100%;
	text-align:center;
	font-size:1.1em;
	padding-bottom:2%;
}

/*----*/

#containerPencarian{
	padding:3.8% 1.9% 2% 1.9%;
}
#containerPencarian h1{
	display:block;
	width:100%;
	text-align:center;
	font-size:1.1em;
	padding-bottom:2%;
}



/*----*/
#thumbnailShow{
	display:none;
	position:fixed;
	background-color:rgba(0,0,0,0.8);
	height:100%;
	width:100%;
	color:#fff;
	z-index:1000;
}
#thumbnailPicFill{
	display:table-cell;
	width:27%;
	vertical-align:top;
	text-align:right;
	font-size:1.5em;
	cursor:pointer;
}
#thumbnailPicContainer{
	display:table-cell;
	padding:0px;
	width:40%;
	height:100%;
	vertical-align:middle;
}
#thumbnailPicPrev{
	display:table-cell;
	width:3%;
	vertical-align:top;
	text-align:right;
	font-size:3em;
	cursor:pointer;
	vertical-align:middle;
}
#thumbnailPicNext{
	display:table-cell;
	width:3%;
	vertical-align:top;
	text-align:left;
	font-size:3em;
	cursor:pointer;
	vertical-align:middle;
}
#thumbnailPicContainer img{
	width:100%;
}