@charset "uft-8";

@import url(sam-fonts.css);
@import url(sam-forms.css);
@import url(sam-menu.css);
@import url(sam-grid.css);
@import url(fancybox.css);
@import url(sam-canvas.css);

html, body{border:0;margin:0;padding:0;}

body{ font-family: segoeui; font-size:14pt; color:#ffffff; background-color:#000000;}

p{margin:0;padding:5px;}

ul{list-style: none; margin: 0; padding: 0;}

a { text-decoration: none; }

#container {
	position: relative;
	width: 100%;
	max-width: 1360px;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}
#top-logo {
	display: block;
	position: absolute;
	width: 141px;
	height: 135px;
	left:0;
	right: 0;
	margin:0 auto;
	z-index: 1000;
	top:100px;
}
#page-logo {
	display: block;
	position: absolute;
	width: 141px;
	height: 135px;
	left:0;
	right: 75px;
	margin:0 auto;
	z-index: 1000;
	top:100px;
}
#top-logo img, #page-logo img{
	width: 100%!important;
	height: auto;
}
.box-menu{
	display: block;
	position: relative;
	width: 100%;
	max-width: 1360px;
	height: 60px;
	top:0;
	left:0;
	right: 0;
	margin:0 auto;
	background-color: rgba(0,0,0,.4);
}
.box-content{
	display: block;
	position: relative;
	width: 98%;
	max-width:1200px;
	padding:0 1%;
	margin:0 auto;
}
.box-content_small{
	display: block;
	position: relative;
	width: 100%;
	max-width:1000px;
	height: auto;
	padding:0;
	margin:0 auto;

}
.divClear{
	clear: both;
	float:none;
}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
.bar-menu{
	display: block;
	position: relative;
	width: 100%;
	height: 60px;
	background: #111111;
}
#page-banner{
	display: block;
	position: relative;
	width: 100%;
	max-width: 1360px;
	height: 355px;
	background-color:#111111;
}
	#page-banner .shape_left{
		display: block;
		position:relative;
		float:left;
		width: 330px;
		height:355px;
		background-image:url(../images/shape_left.png);
		background-position: top right;
		background-repeat: no-repeat;
		background-size: 353px 355px;
	}
	#page-banner .shape_right{
		display: block;
		position:relative;
		float: right;
		width: 358px;
		height:355px;
		background-image:url(../images/shape_right.png);
		background-position: top right;
		background-repeat: no-repeat;
		background-size: 353px 355px;
	}
#page-title{
	display: block;
	position: relative;
	width: 100%;
	max-width: 1360px;
	height: 60px;
	background-color:#111111;
}
	#page-title .box-title-page{
		display: block;
		position: absolute;
		width: 100%;
		max-width: 1096px;
		height: 77px;
		left:0;
		right: 0;
		margin: 0 auto;
		bottom:0;
		background-image:url(../images/slash_01.png);
		background-position: top right;
		background-repeat: no-repeat;
		background-size: 49px 77px;
		text-align: right;
	}	
	#page-title .box-title-page span.span-title{
		margin-right: 60px;
		font-family: montserratm;
		font-size: 26pt;
		line-height: 2.7em;
	}

.divSpace{display: block; height: 50px;}	

/* # Home Style ------------------------------------------------------------------------ */
.welcome-box{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 200px;
	background-image: url(../images/bg1.jpg);
	background-size: 1360px 690px;
	background-position: top center;
	background-repeat: no-repeat;
	background-clip: cover;
	color:#666;
	padding-bottom: 100px;
}
	
#wel-title{
	font-family: segoeui;
	font-size:24pt;
	color:#e80000;
	text-align: center;
	padding-top:100px;
}
.lst-welport{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	padding: 50px 0 10px 0;
	text-align: center;
}
.lst-welport ul{
 	margin:0;
 	padding:0; 	
}
	.lst-welport ul li{
		display: inline-block;
		position: relative;
		width: 273px;
		height: 202px;
		vertical-align: top;
		margin:0;
	}
		.lst-welport ul li img{ 
			width: 100%!important;
			height: auto;
		}

