h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
html,body{
/*
	font-family: 'Open Sans', sans-serif; */
	font-family: 'Arial', sans-serif;
}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.header{
	background:#ffffff;
}
.logo{
	float:left;
	padding:1em 0em;
}
.head-nav{
	float:right;
}
.head-nav ul{
	margin:0;
	padding:0;
}
.head-nav ul li{
	display:inline-block;  
}
.head-nav ul li a{
	color:#6C6C6C;
	text-decoration:none;
	font-size: 1.4em;
	font-weight:400;
	margin:0px 20px 0px 20px;
	display:block;	
	padding:1.1em 0.3em;	
}	
.head-nav ul li a:hover,.head-nav ul li.active a{
	border-bottom:3px solid #5094F2;
	color:#5094F2;
}
.banner{
/*	background: url(../images/banner.jpg) no-repeat center top; */
	background-size: cover;
	-webkit-background-size:cover; 
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:440px;
}
.banner-info{
	padding:2em 0em;
}
.info1{
	text-align:center;
}
.info{
	margin:7em 0em;
}
.banner h1{
    font-size:2.5em;
	font-weight:400;
	color:#ffffff;
}
.banner p{
    font-size:1.3em;
	font-weight:400;
	color:#ffffff;
	line-height: 1.5em;
	margin:1em 0em ;	
}
i.tick {
	width: 25px;
	height: 25px;
	background: url(../images/img-sprite.png)no-repeat -23px -202px;
	display: inline-block;
	position: absolute;
	left: 26px;
	top: 157px;
}
a.sign {
	background: #5094F2;
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:300;
	padding:0.5em 2.2em;
	display: inline-block;
	text-decoration: none;
	text-shadow: inset 0 2px 0 red, inset 0 0 4px red;
	border-radius:3px;
	text-align: center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-msborder-radius:3px;
	position:relative;
}
 a.sign:hover {
	background:#D94748;
}







/* -- */
.contrary{
	margin:2em;
	padding-top:0em;		
}

.productline {
  margin-bottom:50px;
  padding-top:5em;	
  display: flex;
  justify-content: center;
  align-items: center;  
}
.productline img {
  width:200px;
  height:50px;	
  width: 35%;
}

.producttvi {
  margin:10px;
  padding:0.5em;	
  display: flex;
  justify-content: center;
  align-items: center;  
}
.producttvi img {
  width:auto;
  height:50px;	
  width: 50%;
}

.penc{
	text-align:center;
}
.devc{
	text-align:center;
}
.cak{
	text-align:center;
}

.trleft{
	text-align:left;
}

i.pencil {
	width: 190px;
	height: 190px;
	background: url(../images/lb.png) no-repeat;
	display: inline-block;
}
i.device {
	width: 190px;
	height: 190px;
	background: url(../images/lb.png) no-repeat;
	display: inline-block;
}
i.cake {
	width: 190px;
	height: 190px;
	background: url(../images/lb.png) no-repeat;
	display: inline-block;
}


.contrary h3{
	font-size:1.8em;
	font-weight:400;
	color:#5094F2;
	margin:1em 0em 0em;
}
.contrary p{
	font-size:1.2em;
	font-weight:400;
	color:#9F9F9F;
	margin:1em 0em;
	line-height: 1.5em;
}





/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
/* Sections Header
--------------------------------*/


.hotproduct {
  margin-bottom:30px;	
  display: flex;
  justify-content: center;
  align-items: center;  
}
.hotproduct img {
  width:auto;
  height:50px;	
  width: 35%;
}

.section-header {
  margin-bottom: 30px;

}

.section-header h2 {
  font-size: 40px;
  color: #0c2e8a;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  padding-bottom: 20px;
}

.section-header h2::before {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  background: #50d8af;
  bottom: 0;
  left: 0;
}

.section-header p {
  padding: 0;
  margin: 0;
}


/* Our Portfolio Section
--------------------------------*/

#portfolio {
  background: #FFFFFF;
  padding:0px;
  margin:0px;
  text-align:center;
}

#portfolio .portfolio-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}

#portfolio .portfolio-item {
  overflow: hidden;
  position: relative;
  margin: 10px 0;
  vertical-align: middle;
  text-align: center;
  border:1px solid #ddd;
  color: #666;	

}


