@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Roboto);
*{
	padding:0px;
}
body {
	font-family:Arial, Helvetica, sans-serif, Calibri;
	color:#666;
	font-size:14px;
}
a { text-decoration:none; color:#fff;}
.unline {text-decoration:underline;}
.marg-0 {margine:0px; margin-right:0px;}
.fff {color:#FFF;}

h1, h2, h3, h4, h5, h6 {
	font-family:'PT Sans', sans-serif;
	margin:0px;
}
h1 {
	color:#1d8edb;
	font-size:21px;
	width:100%;
	border-bottom:#1d8edb 1px solid;
	padding-top:10px;
	padding-left:5px;
	margin-bottom:10px;
}
h4 {
		font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
}

p {
	font-family: 'Open Sans', sans-serif;
	text-align:justify;
	line-height:20px;
	margin-top:0px;
	font-size: 14px;
}


/* -----  CSS for Contents Starts Here ----- */




/* -----  CSS for Home Page Starts Here ----- */

#container {
	height:auto;
	width:100%;
}
.container {
	width:1000px;
	margin:0px auto;
}

.trans-raw-1 {
	width:1000px;
	height:250px;
	padding:8px 0px;
}

.trans-raw-1-col-1 {
	height:250px;
	width:655px;
	float:left;
}
.trans-raw-1-col-2 {
	height:240px;
	width:310px;
	float:left;
	margin-left:20px;
	padding-top:10px;
}
.latest-wrap {
	width:655px;
	height:40px;
}
.latest-head {
	width:105px;
	height:33px;
	background:#1883cd;
	float:left;
	color:#FFF;
	font-family:'Roboto', sans-serif;
	font-size:17px;
	padding-top:7px;
	padding-left:10px;
}
.latest-content {
	width:532px;
	height:28px;
	float:left;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:14px;
	color:#1883cd;
	padding-top:10px;
	padding-left:3px;
	padding-right:3px;
	border:#e5e5e5 1px solid;
}
.welcome-cont {
	width:655px;
	height:200px;
}
.welcome-cont p {
	margin-top:15px;
}
.welcome-cont ul {
	margin-bottom:10px;

}
.welcome-cont ul li {
	list-style:url(../images/ic-list.png);
	float:left;
	margin-left:65px;
	margin-top:15px;
	width:250px;
}
.read-more {
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:11px;
	color:#1883cd;
	float:right;
	font-weight:bold;
}

.features-head {
	width:50px;
	height:197px;
	float:left;
	margin-left:15px;
	background:url(../images/features-head.png);
}
.features-cont {
	width:230px;
	height:197px;
	float:left;
	margin-left:15px;
}
.feature-1 {
	width:100px;
	height:75px;
	float:left;
	margin:15px 0px 0px 15px;
	background:url(../images/feature-1.png);
}
.feature-2 {
	width:100px;
	height:75px;
	float:left;
	margin:15px 0px 0px 15px;
	background:url(../images/feature-2.png);
}
.feature-3 {
	width:100px;
	height:75px;
	margin:15px 0px 0px 15px;
	float:left;
	background:url(../images/feature-3.png);
}
.feature-4 {
	width:100px;
	height:75px;
	margin:15px 0px 0px 15px;
	float:left;
	background:url(../images/feature-4.png);
}


.trans-raw-2 {
	width:1000px;
	height:400px;
}
.raw-2-col-1 {
	width:314px;
	height:320px;
	float:left;
}
.col-marg-28 {
	margin:0px 28px;
}
.h-vision {
	width:314px;
	height:49px;
	background:url(../images/h-vision.png);
}
.h-company {
	width:314px;
	height:49px;
	background:url(../images/h-company.png);
}
.h-inspection {
	width:314px;
	height:49px;
	background:url(../images/h-inspection.png);
}
.col-2-img {
	width:271px;
	height:132px;
	margin:20px auto 0px auto;
}
.raw-2-cont {
	width:314px;
	height:110px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif, Calibri;
	font-size:14px;
	margin-top:9px;
}
.trans-raw-3 {
	width:1000px;
	height:435px;
}
.home-products-head {
	width:1000px;
	height:46px;
	background:url(../images/h-product.png);
}


.product-single {
	width:270px;
	height:180px;
	float:left;
	margin:10px 45px;
}
.product-img {
	width:270px;
	height:130px;
}
.product-name {
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:16px;
	color:#616161;
	height:20px;
	margin-top:10px;
}
.nomargine-left {
	margin-left:0px;
	margin-right:0px;
}
.trans-raw-4 {
	width:1000px;
	height:270px;
}
.home-raw4-col {
	width:486px;
	height:255px;
	float:left;
	margin-right:13px;
}
.h-testi-home {
	width:486px;
	height:45px;
	background:url(../images/h-testi-home.png);
}
.h-gallery-home {
	width:486px;
	height:45px;
	background:url(../images/h-gallery-home.png);
}
.tesi-home {
	width:484px;
	height:198px;
	border:#CCC solid 1px;
}
.testi-img {
	width:132px;
	height:128px;
	padding:35px 9px;
	float:left;
}
.testi-words {
	width:324px;
	height:183px;
	float:left;
	font-size:13px;
	padding-top:15px;
	padding-left:5px;
	padding-right:5px;
}
.client-name {
	text-align:right;
	margin-top:15px;
}
.client-n {
	font-size:14px;
	color:#0c76c0;
}
.home-gallery-wrap {
	height:183px;
	margin-top:5px;
	margin-bottom:5px;
}
.home-gallery-wrap img {
	margin-left:10px;
}


/* ---  CSS for Inner Pages --- */

.h-innerpage {
	width:100%;
	height:53px;
	margin-top:7px;
	background:#1983cd;
}
.heading {
	width:1000px;
	height:53px;
	margin:0px auto;
	background:url(../images/heading-line.png) repeat-x;
}
.heading h1 {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:20px;
	font-weight:normal;
	border:none;
}
.trans-inner-col-1 {
	height:auto;
	width:685px;
	float:left;
}
.trans-inner-col-2 {
	height:auto;
	width:280px;
	float:left;
	margin-left:20px;
	padding-top:10px;	
	margin-bottom:10px;
}


/* ----- About Us Page -------*/

.about-cont-01 {
	width:680px;
	height:auto;
	float:left;
	padding-bottom:25px;
}

.about-cont-01 p {
	margin-top:15px;
}
.about-cont-01 ul {
	margin-bottom:10px;
	float:left;

}
.about-cont-01 ul li {
	list-style:url(../images/ic-list.png);
	float:left;
	margin-left:25px;
	margin-top:15px;
	width:300px;
}
.tagline-about {
	font-size:16px;
	font-style:italic;
}
.about-cont-02 {
	width:680px;
	height:auto;
	float:left;
	padding-bottom:25px;
}
.h-c-profile {
	background:url(../images/h-company-profile.png);
	width:680px;
	height:47px;
}
.c-prfile-content {
	height:160px;
	padding-top:15px;
}

.h-vision-mission {
	background:url(../images/h-vision-mission.png);
	width:680px;
	height:47px;
}
.c-vision-mission {
	height:160px;
	padding-top:15px;
}
.vision-img {
	width:204px;
	height:131px;
	float:left;
	margin-right:20px;
}
.c-vision-mission p {
	margin-top:25px;
}
.md {
	width:270px;
	height:auto;
}
.md-details {
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:15px;
	margin-top:15px;
	padding-left:5px;	
}
.md-name {
	font-size:20px;
}
.md-social {
	width:266px;
	height:25px;
	background:#2596e4;
	font-size:11px;
	color:#FFF;
}
.md-social p {
	margin-top:1px;
	margin-left:5px;
	float:left;
}
.social-icons {
	float:left;
	margin-top:2px;
	margin-left:0px;
}
.about-clients-speak {
	width:270px;
	height:auto;
	margin-top:25px;
}
.about-clients-speak h4 {
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
}
.testi-top {
	width:270px;
	height:13px;
	background:url(../images/testi-top.png);
}
.testi-middle {
	width:230px;
	height:auto;
	background:url(../images/testi-middle.png);
	color:#FFF;
	padding:20px;
	padding-bottom:5px;
}
.testi-bottom {
	width:270px;
	height:60px;
	background:url(../images/testi-bottom.png) no-repeat top;
}
.testi-name {
	width:185px;
	height:34px;
	float:left;
	margin-top:26px;
	text-align:right;
}
.testi-image {
	width:55px;
	height:55px;
	float:left;
}

/* --- Contact Us Page --- */

.trans-contact-col-01 {
	width:420px;
	height:auto;
	float:left;
	padding-top:15px;
	margin-bottom:20px;
	padding-left: 150px;
}

.trans-contact-col-02 {
	width:350px;
	height:auto;
	float:left;
	padding-left:20px;
	padding-top:50px;
}

.location-img {
	width:300px;
	height:130px;
}
.cont-icon {
	width:20px;
	height:28px;
	float:left;
	margin-left: 10px;
}
.cont-details {
	width:265px;
	height:auto;
	float:left;
	padding-left:5px;
	color:#333;
	font-size:16px;
	line-height:21px;
}
.address-wrap {
	width:330px;
	height:auto;
	float:left;
	margin-top:10px;
}
.office-span {
	font-size:18px;
}
.mail-span {
	font-size:14px;
}
.border-lined {
	border-bottom:#333 dashed 1px;
	padding-bottom:10px;
}

.trans-contact-col-02 input[type="text"] {
	width:400px;
	height:35px;
	padding-left:10px;
	border:#CCC solid 1px;
	margin-bottom:20px;
}

.trans-contact-col-02 textarea {
	width:500px;
	height:200px;
	padding-left:10px;
	padding-top:10px;
	border:#CCC solid 1px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:14px;
}
.trans-contact-col-02 input[type="submit"] {
	width:136px;
	height:35px;
	background:#354449;
	color:#FFF;
	margin-top:20px;
}
.trans-map {
	width:1000px;
	height:270px;
	margin-bottom:10px;
}
.map-wrap {
	width:1000px;
	height:auto;
	float:left;
}
.h-map {
	width:1000px;
	height:49px;
	background:url(../images/h-map.png) no-repeat;
	margin-bottom:10px;
}


/* ----   Suppliers Page ---- */

.suppliers-content {
	margin-top:15px;
	height:auto;
}


.suppliers-wrap {
	width:237px;
	height:228px;
	float:left;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 40px;
}
.suppliers-logo {
	width:237px;
	height:120px;
}
.suppliers-details {
	width:232px;
	height:105px;
	border:#ff5800 dashed 1px;
	border-top:none;
	padding-top:3px;
	margin-left:1px;
	padding-left:3px;
}
.suppliers-details h5 {
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:15px;
	color:#0567ab;
	font-weight:normal;
}
.suppliers-details table {
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:14px;
	color:#6e6e6e;
	margin-top:10px;
}
.suppliers-details table a {
	font-size:11px;
	color:#0567ab;
	text-decoration:none;
}

/* ----  Services Page === */

.trans-services-raw-1 {
	width:1000px;
	height:auto;
	float:left;
	padding-bottom:50px;
}
.service-cont-01 {
	width:1000px;
	margin-top:10px;
}
.h-services {
	width:990px;
	height:38px;
	background:url(../images/h-services.png);
	margin-top:15px;
}
.service-hexagon {
	width:990px;
	height:200px;
}
.service-items {
	width:975px;
	height:90px;
	margin-top:20px;
	background-color:#f9f7f7;
	background-image:url(../images/left-line.png);
	background-repeat:repeat-y;
	padding-left:15px;
	padding-top:10px;
}
.service-items h3 {
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:18px;
	color:#2596e4;
}
.service-items p {
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:15px;
	margin-top:7px;
}


/*--- ===== Products Page ===== ------*/
.products-left {
	width:687px;
	height:auto;
	float:left;
}

.products-right {
	width:300px;
	height:auto;
	float:left;
}
.prod-headline {
	width:100%;
	height:30px;
	color:#333;
	margin:10px 0px;
}
.single-product {
	width:205px;
	height:230px;
	float:left;
	margin-right:15px;
	padding-left:5px;
}
.line-shadow {
	width:10px;
	height:867px;
	float:left;
	background-image:url(../images/line-shadow.png);
}
.other-wrap {
	width:290px;
	height:auto;
	float:left;
}
.other-single {
	width:280px;
	height:80px;
	padding:5px;
	margin-bottom:10px;
}
.other-img {
	width:130px;
	height:80px;
	float:left;
}
.other-details {
	width:145px;
	height:80px;
	float:left;
	padding-left: 5px;
}
.other-details table {
	font-size:12px;
}
.other-head {
	font-size:14px;
}

.prod-next-prev {
	width:100%;
	height:30px;
	float:left;
}
.next-prev {
	width:150px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:14px;
	font-weight:bold;
	color:#2596e4;
	float:right;
}




.social-icons {
	width:100%;
	text-align:center;
}


/* -----  22/12/2015  ---- */

.product-wrap {
	width:30%;
	height:auto;
	padding:15px;
	float:left;
}
.products-cap {
	width:100%;
	height:auto;
	
}
.products-details {
	background:#f7f7f7;
	border:#b9b9b9 1px solid;
	width:100%;
	height:auto;
	margin:7px 0px;
}
.img-product {
	width:100%;
}
.products-cap h3 {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#242424;
	margin:7px;
}
.products-cap p {
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	margin:7px;
}

.next-prev a {
	color:#2596e4;
}



/* ---- form - slide --- */

  .slide-out-div {
       padding: 20px;
        width: 285px;
        background: #ffffff;
        z-index:9999;
    }
	
	.textbox2
{
	width:155px;
	height:25px;
	border-radius:6px;
	border:1px solid #c5c4c4;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	text-indent:5px;
	margin-top:11px;

}
.submit
{
	width:59px;
	height:18px;
	float:left;
	margin-left:0px;
	border-radius:6px;
	background-color:#0362b4;
	color:#FFF;
	border:1px solid #8a955e;
	margin-top:16px;
}