@charset "utf-8";

/* CSS Document */

* {

	padding:0;

	margin:0;

}

a {

	transition: all 0.7s ease;

}

:focus {

	outline: 0 none !important;

}

:active {

	outline: 0 none !important

}

a {

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-transition: all 0.3s ease-in-out;

}

img {

	border: 0 none;

	display: inline-block;

	max-width: 100%;

	width: auto;

}

.clear {

	clear:both;

}

ul, ol {

	margin: 0;

	padding: 0;

}

 @font-face {

 font-family: 'Open Sans';

 font-style: normal;

 font-weight: 400;

 src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');

}

body {

	font-family: 'Open Sans';

	margin:0;

	padding:0;

	background:url(../imges/bg.jpg) no-repeat;

	background-size:cover; overflow-x:hidden;

}

.container {

	background:#FFFFFF;

	padding:0 20px

}

.header {

	width:100%;

	float:left;

	background:#f3f3f5

}

.menu_main {

	background:#0f6797;

	float:left;

	width:100%;

	margin:0 0 10px 0

}

.logo h2 {

	margin:0

}

.head_contact {

	float: right;

	padding: 10px;

	margin: 0 0 0;

}

.head_contact h1 {
    background: url(../imges/call_icon.png) no-repeat scroll left center;
    font-size: 24px;
    font-weight: bold;
    margin: 20px auto;
    padding: 11px 0px 11px 50px;
    width: 260px;
    height: 50px;
}
.banner {

	float: left;

	height: auto;

	margin: 0;

	width: 100%;

}

.banner img {

	width:100%

}

.content {

	border-bottom: 1px solid #cccccc;

	height: auto;

	margin: 0 0 21px;

	padding: 0 0 40px;

	width: 100%;

}

.box {

	float:left; margin:0 25px 35px 0;

}

.box img {

	margin:0 0 18px 0;

	width:100%;

}

.box h2 {

	color: #c23c2e;

	font-size: 17px;

	font-weight: bold;

	margin: 0 0 8px 0

}

.box p {

	text-align:justify;

	line-height:21px;

	color:#6b6a6b;

	font-size:13px

}

.box a {

	color:#0f6797;

	text-decoration:none;

}

.box a:hover {

	color:#fa9600

}

.shadow {

	float: left;

	height: auto;

	margin: 0;

	width: 100%;

}

.shadow img {

	text-align:center;

	display:inline-block

}

.services {

	float: left;

	height: auto;

	margin: 0 0 11px;

	padding: 0 0 40px;

	width: 100%;

}

.services h3 {

	color: #5e5e5e;

	font-size: 20px;

	margin: 0 0 12px;

	font-weight: bold;

}

.services span {

	color:#0f6797

}

.services p {

	line-height: 23px;

	margin:0 0 17px;

	text-align: justify;

	font-size:14px;

	color:#565656

}

.services a {

	background: #474546 none repeat scroll 0 0;

	color: #ffffff;

	display: inline-block;

	font-weight: bold;

	padding: 10px 28px 10px 27px;

}

.services a:hover {

	text-decoration:none;

	background:#fa9600

}

.enquiry_form {

	background: #f0f0f0 none repeat scroll 0 0;

	border: 1px solid #CCCCCC;

	height: auto;

	display:inline-block;

	text-align:center;

	margin: 22px 6px 0 0;

}

.enquiry_form h3 {

	background: #0f6797 none repeat scroll 0 0;

	color: #fff;

	font-size: 20px;

	font-weight: bold;

	line-height: 20px;

	margin: 0;

	padding: 10px 0 12px;

	text-align: center;

}

.enquiry_form h5 {

	margin: 0 0 9px;

	text-align: center;

}

.enquiry_form input {

	background:#FFFFFF;

	border: 1px solid #e6e6e6;

	border-radius: 2px;

	color: #666;

	margin: 0 0 8px 0;

	padding: 7px 0 8px 6px;

	width:94%;

}

.btn {

	background: #0f6797 none repeat scroll 0 0 !important;

	border: medium none !important;

	box-shadow: none !important;

	color: #fff !important;

	cursor: pointer;

	margin: 4px 0 10px 0 !important;

	padding: 7px 0 8px !important;

	text-transform: uppercase;

	width: 100px !important;

}

.btn:hover {

	background: #fa9600 none repeat scroll 0 0 !important;

}

.brands {

	width:100%;

	height:auto;

	float:left;

	background:#f8f8f8;

	padding:20px 16px;

}

.brands h3 {

	background:url(../imges/border.png) no-repeat center bottom;

	color: #5e5e5e;

	font-size: 22px;

	margin: 0 0 12px;

	padding: 0 0 10px;

	text-align: center;

	font-weight: bold;

}

.brands span {

	color:#0f6797

}

.footer {

	width:100%;

	height:auto;

	float:left;

	background:#1c1c1c;

	padding:15px 0 15px 0

}

