@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);

/*carouesel*/
	.carousel-inner .item{
	    -webkit-transition: .7s ease-in-out opacity;
	       -moz-transition: .7s ease-in-out opacity;
	        -ms-transition: .7s ease-in-out opacity;
	         -o-transition: .7s ease-in-out opacity;
	            transition: .7s ease-in-out opacity;
	    left: 0 !important;opacity:1;z-index:0;
	}

	#carousel-41575 {
		height: 400px; 
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#carousel-41575 img {
		height: 400px; 
		margin: 0 auto;	
	}
	.carousel .active.left, .carousel .active.right {opacity:0;z-index:1;}

	#carousel-store .carousel-control.left {
		margin-left: -30px;
	}
	#carousel-store .carousel-control.right {
		margin-right: -30px;
	}

	#carousel-news {
		height: 200px; 
		margin: 0 auto;
	}
	#carousel-news img {
		height: 200px; 
		margin: 0 auto;
		width: 100%;	
	}
	#carousel-news .carousel-control.left {
		margin-left: -30px;
	}
	#carousel-news .carousel-control.right {
		margin-right: -30px;
	}

	#carousel-intro {
		width: 100%;
		height: 100%; 
		margin: 0 auto;
		margin-top: 0px;
	}
	#carousel-intro img {
		/*width: 100%;
		height: 100%;
		display: block; 
		margin: 0 auto;	
		margin-top: 0px;*/
		width: 100vw; 
	    height: 100vh;
	    margin: auto;
	}
	#carousel-intro .carousel-control.left {
		margin-left: 0%;
	}
	#carousel-intro .carousel-control.right {
		margin-right: 0%;
	}
	
/*end carousel*/

	.service-box .service-icon img{
		max-width: 75%;
		max-height: 75%;
	}

	#carousel-intro .carousel-caption .slogan img{
		width: 450px;
		height: auto;
	}
	#carousel-intro .carousel-caption {
		padding-bottom: 10%;
	}

/*popUP*/
	#popup, #popup2 {
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    background: rgba(0,0,0,.7);
	    top: 0;
	    left: 0;
	    z-index: 9900;
	    visibility: hidden;
	    color:#616163;
	}
	.window, .window2 {
	    width: 800px;
	    height: auto;
	    position: relative;
	    text-align: center;
	    margin:10% auto;
	}
	.window2 {
		width : 710px;
		height: 450px;
	}
	.close-button, .close-button2 {
	    width: 25px;
	    height: 25px;
	    background: #666;
	    border-radius: 50%;
	    border: 1px solid #fff;
	    display: block;
	    text-align: center;
	    color: #fff;
	    text-decoration: none;
	    font-weight: bolder;
	    font-size: 14px;
	    position: absolute;
	    top: -15px;
	    right: -15px;
	}
	.close-button2 {
		z-index: 9901;
	}
	#popup:target, #popup2:target {
	    visibility: visible;
	}
/*end popUP*/

	#panel-news{
		text-align: left;
	}

