*{margin:0px;padding:0px;outline:none}


.left{float:left;}
.right{float:right;}
.clear{clear:both}
ul,li{list-style:none;}
body{font-family: 'Roboto', sans-serif;}



h1,h2,h3,h4,h5,h6{font-family: 'Roboto', sans-serif;}
.logo { float: left;}

.container{float:left;width:100%;}
.layout{margin:0 auto;width:1170px;}
.header{float:left; width:100%;background:url(../images/header-top.jpg) repeat-x 0 0;/*border-bottom:2px solid #000;padding:0 0 5px 0;*/position:fixed;z-index:10000}
.header h1{width:25%;padding:0 5px 0 5px;float:left }
.header-right{float:right; width:auto;}
.menu{float:left;width:100%} 
.menu ul{width:auto}
.menu ul li{ font-size:15px;list-style:none;display:inline; text-transform:uppercase;}
.menu ul li a{float:left;color:#fff;text-decoration:none;padding:15px 20px 14px 20px; line-height:24px; box-sizing:border-box; transition:all 0.3s ease-in-out;}
.menu ul li.current a,.menu ul li a:hover{background:#41C5EF}

.outer-menu-nav{float:left; width:100%; background:#f3f3f3;margin:65px 0 0 0}
.menu-nav{float:left; width:100%;}
.hover-img{float:right;width:80%;margin:12px 0 25px}
.hover-img span{text-align:left;}
.hover-img ul{width:100%; text-align:center}
.hover-img li{font-size:25px;float:none; display:inline-block; font-family:Arial, Helvetica, sans-serif;color:#6b6b6b}

.menu-nav h1{ font-size:35px; color:#bfbebe; line-height:75px;}
.menu-nav h1 span{color:#6b6b6b}

.outer-banner{float: left; width:100%;}
.banner{float:left;width:100%}
.banner img{float:left;width:100%;}

.outer-services{float:left; width:100%; background:#f2f2f2;}
.services{float:left; width:100%;margin:25px 0}
.services ul{float:left; width:100%; text-align:center}
.services li{display:inline-block; width:25%; background:#6b6b6b; margin:0px 40px; border-radius:15px;}
.services li span{padding:0px 0 25px;float:left;width:100%;text-align:center}
.services li h3{ font-size:19.5px; color:#fff; padding-top:39px; text-align:center;}
.services p{font-size:13px; color:#fff;padding:24px 0 25px 4px;text-align:center}

.outer-settings{float:left; width:100%; background:#191919;}

/******************************pankaj-edit*************************************/
.outer-settings h3{ font-size:40px; color:#fff; font-weight:300;padding:30px 0;text-align:center}
.outer-settings span{font-weight:700;padding:0 10px 0 10px}
.setting{float:left; width:100%;margin:0 0 0px 0;text-align:center}
.setting ul{float:left;width:100%;}
.setting ul li{float:left;width:25%}
/*.setting span{float:left;width:100%;}*/
.setting h4{font-size:32.5px; color:#fff;padding:50px 0 50px;font-weight:300}
.devices-support{float:left;width:100%;background:url(../images/boy-img.png) no-repeat bottom center;background-position:center 282px;}
.devices-support h4{text-align:center;font-size:58.5px;padding:20px 0 40px;font-weight:300;}
.pargrf-center{float:left;width:100%;}
.pargrf-center p{text-align:center;font-size:22.75px;font-weight:100}
.right-part{width:100%;padding:0 0 12px 0}
.right-part ul li .pc-solution{float:none}
.right-part ul li .window-right{margin-bottom: 10px;font-size:22px;padding:22px 0 0 0;display: block;}
.right-part ul li .window-left{margin-bottom: 10px;font-size:22px;padding:22px 0 0 0;display: block;}
.right-part ul li p{font-size:13px;line-height:18px;text-align:justify;padding:5px 0 0 0}
.devices-support span {margin:0 0 0px 0;}
.main-left{float:left;width:45%;margin:30px 0 0px 0}
.right-part ul{width:auto}
.right-part li{font-size: 13px; line-height: 18px;text-align: justify;clear: both;display: inline-block;margin-bottom: 15px;}
.main-right ul li img { float: right; margin-left: 15px;}

.main-right{float:right;width:45%;margin:30px 0 0}
.our-team{float:left;width:100%;background:#41C5EF}
.our-team h5{font-size:58.5px;text-align:center;font-weight:100; padding:40px 0px;}
.right-postion{float:left;width:100%;}
.bottom-box{float:left;width:45%}
.bottom-right{float:right;width:auto}
.bottom-box p{font-size:22.5px;text-align:center;font-weight:300;border-right:1px solid #fff;padding:25px 2px 18px 0;}
.right-part li img {float: left;margin-right: 15px;}




.left-postion{float:left;width:100%;border-bottom:1px solid #fff}
.left-postion span{text-align:left;width:50%}
.right-box{float:right;width:50%;margin:55px 0 0 0;}
.left-box{float:left;width:50%;}
.right-box p{font-size:22.75px;text-align:left;font-weight:300;border-left:1px solid #fff;padding:12px 0 3px 20px;line-height:27px;}


.how-work{float:left;width:100%;margin:0 0 20px;}
.how-work h6{font-size:58.5px;font-weight:300;text-align:center;padding:40px 0 50px 0;}


.carousel{float:left;width:100%;}
.carousel ul{width:100%;float:left; text-align:center; font-size:0px;}

.carousel ul li{display:inline-block; width:23%; font-size:19.5px;font-weight:300;padding:20px 0 80px 0;text-align:center;font-family: 'Roboto', sans-serif;background: #e3e3e3;margin:0 1% 10px 1%;border-radius:25px;padding:20px 0 70px;position:relative}
.carousel ul li span{float:left;width:100%;text-align:center;padding:0 0 15px 0}
.top-iocn{text-align:center;position:absolute;left:0px;top:-17px}


.our-subscription{float:left;width:100%;background:#41C5EF}
.our-subscription h6{font-size:56px;font-weight:300;text-align:center;padding:50px 0 75px 0}
.gold-subscription{float:left;width:100%;margin:0 0 45px 0}
.gold-subscription ul{float:left;width:100%; text-align:center}
.gold-subscription ul li{background:url(../images/gold-support.png) no-repeat 0 0;height:443px;width:325px;display:inline-block; margin-bottom:15px; margin-right:50px;}
.gold-subscription ul li span{font-size:19.5px;font-family: 'Roboto', sans-serif;text-align:center;float:left;width:100%;margin:48px 0 0;}
.text-withe{text-align:center;padding:65px 0 30px;float:left;width:100%;}
.home-solution{background:url(../images/home-solutions.png) no-repeat 0 0;padding:113px 0 10px 100px}
.business-solutions{background:url(../images/business-solutions.png) no-repeat 0 0;padding:113px 0 10px 100px}
.enterprise-solutions{background:url(../images/enterprise-solutions.png) no-repeat 0 0;padding:113px 0 10px 100px}















.outer-story{float:left; width:100%; background:#f2f2f2; margin:0px 0 0px 0;}
.story{float:left; width:100%; margin:60px 0;}
.story ul{float:left; width:100%;}
.story ul li{
    border-radius: 15px;
    float: left;
   margin:0 4% ; 
    width: 25%;
}
.story ul li h4{ font-size:39px; color:#000; font-weight:300; margin-bottom:38px;text-align:center}
.story ul li p{font-size:19.5px; color:#000;font-weight:300; text-align:center}



.outer-links{float:left; width:100%; background:#d2d2d2;}
/*.links{float:left; width:100%; margin:80px 0 30px 0;}
.links ul li span{float:left;width:100%;text-align:center}
*/.links2{float:left; width:100%;margin:80px 0 30px 0;}
.links2 ul{float:left;width:100%}
.links2 ul li{float:left;width:33%;}
.links2 ul li span{float:left;width:100%;text-align:center}

.links2 h4{font-size:39px; color:#000; text-align:left; margin:30px 0 18px 40px;font-weight:300;}
.links2 p{font-size:19.5px; color:#000; margin:0 40px 0 40px;text-align:left;}
.links2 p a, .links2 p a:hover{color:#000;text-decoration:none;padding:6px 0px;display:block;}
.outer-footer{float:left; width:100%; background:#191919;}
.footer{float:left; width:100%; margin-bottom:17px;}
.footer ul{width:auto;padding:12px 0 12px 0}
.footer ul li{ display:inline;font-size:19.5px; color:#fff;font-family: 'Roboto', sans-serif;font-weight:300}
.footer ul li span{ color:#f75d13;}
.footer ul li span img{ margin:0px 10px -4px 30px;}
.rights{float:left; width:100%;border-top:1px solid #fff;}
.rights-left{float:left; width:75%;}
.rights-left p{font-size:12px; color:#fff; text-align:left; margin-top:25px;}
.rights-left a, .rights-left a:hover{color: #f75d13;font-size: 13px;text-decoration: none;}
.rights-right{float:right; margin-top:8px;}



.social-iocn{float:right;width:60%;text-align:center; margin:0 0 46px 0}
.social-iocn ul{width:auto}
.social-iocn ul li{display:inline;list-style:none;float:left;}
.social-iocn ul li a{float:left;width:90px;height:75px;background:url(../images/social-icon.png) no-repeat 0 0;transition:all ease-out .2s;text-decoration:none}
.social-iocn ul li.facebook a{background-position:0px 0px; }
.social-iocn ul li.facebook a:hover{background-position:0 -73px;}
.social-iocn ul li.twitter a{background-position:-87px 0;}
.social-iocn ul li.twitter a:hover{background-position:-83px -73px;}
.social-iocn ul li.gplus a{background-position:-175px 0; }
.social-iocn ul li.gplus a:hover{background-position:-175px -73px;}




.rights-right{float:right;width:20%;text-align:center; margin:0 0 0px 0}
.rights-right ul{width:100%; text-align:center; float:left}
.rights-right ul li{display:inline-block;list-style:none;float:none;}
.rights-right ul li a{float:left;width:50px;height:30px;background:url(../images/social-massges-box.png) no-repeat 0 0;transition:all ease-out .2s;text-decoration:none}
.rights-right ul li.mail a{background-position:0px 0px; }
.rights-right ul li.mail a:hover{background-position:0 -40px;}
.rights-right ul li.twitter1 a{background-position:-47px 0;}
.rights-right ul li.twitter1 a:hover{background-position:-46px -35px;}
.rights-right ul li.facebook1 a{background-position:-90px 0; width:40px}
.rights-right ul li.facebook1 a:hover{background-position:-90px -40px;}
.rights-right ul li.youtube a{background-position:-122px 0; }
.rights-right ul li.youtube a:hover{background-position:-125px -35px;}
.hemburg-menu{display:none}



/******************************dropdown*************************************/

#nav,#nav ul{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;}
/*#nav a{display:block;padding:0 5px;border:1px solid #333;color:#fff;text-decoration:none;background-color:#333}
#nav a:hover{background-color:#fff;color:#333}*/
#nav li{float:left;position:relative}
#nav ul{position:absolute;display:none;width:11em;top:50px;background: #313131;right:0px;}
#nav li ul a{width:11em;float:right;padding: 5px; border-bottom: 1px dashed #464646;}
#nav ul ul{top:auto}
#nav ul ul li a{width:inherit !important;}
#nav li ul ul{right:11em;margin:0 0 0 0px;width:16em;}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul{display:none}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block}

@media screen and (max-width:768px){
.menu-nav h1 {font-size: 22px;color: #bfbebe; line-height: inherit;  text-align: center;}    
.logo { float: left;margin-left: 30px;}  
.menu-nav img { height: 25px;}  
.pargrf-center p { font-size: 16px;  }
.devices-support h4 {font-size: 28px !important;padding: 20px 0 10px;font-weight: 300;} 
.main-left, .main-right { width: 100% !important;} 
.right-part li img {  height: 40px;} 
.right-part ul li .window-right{padding: 13px 0 12px 0;} 
.main-right ul li img { float: left;margin-left: 0px; } 
.right-part ul li .window-left{padding: 13px 0 12px 0;} 
.devices-support{background: none; padding: 0px 15px;  width: auto;}  
  
  
    
}