.footer p {

	margin:0;

	color:#c8c9c9;

	font-size:13px

}

.footer p a {

	margin:0;

	color:#c8c9c9; text-decoration:none;

}

.design p {

	text-align:right

}

.latest_news {

    float: left;

    height: auto;

    padding: 54px 0;

    width: 100%;

}

.tab {

    background: #f1f2f2 none repeat scroll 0 0;

	font-size: 13px;

	line-height: 24px;

}

.latest_news .r-tabs .r-tabs-nav .r-tabs-anchor {

    font-size: 14px;

    font-weight: bold;

    padding: 11px 44px 12px;

}

.latest_news .r-tabs .r-tabs-nav {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border-bottom: 1px solid #f2681f;

    margin: 0;

    padding: 0;

    width: 100%;

}

.latest_news .r-tabs .r-tabs-nav .r-tabs-anchor {

    background: #ffffff none repeat scroll 0 0;

    color: black;

    font-size: 14px;

    font-weight: bold;

    padding: 11px 14px 12px;

}

.prod

{

    float: left;

    padding: 0 0 20px;

}

.prod a

{

	margin: 5px;

	float: left; 

}

.prod a:hover img

{

	animation: 500ms ease-in-out 0s normal none 1 running pulse;

}

@keyframes pulse {

0% {

    transform: scale(1);

}

33% {

    transform: scale(0.9);

}

66% {

    transform: scale(1.1);

}

100% {

    transform: scale(1);

}

}



 @media only screen and (max-width: 767px) {

.contact_num h2 {

text-align:center;

margin:0 !important

}

.content{ display:inline-block;}

.footer p {

    text-align: center;line-height: 26px;

}

.design p {

    text-align: center;

}

.enquiry {

float:left;

margin:25px 0 0 0;

}

.contact_num h3 {

text-align:center

}

.header {

text-align:center;

}

.contact_num {

 float: none;

 margin: 0 0 15px 0;

text-align:center;

display:inline-block;

}

.enquiry textarea {

width:100%

}

.enquiry input {

width:100%

}

.tmt {

width:100%

}

.banner_main {

margin:69px 0 0 0!important

}

.logo h2 {

text-align:center

}

.r-tabs-panel h6 {

text-align:center!important

}

.head_contact {

 float: none;

 margin: 8px 0 0;

 padding: 10px;

}

.prod {

    max-width: 155px;

    margin: auto;

	float: none;

}

}





.about{ height:auto;}



.content {

	width:auto;

}

.content_left {

	width:auto;

	height:auto;

	margin:0px 0 0;

}

.content_right {

	width:auto;

	height:auto;

}

.gallery{font-size:25px;

	color:#3c3a38;

	font-weight:bold;

	float:left;

	margin:0 0 14px 0;

	border-bottom:1px solid #CCC;

	width:100%;

	padding-bottom:8px;}

.content_left h2,.content_right h2 {

	font-size:25px;

	color:#3c3a38;

	font-weight:bold;

	float:left;

	margin:0 0 14px 0;

	border-bottom:1px solid #CCC;

	width:100%;

	padding-bottom:8px;

}

.content_left span,.content_right span {

	color:#00aedb;

}

.content_left p {

	margin:0 0 18px;

	text-align:justify;

	line-height:22px;

	font-size:13px;

	color:#616161;

}

.content_left h3 {

	font-size:16px;

	color:#3c3a38;

	font-weight:bold;

	float:left;

	margin:-3px 0 -3px;

	width:100%;

}

.content_left a {

	background: none repeat scroll 0 0 #3c3a38;

	color: #FFFFFF;

	float: left;

	font-size: 13px;

	font-weight: bold;

	margin: -11px 0 20px;

	padding: 7px 8px 9px 12px;

	text-decoration: none;

	width: 72px;

}

.content_left a:hover {

	background: none repeat scroll 0 0 #00AEDB;

}



.about_con{ border:none; padding:0}

.our_srervices{ float: left;

    margin: 0 0 13px;

    width: 100%;

    background: #eeeeee;

    padding: 10px 0 10px 10px;}