/*social icon*/
	.social-icons {
		padding-top: 5px;
	}
	.social-icons li a, 
	a.social-icon {
	  transition: all 0.1s ease-in-out !important;
	  -o-transition: all 0.1s ease-in-out !important;
	  -ms-transition: all 0.1s ease-in-out !important;
	  -moz-transition: all 0.1s ease-in-out !important;
	  -webkit-transition: all 0.1s ease-in-out !important;
	}
	.social-icons li a:hover {
	  opacity: 1;
	}
	.social-icons li a {
	  opacity: 1;
	}
	.social-icons li a:hover {
	  opacity: 0.7;
	}
	.social-icons {
	  padding: 0;
	  margin: 0;
	}
	.social-icons:after,
	.social-icons:before {  
	  content: "";
	  display: table;
	}
	.social-icons:after {    
	  clear: both;
	}
	.social-icons li {
	  float: left;
	  display: inline;
	  list-style: none;
	  margin-right: 5px;
	  margin-bottom: 5px;
	  text-indent: -9999px;
	}
	.social-icons li a, 
	a.social-icon {
	  width: 28px;
	  height: 28px;
	  display: block;
	  background-position: 0 0;
	  background-repeat: no-repeat;
	  transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  -ms-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -webkit-transition: all 0.3s ease-in-out;
	}
	.social-icons li:hover a {
	  background-position:0 -38px;
	}
	.social-icons li a {
	  opacity: 1;
	}
	.social-icons li a:hover {
	  opacity: 1;
	}
	.social-icons-color li a {
	  opacity: 0.9;
	  background-position:0 -38px !important;
	}

	.social-icons-color li a:hover {
	  opacity: 1;
	}
	.social-icons .aboutme {background: url(../img/social/aboutme.png) no-repeat;}
	.social-icons .amazon {background: url(../img/social/amazon.png) no-repeat;}
	.social-icons .behance {background: url(../img/social/behance.png) no-repeat;}
	.social-icons .blogger {background: url(../img/social/blogger.png) no-repeat;}
	.social-icons .deviantart {background: url(../img/social/deviantart.png) no-repeat;}
	.social-icons .dribbble {background: url(../img/social/dribbble.png) no-repeat;}
	.social-icons .dropbox {background: url(../img/social/dropbox.png) no-repeat;}
	.social-icons .evernote {background: url(../img/social/evernote.png) no-repeat;}
	.social-icons .facebook {background: url(../img/social/facebook.png) no-repeat;}
	.social-icons .flickr {background: url(../img/social/flickr.png) no-repeat;}
	.social-icons .forrst {background: url(../img/social/forrst.png) no-repeat;}
	.social-icons .foursquare {background: url(../img/social/foursquare.png) no-repeat;}
	.social-icons .github {background: url(../img/social/github.png) no-repeat;}
	.social-icons .googleplus {background: url(../img/social/googleplus.png) no-repeat;}
	.social-icons .gravatar {background: url(../img/social/gravatar.png) no-repeat;}
	.social-icons .instagram {background: url(../img/social/instagram.png) no-repeat;}
	.social-icons .jolicloud {background: url(../img/social/jolicloud.png) no-repeat;}
	.social-icons .klout {background: url(../img/social/klout.png) no-repeat;}
	.social-icons .last-fm {background: url(../img/social/last-fm.png) no-repeat;}
	.social-icons .linkedin {background: url(../img/social/linkedin.png) no-repeat;}
	.social-icons .myspace {background: url(../img/social/myspace.png) no-repeat;}
	.social-icons .picasa {background: url(../img/social/picasa.png) no-repeat;}
	.social-icons .pintrest {background: url(../img/social/pintrest.png) no-repeat;}
	.social-icons .quora {background: url(../img/social/quora.png) no-repeat;}
	.social-icons .rss {background: url(../img/social/rss.png) no-repeat;}
	.social-icons .skype {background: url(../img/social/skype.png) no-repeat;}
	.social-icons .spotify {background: url(../img/social/spotify.png) no-repeat;}
	.social-icons .stumbleupon {background: url(../img/social/stumbleupon.png) no-repeat;}
	.social-icons .tumblr {background: url(../img/social/tumblr.png) no-repeat;}
	.social-icons .twitter {background: url(../img/social/twitter.png) no-repeat;}
	.social-icons .vimeo {background: url(../img/social/vimeo.png) no-repeat;}
	.social-icons .wordpress {background: url(../img/social/wordpress.png) no-repeat;}
	.social-icons .xing {background: url(../img/social/xing.png) no-repeat;}
	.social-icons .yahoo {background: url(../img/social/yahoo.png) no-repeat;}
	.social-icons .youtube {background: url(../img/social/youtube.png) no-repeat;}
	.social-icons .vk {background: url(../img/social/vk.png) no-repeat;}

	.panel .panel-heading{
		font-family: 'PT Sans Narrow', sans-serif;
		font-weight: normal;
	}
	.panel .panel-body{
		font-family: 'PT Sans', sans-serif;
	}
/*end sosial icon*/
	.ikon {
		list-style: none;
	  	margin-left: -35px;
	  	margin-top: 8px;
	}
	.ikon li{
		margin-bottom: 5px;
	}
/*info*/
	.info {
		position: fixed;
		bottom: 5px;
		right: 0px;
		text-decoration: none;
		color: #000000;
		font-size: 18px;
		display: none;
		z-index: 9800;
	}
	.info .isi-info{
		float: right;
	}
	.info button {
		background-image: url(../img/toggle.png);
		background-size: 24px 24px;
		width: 25px;
		height: 25px;
		border: 0px solid #666;
	}	
/*end info*/

	.tabfree{
		text-align: left;
	}
	.tabfree td ul li{
	}
	.tabfree td {
	    padding: 0.5em;
	    vertical-align: top;
	    border-width: 0px;
	    line-height: 20px;
	}
	.tabfree h6{
		font-size: 12px;
		margin-bottom: 5px;
		margin-top: 10px;
		color: #428BCA;
	}

	iframe {
		background: none repeat scroll 0% 0% transparent;
		border: 0px none;
		margin: 0px;
		padding: 0px;
		vertical-align: baseline;
	}