.port-home {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.port-home_l, .port-home_r {
	display: block;
	position: relative;	
	height: auto;
}
.port-home_l {float: left; background: transparent;width: 50%;}
.port-home_r {float: right; background: transparent;width: 48%;}
.port-home_r img{ width: 100%!important; height: auto; }

.port-home_l .imgcat {
	display: block;
	position: relative;
	width: 165px;
	height: 165px;
	margin:0 auto;
	padding-top:10px;
}
	.port-home_l .imgcat img{
		width: 100%!important;
		height: 100%;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	}
	.port-home_l .title-port{
		text-transform: uppercase;
		color: #333;
		font-size: 30pt;
		padding-left: 5px;
	}
	.port-home_l .subtitle-port{
		text-transform: uppercase;
		color: #e80000;
		font-size: 18pt;
		font-weight: bold;
		padding-left: 5px;
	}
	.port-home_l p {
		color:#8d8d8d;
		font-size: 12pt;
		text-align: justify;
	}
.srv-home{
	display: block;
	position: relative;
	width: 100%;
	max-width: 1360px;
	height: 540px;
	background-image: url(../images/bg2.jpg);
	background-size: 1360px 541px;
	background-repeat: no-repeat;
	background-position: top center;
	background-clip: cover;
}	
	.srv-home .imgcat{
		display: block;
		position: relative;
		width: 388px;
		height: 388px;
		margin: 0 auto;
	}
		.srv-home .imgcat img {
			width: 100%!important;
			height: auto;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
		}
	.srv-home .title-srv{
		color: #e80000;
		font-size: 24px;
	}


a.btnmore {
	display: inline-block;
	position: relative;
	padding: 20px 30px;
	background: #e80000;
	color: #fff;
}


/* # About Us Style ------------------------------------------------------------------------ */
#box-about{
	display: block;
	position: relative;
	width: 98%;
	max-width:1170px;
	padding:0 0 0 1%;
	margin:0 auto;
	background: #111111;
	height: auto;
	margin-bottom: 50px;
}
.aboutText {
	display: block;
	position: relative;
	float: left;
	width: 400px;
	padding:25px 50px 10px 50px;
	color:#7a7a7a;
	font-family: montserrat;
	font-size:14pt;
}
.aboutImg{
	display: block;
	position: relative;
	float: right;
	width: 654px;
	height: auto;
	min-height: 300px; 	
	background: rgba(255,255,255,0);
}
ul#imgabout{
	margin:0;
	padding:0;	
}
	ul#imgabout li{
		float:left;
		width: 327px;
		height: 256px;
		margin:0;
		overflow: hidden;
	}
		ul#imgabout li img{ 
			height: 100%!important;
			width: auto;
		}

/* # Services Style ------------------------------------------------------------------------ */
.box-services{
	display: block;
	position: relative;
	width: 98%;
	max-width:1170px;
	padding:0 0 0 1%;
	margin:0 auto;
	background: #111111;
	height: auto;
}
.srvText {
	display: block;
	position: relative;
	float: left;
	width: 300px;
	padding:50px 50px 10px 50px;
	color:#7a7a7a;
	font-family: montserrat;
	font-size:14pt;
}
.srvImg{
	display: block;
	position: relative;
	float: right;
	width: 717px;
	height: 394px;
	overflow: hidden;
}
.srvImg img{ height: 100%!important; width: auto; }

.lblSrv {display: block;position: relative; width: 100%; height: auto; margin: 30px auto; text-align: center; color: #747474;}
ul#lst-srv{
	margin:0 auto;
	padding:0;
	columns: 3;
}
ul#lst-srv li{
	font-family: montserrat;
	font-size: 13pt;
	background: url(../images/bullet.png) no-repeat left top 13px;
    padding: 0px 0px 0px 20px;	
    line-height: 2em;
    color: #787878;
}
.image-services{
	display: block;
	position: relative;
	width: 100%;
	max-width:1180px;
	padding:0;
	margin:0 auto;
	height: auto;
	margin-bottom: 50px;
}
	.image-services ul{
		list-style: none;
		margin:0;
		padding:0;
	}
	.image-services ul li{
		display: inline-block;
		position: relative;
		width: 388px;
		height: 222px;
		vertical-align: top;
		margin:2px;
	}
	.image-services ul li img{
		width: 100%;
		height: 100%;
	}



/* # PORTFOLIO STYLE ---------------------------------------------------------------------------- */