.our_srervices:hover{ background:#00aedb}

.our_srervices:hover h4{color:#FFFFFF}

.our_srervices:hover a{color:#FFFFFF}



.our_srervices img{ 

    float: left;

    margin: 0 22px 0 0;

}

.our_srervices h4{  color: #666;

    font-size: 15px;

    font-weight: bold;

	line-height:21px;

    margin: 20px 0 12px;

    width: auto;}

.our_srervices a{ float:left; color:#25458A; text-decoration:none; font-size:12px;}

.our_srervices a:hover{ color:#AA2C8A; font-style:italic;}











.service1 {

	float:left;

	width:auto;

	margin-bottom:5px;

	height:auto;

	background:url(../images/shadow.png) no-repeat center bottom;

}

.contact {

}

.service1 h4, .contact_address h4 {

 color: #0e8593;

    float: left;

    font-size: 18px;

    font-weight: bold;

    margin: 0 0 10px;

    width: 100%;

}

.contact_address {

	width:280px;

	float:left;

}

.service1 p {

	width:auto;

}

.service1 img {

	float:right;

	margin:-15px 0 45px

}

.service2 {

}

.service2 img {

	float:left;

	margin:-23px 31px 47px 0;

}

.service2 h4 {

	margin:0 0 10px 0;

}

.service2 p {

	margin:0 0 10px 0;

	width: auto;

}





.service_page_list {

    margin-bottom: 16px; display:inline-block;

    width: auto;

}

.service_page_list5{ display: inline}

.service_page_list ul {

    float: left;

    margin: 0;

    padding: 0;

}

.service_page_list li {

    background: url(../imges/list-arrow.png) no-repeat scroll 0 8px;

    color: #58595b;

	text-align:justify;

    font-size: 13px;

    line-height: 24px;

    list-style: outside none none;

    margin: 0 0 13px;

    padding-left: 18px;

}

.content_left h4, .contact_address h4 {

    color: #0e8593;

    float: left;

    font-size: 18px;

    font-weight: bold;

    margin: 0 0 20px;

    width: 100%;

}



.enquiry input, .enquiry textarea {

   background: #eeeeee none repeat scroll 0 0;

    border: 1px solid #dadada;

    color: #000;

    margin: 0 11px 12px 0;

    padding: 11px 0 12px 9px;

    width: 100%;

}

.enquiry textarea {

    height: 100px;

    width:100%;

}

.enquiry input[type="submit"] {

    background: rgba(0, 0, 0, 0) url("../img/menu-bg.png") repeat-x scroll 0 0;

    font-size: 18px;

    font-weight: bold;

    text-transform: uppercase;

    width: 97%;

}

.address{ margin-bottom:10px;}

.address p{color: #565656;

    line-height: 26px;

    padding: 0 0 0 29px;

	float:left;

    font-size: 15px; background:url(../imges/location-icon.png) 0 4px no-repeat;}

	.address p.message{background:url(../imges/message-icon.png) 0 center no-repeat;}

	.address p.phone{background:url(../imges/phone-icon.png) 0 center no-repeat;}

	.address a{color: #565656;}

	.address span {

    font-size: 16px;

    margin: 0 0 8px 0;

    display: inline-block;

}

.social_icons {

    float: left;

    margin: 20px 0 0;

    width: 100%;

}

.social_icons a {

    float: left;

    height: 35px;

    margin: 0 0 5px 8px;

    width: 35px;

}

.social_icons a span {

    float: left;

    height: 35px;

    margin: 0;

    overflow: hidden;

    text-decoration: none;

    transition: background 0.2s linear 0s;

    width: 35px;

}

.facebook {

    background: rgba(0, 0, 0, 0) url("../imges/social_icons.png") repeat-y scroll 0 0;

}

.social_icons a:hover .facebook {

    background: rgba(0, 0, 0, 0) url("../imges/social_icons.png") repeat-y scroll 0 -35px;

}

.twitter {

    background: rgba(0, 0, 0, 0) url("../imges/social_icons.png") repeat-y scroll -43px 0;

}

.social_icons a:hover .twitter {

    background: rgba(0, 0, 0, 0) url("../imges/social_icons.png") repeat-y scroll -43px -35px;

}

.skype {

    background: rgba(0, 0, 0, 0) url("../imges/social_icons.png") repeat-y scroll -86px 0;

}

.social_icons a:hover .skype {

    background: rgba(0, 0, 0, 0) url("../imges/social_icons.png") repeat-y scroll -86px -35px;

}

.watsup {

    background: rgba(0, 0, 0, 0) url("../imges/social_icons.png") repeat-y scroll -127px 0;

}

.social_icons a:hover .watsup {

    background: rgba(0, 0, 0, 0) url("../imges/social_icons.png") repeat-y scroll -127px -35px;

}



.enquiry.wow.fadeInRight {

    margin: 0 0 33px 0;

}



/* gallery */

.portfolio{

	margin-bottom: 10px;

}

.img_block { width:193px;  position: relative; height:150px; float:left; margin:3px 47px 31px 0;}

.img-block a img{

	height: 121px;

}

.row-last{

	margin-right: 0;

}

.zoom { 

    width:200px; 

    height:150px; 

    display:block; 

    position:relative; 

    overflow:hidden;

    background:#fff url(../imges/loader.gif) no-repeat center;

}

 .zoom img { 

 	display:none 

}

.zoomOverlay {

	position:absolute;

	top:0; left:0;

	bottom:0; right:0;

	display:none;

	background-image:url(../imges/zoom.png);

	background-repeat:no-repeat;

	background-position:center;

}



label.error {
  float: left;
  margin-left: 15px;
  font-size: 12px;
  font-weight: normal;
  color: #f00;
}