#portfolio .portfolio-item1 {
  overflow: hidden;
  position: relative;
  margin: 0px 0;
  vertical-align: middle;
  text-align: center;
  border:1px solid #ddd;	

}


#portfolio .portfolio-item h2 {
  color: #ffffff;
  font-size: 24px;
  margin: 0;
  text-transform: capitalize;
  font-weight: 700;
}

#portfolio .portfolio-item h4 {
  color: #555;
  font-size: 14px;
  margin:0px;
  padding-bottom:5px;  
  font-weight:700;
}

#portfolio .portfolio-item p {
  color: #555;
  font-size: 12px;
  margin:0px; 
   padding-bottom:5px;  
  font-weight: 500;
}

#portfolio .portfolio-item img {
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
  width: 100%;
}

#portfolio .portfolio-item:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#portfolio .portfolio-item:hover {

  color: #666;
    border: 1px solid #5094f2 !important;
  text-decoration: none;

}

#portfolio .portfolio-item:hover .portfolio-overlay {
  opacity: 1;
  background: rgba(0, 0, 0, 0.7);
}

#portfolio .portfolio-info {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#portfolio .portfolio-item:hover {
  border:1px solid #ff0000;	  
}



#portfolio1 {
  background: #fff;
  padding-top:30px;
  text-align:center;
}

#portfolio1 .portfolio-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}

#portfolio1 .portfolio-item {
  overflow: hidden;
  position: relative;
  margin: 0px 0;
  vertical-align: middle;
  text-align: center;
  border:0px solid #ddd;	

}


#portfolio1 .portfolio-item1 {
  overflow: hidden;
  position: relative;
  margin: 0px 0;
  vertical-align: middle;
  text-align: center;
  border:1px solid #ddd;	

}


#portfolio1 .portfolio-item h2 {
  color: #ffffff;
  font-size: 24px;
  margin: 0;
  text-transform: capitalize;
  font-weight: 700;
}

#portfolio1 .portfolio-item h3 {
  color: #555;
  font-size: 16px;
  margin:0px;
  padding:0px;  
  font-weight: 500;
}

#portfolio1 .portfolio-item img {
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
  width: 100%;
}

#portfolio1 .portfolio-item:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

}

#portfolio1 .portfolio-item:hover .portfolio-overlay {
  opacity: 1;
  background: rgba(0, 0, 0, 0.7);
}

#portfolio1 .portfolio-info {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#portfolio1 .portfolio-item:hover {
  border:1px solid #ff0000;	  
}




/* ========================================*/



#portfolio2 {
  background: #fff;
  padding:0px;
  text-align:center;
  margin:0px;
}

#portfolio2 .portfolio-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}


#portfolio2 .portfolio-item2 {
  overflow: hidden;
  position: relative;
  margin: 0px 0;
  vertical-align: middle;
  text-align: center;
  padding:0px;
  border:0px solid #ddd;	

}


#portfolio2 .portfolio-item2 h2 {
  color: #ffffff;
  font-size: 24px;
  margin: 0;
  text-transform: capitalize;
  font-weight: 700;
}

#portfolio2 .portfolio-item h3 {
  color: #555;
  font-size: 16px;
  margin:0px;
  padding:0px;  
  font-weight: 500;
}

#portfolio2 .portfolio-item2 img {
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;  
  padding-top:10px;
  width:90%;

}

#portfolio2 .portfolio-item2:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

}

#portfolio2 .portfolio-item2:hover .portfolio-overlay {
  opacity: 1;
  background: rgba(0, 0, 0, 0.7);
}

#portfolio2 .portfolio-info {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#portfolio2 .portfolio-item2:hover {
  border:0px solid #ff0000;	  
}


/* ================================================ */



.rightshopping{
	align:middle;
	margin:0em 0em;
	border-bottom:1px solid #DDDFE0;
}
.rightshopping .cart{
	text-align:middle;
}
.rightshopping .cart h3{
	font-size:1.5em;
	font-weight:500;
	color:#6F7173;
	padding:1em 0em;
	margin:0px;
}
.rightshopping .cart img {
	margin-bottom:20px;
}
.rightshopping .bullet {
	text-align:middle;
	margin: 4em 0em;
	padding-left:15em;
}
.rightshopping .bullet h4{
	font-size:1.2em;
	font-weight:500;
	color:#6F7173;
	margin:1em 0em;
	line-height: 1.2em;
}
.rightshopping .bullet p{
	font-size:1.1em;
	font-weight:300;
	color:#9F9F9F;
	margin:1em 0em;
	line-height: 1.5em;
}

