@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px;}
.clear{clear:both;}
img{border:none;}
a{text-decoration:none;}
.fl{float:left; margin-top: 20px;}
.fr{float:right;}

body{background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.top_menu{width:100%;  background-color: #0899DA;}
.top_menu .top_lett_menu{width:53%; float:left; height:3px; background-color:#0899da; margin:0px auto;}
.top_menu .top_right_menu{float:left; background:#0899DA; width:47%; margin:0px auto; height:34px;}
.top_right_menu .left_top{ background-color:#fff; float:left;}
.top_right_menu .left_top1{height:34px; float:left; margin:0px auto;}
.topmenu_ul{float:left; margin:0px auto;}
.menu{width:400px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; float:left; height:34px;}
.menu ul{list-style:none; float:left;}
.menu ul li{width:70px; padding:10px 10px; float:left; background-image:url(../images/li.png); background-repeat:no-repeat; background-position:right;}
.menu ul li a{color:#ffffff; font-weight:bold; float:left; text-decoration:none;}

#wrapper{width:100%; margin:0px auto;}
#container{
	       width:1000px; 
		   margin:0px auto;
		   }
#wrapper #header{width:998px; height:70px; margin:10px auto; float:left;}
#header #header_left{width:300px; margin:0px; float:left;}
#header #header_right{ margin:0px; float:right;}
#header_cont{float:right; width:500px; }
#header_left_logo{margin:0px 0px; float:left; width:260px; height:60px;}


ul#nav{width:100%; background-color:#0899da; text-align: center;}
ul#nav,ul#nav ul{
	margin:0;
	list-style:none;
	padding:0;
	background-color:#0899da;
	background-image:url(../images/mainbk.png);
	background-repeat:repeat;
	border-width:0px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	}
ul#nav ul{
	display:none;
	position:absolute;
	left:0;
	top:100%;
	-moz-box-shadow:0.7px 0.7px 1px #777777;
	-webkit-box-shadow:0.7px 0.7px 1px #777777;
	box-shadow:0.7px 0.7px 1px #777777;
	background-color:#0899da;
	background-image:none;
	border-width:1px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-style:solid;
	border-color:#5A5E60;
	padding:0 9px 9px;
	}
	
ul#nav li:hover>*{
	display:block;}
ul#nav li{
	position:relative;
	display:block;
	white-space:nowrap;
	font-size:0;
	float:left;
	}
	
ul#nav li:hover{
	z-index:1;}
ul#nav ul ul{
	position:absolute;left:100%; top:0;}
ul#nav{
	font-size:0; 
	z-index:999; 
	position: relative; 
	display:inline-block;
	zoom:1; 
	padding:1px 1px 1px 0;
	*display:inline;
	}
	
* html ul#nav li a{
	display:inline-block;}
ul#nav>li{
	margin:0 0 0 1px;}
ul#nav ul>li{
	margin:1px 0 0;}
ul#nav a:active, ul#nav a:focus{
	outline-style:none;}
ul#nav a{
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	font:bold 12px Arial;
	color:#fff;
	cursor:default;
	padding:10px;
	background-color:#0899da;
	background-image:url("mainbk.png");
	background-repeat:repeat;
	background-position:0 200px;
	border-width:0px;
	border-style:none;
	border-color:;
	}
ul#nav ul li{
	float:none;margin:9px 0 0;}
ul#nav ul a{
	text-align:left;
	padding:8px 0 0 0;
	background-color:#0899da;
	background-image:none;
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#262626;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;font:13px Arial;
	color:#fff;
	text-decoration:none;
	}
ul#nav li:hover>a,ul#nav li a.pressed{
	background-color:#075375; 
	border-style:none; 
	color:#ffffff;
	background-image:url("mainbk.png");
	background-position:0 100px;
	text-decoration:none;
	}
ul#nav span{
	display:block;
	overflow:visible;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:0px;
	}
	
ul#nav ul span{ background-image:url(../images/arrow.gif);
	padding-right:15px;
	}
ul#nav > label.switch{
	display:none;
	cursor:pointer;
	width:25px;
	height:20px;
	padding:10px;
	}
	
ul#nav > label.switch:before{
	content:"";
	position:absolute;
	display:block;
	height:4px;
	width:25px;
	border-radius:4px;
	background:#cccccc;
	-moz-box-shadow:0 8px #cccccc, 
	0 16px #cccccc;-webkit-box-shadow:0 8px #cccccc, 
	0 16px #cccccc;box-shadow:0 8px #cccccc, 0 16px #cccccc;
	}
ul#nav > label.switch:hover:before{
	background:#ffffff;-moz-box-shadow:0 8px #ffffff, 0 16px #ffffff;-webkit-box-shadow:0 8px #ffffff, 0 16px #ffffff;box-shadow:0 8px #ffffff, 0 16px #ffffff;}
