/*HOME3.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is  CSS file that contains only home page style rules used in Variant 6 of this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Arius Webstudio.*/
/* Version: 1.0 Initial Release*/
/* Release Date: 01st jan 2015*/
/* Author: Arius Webstudio.*/
/* Website: http://www.ariuswebstudio.com */
/* Copyright: (C) 2013 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

body{background-repeat:no-repeat;background-position:center;background-color:#fff;/*background-image:url(../images/body-bg.png) center no-repeat;*/}
h1{color:#fff;font-size:28px;font-family: 'Lato', sans-serif;}
h2{color:#fff;font-size:20px;font-family: 'Lato', sans-serif;}
h3{color:#fff;font-size:18px;font-family: 'Lato', sans-serif;}
h5{font-family: 'Lato', sans-serif;font-size:16px;}
h6{font-family: 'Lato', sans-serif;font-size:16px;}
p{font-family: 'Lato', sans-serif;color:#717171;font-size:15px;line-height:1.5em;}
h5 a{font-size:13px;color:#999;}
h5 a:hover{text-decoration:underline;}

::-moz-selection { /* Code for Firefox */
    color: #fff!important;
}

::selection {
    color: #fff!important;

}
.about-emblem{text-align:center;}

.about-emblem h2{padding:0px 16px;text-align:center;width:50%;float:left;}

#mastwrap{}
#masthead{

}
#intro{
	height: 100%;
	background: url('../images/mask/raster.png') repeat;
}
.logo{
	float: left !important;
}
.logo-emblem{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    	width: 180px;
}
.logo-emblem > img{
    	width: 148px;
}


/*baner video section*/

.video-bg{
	padding: 12% 0px;
    display: list-item;
	position:relative;
	
}

.overlay:before{
	background-color:rgba(51, 51, 51, 0.3);
	content:"";
	top:0;
	left:0;
	bottom:0;
	z-index:-1;
	height:100%;
	width:100%;
	position:absolute;
	
}

video 
{ 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background: url(../images/slider-bg.jpg) no-repeat;
    background-size: cover;
    transition: 1s opacity;
	
}
.stopfade { 
   opacity: .5;
}
.banner-caption h2{
	font-weight:700;
	font-size:3em;	
}

.banner-caption h3{
	
	font-size:20px;
	color:#fff;
}

.banner-caption span{
	color:#C09;	
}


.slider{/*background:url(../images/slider-bg.jpg);*/margin-top:20px;text-align:center;height:100%; padding: 10% 0px;}
.slider p{max-width:700px;margin:0 auto;}
.slide{text-align:center!important;padding:20px 0px 30px 0px;z-index:1!important;}
.slide img{mararius-specialgin:0 auto;text-align:center; margin:15px 0px;}
.know_more{padding:25px 0px;margin:0 auto!Important;}
.welcome{text-align:center;background:url(../images/welcome-bg.png);width:100%;}
.welcome h1{color:#fff;}
.welcome p{color:#fff;}
.portfolio h1{color:#333;}
#portfolio h1{color:#333;}

/* services-sec*/

.services-sec p,  .services-sec h3, .service-grid p{
	color:#fff !important;
}

.service-grid h4 a, .service-grid p {
	color:#fff;
}
.service-grid h4 a:hover{
color:#c71a73
}

.service-grid h4{
	margin:15px 0px;
}

.service-grid h4:after{
	
    display: grid;
    position: absolute;
    content: '';
    height: 3px;
    width: 60px;
    background-color: #ffffff;
    
    margin: 5px 0px;
}


.service-grid-left h4:after{
	
    right: 15px !important;
    margin: 5px 0px;
}



.service-bg{
	
    padding: 15px 0px;
    background-image: url(../images/service-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    display: grid;
}

.service-bg:before{
	content:"";
	position:absolute;
	/*background-color:rgba(255, 255, 255, 0.92);*/
    background: rgb(39, 39, 39);
    background: -moz-linear-gradient(left, rgba(199,27,116,1) 0%, rgba(48,5,45,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(199,27,116,1)), color-stop(100%, rgba(48,5,45,1)));
    background: -webkit-linear-gradient(left, rgba(41, 41, 41, 0.9) 0%, rgba(43, 41, 43, 0.89) 100%);
    background: -o-linear-gradient(left, rgba(199,27,116,1) 0%, rgba(48,5,45,1) 100%);
    background: -ms-linear-gradient(left, rgba(199,27,116,1) 0%, rgba(48,5,45,1) 100%);
    background: linear-gradient(to right, rgba(37, 35, 36, 0.86) 0%, rgba(60, 54, 59, 0.68) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c71b74', endColorstr='#30052d', GradientType=1 );
    width:100%;
	height:100%;
	over-flow:hidden;
}

.service-img img{
	padding:120px 0px;
}



.service-grid{
	margin:30px 0px;
}

/*client section*/

.client-sec{
	padding:40px 0px;
	    background-color:#fff;
}

.team_columns_carousel_control_left,
.team_columns_carousel_control_right {
    top: -25px;
    z-index: 2;
    opacity: 1;
    width: 25px;
    height: 30px;
    border: 0;
    text-shadow: none;
    text-align: center;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
	background-color:#909;
}
.team_columns_carousel_control_icons {
    line-height: 35px;
    font-size: 20px!important;
    font-weight: normal!important;
    margin-top:0px;
}
.team_columns_carousel_control_left {
    left: 0px!important
}
.team_columns_carousel_control_right {
    left: 30px!important
}
.client{padding-top:25px;background:#fff!important;z-index:1000;}
.client h1{color:#333;}
.client p{color:#666;}
.service-slider{max-width:610px;}
.customer-says{}
.customer-says img{float:left;padding-right:16px;}
.customer-says h6{float:left;font-family: 'titilliumsemibold_upright';min-width:80%;}
.customer-says p{float:left;background:url(../images/chat-icon.png) left top no-repeat;padding:0px 43px;}

.testimonial-arrow{padding:12px 0px;float:left;}
.client_logo{margin:7px 25px;float:none;width:auto;}
.client_logo img{margin:7px 25px;float:left;}


.responsive {background:#fff; padding: 25px 0px;}
.responsive h1{color:#333;text-align:center;}
.responsive p{color:#6f6f6f;float:left!important;padding:25px 0px;}
.responsive img{float:left!important;padding-top:16px;max-width:100%;padding-bottom:25px;}

.nomargin{margin:0px!important;padding:0px!important;}

#footer{background-color:#212121; padding:30px 0px;}
.footter{background:#be2b7b;}
.main-navigation ul{margin:0px 0px 0px 0px;padding:25px 0px;float:left;font-size:18px;text-transform:uppercase; color:#e6e6e6;}
.main-navigation ul li{list-style:none;}
.main-navigation ul li a {color:#dcdcdc;text-transform:uppercase;padding:0px 0px 0px 16px;float:left;clear:both;background:url(../images/circle.png) left no-repeat;margin:7px 0px;font-family: 'Lato', sans-serif;font-size:14px;}
.main-navigation ul li a:hover{text-decoration:underline;color:#be2b7b;}
.main-navigation p{clear:both;font-size:14px;text-transform:none;color:#dcdcdc;}
.main-navigation img{float:left;max-width:37px;padding-right:5px;padding-top:7px;}
.footer-bottom-nav p{font-size:14px;text-align:center; margin-bottom:0px; padding:10px 0px; color:#e8e1e1;}
.footer-bottom-nav p a{color:#dcdcdc;padding-top:10px;}
#about{background:background-color:#fff;}
#about p{color:#717171;line-height:24px;}
.paragh p{font-size:16px;}

/* dropdown nav menu small window */

/*nav ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
}
nav ul li {
  font: bold 12px/18px sans-serif;
  display: block;
  position: relative;
  padding: 0;
  cursor: pointer;
}
nav ul li:hover {
  color: #fff;
}
nav ul li ul {
  padding:0 0 0 15px;
  top: 48px;
  left: 0;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
nav ul li ul li { 
  display: block; 
  color: #fff;
}
nav ul li ul li:hover {  }
nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
*/
/*dropdown nav menu normal window*/

header ul {

  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
}
header ul li {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 16px;
  cursor: pointer;
}
header ul li:hover {
  color: #fff !important;
}
header ul li ul {
  padding: 0;
  position: absolute;
  top: 45px;
  left: 0;
  width: 200px;
  display: none;
  background:#fff;
  opacity: 0;
  visibility: hidden;
  z-index:100000;
}
header ul li ul li {
  background: #fff;
  display: block;
  color: #333;
  width:100%;
  border-bottom: 1px solid #e0e0e0;
}

header ul li ul li:hover{

color: #fff !important;
}
header ul li ul li a
{
	font-size:14px!important;
}

header ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}



.career{background-color:#fff!important;width:100%;padding-bottom:43px;}
.career_events{z-index:-1;}
.career_events img{padding:0px 0px;}
.career_events p{padding:10px 0px;float:left;}
.register_now{background:#91c63a;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;margin-bottom:25px;}
.register_now:hover{background:#f6be39;}
.career_events_location{float:left;}
.location p{padding:10px 5px;font-size:14px;}
.location a{color:#666;}
.location img{padding:14px 0px;}
.event_border{background:url(../images/event_border.png) center no-repeat;min-height:68px!important;}
.openings {float:left;border:dashed 1px #ffcccc;}
.openings h2{color:#333;}
.openings h3{color:#333;font-family: 'Lato', sans-serif;}
.openings p{color:#666;font-size: 14px;}
.openings ul{margin:0px;padding:0px;}
.openings ul li{list-style:none;background:url(../images/li-arrow.png) left no-repeat;padding:4px 0px 0px 25px;}

.career-btn{max-width:180px;margin:16px 0px!important;clear:both;float:left;}
.vacancy{background:none;border:1px solid #999;padding:8px 16px;float:left;font-family: 'Lato', sans-serif;margin:16px 0px!important;}

.team{background:url(../images/inner-page-bg.png) top repeat-x;}

#contact{background:url(../images/inner-page-bg.png) top repeat-x;background-color:#fff;}
.career{background:url(../images/inner-page-bg.png) top repeat-x;}

.team-info p{color:#999;}

.standard-nav img{z-index:1000;padding:10px 2px;}

.arius-special{z-index:-1;position:absolute;margin:0 auto;width:100%;}

.sliding h1 a{color:#fff;}

.host-services{}
.host-services ul{margin:0px;padding:0px;}
.host-services ul li{list-style:none;padding:16px 0px;border-bottom:dashed 1px #ccc;margin:0px;background:url(../images/seo-li-arrow.png) left no-repeat;}
.host-services ul li a{color:#666;font-size:15px;padding-left:34px;}
.host-inner{text-align:center!important;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
.host-inner h2{color:#333;margin:0px;padding:0px;}
.host-inner img{margin:0 auto;padding:16px 0px;}

.seo-inner{}
.seo-inner img{float:left;padding-right:25px;padding-top:25px;}
.seo-inner h1{float:left;color:#333;font-size:26px;}
.seo-inner ul{margin:0px;padding:34px 0px;}
.seo-inner ul li{list-style:none;font-family: 'Lato', sans-serif;font-size:16px;color:#4a4a4a;padding:7px 0px 7px 34px;background:url(../images/seo-li-arrow.png) left no-repeat;}

.apps-lab-inner, .erp-inner{text-align:center; float:left;}
.apps-lab-inner p{ min-height:170px;}
.erp-inner p{ min-height:70px;}
.apps-lab-inner h3{color:#666;}
.app-icon-img{margin:0 auto;}
.apps-lab-inner h2, .erp-inner h2{color:#8d9e4f;font-family: 'titilliumsemibold_upright';}
.apps-lab-inner h3, .erp-inner h3{color:#be2b7b;font-family: 'Lato', sans-serif;}
.apps-lab-inner h6, .erp-inner h6{color:#f14e36;font-family: 'Lato', sans-serif;}
.apps-lab-inner p, .erp-inner p{font-family: 'Lato', sans-serif;color:#666;line-height:24px!Important;}
.erp-details{ height:220px;}
.erp-grid{ padding:10px; background-color:#ccc;padding: 10px;background-color: #edf1f3;border: 1px solid #adadad;}

.erp-grid:hover{background-color:#e1ebef;}
.erp-title{ height:70px;}

.owl-pagination{display:none;}
.close-button{border:1px solid #333;padding:10px 34px;background:#f00;color:#fff;}
.trigger{padding:7px 16px;}

.owl-buttons{display:none;}
.side-panel-enquiry{margin-top:34px;}
.morph-shape{display:none;}
.img-center{margin:0 auto;}

.rmore{width:160px;margin:0 auto!Important;}
.view-full-portfolio{width:250px;margin:34px auto;}

#about h2{color:#333;}
.ecommerce-left ul{margin:0px;padding:0px;}
.ecommerce-left ul li{list-style:none;background:url(../images/seo-li-arrow.png) left no-repeat;padding:10px 0px 10px 34px;font-family: 'Lato', sans-serif;color:#999;}

.host-inner ul{margin:0px;padding:0px;}
.host-inner ul li{font-family: 'Lato', sans-serif;color:#4e4e4e;padding:10px 0px;list-style:none;border-bottom:1px dashed #ccc;text-align:left;background:url(../images/li-arrow.png) left no-repeat;padding-left:25px;}
.host-inner p{padding-top:10px;}

.seo-inner h3{color:#333;font-family: 'Lato', sans-serif;font-size:18px;}
.seo-inner ul li{border-bottom:dashed 1px #b9d5e1;}

.web-rewamping ul{margin:0px;padding:0px;}
.web-rewamping ul li{list-style:none;background:url(../images/seo-li-arrow.png) left no-repeat;padding:10px 0px 10px 34px;font-family: 'Lato', sans-serif;color:#999;text-align:left;}

.read-more{ margin: 0px 0px 25px 0px!important;
    padding: 10px 16px!important;
    border: 1px solid #c71a73;
    border-radius: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    color: #636363;}
.read-more a{color:#545454;}
.read-more a:hover{color:#c71a73;}

.apply-now-wrap{float:left;padding:16px 0px!important;margin-right:16px;font-size:1em!important;}
.main-navigation p a{color:#999;margin-top:5px;}

.apply-now-wrap {margin:0px;padding:0px;}
.customer-says h5{float:left;}

.btn{padding:5px 16px;background:#333;color:#fff;}
.btn:hover{ background-color:#ec008c; color:#fff;}
.alert{background:#be2b7b;color:#fff;}
#msg{margin-bottom:25px;}

.paragh h3{color:#333;font-family: 'Lato', sans-serif;font-size:24px;text-align:center;}

#SkypeButton_Call_ariuswebstudio_1{margin:0px!Important;padding:0px!Important;}

.left-heading{text-align:right;width:50%;padding:0px 16px;float:left;}
.right-heading{text-align:left;width:50%;padding:0px 16px;float:left;}

.packages h3{font-size:24px;text-align:center;}
.package-round {border:4px solid #be2b7b;border-radius:50%;padding:24% 7%;background:#be2b7b;border:4px solid #e1d1ca;}
.package-round:hover {background:#333333;color:#fff!important;border:4px solid #333;}
.package-round h4{font-weight:600;font-size:36px;text-align:center;color:#fff;}
.package-round h6{text-align:center;color:#fff;}
.package-round h5{text-align:center;color:#fff;}

.host-inner ul li a{color:#333;}

#owl-demosd .item{padding:16px;}
.animatedveryslow h3{color:#fff;}