.leftshopping{
	margin:0em 0em;
	border-bottom:1px solid #DDDFE0;
}
.leftshopping .cart{
	text-align:center;
}
.leftshopping .cart h3{
	font-size:1.5em;
	font-weight:500;
	color:#6F7173;
	padding:1em 0em;
	margin:0px;
}
.leftshopping .cart img {
	margin-bottom:20px;
}
.leftshopping .bullet {
	margin: 4em 0em;
}
.leftshopping .bullet h4{
	font-size:1.2em;
	font-weight:500;
	color:#6F7173;
	margin:1em 0em;
	line-height: 1.2em;
}
.leftshopping .bullet p{
	font-size:1.1em;
	font-weight:300;
	color:#9F9F9F;
	margin:1em 0em;
	line-height: 1.5em;
}





.footer{
	padding:1em 0em;
	border-top:1px solid #DDDFE0;
}
.footer p{
	font-size:1.1em;
	font-weight:400;
	color:#9F9F9F;
	line-height: 1.5em;
	margin:0.5em 0em;
	text-align:center;
}
.footer a{
	color:#5094F2;
}
.footer a:hover{
	color:#D94748;
}
.banner1{
	background:#5094F2;
	min-height:136px;
	margin-bottom:30px;
}
.banner1 h2{
	font-size:1.5em;
	font-weight:400;
	color:#ffffff;
	padding:1em;
	line-height: 1.5em;
	text-align: center;	
}
/*-- contact-section --*/
.contact-section{
	margin:3em 0em;
}
.map iframe {
	width: 100%;
	min-height:400px;
}
.contact-section h5{
	font-size:2.2em;
	font-weight:400;
	color:#5094F2;
	text-transform:uppercase;
}
.contact-section p{
	font-size:1.1em;
	font-weight:400;
	color:#9F9F9F;
	margin:2em 0em;
}
.get-touch{
	margin:4em 0em;
}
.get-touch1 form input[type="text"]{
	width: 100%;
	padding: 0.5em 0;
	margin-bottom:1.5em;
	background:none;
	color:#9F9F9F;
	font-size:16px;
	outline: none;
	font-weight:400;
	text-indent: 18px;
	border: 1px solid #5094F2;
}
.get-touch1 form textarea {
	resize:none;
	width: 100%;
	padding: 0.5em 0;
	margin-bottom:1.5em;
	background:none;
	color:#9F9F9F;
	font-size:16px;
	outline: none;
	font-weight:400;
	text-indent: 18px;
	border: 1px solid #5094F2;
	min-height: 150px;
}
.get-touch1 form input[type="submit"] {
	background:#5094F2;
	padding: 0.5em 2em;
	text-transform: uppercase;
	color:#fff;
	font-size: 17px;
	font-weight: 400;
	display: block;
	outline: none;
	border: none;
	cursor:pointer;
}	
.get-touch1 form input[type="submit"]:hover{
	background: #D94748;
	color:#fff;
}
.col-md-12.get-touch1 {
	padding: 0;
}
/*-- contact-section --*/
/*-- service-section --*/



/*-- portfolio --*/
.service-section {
	margin: 0em 0em 0em;
	position:relative;
}
.service-section h2{
	font-size:3em;
	font-weight:400;
	color:#6F7173;
	margin-bottom:0.5em;
	text-align:center;
}
.portfolio  p{
	color: #979797;
	font-weight: 400;
	font-size: 1.1em;
	text-align:center;
	line-height:1.5em;
	margin:1em 0em;
}
.portfolio  h3{
	color: #5094F2;
	font-weight: 400;
	font-size: 1.2em;
	text-align:center;
	margin:1em 0em;
}






.service{
	padding:2em 2em;
}
.servic {
	margin: 3em 0em;
}