ul#nav > .switchbox{
	display:none;}
ul#nav ul li:hover>a,ul#nav ul li a.pressed{
	background-color:#0899da; background-image:none; border-style:solid; border-color:#262626; color:#ccc; text-decoration:none;}
ul#nav li.topfirst>a{
	border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
	

ul#nav li.toplast>a{
	border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;}

ul#nav _>li>a{
	padding:0;}
ul#nav li.subfirst>a{
	border-width:0;border-style:none;padding:0;}
ul#nav li.subfirst:hover>a,ul#nav li.subfirst a.pressed{
	border-style:none;}
@media screen and (max-width: 1000px) {
	ul#nav > li {
		position: initial;}
	ul#nav ul .subnav,ul#nav li > ul {
		left: 0; right:auto; top: 100%;}
	ul#nav .subnav,ul#nav ul,ul#nav .column {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-right: 0;width: 100% !important;}
}
@media screen and (max-width: 1000px) {
	ul#nav {
		width: 100%;}
	ul#nav > li {
		display: none !important;		position: relative;		width: 100% !important;}
	ul#nav > label.switch,ul#nav .switchbox:checked ~ li {
		display: block !important;}
}


.banner{width:1000px; margin:0px auto; height:301px; float:left; border-radius:0px;}

.hr{width:100%; float:left; margin:0px auto; clear:both; height:9px; display:block; border:none #fff;}



.hr, .hr-min {
    background: url("../images/end.png") repeat scroll center 0 transparent;
    border: 0 solid #fff;
    clear: both;
    display: block;
    font-size: 0;
    height: 9px;
}
.f0 {
    font-size: 0 !important;
    line-height: 0 !important;
}



#product_container{
	       width:1000px; 
		   margin:0px auto;
		   height:auto;
		   }
		   
.hp_product_body{width:1000px; height:auto; float:left;}
.hp_product_part{width:300px; height:300px; float:left;}

table,th
{
border:1px solid black;
border-collapse:collapse;
}

.
		   
#container #container_title{
	        width:1000px;
}

#container_title h3{color:#000; Padding:11px 10px; font-size:20px;}

#container .product{width:998px; background-color:#fff; margin:0px auto; box-shadow:0px 1px 14px #999; float:left;}

.product .product_ul{ width:auto; 
                      list-style:none;
					  float:left;
					 
                     }
.product .product_ul li{width:227px;
						border:1px dashed #d3d3d3;
						background-repeat:no-repeat;
						float:left;
						margin:10px;
						height:320px;
						}

.product .product_ul li .product_images{width:100%;
                                        height:auto;
										text-align:center;
										float:left;
                                        }

.product .product_ul li .product_images img{width:180px;
                                            height:auto;
											margin:0px 0px 0px 0px;
                                           }

.product .product_ul li .product_name{ font-family:Tahoma, Geneva, sans-serif;
                                       font-size:15px;
									   text-align:center;
									   color:#cd6b01;
									   padding:5px 0px;
									   font-weight:bold;
									   letter-spacing:1px;
									   width:100%;
                                      }
.product .product_ul li .product_name h2{ font-family:Tahoma, Geneva, sans-serif;
                                       font-size:13px;
									   text-align:center;
									   color:#0aa4fd;
									   width:100%;
                                      }

.product_name p{font-family: ‘Metrophobic’, Arial, serif;
                                       padding:6px;
                                       font-size:11px;
									   color:#7f8183;
									   font-weight:normal;
									   width:100%;
                                      }


.product .product_ul li .product_price{ font-family:Tahoma, Geneva, sans-serif;
                                       font-size:12px;
									   text-align:center;
									   letter-spacing:1px;
									   color:#e52319;
									   padding:5px 0px;
									   width:100%;
                                      }
.product .product_ul li .product_view{ width:100%;
                                       margin-top:12px;
                                       text-align:center;
                                      }
.product .product_ul li .product_view a{ width:100%;
                                         padding:9px 10px;
										 background-color:#09F;
										 border-radius:5px;
										 font-family:12px;
										 color:#fff;
                                      }
									  
.product .product_ul li .product_view a:hover{ color:#222;
                                          background-color:#1390bd;
                                      }