#box-category-portfolio{
	display: block;
	position: relative;
	width: 98%;
	max-width: 1254px;
	height: auto;
	margin: 0 auto 50px auto;
	text-align: center;
}
.lst-category{
	display: inline-block;
	position: relative;
	width: 100%;
	max-width: 415px;
	height:562px;
	background:#111111;
}
	.lst-category:first-child{background:#181818;}
	.lst-category:last-child{background:#0c0c0c;}
	.lst-category a {color:#fff;}
	.lst-category .box-img{
		width: 100%; height: 430px;
		overflow: hidden;
	}
		.lst-category .box-img img {width: 100%!important; height: auto; }
		.lst-category .box-title {
			display: block;
			position: absolute; 
			width: 100%; 
			height: 132px; 
			bottom:0; 
			left:0;
			cursor:pointer; 			
		}
		.lst-category .box-title ul {text-align: center;margin-top:25px;}
		.lst-category .box-title ul li {
			display: inline-block;
			text-align: left;
			background: url(../images/slash_01.png) no-repeat left top 10px;
		    padding: 0px 0px 0px 60px;	
		    line-height: 2em;
		}
		.lst-category .box-title ul li h2{font-family: raleway;font-size: 18pt;}
		.lst-category .box-title ul li h1{font-family: playfair;font-size: 38pt;}


/* # PORTFOLIO (CATEGORY) ---------------------------------------------------------------------------- */
#box-lst-category{
	display: block;
	position: relative;
	width: 98%;
	max-width: 1170px;
	margin:0 auto 50px auto;
}
	#box-lst-category .title-page{
		width: 100%;
		font-size: 36pt;
		font-size: montserratm;
		border-bottom: 1px solid #333333;
		margin-bottom: 10px;
	}
	ul.lstCategory{
		margin:0;
		padding:0;
		list-style: none;
		text-align: center;
	}
	ul.lstCategory li{
		display: inline-block;
		position: relative;
		width: 275px;
		height: 344px;
		background: #111111;
		margin:10px 5px;
		/*border: 1px solid #666;*/
		vertical-align: top;
	}
	ul.lstCategory li a{
		color:#999999;
	}
		ul.lstCategory li img{
			width: 100%!important;
			height: auto;
		}
	span.title-sub{
		display: table;
		position: absolute;
		width: 275px;
		height: 79px;
		bottom: 0;
		left:0;	
	}
	span.title-sub span{
		display: table-cell;
		vertical-align: middle;
		font-size: 16pt ;
		font-family: montserrat;
		text-align: center;
	}

	#title-left{ font-size: 36pt;font-size: montserratm; text-align: left;}
	#title-right{ font-size: 22pt;font-size: montserrat; text-align: right;line-height: 2.3em;}
	
	ul.list-img{
		margin:0;
		padding:0;
		text-align: center;		
	}
	ul.list-img li{
		display: inline-block;
		position: relative;
		width: 284px;
		height: 191px;
		background: #111111;
		margin:3px;
		vertical-align: top;				
	}

/* # CONTACT US ---------------------------------------------------------------------------- */
#box-contactus{
	display: block;
	position: relative;
	width: 98%;	
	max-width: 1170px;
	height: auto;
	min-height: 300px;
	margin:0 auto 50px auto;
	background: #181818;	
	overflow: hidden;
}
#box-contactus .addr{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	background: #131313;
	text-align: center;
}
#box-contactus .addr ul {text-align: center;}
#box-contactus .addr ul li {
	display: inline-block;
	text-align: center;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-size: 87px 84px;
	background-position: left top 10px;
    padding: 30px 0px 0px 100px;	
    line-height: 1em;
    height: auto;
    min-height: 75px;
    color:#acacac;
}
#box-contactus .addr ul li p{margin:0;padding:0;}
#box-contactus .addr ul li span{color:#ffffff; font-weight: bold; }

.box-form{
	display: block;
	position: relative;
	width: 100%;
	max-width: 1070px;
	height: auto;
	margin:0 auto;
}

#gmaps{
    display:block;
    position:relative;
    width:100%;
    height:374px;
    margin:0 auto;
    overflow:hidden;
    background: #111111;
}
#gmaps iframe{
    position:absolute;
    top:0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;  
}
/* # FOOTER ---------------------------------------------------------------------------- */
#footer{
	display: block;
	position: relative;
	width: 100%;
	max-width: 1360px: 
	height: auto;
	background: #191919;
	padding: 35px 0;
}
	#footer .webAddress{
		display: block;
		position: relative;
		width: 98%;
		height: auto;
		padding: 5px 1%;
		text-align: center;
		font-size: 17pt;
		font-family: opensansb;
		color: #666666;
	}
	#footer .webAddress span{
		font-family: opensans;
	}
	#footer .copyright{
		display: block;
		position: relative;
		width: 98%;
		height: auto;
		padding: 5px 1%;
		text-align: center;
		font-size: 14pt;
		font-family: raleway;
		color:#666666;
	}