#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 25%;
	display:none;
	float:left;
	overflow:hidden;
	margin: 0em;	
}

 #portfoliolist {
	padding: 0px 0px;
	margin:2em 0em;
}	
.portfolio-wrapper {
	overflow:hidden;
	position: relative !important;
	cursor:pointer;
	margin:0em 1em;
	border:0px solid #ddd;	
}

.portfolio img {
	width:100%;
	transition: all 300ms!important;
	-webkit-transition: all 300ms!important;
	-moz-transition: all 300ms!important;
}


.portfolio .label {
	position: absolute;
	width: 100%;
	height:40px;
	bottom:-40px;
}
.portfolio .label-bg {
	background: #22B4B8;
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}
.portfolio .label-text {
	color:#fff;
	position: relative;
	z-index:500;
	padding:5px 8px;
}
.portfolio .text-category {
	display:block;
	font-size:9px;
	font-size: 12px;
	text-transform:uppercase;
}
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; 
}
.row:after,
.clearfix:after {
	clear: both; 
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.zoom-icon {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	display: block;
	left: 0;
	top: -152px;
	width: 290px;
	height: 219px;
	background: url(../images/zoom.png) center center no-repeat;
	cursor: pointer;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}
.grid_box .zoom-icon {
	top: -50px;
	width:100%;
	height: 180px;	
}
.grid_box a:hover {
	top: 0;
	opacity: 1;
	filter: alpha(opacity=99); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
	border-bottom:20px solid #5094F2;

}
.entertain_box{
	margin-bottom:3em;
}
a.read {
	background: #5094F2;
	color:#fff;
	text-decoration:none;
	font-size:15px;
	font-weight:300;
	padding:0.5em 1em;
	display: inline-block;
	text-decoration: none;
	text-shadow: inset 0 2px 0 red, inset 0 0 4px red;
	border-radius:3px;
	text-align: center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-msborder-radius:3px;
	position:relative;
}
 a.read:hover {
	background:#D94748;
}





/*-- service-section --*/
/*-- products --*/
.product-left1 img {
}
.products{
	margin:3em 0em;
}
.products h4{
	font-size:1em;
	font-weight:400;
	color:#6F7173;
	margin:0em 0em;
	padding-top:0px;
}

.product-right {
  margin-top: 50px;
}


.product-right1 .prod {

  margin: 1em 0em;
  padding: 1em 0em;
  overflow: hidden;
  position: relative; 
  vertical-align: middle;
  text-align: center;
  border:1px solid #ddd;
}


.product-right1 .prod:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

}

.product-right1 .prod img {
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
  width: 100%;
}

.product-right1 .prod:hover {
border:1px solid #ff0000;
}

.product-right1 {
	margin: 0em 0em;
}