.hp_specs{width:998px; background-color:#fff; margin:0px auto; box-shadow:0px 1px 14px #999; float:left;}
.hp_specs_left{width:40%; float:left;}
.hp_specs_left_img{ width:50%; float:left; padding:20px; height:auto;}
.hp_specs_right{width:45%; float:left;}
.hp_specs_right p{float:left; font-family: ‘Metrophobic’, Arial, serif; font-weight:normal; line-height:20px; padding:10px 20px; font-size:12px; color:#999;}
.hp_list{float:left;}
.hp_list ul{float:left; padding:10px 40px;}
.hp_list ul li{font-family:‘Metrophobic’, Arial, serif; font-weight:normal; color:#999; line-height:18px; }
.hp_list_img{ width:40%; float:right; border:none; background-repeat:no-repeat; padding:20px;}

.product_wrapper{ width:100%; float:left;}
.product_menu{width:80%; height:30px; float:left; padding:20px;}
.product_menu ul{float:left; background-color:#fff; list-style:none;}
.product_menu ul li{float:left; padding:10px 10px; list-style:none; background-color:#ccc; margin-left:3px; border-top-left-radius:10px; border-top-right-radius:10px;}
.product_menu ul li a{color:#333; text-decoration:none;}

#foot{
	width:100%; 
	height:150px;
	background-color:#056699;
	margin:0px auto;	
	}
.foot_inner{width:1000px; margin:10px auto; }
.foot_left{float:left; margin:20px 0px; width:40%;}
.foot_left h1{font-family: 'Roboto', sans-serif; color:#fff; font-weight:700; margin:10px 0px 0px 0px;}
.foot_left a{font-family: 'Roboto', sans-serif; font-weight:normal; color:#fff;}
.para{width:70%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#e6e7e8; float:left;}
.foot_centre{width:20%; float:left; margin:20px 0px 0px 0px; }
.foot_location h2{font-family: 'Roboto', sans-serif; color:#fff; font-weight:700; margin:10px 0px; }
.foot_location {float:left;}
.foot_location ul{float:left; margin:0px 14px; color:#fff;}
.foot_location ul li{padding:0px 0px; font-size: 14px;}
.foot_location ul li a{color:#fff;}
.foot_right{width:30%; float:right; margin: 20px 0px 0px 0px;}
.foot_right h2{font-family: 'Roboto', sans-serif; color:#fff; font-weight:700; margin:20px 0px;}
.foot_right p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
.foot_right a{color:#fff;}

.best_price{
	width:100%;
	height:auto;
	padding:5px 1px;
	margin:5px 0px 0px;
	background-color:#555557;
}
.best_price p{
	color:#fff;
	margin-left:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
}

.social-links{
	font-size:35px;
}

.social-links a:hover{
	color:#000;
}


.product-box{
	height:auto;
	margin: 0 auto;
}
.product-img{
	width:500px;
	height:auto;
	float:left;
	overflow: hidden;;
}

img{
  width: 100%;
  /*display: block;*/
}

.main-image{
  display: flex;
transition: all 0.5s ease;
}
.img-select{
  display: flex;
  margin-top: 2px;
}
.img{
  border:2px solid white;
}
.active{
  border-color:#7ed6df;

}
.product-info{
	width:400px;
	height:auto;
	float:right;
}
.product-info h5{
	font-size:24px;
	color:#0c75a4;
	font-family: 'Lato', sans-serif;
	padding: 70px 0px 10px 0px;
}
.product-info li{
	font-size:16px;
	line-height:22px;
	color:#10445c;
	font-family: 'Lato', sans-serif;
	padding:5px 0;
}
.laptop-title li{
	float:left;
	font-size:14px;
	margin:10px;
	color:#10445c;
	font-family: 'Lato', sans-serif;
}


.ban-fis{
	width:80%;
	height: 300px;
}
.fixed-cta {
    z-index: 100;
    position: fixed;
    left: 15px;
    bottom: 15px;
    background: #000;
    padding: 8px 10px !important;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 900;
    text-decoration: none;
}
.ban-sec{
	width: 20%;
	height: 300px;
	float: right;
}

.fixed-cta-whatsapp{
     z-index: 100;
    position: fixed;
    left: 0px;
    top:200px;
    padding: 0px 0px !important;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none;
}

/*  prethi css 23-10-2024  */

#foot-service{background-color:#056699;	text-align: justify;}
#foot-service a{text-decoration: none!important;}
@media screen and (max-width: 1000px) {.service-header{width:100%; overflow-x:hidden; }}
.menu-service {width:400px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; float:left; height:34px;}
.menu-service ul{list-style:none; float:left;}
.menu-service ul li{ float:left; background-image:url(../images/li.png); background-repeat:no-repeat; background-position:right;}
.menu-service ul li a{color:#ffffff; font-weight:bold; float:left; text-decoration:none;}
.last-section .bg-primary{clip-path: polygon(40.6% 0%, 100% 0%, 100% 100%, 0% 100%);;}
.last-section p{font-size: 20px;font-weight: 400}
@media screen and (max-width: 600px){.menu-service ul{ padding-top: 3px;}}
.service-faq h2,h5{color:#056699}
.footer-service{line-height: 33px}
/* // prethi css 23-10-2024  */