.spec {
  margin-top:30px;	
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spec img {
  width: 90%;
}

.breadcrumbs {

    background: #da4546;
    color: #fff;
    padding: 0px 20px;
	font-size:14px;
	font-weight:500;
	border-radius: 5px;
	margin-bottom: 10px;

}

.breadcrumb {
    margin-bottom: 0;
    padding:5px;
    background: none;
}

.breadcrumb li a{
    color: #fff;
}

.breadcrumb li.active {
    color: #5094f2
}

.breadcrumbs h1 {
    font-size: 24px;
    font-weight: 600;
    margin: 3px 0 0;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
}

.zlayout2 { 	
	background-color:#fff;
	padding:0px 0px; 
	margin-bottom:0px;
 }

.z-img2 { 
		margin:auto;		
		padding-left:0px;
		min-height:200px;		
	}

.z-txt2 { 

    border:0px solid #beceeb; /*为了便于观察，显示出边框 float:left;  */
    float:left; 
    display:table-cell;   
    vertical-align:bottom;
    padding:50px 0px;	
	font-size:16px;
	font-weight:800px;	
	min-height:200px;
	text-align:left;	
}

.z-txt2 h4{
	color:#000;
    padding:10px 0px;
}


.spec_txt {
color:#000000;	
text-align:center;
font-size:20px;
font-weight:700;
margin-top:20px;

}


.ProTitle {
	background: #fff;	
	color: #1f1f1f;
	font-size:24px;
	font-weight:700;	
	margin-top:20px;
	text-align:center;
}


.bs-sub-table  {
	margin:auto;
	background: #FFFFFF;	
	border: 0px solid #D5D5D5;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size:12px;	
	width:90%;	
}



table, th,tr,td {

text-align:center;
vertical-align:middle;
background-color: #fafafa;
border-bottom: 1px solid #475168 !important;

}

.table-bordered th {
    border-bottom: 1px solid #475168 !important;
}

.table-bordered td {
    border-bottom: 1px solid #475168 !important;
}
.table-bordered tr {
    border-bottom: 1px solid #475168 !important;
}

.bs-sub-table h5 {
	font-size:14px;
	font-weight: 600;
	margin:0px;
	padding:0px;
}


/*tabs*/

.tab {
    background: #fff;
}

.tab .nav > li > a {

  padding: 10px 15px;
  background-color: #5092f2;
  color:#1f1f1f;

}

.tab-bg-dark-navy-blue {

    background:#fff;
    border-bottom: none;
	font-size:18px;
    -webkit-border-radius: 0px 0px 0 0;
	padding:0px 0px;
   
	
}

.tab-bg-dark-navy-blue .nav > li > a:hover, 
.tab-bg-dark-navy-blue .nav > li > a:focus {

    background-color: #5092f2;
    text-decoration: none;
	
}


.panel-heading .nav > li > a,
.panel-heading .nav > li.active > a, 
.panel-heading .nav > li.active > a:hover, 
.panel-heading .nav > li.active > a:focus {

    border-width: 0px;
    border-radius: 10px;

}

.panel-heading .nav > li > a {
    color: #f4f4f4;
}

.panel-heading .nav > li.active > a, 
.panel-heading .nav > li > a:hover {

    color: #475168;  
    background: #f37d6c;   
}

.panel-heading .nav > li:first-child.active > a, 
.panel-heading .nav > li:first-child > a:hover			{
	border-radius: 10px;
    -webkit-border-radius: 10px;

}

.nav-tabs {

  border-bottom: 0px solid #ddd;

}

.p-head {
    color: #F77B6F;
    font-size: 14px;
    font-weight: 400;
}

.cmt-head {
    font-size: 14px;
    font-weight: 400;
}

.p-thumb img {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 50px;
    width: 50px;
}

.zlayout1 { 
	height:250px; 
	background-color:#475168;
	padding:10px 0; 
	margin-bottom:20px;
}

.z-img { 

	float:right; 
	padding-right:100px;
}

.z-txt { 	

	float:left; 
	margin-top:20px;
}

.z-txt h5 { 

	margin-top:40px;

	font-size:22px; 
	color:#fff; 
	font-weight:500;  
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}
.z-txt p.subtitles {
	padding:0 0 30px;
	color:#4a9be0;
	font-size:18px;   
	font-weight:300; 
	text-shadow:1px 1px 1px rgba(0,0,0,0.4); 
}
.z-txt p { 
	padding:0 0 30px; 
	font-size:18px; 
	color:#f0f0f0; 
	font-weight:300; 
	line-height:2; 
}

.z-txt .bt {

	float:left; 
	margin-right:100px;

	}

.z-txt .bt:hover { 

	opacity:1; 
	color:#fff; 
	
	}


.TopSlide { 

	height:400px; 
	background-color:#475168;
	padding:0px 0; 
	margin:10px 0 10px 0;

 }

.slider { 
	clear:both;
	}

.slider-txt {
	float:left;
	width:480px;	
	margin-top:30px;
	margin-left:80px;

	}

.slider-txt h3 {
	color:#fff;
	line-height:1.6;
	font-weight:700;
	padding-left:0px;
	}

.slider-txt p {
	color:#fff;
	line-height:2;
	font-size:18px;
	font-weight:300;
	padding:0 0 0 30px;
	}

.slider-img {
	float:left;
	margin-left:80px;
	width:300px;

	}

.bt { 
	float:left;
	margin-top:50px;
	margin-left:70px;	
	text-align:center; 
	display:block;
	opacity:1.0;
}
.bt:hover {
	opacity:1;
	color:#fff;
}
.bt2 {
	margin:0 22px 0 0;
	}


.products p{
	font-size:1.1em;
	font-weight:400;
	line-height:1.5em;
	margin:1em 0em;
	color:#979797;
}
.products h4 a{
	font-size:1.3em;
	font-weight:400;
	color:#6F7173;
	text-decoration:none;
}
.products h4 a:hover{
	color:#5094F2;
}
.products h5 a{
	font-size:1.5em;
	font-weight:400;
	color:#D94748;
	text-decoration:none;
}
.products h5 a:hover{
	color:#5094F2;
}
.products h6 a{
	font-size:1.2em;
	font-weight:400;
	color:#5094F2;
	text-decoration:none;
}
.products h6 a:hover{
	color:#D94748;
}
.products span{
	font-size:1.2em;
	font-weight:400;
	color:#c2c2c2;
}
.data{
	margin:1em 0em;
}
a.more {
	background:#D94748;
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:300;
	padding:0.5em 2.2em;
	display: inline-block;
	text-decoration: none;
	text-shadow: inset 0 2px 0 red, inset 0 0 4px red;
	border-radius:3px;
	text-align: center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-msborder-radius:3px;
	position:relative;
	margin:4em 0em 0em;
}
 a.more:hover {
	background: #5094F2;
}
/*-- products --*/
/*--responsive design--*/
@media (max-width:1024px){
.products h3 {
	font-size: 1.3em;
}
.grid_box .zoom-icon {
	height: 150px;
}
}
/*--responsive design--*/
@media (max-width:768px){
.head-nav ul li{
	display:block;
	float:none;
}
.head-nav ul li a{
	border-right:none;
	border-bottom:none;
	background:#5094F2;
	color: #ffffff;
}
.head-nav ul{
	position: absolute;
	margin: 0;
	padding: 2% 0;
	z-index: 999;
	width: 92%;
	display: none;
	text-align: center;
	left:2em;
	top:4em;
}
.head-nav span.menu{
	display:block;
	background:none;
	position:absolute;
	top:30px;
	right:22px;
}	
.head-nav span.menu:before{
	content:url(../images/menu.png);
	color:#FFF;
	font-size:1.3em;
	text-transform:uppercase;
	text-align:right;
	padding:0.5em 0.3em;
	cursor:pointer;
}
.head-nav ul li a {
	text-decoration: none;
	font-size: 1.2em;
	padding: 0.5em 0.3em;
}
.head-nav{
	background:none;
}
.head-nav ul li a:hover, .head-nav ul li.active a {
	border-bottom:none;
	color:#000000;
}
.info1 img {
	width:40%;
}
.banner-info {
	text-align: center;
}
.info {
	margin: 2em 0em;
}
i.tick {
	left: 283px;
}
.devc {
	margin: 4em 0em;
}
.cart {
	margin: 4em 0em;
}
.contrary h3 {
	font-size: 1.5em;
}
.products {
	text-align: center;
}
.product-left1 {
	margin: 0em 0em 1em;	
}
a.more{
	margin:0em;
}
.prod {
	padding: 0em 0em 2em;
	margin: 0em 0em;
}
.cart {
	margin: 0em 0em;
}
.bullet {
	margin: 1em 0em;
}
.grid_box .zoom-icon {
	height: 110px;
}
.service-section h2 {
	font-size: 2em;
}
.map iframe {
	min-height: 250px;
}
.contact-section h5 {
	font-size: 1.7em;
}
i.pencil {
	width: 117px;
	height: 117px;
	background-size: 400px;
}
i.device {
	width: 117px;
	height: 117px;
	background: url(../images/img-sprite.png)no-repeat -122px 1px ;
	background-size: 400px;
}
i.cake {
	width: 117px;
	height: 117px;
	background: url(../images/img-sprite.png)no-repeat -246px 1px ;
	background-size: 400px;
}
}
/*--responsive design--*/
@media (max-width:640px){
.banner h1 {
	font-size: 1.7em;
}
.banner p {
	font-size: 1.2em;
}
i.tick {
	left: 220px;
	top:135px;
}
.contrary h3 {
	font-size: 1.4em;
}
.contrary p {
	font-size: 1.1em;
}
.cart h2 {
	font-size: 1.8em;
}
.info1 img {
	width: 30%;
}
.service-section h2 {
	font-size: 1.7em;
}
.portfolio h3 {
	font-size: 1.3em;
}
.portfolio p {
	font-size: 1em;
}
.grid_box .zoom-icon {
	height: 84px;
}
.contact-section h5 {
	font-size: 1.5em;
}
.contact-section p {
	font-size: 1em;
	margin: 1em 0em;
}
.head-nav ul {
	top: 4.2em;
}
}
/*--responsive design--*/
@media (max-width:480px){
.banner h1 {
	font-size: 1.4em;
}
.banner p {
	font-size: 1.1em;
}
i.tick {
	left: 140px;
	top: 123px;
}
.banner {
	min-height: 495px;
}
.contrary h3 {
	font-size: 1.2em;
}
.contrary p {
	font-size: 1em;
}
.cart h2 {
	font-size: 1.5em;
}
.bullet h4 {
	font-size: 1.3em;
}
.bullet p {
	font-size: 1em;
}
.products h4 a {
	font-size: 1.2em;
}
.products p {
	font-size: 1em;
}
.products {
	margin: 3em 1em 0em;
}
#portfoliolist .portfolio {
	width: 50%;
}
.portfolio-wrapper {
	margin: 1.5em 1em;
}
.contact-section h5 {
	font-size: 1.3em;
}
.map iframe {
	min-height: 190px;
}
.footer p {
	font-size: 1em;
}
.head-nav ul {
	top: 4.4em;
}
i.pencil {
	width: 92px;
	height: 92px;
	background-size: 310px;
}
i.cake {
	width: 92px;
	height: 92px;
	background: url(../images/img-sprite.png)no-repeat -190px 1px;
	background-size: 310px;
}
i.device {
	width: 92px;
	height: 92px;
	background: url(../images/img-sprite.png)no-repeat -94px 1px;
	background-size: 310px;
}
}
/*--responsive design--*/
@media (max-width:320px){
.banner h1 {
	font-size: 1.2em;
}
.banner p {
	font-size: 1em;
	margin:0em 0em 0.5em;
}
.wmuSliderPrev {
	top: 112px;
}
.wmuSliderNext {
	top: 112px;
}
i.tick {
	left: 60px;
	top: 93px;
}
.banner {
	min-height: 370px;
}
.products h4 a {
	font-size: 1em;
}
.bullet {
	text-align: center;
}
.devc {
	margin: 3em 0em;
}
.products p {
	font-size: 0.875em;
}
a.more {
	font-size: 15px;
}
.products h5 a {
	font-size: 1.3em;
}
.products h6 a {
	font-size: 1.1em;
}
.service-section h2 {
	font-size: 1.3em;
}
.portfolio h3 {
	font-size: 1.1em;
}
a.read {
	font-size: 12px;
}
.portfolio p {
	font-size: 0.875em;
}
.grid_box .zoom-icon {
	height: 76px;
}
.service-section {
	margin: 2em 0em 0em;
}
.service-section {
	margin: 1em 0em 0em;
}
.service-section h2 {
	margin: 0.5em 0em 0em;
}
div#portfoliolist {
	margin: 0em 0em;
}
.map iframe {
	min-height: 151px;
}
.contact-section h5 {
	font-size: 1.2em;
}
.get-touch {
	margin: 2em 0em;
}
.get-touch1 form input[type="text"]{
	font-size:13px;
}
.get-touch1 form textarea {
	min-height: 110px;
	font-size: 13px;
}
.get-touch1 form input[type="submit"] {
	font-size: 13px;
}
.logo img {
	width: 80%;
}
.banner-info {
	padding: 2em 0em 0em;
}
.head-nav span.menu {
	top: 25px;
}
.head-nav ul {
	left: 1em;
}
.banner1 {
	min-height: 115px;
}
.banner1 h2 {
	font-size: 1.3em;
	padding: 0.5em;
}
i.pencil {
	width: 73px;
	height: 73px;
	background-size: 250px;
}
i.device {
	width: 73px;
	height: 73px;
	background: url(../images/img-sprite.png)no-repeat -76px 1px;
	background-size: 250px;
}
i.cake {
	width: 73px;
	height: 73px;
	background: url(../images/img-sprite.png)no-repeat -154px 1px;
	background-size: 250px;
}
}