/* Fonts */
@import url(font-awesome/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,700,400);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

/*@import url(https://fonts.googleapis.com/css?family=Nunito:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,300italic,300,500,700,600);*/
/* Fonts */

/*@font-face {
    font-family: 'Lato';
    src: url('/zv-css/fonts/Lato/Lato-Regular.eot');
    src: url('/zv-css/fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), 
         url('/zv-css/fonts/Lato/Lato-Regular.woff2') format('woff2'), 
         url('/zv-css/fonts/Lato/Lato-Regular.woff') format('woff'), 
         url('/zv-css/fonts/Lato/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
*/



html { margin: 0; padding: 0;}
body{ margin:0; padding:0; font:400 15px/20px 'Lato'; color:#222; font-weight: 400; background:#f5f5f5;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select, nav, img {padding:0; margin:0;}
img{border:0;}
ol, ul { list-style: none; }

*{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
*:hover{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

a{color:#0e528d; text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
a:hover{text-decoration:underline;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

.left {float:left;}
.right {float:right;}

.aln-cntr{text-align:center; margin:0 auto 20px; display:block;}
.clear {clear:both;font-size:0;line-height:0;}
.bordr-none{border:none!important;}

ul.bull{list-style-type:none; float:left; margin:0 0 15px 0; clear:both;}
ul.bull li{float:left; clear:both; background:url('../imgs/bull.png') no-repeat 0 2px; padding-left:25px; margin-bottom:15px; /*text-align:justify;*/}

/*ol{list-style-type:none; float:left; margin:0 0 15px 0;}
ol li{float:left; clear:both; background:url('../imgs/bull.png') no-repeat 3px 6px; padding-left:18px; margin-bottom:4px; text-align:justify;}
*/
.mrgn-top0{margin-top:0!important;}

.red{color:#727272;}

h1, h2, h3, h4, h5, h6{font-weight:400; line-height:100%;}

hr{height:10px; display:block; overflow:hidden; width:100%; background:transparent; border:none; margin:0 0 50px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
}




/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
.header-area{display:block; overflow:hidden; position:absolute; width:100%; z-index:101; font-family:'Open Sans';
/*
background:#fff;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);*/
}

.wrap{display:block; margin:0 auto; /*width:95%;*/ width:1200px; position:relative;}
.logo{float:left; padding:15px 0;}



#topnav nav ul li a.login-bnt{float:right!important; border:1px rgba(255,255,255,0.5) solid; margin-top:0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 14px; font-weight:600;
text-transform:uppercase;
line-height: 28px;
color: rgba(255,255,255,1);
padding: 0 14px;
position: relative;    
left:170px;
}
#topnav nav ul li a.login-bnt i{font-size:13px; margin-right:3px; color:#20b36c;}
#topnav nav ul li a:hover.login-bnt{background:#20b36c; color:#FFF; border:1px #20b36c solid; text-decoration:none;}

#topnav nav ul li a.logout-bnt{float:right!important; border:1px rgba(255,255,255,0.5) solid; margin-top:0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 14px; font-weight:600;
text-transform:uppercase;
line-height: 28px;
color: rgba(255,255,255,1);
padding: 0 14px;
position:relative;
left:300px;
}
#topnav nav ul li a.logout-bnt i{font-size:13px; margin-right:3px; color:#20b36c;}
#topnav nav ul li a:hover.logout-bnt{background:#20b36c; color:#FFF; border:1px #20b36c solid; text-decoration:none;}






/* navigation bar */
#topnav {
  display: block;
  width: 100%;
  position: relative; overflow:hidden;
}

#topnav span {
	float:left; padding:10px 5px;
}

#topnav #responsive-menu-button {
	display: none;
	float: right;
	padding:0 20px;
	/*background:#20b36c url('../imgs/menu.png') center no-repeat;
	text-indent: -99999px;*/
	overflow: hidden;
	line-height:43px;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	background-color:#20b36c;
	border-left:2px solid #45ce8c;
}
#topnav #responsive-menu-button:before{
	content: "\f0c9"; font-family: FontAwesome; color:#FFF; font-size:30px; font-weight:100;
	}
#topnav:hover #responsive-menu-button{background-color:#593987; text-decoration:none;}
#topnav:hover #responsive-menu-button:hover{background-color:#593987; text-decoration:none;}


#topnav nav {
position:absolute; /*right:75px;*/ top:20px; right:300px;
}

#topnav nav ul {
  list-style: none;
}
#topnav nav ul li {
  display: block;
  float: left;
  font-size: 14px; font-weight:600;
  margin-right: 4px; text-transform:uppercase;
}

#topnav nav ul li a {
  display: block;
  text-decoration: none;
  line-height: 28px;
  color: rgba(255,255,255,1);
  padding: 0 14px;
}
#topnav nav ul li a:hover {
  color: #fff;
}

/*#topnav nav ul li:last-child a{border:1px rgba(255,255,255,0.5) solid; margin-left:3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#topnav nav ul li:last-child a:hover{background:#fff; color:#20b36c; border-color:#fff;}*/
#topnav nav ul li a.signup-bnt{border:1px rgba(255,255,255,0.5) solid; margin-left:3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;    
left:350px;
}
#topnav nav ul li a:hover.signup-bnt{background:#20b36c; color:#FFF; border-color:#20b36c;}

#topnav nav ul li a i{font-size:13px; margin-right:3px; color:#20b36c;}



/* responsive styles */
@media screen and (max-width: 720px) {
  .header-area{background:#20b36c;}
  #topnav { height: auto; }
  #topnav nav { 
    display: none; 
    position: static;
    width: 100%;
    top: auto;
    right: auto; background:#593987;
  }
  #topnav nav ul li { float: none; margin: 0; border-bottom:1px #704ca4 solid;}
  #topnav nav ul li a {
    display: block;
    width: 100%;
    line-height: 1.4em;
    border: 0;
    padding: 8px 10px; color:#fff;
  }
  #topnav nav ul li a:hover {
    background: #20b36c;
    color:#fff;
  }
  #topnav nav ul li a.sel {
    color: #6f8767;
    background: #cbdcc5;
  }
  
  #topnav #responsive-menu-button {
    display: block;
  }
  
  .login-bnt{margin:0 0px 0 0; /*line-height:50px;*/ line-height:50px; border:1px rgba(255,255,255,0.3) solid;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
display:none;
  }
  #topnav span {
	float:left; /*padding:11px 5px 11px 10px;*/ padding:5px 5px 5px 10px;
}

  .fix #topnav span {padding:8px 5px 5px 10px;}


#topnav nav ul li a i{color:#fff;}
#topnav nav ul li a:hover i{color:#000;}

#topnav nav ul li:last-child a{border:none; margin-left:0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;

}

#topnav nav ul li:last-child a:hover{background:#20b36c; color:#fff;}

}




.fix {
position: fixed; z-index:5000; width:100%;
top: 0;
left: 0;
right: 0;
margin: 0;
}

.fix .header-area{
background:#20b36c;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}

.fix #topnav nav {
 /*top:10px; */
 top:8px; 
}
.fix #topnav span {
	 /*padding:6px 5px;*/
	 padding:2px 5px 10px;
}
.fix .login-bnt{margin-top:10px;}

.header-blank-space{display:block; overflow:hidden; height:0;}
.banner-area{display:block; overflow:hidden; clear:both; position:relative; text-align:center; border-bottom:5px #906bc5 solid; background:#000;}
/*.banner-area img{position:absolute; top:0; left:0; min-width:100%; height:100%;}*/

.banner-area::after {
  content: "";
  background:url('../imgs/header-bg.jpg') no-repeat center center; background-size:cover;
  opacity: 0.25;
  position: absolute;
  width:100%; height:100%; display:inline-block; left:0;
}

.banner-area div{position:relative; z-index:100; padding:120px 0 75px; margin:0 auto; display:inline-table; color:#fff;}
.banner-area div h2{ font-size:30px; display:block; margin-bottom:5px; padding:0 25px 0; letter-spacing:1px; text-transform:uppercase; }
.banner-area div p{font-size:18px; line-height:30px; margin-bottom:18px; letter-spacing:1px;}
.banner-area div a{padding:10px 20px; background:#20b36c; color:#fff; font-size:16px; font-weight:600; display:inline-block; text-transform:uppercase;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.banner-area div a:hover{text-decoration:none; background:#593987;}


/*==banner social ===*/
ul.banner-social{display:block; text-align:center; margin-top:50px; position:relative;}
ul.banner-social li{display:inline-block; vertical-align:top; margin:15px; text-align:center; width:29%; background:rgba(0,0,0,0.3);}
ul.banner-social li:hover{background:rgba(0,0,0,0.5);}

ul.banner-social li a{display:block; padding:0px 15px 17px; text-decoration:none; text-align:center; }

ul.banner-social li a div{width:80px; height:80px; border-radius:100%; color:#FFF; font-size:45px; margin:0 auto 10px;}
ul.banner-social li a div span{font-family:'et-line' !important; font-size:55px !important; position:relative; top:35px; color:#FFF;}

ul.banner-social li a p{color:#FFF; font-size:20px; display:block; margin-top:20px;}
ul.banner-social li a samp{color:#d7d7d7; font-family:'Open Sans', sans-serif; font-size:14px !important; margin-top:10px; display:block; font-weight:300 !important;}
ul.banner-social li a p i{color:#FFF; font-size:18px; margin-left:5px; font-weight:normal !important;}

a.md-trigger {
	border: none;
	padding: 8px 15px 7px;
	color: #fff;
	font-family: 'Open Sans', snas-serif;
	font-size: 17px;
	font-weight:300;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	margin: 120px 2px 13px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px rgba(255,255,255,0.5) solid;
}

a:hover.md-trigger {
	background:#20b36c; color:#FFF; border-color:#20b36c; text-decoration:none;
}
a.md-trigger > i{font-size: 15px; font-weight:normal; }
/*==end banner social ===*/


.left-area{width:280px; float:left; position:relative; top:-47px; margin-bottom:-47px; margin-right:20px; font-family:'Open Sans';}
.left-area h3{display:block; overflow:hidden; clear:both; padding:12px; background:#593987; font-size:18px; border-bottom:5px #906bc5 solid; position:relative; cursor:pointer; color:#fff;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.left-area h3:after{position:absolute; right:0; top:0; content:"\f078"; font-family:'FontAwesome'; display:block; padding:12px; background:#906bc5; color:#fff;}
.left-area > div{display:block; overflow:hidden; clear:both; border:1px #dbdcdc solid; border-top:none; border-bottom:none; background:#fff;}

.left-area > div h4{display:block; background:#edeff0; padding:10px; color:#434343; position:relative; margin-bottom:10px;}
.left-area > div h4:before{content:""; position:absolute; z-index:100; bottom:-8px; left:8px; border-top:8px #edeff0 solid; border-left:8px transparent solid; border-right:8px transparent solid; display:block;}

.left-area div ul, .left-area div ul li{display:block; overflow:hidden; clear:both; font-size:14px;}
.left-area > div > ul > li{border-bottom:1px #dbdcdc solid; padding:7px 10px; position:relative;}
.left-area > div > ul > li > a{padding-left:15px; color:#222; font-weight:600; display:block; overflow:hidden;}
.left-area > div > ul > li > a:focus{color:#906bc5;}
.left-area > div > ul > li:before{content:"\f105"; font-family:'FontAwesome'; display:block; position:absolute; left:12px; top:6px; font-size:14px; color:#222;}

.left-area > div > ul > li > ul{padding:5px 0 0 14px;}
.left-area > div > ul > li li{padding:3px 14px; display:block; position:relative;}
.left-area > div > ul > li li a{color:#222;}
.left-area > div > ul > li li:before{content:"\f101"; font-family:'FontAwesome'; color:#000; display:block; position:absolute; left:0; top:3px; font-size:13px;}
.left-area a:hover{color:#000; text-decoration:none;}


.content-area{display:block; overflow:hidden; /*background:#e5e8ea;*/ padding:15px 0;}
ul.pagepath{display:block; overflow:hidden; margin:0 .6% 10px; padding:0 15px; font-size:13px;}
ul.pagepath li{display:inline; margin-right:5px;}
ul.pagepath li a:after{content:"\f105"; font-family:'FontAwesome'; margin-left:10px;}
ul.pagepath li a:hover{color:#000; text-decoration:none;}

.content-head{display:block; overflow:hidden; clear:both; background:#fff; padding:12px 15px; margin:0 1.5% 5px; border-bottom:1px #dbdcdc solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.content-head h1{font-size:20px; font-weight:600; text-transform:uppercase; float:left;}
.content-head h2{font-size:20px; font-weight:600; text-transform:uppercase; float:left; margin-top:6px;}
.content-head select{float:right; width:150px; padding:0 3px; border:1px #ddd solid;}
/*.content-head h3.inr{font-size:16px; font-weight:600; float:right; cursor:pointer; color:#20b36c;}
.content-head h3.usd{font-size:16px; font-weight:600; float:right; cursor:pointer; color:#20b36c;}
*/.content-head h3.tab-btn{float:right; padding: 8px 10px; cursor:pointer; font-size:16px; font-weight:600; border: 1px solid #20b36c; color:#20b36c; border-radius: 3px;width: 50px;text-align: center;margin: 0 5px;}
.content-head h3:hover.tab-btn{background:#20b36c; color:#FFF;}
.content-head h3:active.tab-btn,.content-head h3:focus.tab-btn,.content-head h3:visited.tab-btn{background:#20b36c; color:#FFF;}
.content-head h3.tab-btn:active,.content-head h3.tab-btn:focus,.content-head h3.tab-btn:visited{background:#20b36c; color:#FFF;}
.content-head h3.btn-active{background:#20b36c; color:#FFF; position:relative;}
.content-head h3.btn-active:after{
	content:"";
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 8px solid #20b36c;
	position:absolute;
	bottom:-8px;
	left:43%;
}

.content-head h3.btn-active1{background:#20b36c; color:#FFF; position:relative;}
.content-head h3.btn-active1:after{
	content:"";
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 8px solid #20b36c;
	position:absolute;
	bottom:-8px;
	left:42%;
}

.theme-box, .theme-box ul{display:block; overflow:hidden; text-align:center;}
.theme-box > ul > li{width:47%; margin:2% 1%; background:#fff; display:inline-table;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position:relative;
}
.theme-box > ul > li > a{display:block; overflow:hidden; padding:12px 12px 25px;}
.theme-box > ul > li > a img{width:100%;}
.theme-box > ul > li > div{display:block; width:100%; float:left; padding:10px; background:#eaeaea; border-top:1px #dadee1 solid; position:relative; box-sizing:border-box;}
.theme-box > ul > li > div > span{position:absolute; top:-9px; left:12px;}
.theme-box > ul > li > div h2{font-size:20px; padding-left:25px; margin-bottom:20px; position:relative; text-align:left;}
.theme-box > ul > li > div h2 span{font-size:13px; color:#168650; padding:5px 0 0; display:block;}
.theme-box > ul > li > div h2:before{position:absolute; display:block; content:'\f10b'; font-family:'FontAwesome'; left:5px; top:0; font-size:24px;}
.theme-box > ul > li div ul{width:100%; text-align:center;}
.theme-box > ul > li div ul li{display:inline-table; margin:0; padding:0; width:46%; margin:1%; font-size:14px;}
.theme-box > ul > li div ul li a{background:#593987; display:block; overflow:hidden; padding:8px 0; color:#fff; font-weight:600;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}
.theme-box > ul > li div ul li:last-child a{color:#fff; background:#20b36c;}
.theme-box > ul > li div ul li a:hover{text-decoration:none; background:#303030; color:#fff;}

img.price-tag{position:absolute; top:0px; right:0; display:block; z-index:999;}


.pagination{display:block; clear:both; padding:25px 0;}
.pagination ul{text-align:center; display:block; overflow:hidden;}
.pagination ul li{display:inline-table; margin:2px;}
.pagination ul li a{padding:4px 10px; border:1px #ccc solid; margin:1px 0; display:block; text-align:center; vertical-align:middle; line-height:20px; color:#593987;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.pagination ul li:first-child a, .pagination ul li:last-child a{border:none;}
.pagination ul li a:hover{background:#593987; border-color:#593987; color:#fff; text-decoration:none;}
.pagination ul li:first-child a:hover, .pagination ul li:last-child a:hover{background:none; color:#20b36c;}

.footer-area, .footer-area-top{display:block; overflow:hidden; clear:both; background:#2b3741;}
.footer-area-top{background:#33414c; padding:10px 0;}

a.creat-bnt{background:#5f778a url('../imgs/white-arrow-front.png') no-repeat 96% center; padding:12px 15px; width:250px; float:left; color:#fff; font-size:16px; text-transform:uppercase; margin-top:7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
a:hover.creat-bnt{background-color:#20b36c; text-decoration:none;}

.portfolio-area-full > div{display:block; overflow:hidden; clear:both; padding:7px 15px; background:#fff; font-family:'Exo 2'; font-size:22px; line-height:30px; font-weight:400; color:#5e666d; margin-bottom:30px;}


ul.social-icons{text-align:center; margin-top:4px;}
ul.social-icons li{display:inline-block; margin-left:3px;}
ul.social-icons li a{display:block; overflow:hidden; background:transparent url('../imgs/social-icons-front.png') no-repeat 0 0; text-indent:-9999px; width:53px; height:53px;}
ul.social-icons li a:hover{background-position:0 -53px;}

ul.social-icons li:nth-child(2) a{background-position:-70px 0;} ul.social-icons li:nth-child(2) a:hover{background-position:-70px -53px;}
/*ul.social-icons li:nth-child(3) a{background-position:-140px 0;} ul.social-icons li:nth-child(3) a:hover{background-position:-140px -53px;}*/
ul.social-icons li:nth-child(3) a{background-position:-210px 0;} ul.social-icons li:nth-child(3) a:hover{background-position:-210px -53px;}
/*ul.social-icons li:nth-child(5) a{background-position:-280px 0;} ul.social-icons li:nth-child(5) a:hover{background-position:-280px -53px;}*/
ul.social-icons li:nth-child(4) a{background-position:-350px 0;} ul.social-icons li:nth-child(4) a:hover{background-position:-350px -53px;}


ul.footer-links{float:left; margin:30px 10px 15px; display:block; width:100%;}
ul.footer-links > li{float:left; width:25%; line-height:24px; font-size:14px; color:#738a9b;}
ul.footer-links > li a{color:#738a9b;}
ul.footer-links > li strong{color:#fff; font-size:16px; padding-bottom:5px;}


p.copywright-txt{clear:both; display:block; overflow:hidden; padding:10px 0px; border-top:1px #33414c solid; color:#5f7588; font-size:14px; text-align:center;}
p.copywright-txt a{color:#5f7588;}


/* Let's get this party started */
::-webkit-scrollbar {
    width: 14px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.5); 
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.8); 
}


/*--------------  theme details -----------------*/
.details-box{display:block; text-align:center;}
.theme-detail-page{display: block;padding: 15px 0;}
.theme-detail-head{    
	display: block;
    overflow: hidden;
    clear: both;
    background: #fff;
    padding: 12px 15px;
    margin: 0 0% 5px;
    border-bottom: 1px #dbdcdc solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
	
.theme-detail{display:block; clear:both; margin-top:20px; background:#FFF; padding:10px; border-radius:10px;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}
.theme-detail img{width:100%; height:auto;}

.theme-buttons{ display:block; text-align:center; padding:15px 0; background:#eaeaea; margin-top:20px; border:1px #dadee1 solid; border-radius:5px; box-sizing:border-box; }
a.demo-btn{width:15%; margin:1%; font-size:14px; background:#69b01d; display:inline-block; padding:8px 8px; color:#fff; font-weight:600;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
a:hover.demo-btn{text-decoration:none; background:#000;}
.site-select{padding:8px 2px; border:1px solid #cdc8d3; width:25%; display:inline-block; margin-left:3%; background:#FFF url(/imgs/cht-downarrow.png) no-repeat 99% 50%; -moz-appearance: none; -webkit-appearance: none;}
.site-select:focus{outline:none;}
a.activate-btn{width:15%; margin:1%; font-size:14px; background:#f3573c; display:inline-block; padding:8px 8px; color:#fff; font-weight:600;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
a:hover.activate-btn{text-decoration:none; background:#000;}

.theme-info{width:49%; margin:25px 0 25px 0; display:inline-block; background:#FFF; padding:20px; border-radius:5px; box-sizing:border-box; }
.theme-info:last-child{float:right;}
.theme-info-details{ display:block;}
.theme-info-details li{display:inline-block; width:49%; margin:10px 0;}
.theme-info-details li:nth-child(2){text-align:right;}
.theme-info-details li:nth-child(4){text-align:right;}

.theme-cat-details{ display:block;}
.theme-cat-details li{display:inline-block; width:49%; margin:10px 0 6px;}
.theme-cat-details li:nth-child(2){text-align:right;}
.btn {padding:5px 10px; width:15px; display:inline-block; text-align:center; border-radius:3px;}
.facebook-btn{background:#3c599f; color:#FFF; font-size:18px;}
.twitter-btn{background:#64a8f2; color:#FFF; font-size:18px;}
.google-btn{background:#e61e1e; color:#FFF; font-size:18px;}

 .shadow{
    -webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.31);
    -moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.31);
    box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.31);
}

.example-page{display:block; margin:20px 0;}
ul.example-theme{
	display: block;
    margin: 0px;
    padding: 0px;
    text-align: center;
	}
	ul.example-theme li{
	display: inline-table;
    margin: 10px 1.5% 20px;
    width: 30%;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
	border-radius:5px;
	padding:0;
	}
	ul.example-theme li .shadow{border-radius:5px; overflow:hidden;}
	ul.example-theme li .circle{width:7px; height:7px; border-radius:100%; background:#857e96; display:inline-block; float:left; margin:6px 0px 0px 5px;}
	ul.example-theme li .list-heading{display:block; width:100%; height:20px; background:#e8e6e6; clear:both; overflow:hidden;
	border-radius:5px 5px 0 0;
	}
	ul.example-theme li a{text-indent: 0px; }
	ul.example-theme li a img{   
	width: 100%;
    padding: 0px;
	margin:0;
	height:218px;
	}
	ul.example-theme li .shadow > a span{
	position: absolute;
	width: 100%;
	height: 70%;
	top: 20px;
	left: 0px;
	text-align: center;
	line-height: 202px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgb(0,0,0);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.56) 0%, rgba(0,0,0,0.6) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.56)), color-stop(100%,rgba(0,0,0,0.6)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.6) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.6) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.6) 100%);
	background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.6) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
ul.example-theme li .shadow > a:hover span{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}

ul.example-theme li .shadow > a span > strong{
	background:#FFF; border-radius:30px; text-align:center; padding:6px 20px;
	color: #5a4f77;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	font-size: 14px;
	font-weight:normal;
	letter-spacing:1px;
	top:20px; position:relative;
	}
	
	 ul.example-theme li h4{
	display: block;
    padding: 12px 10px 0px;
	font-size:20px;
	 }
	 ul.example-theme li p{display:block; text-align:center; }
	 ul.example-theme li p a{display:inline-block;padding:8px 5px; font-size:14px; text-align:center; margin:0px 0 10px; color:#8a8f9c; text-indent:0;}
	  ul.example-theme li p a:hover{ color:#369670; text-decoration:none;}
	  ul.example-theme li p i{margin-right:10px;}
	 ul.example-theme li:hover{
		 background:#FFF; 
	 -webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.31);
    -moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.31);
    box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.31);
	}
	 /* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.show-shadows{position:relative;z-index:1; box-shadow:0 0 30px rgba(0,0,0,0.25)}

.example-more{display:block; text-align:center; margin:20px 0 0;}
a.more-bnt{padding: 10px 20px;
    background: #20b36c;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
a:hover.more-bnt{background:#593987; text-decoration:none;}

/*-----------  plan and pricing page -----------------*/

ul.full-plans{display:block; overflow:hidden; text-align:center; padding:15px 0 35px; font-family: 'Open Sans', sans-serif;}
ul.full-plans > li{width:24%; margin:0%; display:inline-table; position:relative;}
ul.full-plans > li div{padding:10px 0; display:block; overflow:hidden; background:#e9eaea; color:#222; line-height:20px;}
ul.full-plans > li div h3{font-size:23px; line-height:30px; font-weight:600; padding-bottom:7px;}
ul.full-plans > li div p{padding:0 15px 10px;}
ul.full-plans > li div strong{font-size:16px; font-weight:600; display:block; padding-bottom:10px;}
ul.full-plans > li div span{display:block; overflow:hidden; clear:both; margin-bottom:25px; padding:10px 0; background:#d8d9d9; font-size:52px; line-height:56px; font-weight:300;}
ul.full-plans > li div a{width:120px; display:block; margin:0 auto; background:#20b36c; border:1px #1cad67 solid; padding:5px; color:#fff; font-size:15px; font-weight:400;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
ul.full-plans > li div span i{font-weight:normal !important; font-size:25px;}
ul.full-plans > li div a:hover{background:#1cad67; text-decoration:none;}
ul.full-plans > li div span p{ font-size:18px; padding: 15px 0 10px; line-height:0;}

ul.full-plans > li div > del{ display:block; text-align:center; clear:both; line-height:0px; padding-bottom:12px; font-size:18px; font-family: FontAwesome; }
ul.full-plans > li div > p{ display:block; text-align:center; clear:both; padding:0px 15px 10px; }


ul.full-plans > li > ol{display:block; overflow:hidden; clear:both; border:1px #e9eaea solid; text-align:left; color:#000;}
ul.full-plans > li > ol li{padding:15px; padding-left:35px; display:block; overflow:hidden; clear:both; border-bottom:1px #e9eaea solid; position:relative;}
ul.full-plans > li > ol li img{/*padding-top:3px;*/ padding-top:7px; position:absolute; left:13px;}
ul.full-plans > li > ol li:last-child{border-bottom:none;}
ul.full-plans > li > ol li strong{font-weight:600;}
ul.full-plans > li > ol li span{display:block; text-align:center; margin-top:5px;}
ul.full-plans > li > ol li a.pricing-btn{width:100px; text-align:center; display:block; margin:0 auto; background:#20b36c; border:1px #20b36c solid; border-bottom:3px solid #1e9f61; padding:5px; color:#fff; font-size:15px; font-weight:400;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
ul.full-plans > li > ol li a:hover.pricing-btn{text-decoration:none;}

ul.full-plans > li > ol li i{font-size:25px; margin:0 2px;}
ul.full-plans > li > ol li i.fa-facebook-square{color:#3b5998;}
ul.full-plans > li > ol li i.fa-twitter-square{color:#64a8f2;}
ul.full-plans > li > ol li i.fa-linkedin-square{color:#007ab5;}
ul.full-plans > li > ol li i.fa-pinterest-square{color:#bd081c;}
ul.full-plans > li > ol li i.fa-google-plus-square{color:#d21919;}

ul.full-plans > li.red img.popular-plan{position:absolute; top:0; right:0;}
ul.full-plans > li.red div{background:#f0d9d9; color:#b94a48;}
ul.full-plans > li.red div span{background:#e9c8c8;}
ul.full-plans > li.red div a{background:#ec5b58; border:1px #b94a48 solid;}
ul.full-plans > li.red div a:hover{background:#b94a48;}
ul.full-plans > li.red > ol, ul.full-plans > li.red > ol li{border-color:#e9c8c8;}


ul.full-plans > li.red div > del{ display:block; text-align:center; clear:both; line-height:0px; padding-bottom:12px; font-size:18px; font-family: FontAwesome; }
ul.full-plans > li.red div > p{ display:block; text-align:center; clear:both; padding:0px 15px 10px; }

ul.full-plans > li.red div a img{width:100%; height:19px; }
ul.full-plans > li.red div a.payumoney{background:#85b210; border:1px #85b210 solid;}
ul.full-plans > li.red div a:hover.payumoney{background:#000000; border:1px #000000 solid;}

ul.full-plans > li.red div a.paypal{background:#3c85d1; color:#FFF; font-style:italic; border:1px #3c85d1 solid;
background: -webkit-linear-gradient(#70adec, #3c85d1); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#70adec, #3c85d1); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#70adec, #3c85d1); /* For Firefox 3.6 to 15 */
background: linear-gradient(#70adec, #3c85d1); /* Standard syntax (must be last) */
}
ul.full-plans > li.red div a:hover.paypal{background:#3c85d1; border:1px #3c85d1 solid;
background: -webkit-linear-gradient(#3c85d1, #70adec); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#3c85d1, #70adec); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#3c85d1, #70adec); /* For Firefox 3.6 to 15 */
background: linear-gradient(#3c85d1, #70adec); /* Standard syntax (must be last) */
}
ul.full-plans > li.red div a.paypal i{margin-left:10px;}



ul.full-plans > li.green div{background:#daeed2; color:#468847;}
ul.full-plans > li.green div span{background:#c9e6bd;}
ul.full-plans > li.green div a{background:#5cb85c; border:1px #3f933f solid;}
ul.full-plans > li.green div a:hover{background:#3f933f;}
ul.full-plans > li.green > ol, ul.full-plans > li.green > ol li{border-color:#c9e6bd;}

ul.full-plans > li.green div > del{ display:block; text-align:center; clear:both; line-height:0px; padding-bottom:12px; font-size:18px; font-family: FontAwesome; }
ul.full-plans > li.green div > p{ display:block; text-align:center; clear:both; padding:0px 15px 10px; }

ul.full-plans > li.green div a img{width:100%; height:19px; }
ul.full-plans > li.green div a.payumoney{background:#85b210; border:1px #85b210 solid;}
ul.full-plans > li.green div a:hover.payumoney{background:#000000; border:1px #000000 solid;}

ul.full-plans > li.green div a.paypal{background:#3c85d1; color:#FFF; font-style:italic; border:1px #3c85d1 solid;
background: -webkit-linear-gradient(#70adec, #3c85d1); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#70adec, #3c85d1); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#70adec, #3c85d1); /* For Firefox 3.6 to 15 */
background: linear-gradient(#70adec, #3c85d1); /* Standard syntax (must be last) */
}
ul.full-plans > li.green div a:hover.paypal{background:#3c85d1; border:1px #3c85d1 solid;
background: -webkit-linear-gradient(#3c85d1, #70adec); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#3c85d1, #70adec); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#3c85d1, #70adec); /* For Firefox 3.6 to 15 */
background: linear-gradient(#3c85d1, #70adec); /* Standard syntax (must be last) */
}
ul.full-plans > li.green div a.paypal i{margin-left:10px;}

/*======= sky =======*/
ul.full-plans > li.sky div{background:#d3eaf6; color:#2481b3;}
ul.full-plans > li.sky div span{background:#bfe0f2;}
ul.full-plans > li.sky div a{background:#5bc0de; border:1px #48a9c6 solid;}
ul.full-plans > li.sky div a:hover{background:#48a9c6;}
ul.full-plans > li.sky > ol, ul.full-plans > li.sky > ol li{border-color:#aaecea;}

ul.full-plans > li.sky div > del{ display:block; text-align:center; clear:both; line-height:0px; padding-bottom:12px; font-size:18px; font-family: FontAwesome; }
ul.full-plans > li.sky div > p{ display:block; text-align:center; clear:both; padding:0px 15px 10px; }

ul.full-plans > li.sky div a img{width:100%; height:19px; }
ul.full-plans > li.sky div a.payumoney{background:#85b210; border:1px #85b210 solid;}
ul.full-plans > li.sky div a:hover.payumoney{background:#000000; border:1px #000000 solid;}

ul.full-plans > li.sky div a.paypal{background:#3c85d1; color:#FFF; font-style:italic; border:1px #3c85d1 solid;
background: -webkit-linear-gradient(#70adec, #3c85d1); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#70adec, #3c85d1); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#70adec, #3c85d1); /* For Firefox 3.6 to 15 */
background: linear-gradient(#70adec, #3c85d1); /* Standard syntax (must be last) */
}
ul.full-plans > li.sky div a:hover.paypal{background:#3c85d1; border:1px #3c85d1 solid;
background: -webkit-linear-gradient(#3c85d1, #70adec); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#3c85d1, #70adec); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#3c85d1, #70adec); /* For Firefox 3.6 to 15 */
background: linear-gradient(#3c85d1, #70adec); /* Standard syntax (must be last) */
}
ul.full-plans > li.sky div a.paypal i{margin-left:10px;}





.more{ width:100px; float:right; border-radius:10px;}
.more a{ padding:5px 15px; color:#FFF; background:#5aba47; text-transform:uppercase; font-family:'play'; font-weight:normal; font-size:12px !important; border-radius:10px;}
.more a:hover{background:#000000; text-decoration:none;}


.important-note{display:block; overflow:hidden; clear:both; padding:25px 0; background:#f6f8fb /*url('../imgs/price-bg.png') no-repeat 80% 20%*/; border-bottom:1px #eaeaea solid; border-top:1px #eaeaea solid;}
.important-note h3{font-size:36px; line-height:48px; margin-bottom:20px; clear:both; font-family:'Roboto'; font-weight:normal; color:#3498db;}
.important-note h4{font-size:20px; line-height:30px; margin-bottom:10px; clear:both; font-family:'Roboto';}


ul.tick{color:#44484c!important; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); font-size:20px; line-height:30px; font-weight:600; display:block; clear:both; margin-bottom:20px; overflow:hidden;}
ul.tick li{background:url('/imgs/tick1.png') transparent no-repeat 0 center; float:left; margin-bottom:20px; padding-left:45px; clear:both;}

ul.tick-side{color:#44484c!important; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); font-size:20px; line-height:30px; font-weight:600; display:block; clear:both; margin-bottom:20px; overflow:hidden; border-bottom:1px #ccc dotted; padding-bottom:25px;}
ul.tick-side li{background:url('/imgs/tick1.png') transparent no-repeat 0 center; float:left; margin-bottom:20px; padding-left:5%; width:28%;}


ol.note{float:left;}
ol.note li{font-size:15px; line-height:22px; margin-bottom:10px; padding-left:20px; background:transparent url('/imgs/black-arrow.png') no-repeat 0 6px; font-family:'Roboto', sans-serif;}

.money-back{float:right;}



h2.about-page{display:block; text-align:center; margin-top:40px; padding:10px 0; text-transform:uppercase;}

/*----------- login page area --------------*/
.head-txt{padding: 25px 0 15px; text-align:center; display:block; font-weight:300; font-size:30px; color: #333; line-height: 35px;}
.head-txt span{font-size:18px; line-height:26px;}

.login-area{width:455px; max-width:100%; background:#fff; display:block; overflow:hidden; margin:35px auto 25px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow:0 2px 4px rgba(0,0,0,.1);
padding:0 0 20px 0;
}
.login-index-banner-txt{padding: 25px 20px; text-align:center; display:block; z-index:103; position:relative; margin:135px 0 0; font-weight:300;
}


.login-area h2{display:block; overflow:hidden; clear:both; /*background:#f5f5f5;*/ padding:12px 0; text-align:center; font-size:24px; line-height:22px; color:#222; font-weight:normal; margin-bottom:15px;}
.login-area > div{display:block; overflow:hidden; padding:10px; padding-bottom:15px; padding:0 50px;}

.fb-icon-area{text-align:center; display:block; margin-top:0px;}
.fb-icon-area div{margin-bottom:8px; clear:both; display:block;}
.fb-icon-area div.facebook{width:96%; height:60px; line-height:60px; background:#3b5998; color:#FFF; display:block; margin:0 auto 10px; border-radius:3px; cursor:pointer; font-size:21px; font-weight:700; box-shadow: 0 2px 2px rgba(0,0,0,0.3);}
.fb-icon-area div.facebook:hover{background:#1f438f;}
.fb-icon-area div.facebook i{height:54px;width:60px;text-align:center;background:#FFF;color:#3d5a98;font-size:35px;line-height:54px;margin:3px;padding:0;float:left;border-radius: 3px;}
.fb-icon-area div.gplus{width:99%; display:block; margin:0 auto 10px; cursor:pointer;}
.fb-icon-area div.gplus img{max-width:100%;}
.fb-icon-area div img{border-radius:5px;}
.fb-icon-area > img{padding:12px 0; display:block;}
.fb-icon-area > p{color:#FFF; padding-bottom:15px;}
.fb-icon-area img.or{display:none;}

div.login-or{display:block; margin:0; padding:10px 0 20px; display:block; clear:both; text-align:center; position:relative; background:#FFF;}
div.login-or:after{
	display: block;
    margin: 0 auto;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #e0e0e0;
    width: 100%;
	position:relative;
	bottom:10px;
	}
div.login-or h3{padding:2px 8px; font-size:15px; background:#FFF; color:#333; position: relative; display: inline-block; z-index:1;}


.login-form-page{display:block; clear:both;}
.login-from-page > p{color:#FFF; padding-bottom:15px; text-align:center;}
form.login{display:block; clear:both;}
form.login input[type="text"]{clear:both; margin-bottom:10px; width:99%; background:#FFF; padding:10px 0; color:#464646; text-indent:15px; border-radius:3px; border:2px solid #d5d5d5;}
form.login input[type="email"]{clear:both; margin-bottom:10px; width:99%; background:#FFF; padding:10px 0; color:#464646; text-indent:15px; border-radius:3px; border:2px solid #d5d5d5;}
form.login input[type="password"]{clear:both; margin-bottom:10px; width:99%; background:#FFF; padding:10px 0; color:#464646; text-indent:15px; border-radius:3px; border:2px solid #d5d5d5;}

form.login input[type="text"]:hover, form.login input[type="email"]:hover, form.login input[type="password"]:hover{border:2px solid #aaaaaa;}
form.login input[type="text"]:focus, form.login input[type="email"]:focus, form.login input[type="password"]:focus, form.login span.dob:focus{outline:none; border:2px solid #aaaaaa;}


form.login input[type="text"].password{/*background-image:url('../imgs/login-password-icon.png');*/}
form.login input[type="text"].code{ background:#FFF /*url('../imgs/code.png') no-repeat 10px center*/;}
form.login input[type="button"]{padding:8px 0; width:100%; text-align:center; color:#fff; clear:both; margin:0px 0 10px; background:#20b36c; text-transform:uppercase; font-size:15px; font-weight:700; cursor:pointer; font-family:'Open Snas', sans-serif !important; border-radius:3px; border:none;}
form.login input[type="button"]:hover{background:#3e3e3e;}

.registooltip{border-radius:3px; position:relative; width:260px; background-clip:padding-box; box-shadow:0 3px 3px rgba(0, 0, 0, 0.5); z-index:2;}
.registooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 12px;
      border-style: solid;
      border-color: transparent #303940 transparent transparent;
      top: 42%;
      left: -24px;
}
ul.passowrdtooltip{list-style:none; display:block; padding:8px 0 0 0px;}
ul.passowrdtooltip li{line-height:25px; padding-left:22px; position:relative; }
ul.passowrdtooltip li:before {
    content: "\f111";
    color: #000;
	font-family: FontAwesome;
	position: absolute;
	left:0;
	top:0;
	text-shadow:0 1px 1px rgba(255,255,255,0.2);
}
ul.passowrdtooltip li.upper:before{color:#39c11c;}
ul.passowrdtooltip li.lower:before{color:#39c11c;}
ul.passowrdtooltip li.Strong:before{color:green;}
ul.passowrdtooltip li.vStrong:before{color:green;}
#showpwd{position:relative; right:0; top:-40px; margin-bottom:-20px; margin-right:10px; float:right; cursor:pointer; }


form.login span.dob{margin:0 0 10px 5px; width:24.6%; border:2px solid #d5d5d5; border-radius:3px; position:relative;}
form.login span.dob select{padding:10px 5px; width:100%; -webkit-appearance:none; -moz-appearance:none; 
cursor:pointer;
position:relative;
border:none;
}
form.login span.dob:hover{border:2px solid #8b8c8a;}
form.login span.dob select:focus{outline:none;}
form.login span.dob:after{content:'\f107'; position:absolute; top:8px; right:5px; font-family:'FontAwesome'; z-index:1; font-weight:bold; pointer-events:none; color:#8b8c8a; }
form.login input[type="radio"]{width:15px; height:15px; border-radius:100%; background:#FFF; 
-webkit-appearance:none; -moz-appearance:none;
box-sizing: border-box;
    display: inline-block;
	padding:0;
	line-height: normal;
	position: relative;
	top:2px;
	margin-right:10px;
	border:2px solid #d5d5d5; 
	cursor:pointer;
  }
  form.login input[type="radio"]:hover{border:2px solid #8b8c8a; }
form.login input[type="radio"]:checked{position:relative;}
form.login input[type="radio"]:checked:before{
	content:'';
    display:block;
    width:13px;
    height:13px;
    position:absolute;
    top:-1px;
    left:-1px;
    background:#222;
    opacity:1;
	border-radius:100%;
	}
  form.login input[type="radio"]:focus{outline:none;}
form.login label{color:#333; float:left; margin:8px 8px 8px 0px;}
form.login span{color:#333; margin:8px 0 15px 10px; display:inline-block; float:left;}
.forget-password{color:#333; text-align:center; display:block; overflow:hidden; clear:both; margin-bottom:10px;}
.forget-password a{color:#6ab82c;}
.remember-me{color:#333; display:block; clear:both; margin-bottom:10px; text-align:left;}
.remember-me input[type="checkbox"]{position:relative; top:3px; width:14px; height:14px;}
.terms{font-size:13px; font-weight:bold; text-align:center; color:#333; margin:0 auto 40px; width:320px;}
.terms a{color:#333;}
.bg{/*background:rgba(90,186,71,0.8);*/ -webkit-filter: blur(0px);     
    filter: blur(0px); background:url(../imgs/bg-bg.jpg) no-repeat center center;  }
	
.recover-form-page{display:block; overflow:hidden; clear:both; width:320px; margin:0 auto;}
.recover-form-page > p{color:#FFF; padding-bottom:15px; text-align:center; font-style:italic;}

#message_sent{display:block; clear:both; margin-bottom:8px; font-style:italic; padding:3px; font-size:16px; background-color:#fb0113; color:#FFF !important;}
#reg_form{}
.resuc-res{display:block; clear:both; background-color:#fb0113; color:#FFF; padding:10px 8px; font-size:16px; margin-bottom:20px; border-radius:2px;}


/*========= sign-up-popup =============*/

.index_social_signup {}
.index_social_signup .social_box {display:block; clear:both; padding:5px 10px 2px; margin-bottom: 10px; background: #3b5998; overflow: hidden; border-radius:3px;}
.index_social_signup .google-box{background:#e6463a;}
.index_social_signup .email-box{background:#f4f4f4; border:1px solid #cccccc;}
.index_social_signup .email-box #gplus{ color:#333;}
.index_social_signup .email-box #email-login{ color:#333;}
.index_social_signup .icon {display:block; width:10px; padding:5px 10px; margin-right: 30px; float:left; color:#FFF; font-size:16px; text-align: center;} 
.index_social_signup .fb .icon {color:#FFF; font-size:24px;}
.index_social_signup .google .icon {color:#FFF; font-size:24px;}
.index_social_signup .email .icon {color:#333; font-size:24px; position:relative; bottom:3px;}
.index_social_signup .icon_title {display:block; padding:6px 0 5px; float:left; font-weight: 500; font-size: 15px; color:#FFF;}
.index_social_signup .social_box:hover {background: #4a6cb3;}
.index_social_signup .google-box:hover{background:#eb5a4f;}
.index_social_signup .email-box:hover{background:#fefdfd; }
.index_social_signup p{display:block; text-align:center;}
a.register-txt{ color:#ff5a5f; position:relative; margin-left:15px;}


/*-------- checkout cart page -------*/
.cart-heading{    
	display: block;
    overflow: hidden;
    clear: both;
    background: #333;
	color:#FFF;
    padding: 12px 15px;
    margin: 0 0% 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; letter-spacing:2px;}
.block_inline{border-left: 1px solid #CCC;}
.block_inline:first-child{border-left:none;}
.cart-table
{
    display: table;
    width: 99%;
	border:1px solid #CCC;
}
.cart-table-row{display: table-row;}
.block_inline
{
    display: table-cell;
    width: 50%;
	padding:20px 15px;
}
.table-heading{display:table-row; font-weight:bold; }
.table-footer{display:table-row; font-weight:bold; }
.heading-border{border-bottom:1px solid #CCC; padding:8px; }
.footer-border{border-top:1px solid #CCC; padding:8px;}

.cart-area{width:48%; float:left; display:inline-block; margin:25px 18px 100px 0; }
.cart-area .cart-message{line-height: 30px;color:#FFF;font-size: 14px;font-style: italic; padding: 0 10px;
    margin-bottom: 10px; background:#F00; letter-spacing:1px;}
.checkoutcart-area{width:50%; margin:25px auto 100px; display:block; text-align:center;
border: 1px solid #cccc;
background: #FFF;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
border-radius:3px;
overflow:hidden;
}
.minheight{min-height:500px;}
.checkoutcart-area select{display:block; width:95%; max-width:350px; height:35px; line-height:35px; border:1px solid #ddd; border-radius:3px; margin:25px auto; padding:0 10px;}
form.cart{display:block; clear:both;}
form.cart input[type="text"]{clear:both; margin-bottom:15px; width:99%; border:none; background:#FFF url('../imgs/cart-name.png') no-repeat 98% center; border:2px solid #dedddd; padding:10px 0; color:#464646; text-indent:10px;}
form.cart input[type="email"]{clear:both; margin-bottom:15px; width:99%; border:none; background:#FFF url('../imgs/cart-email.png') no-repeat 98% center; border:2px solid #dedddd; padding:10px 0; color:#464646; text-indent:10px;}
form.cart input[type="tel"]{clear:both; margin-bottom:15px; width:99%; border:none; background:#FFF url('../imgs/cart-phone.png') no-repeat 98% center; border:2px solid #dedddd; padding:10px 0; color:#464646; text-indent:10px;}
form.cart input[type="text"]#cpncd{clear:both; margin-bottom:15px; width:99%; border:none; background:#FFF !important; border:2px solid #dedddd; padding:10px 0; color:#464646; text-indent:10px;}
form.cart input[type="text"]#payer_country{clear:both; margin-bottom:15px; width:99%; border:none; background:#FFF !important; border:2px solid #dedddd; padding:10px 0; color:#464646; text-indent:10px;}

form.cart input[type="button"]{padding:8px 0; width:100%; text-align:center; color:#fff; clear:both; margin:0px 0 15px; background:#409430; border:none; text-transform:uppercase; font-weight:600; cursor:pointer;}
form.cart input[type="button"]:hover{background:#3e3e3e;}

form.cart input[type="submit"]{padding:8px 0; width:100%; text-align:center; color:#fff; clear:both; margin:0px 0 15px; background:#409430; border:none; text-transform:uppercase; font-weight:600; cursor:pointer;}
form.cart input[type="submit"]:hover{background:#3e3e3e;}


form.cart input[type="text"]:focus,form.cart input[type="email"]:focus,form.cart input[type="tel"]:focus{outline:2px solid #cbcaca;}

/*-------- cart success page -----*/
.sucs_inline{border-left: 1px solid #9decf7;}
.sucs_inline:first-child{border-left:none;}
.sucs-table{display: table;width: 100%;border:1px solid #9decf7; border-radius:5px;}
.sucs-table-row{display: table-row;}
.sucs_inline{display: table-cell;width: 50%;padding:20px 15px;}
.sucs-area{width:60%; margin:25px auto 100px;}
.sucs-heading{display: block; overflow: hidden; clear: both;background: #cefae5;color:#1aa763; padding: 12px 15px; margin: 0 0% 15px;border-radius:5px;}
.sucs_color{background:#daf4f8;}
a.print-btn{float:right; padding:2px 8px; border:1px solid #CCC; color:#333; font-size:13px; border-radius:5px; margin:10px 0;}
a:hover.print-btn{text-decoration:none; background:#000; color:#FFF;}
.site-btn{ display:block;text-align:center; margin:80px 0 30px; clear:both;}
.site-btn a{padding:7px 10px; display:inline-block;background:#20b36c; color:#FFF; width:300px; border-radius:5px;}
.site-btn a:hover{text-decoration:none; background:#000;}

/*------------- features page ------------*/
.fearures-outer{display:block; overflow:hidden; clear:both; background:#f7f7f7; padding-bottom:15px; border-bottom:1px #eaeaea solid;}
.all-features{display:block; overflow:hidden; clear:both; padding:25px 0; background:#f6f8fb; border-bottom:1px #eaeaea solid; border-top:1px #eaeaea solid;}
.portfolio{display:block; overflow:hidden; clear:both; padding:25px 0; background:#f1f1f1; border-bottom:1px #d3d3d3 solid; border-top:1px #d3d3d3 solid;}
ul.features{display:block; clear:both; text-align:center; margin-bottom:20px;}
ul.features li{display:inline-table; width:26%; padding:1.5%; margin:1.5%; background:#fff; border:1px #eaeaea solid; font-size:14px; line-height:20px;}
ul.features li img{margin-bottom:10px;}
ul.features li h4{font-weight:600; font-family:'play'; font-size:22px; line-height:26px; margin-bottom:10px; display:block; overflow:hidden;}

.banner-down-txt{display:block; padding:20px 0;}
.banner-down-txt > h2{display: block;
    overflow: hidden;
    clear: both;
    font-size: 25px;
    line-height: 45px;
    font-weight: 300;
    text-align: center;}
.banner-down-txt > h2 span{
	 font-size: 17px;
    line-height: 22px;
    font-weight: 400;}	
.all-features{display:block; overflow:hidden; clear:both; padding:25px 0; background:#f6f8fb; border-bottom:1px #eaeaea solid; border-top:1px #eaeaea solid;}
ul.features-inner{display:block; clear:both; margin-bottom:20px; text-align:center;}
ul.features-inner li{display:inline-table; width:45%; padding:1%; margin:1%; font-size:13px; line-height:20px; /*border:1px #ccc dashed;*/ text-align:left;}
ul.features-inner li img{margin-bottom:10px;}
ul.features-inner li h4{font-weight:500; font-family:'play'; font-size:20px; line-height:26px; margin-bottom:10px; display:block; overflow:hidden;}
.support{display:block; overflow:hidden; clear:both; margin-bottom:0; padding:20px; background:#3498db; margin:0 30px; color:#fff;}
.support img{float:left;}
.support div{display:block; padding:0 0 0 100px;}
.support div h3{font-size:22px; line-height:30px;}

/*-------- contact us page -----------*/
.contact-area{display:block; overflow:hidden; padding:25px 0;}
.contact-area > h2{
	display: block;
    overflow: hidden;
    clear: both;
    font-size: 30px;
    line-height: 50px;
    font-weight: 300;
    text-align: center;}

.contact-txt{text-align:center; display:block; overflow:hidden; padding:10px 0; font-size:18px; font-weight:400; line-height:26px; width:60%; margin:0 auto; margin-bottom:25px;}
.contact-txt strong{color:#60c04d;}

form.contact-form{display:block; overflow:hidden; clear:both; text-align:center;}
form.contact-form div{width:46%; margin:0 2%; padding:5px 0; float:left;}
form.contact-form input[type="text"], form.contact-form textarea{width:100%; display:block; clear:both; margin-bottom:15px; background:#fff; padding:10px 0; text-indent:10px; border:none; color:#979797;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
form.contact-form input[type="text"]:focus, form.contact-form textarea:focus{background:#f0f0f0;}

form.contact-form textarea{height:65px; font-family:"Open Sans"; font-size:13px;}

form.contact-form input[type="submit"]{padding:10px; width:100%; text-align:center; color:#fff; clear:both; background:#5aba47 url('../imgs/email-icon.png') no-repeat center center; border:none; text-transform:uppercase; font-weight:600; cursor:pointer;}
form.contact-form input[type="submit"]:hover{background-color:#404040;}

/*--------------  index page ----------------*/
.index-banner-area{display:block; overflow:hidden; clear:both; min-height:891px; position:relative; background:#000; background-size:cover;}
.index-banner-area::after{
	content: "";
  background:url('../imgs/banner/header-bg.jpg') no-repeat center center; background-size:cover;
  opacity: 0.2;
  position: absolute;
  width:100%; height:100%; display:inline-block; left:0; top:0;
	}
.index-banner-area-inner{display:block; overflow:hidden; clear:both; position:relative; background:#2b3741 url('../images/inner-bg.jpg') no-repeat center top;}
.index-page-name{display:block; overflow:hidden; clear:both; padding:25px 15px 35px;}
.index-page-name h2{clear:both; display:block; text-align:left; color:#fff; font-size:30px; margin-bottom:0px;}
.index-page-name p{color:#fff; font-size:16px; line-height:22px; font-weight:300;}

.index-head-txt{padding: 25px 0; text-align:left; display:inline-block; width:56%; z-index:103; position:relative; margin:180px 0 0;  /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);*/
font-weight:300;
}
.index-head-txt span{font-size:20px; line-height:30px; color: #fff; display:block; clear:both; font-family: 'Nunito', sans-serif !important;}

.index-head-txt > h2{/*font-size:45px; color:#f4f3f5; line-height: 50px; font-weight:300; text-transform:uppercase;*/ display:block; clear:both;
    text-transform: uppercase;
    padding: 0 0 20px;
    font-size: 45px;
    color: #fff;
    font-weight: 500;
    line-height: 52px;
    -webkit-animation: slideleft 1.6s ease-in-out;
    animation: slideleft 1.6s ease-in-out;
    position: relative;
    /*letter-spacing: -0.8px;*/
	letter-spacing: 1px;
	font-family: 'Exo 2', sans-serif !important;
}

.index-head-txt > p{margin-top:25px; display:block; clear:both;}
.index-head-txt > p a{padding:8px 28px; text-align:center; background:#5aba47; border-radius:20px; font-size:20px; color:#FFF;}
.index-head-txt > p a:hover{text-decoration:none; background:#906bc5;}
.index-head-txt > p a i{margin-left:15px; font-weight:700;}

.index-login-area{background:rgba(255,255,255,1); display:block; overflow:hidden;}

.index-login-area > div{display:block; overflow:hidden; padding:10px;}

form.index-login{display:block; overflow:hidden; clear:both;}
form.index-login input[type="text"]{clear:both; margin-bottom:10px; width:100%; border:none; background:#eaedf2 url('../imgs/login-email-icon.png') no-repeat 10px center; padding:12px 0; color:#464646; text-indent:35px;}
form.index-login input[type="password"]{clear:both; margin-bottom:10px; width:100%; border:none; background:#eaedf2 url('../imgs/login-password-icon.png') no-repeat 10px center; padding:12px 0; color:#464646; text-indent:35px;}
form.index-login input[type="text"].password{background-image:url('../imgs/login-password-icon.png');}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #eaedf2 inset;
}

form.index-login input[type="button"]{padding:10px 0; width:100%; text-align:center; color:#fff; clear:both; margin:3px 0 10px; background:#5aba47; border:none; text-transform:uppercase; font-weight:600; cursor:pointer;}
form.index-login input[type="button"]:hover{background:#3e3e3e;}
form.index-login input[type="button"]:focus{outline:none;}
form.index-login span{display:block; margin-bottom:10px; color:#333;}
.index-forget-password{color:#333; text-align:center; display:block; overflow:hidden; clear:both; margin-bottom:10px;}
.index-forget-password a{color:#333; text-decoration:underline;}
form.index-login .checkbox {
		display: inline-block;
		cursor: pointer;
		font-size: 13px; margin-right:20px; line-height:15px;
	}
	form.index-login input[type=checkbox] {
		display:none; 
	}
	form.index-login .checkbox:before {
		content: "";
		display: inline-block;
		width: 15px;
		height: 15px;
		vertical-align:middle;
		border:1px solid #20b36c; 
		color: #20b36c;
		text-align: center;
		box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, .8); 
		margin-right:10px;
	}
	form.index-login input[type=checkbox]:checked + .checkbox:before {
		content: "\2713";
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
		font-size: 15px;
	}
.index-terms{font-size:11px; text-align:center; color:#333;}
.index-terms a{color:#333; text-decoration:underline;}

/*======== login social ========/*
/*==== social area start ======*/
ul.social-list {margin: 0px auto 0; padding: 0px 0 15px; font-size: 25px; text-shadow: 0px 1px 2px rgba(0, 0, 0, .8); text-align:center; position:relative; width:100%; z-index:11;}
ul.social-list li {display: inline-block;margin: 0 1px;padding: 0; }
ul.social-list li a{color:#FFF; display:block; height:46px; width:48px; border-radius:100%; text-align:center;}
ul.social-list li.fb a{color:#FFF; background:#3d5a98; }
ul.social-list li.gp a{color:#FFF; background:#dc473c; }
ul.social-list li.mail a{color:#eeeeee; background:#333; }


ul.social-list li a i{margin-top:11px;}
ul.social-list li a:hover{color:#FFF; background:#000; text-shadow:none;}

div.or-line{display:block; margin:0; padding:0; display:block; clear:both; text-align:center; position:relative;}
div.or-line:after{
	display: inline-block;
    margin: 0 auto;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #e0e0e0;
    width: 100%;
	position:relative;
	bottom:25px;
	}
div.or-line h3{padding:2px 8px; background:#FFF; color:#333; position: relative; display: inline-block; z-index:1;}

/*---- marketing area -------*/
.marketing-area{display:block; background:#0099cc; text-align:center; padding:20px 0;}
.marketing-down-txt { display: block; padding: 20px 90px 30px; }
.marketing-down-txt > h2{display: block;overflow: hidden; clear: both; color:#FFF; font-size: 35px;font-weight:300;text-align: center;font-family: 'Open Sans', Arial, 'Helvetica Neue', sans-serif;}
.marketing-down-txt > h2 span {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
	color:#FFF;
	padding-top:20px;
	display:block
}
.block-arrow{ background:url(../imgs/digital/sectionArrow.png) no-repeat 0 0; position:relative; width:63px; height:24px; margin:0 auto; z-index:99; }
/*------------- digital marketing area ------------*/
.digital-marketing-area{ position:relative; overflow:hidden;}
.banner-down-txt-digital{display:block; padding:40px 0 50px;}
.banner-down-txt-digital > h2{
	display: block;
    overflow: hidden;
    clear: both;
    font-size: 45px;
    line-height: 65px;
    font-weight: 300;
    text-align: center; color:#FFF;}
.banner-down-txt-digital > h2 span{
	 font-size: 25px;
    line-height: 50px;
    font-weight: 400; color:#FFF;}
	.digital-box{width:50%; float:left; display:block; height:350px; background-color:#FFF; position:relative;}
	.digital-box1 img, .digital-box2 img{display:block; width:100%; height:auto; margin-top:0px; min-height:350px;}
	.digital-box > div{display:block; padding:20px 20px 10px;}
	.digital-box > div h2{color:#333; padding:0px 0 15px; font-size:28px; letter-spacing:1px;}
	.digital-image1{background:url(../imgs/digital/marketing-digital.jpg) no-repeat;background-position:center center; background-size:cover; height:350px; }
	.digital-image2{background:url(../imgs/digital/d-m-1.jpg) no-repeat;background-position:center center; background-size:cover; height:350px; float:right; } 
 	
	ol.ol-txt{display:block; padding-left:12px; margin-top:10px; }
	ol.ol-txt > li{display:block; width:100%; line-height:25px; padding-bottom:30px; color:#333; font-size:15px; position:relative; padding-left:10px; letter-spacing:1px; }
	ol.ol-txt > li:before {    
	font-family: 'et-line';
	content: '\e036';
	margin:0 8px 0 -22px;
	color: #FFF;
	font-size:20px;
	top:0px;
	position:relative;
	border-radius:100%;
	background:#0099cc;
	text-align:center;
	padding:8px 14px;
	float:left;
	}
	ol.ol-txt > li:first-child:before{ content: "\e004"; font-family: 'et-line'; padding:6px 14px;}
	ol.ol-txt >li:nth-child(2):before{ content: "\e032"; font-family: 'et-line'; padding:6px 10px;}
	ol.ol-txt >li:nth-child(3):before{ content: "\e030"; font-family: 'et-line'; padding:6px 13px;}
	ol.ol-txt >li.list-icon1:before{ content: "\e034"; font-family: 'et-line'; padding:6px 8px;}
	ol.ol-txt >li.list-icon2:before{ content: "\e05f"; font-family: 'et-line'; padding:6px 8px;}
	ol.ol-txt >li.list-icon3:before{ content: "\e041"; font-family: 'et-line'; padding:6px 7px;}
	
	img.digital-rel{max-height:100%; position:absolute; top:-13px; left:-12px; z-index:11;}
/*------  feature area ------*/
/*.feature-bg-area{display:block; overflow:hidden; clear:both; min-height:680px; position:relative; background:#000; background-size:cover;}
.feature-bg-area::after{
	content: "";
  background:url('../imgs/digital/screen3.jpg') no-repeat center center; background-size:cover;
  opacity: 1;
  position: absolute;
  width:100%; height:100%; display:inline-block; left:0; top:0; 
  background-attachment:fixed;
	}*/
.feature-bg-area{display:block; overflow:hidden; clear:both; position:relative; background:#2f4052;  background-size:cover;}
ul.index-feature{list-style:none; display:block; margin-top:45px; border-bottom:1px solid #d1d1d1; z-index:999; text-align:center; position:relative; overflow:hidden; }
ul.index-feature li{width:25%; height:200px; float:left; text-align:center; background:#FFF; margin:0; padding:0;position:relative; overflow:hidden; }
ul.index-feature li img{margin-top:25px;}
ul.index-feature li div{ display:block; padding:0 10px; position:absolute; top:130px; overflow:hidden; 
	height:250px;
  	background:#fdfdfd;
  	transition: 1s;
	opacity:1;
  }
ul.index-feature li div h3{font-size:18px; line-height:25px; padding:20px 0; text-transform:uppercase; color:#506a85;}
ul.index-feature li div span{display:block; clear:both;color:#ff7c00; text-transform:uppercase; font-size:13px; letter-spacing:3px; padding:0px 0 15px;}
ul.index-feature li div p{color:#506a85; line-height:25px; padding:0 0 15px;}
ul.index-feature li:hover div{
	height:250px;
	transition: 1s;
	top:0px;
	background:#506a85 !important; color:#FFF; opacity:1;
}
ul.index-feature li:hover div h3{color:#FFF;}
ul.index-feature li:hover div p{color:#FFF;}
ul.index-feature li > i{font-size:65px; color:#506a85; top:25px; position:relative;}
ul.index-feature li:nth-child(2){background: #ebedeb;}
ul.index-feature li:nth-child(2) div {background: #ebedeb;}
ul.index-feature li:nth-child(4){background: #ebedeb;}
ul.index-feature li:nth-child(4) div {background: #ebedeb;}
ul.index-feature li:nth-child(5){background: #ebedeb;}
ul.index-feature li:nth-child(5) div {background: #ebedeb;}
ul.index-feature li:nth-child(7){background: #ebedeb;}
ul.index-feature li:nth-child(7) div {background: #ebedeb;}

ul.index-feature li span{font-size:55px; margin-top:40px;}
	
	
.feature-down-txt{display:block; padding:40px 0 10px; position:relative; z-index:103 ;}
.feature-down-txt > h2{display: block; overflow: hidden; clear: both; color:#FFF; font-size:35px; font-weight:300;text-align: center;font-family: 'Open Sans', Arial, 'Helvetica Neue', sans-serif;}
.feature-down-txt > h2 span {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
	color:#FFF;
	letter-spacing:1px;
}



.plans-outer{display:block; overflow:hidden; clear:both; background:#3fb3c5 url('../imgs/plans-bg.jpg') no-repeat center bottom; background-size:cover; padding:50px 0; background-attachment:fixed;}
.plans-area{display:block; overflow:hidden; color:#fff; text-align:center; padding-bottom:20px;}
.plans-area h2{font-weight:500; font-size:36px; line-height:42px; margin-bottom:20px;}
.plans-area p{width:71%; font-size:20px; line-height:30px; margin:auto; margin-bottom:45px;}
.plans-area a{color:#fff; width:240px; text-align:center; padding:15px 0; border:2px #fff solid; display:block; margin:0 auto; color:#fff; text-decoration:none; text-transform:uppercase; font-size:15px; font-weight:700;}
.plans-area a:hover{background:#fff; color:#4abaca;}
/*--- for example --*/
.index-down-txt{display:block; padding:60px 0 30px;}
.index-down-txt > h2{display: block;
    overflow: hidden;
    clear: both;
    font-size: 28px;
    line-height: 45px;
    font-weight: 300;
    text-align: center;}
.index-down-txt > h2 span{
	 font-size: 17px;
    line-height: 22px;
    font-weight: 400;}
	
.index-examples{display:block; overflow:hidden; clear:both; position:relative;}	
a.more-bnt{display:block; overflow:hidden; margin:0 auto; background:#60c04d; color:#fff; text-decoration:none; text-transform:uppercase; font-size:15px; font-weight:700; width:240px; padding:15px 0; text-align:center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position:relative;
z-index:103;
}
a.more-bnt:hover{background:#3498db;}
.emample-area{background:#FFF;}


/*---------   new index -----------*/
.index-banner-txt{padding: 25px 20px; text-align:center; display:block; z-index:103; position:relative; margin:200px 0 0; font-weight:300;
}
.index-banner-txt span{margin-top:45px; color: #fff; display:block; clear:both; font-family: 'Nunito', sans-serif !important; }
.index-banner-txt > h2{display:block; clear:both;
    /*text-transform: uppercase;*/
    padding: 0 0 20px;
    font-size: 35px;
    color: #fff;
    font-weight:300;
    line-height: 42px;
    position: relative;
    letter-spacing: -0.8px;
	word-spacing:3px;
	/*font-family: 'Exo 2', sans-serif !important;*/
	font-family: 'Open Sans', sans-serif !important ;
	text-shadow:1px 1px 2px #000;
}
.index-banner-txt > h2 span{display:inline-block !important; width:auto; font-family: 'Open Sans', sans-serif !important ; font-size:35px!important; font-weight:300; line-height: 42px; margin-top:0!important;}


.index-banner-txt > p{margin-top:0px; font-size:20px; font-weight:300; color: #fff; display:block; clear:both; font-family: 'Open Sans', sans-serif !important;}
.index-banner-txt > p i{color:#FFFF80;}


.index-banner-txt span input[type=search].inx-search{padding:0px 10px; margin:0; height:49px; width:40%; font-size:18px; color:#000; font-weight:300; font-family: 'Open Sans', sans-serif;  line-height:49px; background:none; border:1px solid #FFF; display:inline-block; vertical-align:top;
-webkit-appearance:textfield;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
border-radius:3px;
background:#FFF;
}
.index-banner-txt span button[type=submit]{padding:0 10px; height:49px; width:100px; font-weight:300; font-weight:400; font-family:"Open Sans", sans-serif; line-height:35px; background:#20b36c; font-size:18px; color:#FFF; border:1px solid #20b36c; display:inline-block; 
vertical-align:top; cursor:pointer; margin:0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; border-radius:3px; box-sizing:content-box; margin-left:10px;}
.index-banner-txt span input[type=search].inx-search:focus, .index-banner-txt span button[type=submit]:focus{outline:none;} 
.index-banner-txt span button[type=submit]:hover{background:#fb6f60; color:#FFF; border:1px solid #fb6f60;}
.index-banner-txt span button[type=submit]:focus{border:1px solid #fb6f60;}

.index-banner-txt span button[type=submit] span{display:inline-block; margin:0; font-weight:400; font-family:"Open Sans", sans-serif !important;}

/*.index-banner-txt > p{margin-top:25px; display:block; clear:both; color:#FFF;}
.index-banner-txt > p a{padding:10px 20px; text-align:center; border-radius:5px; font-size:16px; margin:0 10px; letter-spacing:1px;}
.index-banner-txt > p a:hover{text-decoration:none;}
.index-banner-txt > p a i{margin-left:0px; margin-right:10px; font-weight:700;}
.index-banner-txt > p a.account-login{color:#FFF; padding:0; text-decoration:underline;}
.index-banner-txt > p a:hover.account-login{color:#FFF;}
*/.social-btn {
    display: inline-block;
    margin-bottom: 0;
    border-width: 1px;
    white-space: normal;
    text-align: center;
    text-shadow: none;
    text-decoration: none !important;
    font-weight: 600;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
    color: #ffffff;
    background-color: #333333;
    border-color: #333333;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.fb-btn{background:#3b5999; color:#FFF;}
a:hover.fb-btn{background:#2a4889;}
.google-btn{background:#dd4b39; color:#FFF;}
a:hover.google-btn{background:#b73a2a;}
.email-btn{background:#FFF; color:#333;}
a:hover.email-btn{background:#1368ea; color:#FFF;}
/*----- pop up style -----*/
.lean_overlay {position: fixed;z-index:1200;top: 0px;left: 0px;height:100%;width:100%;background: #000;display: none;}
.popupContainer{position:absolute;width:310px;height:auto;left:45%;top:50px !important;background: #FFF;border-radius:3px;}
#modal_trigger {display:inline-block; }
#modal_trigger-business {display:block;}
/* Popup Styles*/
.popupHeader {font-size:16px; text-transform: uppercase; border-radius:3px 3px 0 0; overflow:hidden;}
.popupHeader {background:#000; position:relative; padding:10px 20px; border:1px solid #6d6e6f; font-weight:bold;}
.popupHeader .modal_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#000; cursor: pointer; color:#FFF; font-size:16px;}
.popupBody {padding:20px;}
span.header_title{text-align:left; float:left; color:#FFF;}


<!-- indedx eample area -->
.index-examples{display:block; overflow:hidden; clear:both; position:relative;}
.emample-area1{background:#000; padding-bottom:60px;}
.example-dwn-area{display:block; padding:20px 0; overflow:hidden; background:#f5f6fa;}

.example-down-txt{display:block; padding:60px 0 60px; clear:both; margin-bottom:50px;}
.example-down-txt > h2{display: block;
    overflow: hidden;
    /*clear: both;*/
    font-size: 28px;
    line-height: 35px;
    font-weight: 300;
    text-align: left; color:#FFF; float:left; font-family:'Open Sans';}
.example-down-txt > h2 span{
	 font-size: 16px;
    line-height: 22px;
    font-weight: 400; color:#f3f1f0; letter-spacing:1px;}

a.example-bnt{display:block; float:right; overflow:hidden; color:#fff; text-decoration:none; font-size:15px; font-weight:700; width:110px; padding:10px 0; text-align:center;
border:2px solid #FFF;
position:relative;
z-index:103;
top:15px;
}
a.example-bnt:hover{background:#FFF; color:#000;}
	.item > a span{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	line-height: 150px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgb(0,153,204);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,153,204,0.56) 0%, rgba(0,153,204,0.6) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,153,204,0.56)), color-stop(100%,rgba(0,153,204,0.6)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,153,204,0.56) 0%,rgba(0,153,204,0.6) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0,153,204,0.56) 0%,rgba(0,153,204,0.6) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,153,204,0.56) 0%,rgba(0,153,204,0.6) 100%);
	background: radial-gradient(center, ellipse cover, rgba(0,153,204,0.56) 0%,rgba(0,153,204,0.6) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.item > a:hover span{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}

.item > a span > strong{
	background:#FFF; border-radius:5px; text-align:center; padding:6px 20px;
	color: #333;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	font-size: 14px;
	font-weight:normal;
	letter-spacing:1px;
	top:30px; position:relative;
	}
/* Grow */
.item > a img{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.item > a:hover img{
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
transition: 1s ease;
}

/*-- index-contact area --*/
.index-contact-area{display:block; overflow:hidden; padding:25px 0 0;}
.index-contact-area > h2{
	display: block;
    overflow: hidden;
    clear: both;
    font-size: 30px;
    line-height: 50px;
    font-weight: 300;
    text-align: center;}

.index-contact-txt{text-align:center; display:block; overflow:hidden; padding:10px 0 0; font-size:18px; font-weight:400; line-height:26px; width:60%; margin:0 auto;}
.index-contact-txt strong{color:#60c04d;}




/*--- effect area ---*/
.js-reveal {
  opacity: 1;
  transition: opacity .7s ease-in, margin-top .7s ease-out;
}
.js-reveal--hidden {
  opacity: 0;
  margin-top: 3em;
}

/*=== listning index ===*/

.box-shadow{
-webkit-box-shadow: 0px 1px 1px 0.5px rgba(50, 50, 50, 0.1);
-moz-box-shadow: 0px 1px 1px 0.5px rgba(50, 50, 50, 0.1);
box-shadow: 0px 1px 1px 0.5px rgba(50, 50, 50, 0.1);
}
.list-container{padding:15px 0 50px 20px; line-height:25px; display:block;}
.list-index{width:30%; display:inline-block; overflow:hidden; vertical-align:top; background:#FFF; margin:0 1% 1.5%; font-size:14px;}
.list-index a {display:block; padding:5px 10px;}
.list-index:hover,.list-index a:hover{text-decoration:none; background:#5c9dd7; color:#FFF; }

/*===== 4 boxes ====*/
.business-box{display:block; clear:both; margin:30px 0 35px; padding:0 15px; position:relative;}
.business-box ul{display:block; text-align:center;}
.business-box ul li{/*float:left; margin:1% 0.8% 1.5%;*/ display:inline-block; vertical-align:top; margin:1% 0.75% 1.5%; width:29.5%;  overflow:hidden; padding:0 0 15px 0; background:#FFF; border-radius:3px;
-webkit-box-shadow: 2px 4px 5px -3px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 4px 5px -3px rgba(0,0,0,0.2);
box-shadow: 2px 4px 5px -3px rgba(0,0,0,0.2);
border:2px solid transparent;
border-left:2px solid #ececef; 
padding:0 10px 10px;
transition:ease-out .3s;
position:relative;
text-align:left;
}
.business-box ul li:hover{
-webkit-box-shadow: 2px 4px 5px -3px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 4px 5px -3px rgba(0,0,0,0.2);
box-shadow: 2px 4px 5px -3px rgba(0,0,0,0.2);
	}
.business-box ul li.buis-green{border-top:4px solid #20b36c;}
.business-box ul li:hover.buis-green{border-left:2px solid #20b36c; border-right:2px solid #20b36c;border-bottom:2px solid #20b36c;}
.business-box ul li.buis-blue{border-top:4px solid #1996d7;}
.business-box ul li:hover.buis-blue{border-left:2px solid #1996d7; border-right:2px solid #1996d7;border-bottom:2px solid #1996d7;}
.business-box ul li.buis-red{border-top:4px solid #ec5b58;}
.business-box ul li:hover.buis-red{border-left:2px solid #ec5b58; border-right:2px solid #ec5b58;border-bottom:2px solid #ec5b58;}
.business-box ul li.buis-yellow{border-top:4px solid #f7dd02;}
.business-box ul li:hover.buis-yellow{border-left:2px solid #f7dd02; border-right:2px solid #f7dd02;border-bottom:2px solid #f7dd02;}
.business-box ul li.buis-violet{border-top:4px solid #9d55b8;}
.business-box ul li:hover.buis-violet{border-left:2px solid #9d55b8; border-right:2px solid #9d55b8;border-bottom:2px solid #9d55b8;}
.business-box ul li.buis-portfolio{border-top:4px solid #14bdbb;}
.business-box ul li:hover.buis-portfolio{border-left:2px solid #14bdbb; border-right:2px solid #14bdbb;border-bottom:2px solid #14bdbb;}
.business-box ul li.websitecolor{border-top:4px solid #7acd04;}
.business-box ul li:hover.websitecolor{border-left:2px solid #7acd04; border-right:2px solid #7acd04;border-bottom:2px solid #7acd04;}

	
	
	
.business-box ul li h2{/*font-family:'Roboto', sans-serif;*/font-size:18px; line-height:30px; display:block; padding:10px 15px 0; color:#222 !important; font-weight:600; letter-spacing:1px;  }
.business-box ul li small{font-family:'Roboto', sans-serif; display:block; font-size:15px; line-height:25px; padding:5px 15px 10px; color:#222; }
.business-box ul li span{display:block; margin:10px 0; padding:0 15px; text-align:center;}
.business-box ul li div{display:block; clear:both; padding:15px 0 10px; border-top:1px solid #CCC;}


.business-box ul li div p{display:block; margin:0 0 10px 0px; color:#222;}
.business-box ul li div p i{margin-right:5px; color:#222;}
.business-box ul li > div > ul.inner-bullet{display:block; list-style:none; margin:0; padding:0 0 0 10px;}
.business-box ul li > div > ul.inner-bullet li{float:none; width:100%; border:none; box-shadow:none; padding:3px 0 3px 15px; position:relative; font-family:'Roboto', sans-serif; font-size:14px;}
.business-box ul li > div > ul.inner-bullet li:before{content:'\f101'; font-family: FontAwesome; position:absolute; /*padding-right:8px;*/ left:0; top:0;}



.business-box ul li a{display:inline-block; margin:0 6px; padding:4px 8px; font-size:12px; text-transform:uppercase; color:#46a246; border:1px solid #46a246; border-radius:3px;}
.business-box ul li a.srt-now{border:1px solid #f56954; color:#f56954; background:#FFF; }
.business-box ul li a:hover.srt-now{background:#f56954; color:#FFF;}
.business-box ul li a.knwmer{border:1px solid #1996d7; color:#1996d7; background:#FFF; }
.business-box ul li a:hover.knwmer{background:#1996d7; color:#FFF;}
.business-box ul li a:hover{text-decoration:none; background:#46a246; color:#FFF;}


/*========= footer ========*/
#footer{background:rgba(0,0,0,1);
    position: relative;
    height: 44px;
    width: 100%;
    z-index: 3;
	margin:0; padding:0;
	clear:both;
	}
.footer-menu ul{ list-style:none; display:block; float:right;}
.footer-menu ul li{display:inline-block;}
.footer-menu ul li a{color:#e6e7e5; padding:12px; letter-spacing:1px; text-transform:uppercase; font-size:13px; display:block; font-weight:300; font-family:"Open Sans", sans-serif;}	
.footer-menu ul li a:hover{text-decoration:none; color:#FFF;}

.footer-social ul{list-style:none; display:block; float:left;}
.footer-social ul li{display:inline-block;}
.footer-social ul li a{color:#FFF; padding:12px 5px; letter-spacing:1px; text-transform:uppercase; font-size:18px; display:block; font-weight:normal; font-family:"Open Sans", sans-serif;}	
.footer-social ul li a:hover{text-decoration:none; color:#FFF;}

.tablist{display:block; padding:0 25px; margin-top:35px; text-align:center;}
.tablist ul{margin:0; padding:0; /*border-bottom:1px solid #dae2ea;*/}
.tablist ul li{display:inline-block; vertical-align:top;}
.tablist ul li a{display:block; padding: 13px 0px;position: relative; background:#dae2ea; border-radius:25px; color:#000; width:130px; text-align:center; margin:0 5px 10px 0;}
.tablist ul li a:hover{text-decoration:none; color:#FFF; background:#30485f;}
.tablist ul li.activehub a{background:#30485f;color:#FFF}
.demobtn{display:block; margin:25px 0; text-align:center;}
.demobtn a{display:inline-block; padding:10px 20px; border-radius:25px; background:#5aba47; color:#FFF; font-weight:600; font-size:16px;}
.demobtn a:hover{text-decoration:none; background:#333;}

.outer-form{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999; padding-top:100px; overflow:auto;}
.appform{max-width:450px; width:95%; background:#FFF; position:relative; margin:auto; border-radius:3px; box-shadow:2px 5px 5px rgba(0,0,0,0.3);}
.appform-heading{display:block; position:relative; font-size:22px; padding:15px; border-bottom:1px solid #ddd;}
.appform-heading span{cursor:pointer; position:absolute;right:10px;top:10px;font-size: 22px;width: 30px;height: 30px;background: #ddd;line-height: 25px;text-align: center;}
.appform-heading span:hover{background:#333; color:#FFF;}
.appform-body{display:block; padding:15px;}
.appform-body label{display:block; margin-bottom:5px;}
.appform-body input{display:block; border-radius:3px; border:1px solid #ddd; width:95%; padding:10px; margin-bottom:15px;}
.appform-body textarea{display:block; border-radius:3px; border:1px solid #ddd;width:95%; padding:10px; margin-bottom:15px;}
.appform-body button{border:none; width:100%; text-align:center; padding:10px 0; background:#5aba47; color:#FFF; font-size:18px;background:#5aba47;color:#FFF;font-size:14px;border-radius:3px;font-weight: bold; cursor:pointer;}
.appform-body button:hover{background:#666;}
#app_sent .msgtxtsent{display:block; text-align:center; color:red; padding:10px 0;}

/*.tablist ul li.activehub:after{content:''; width:100%; height:3px; border-radius:25px; background:#1f354b; position:absolute; left:0; bottom:-2px;}*/

/*------------------------------------*\
    Media Queries
\*------------------------------------*/
@media all and (min-width: 1100px) {
	ol.ol-txt > li{padding-bottom:35px;}
	.plan-box ul li.no-ticks{padding-bottom:30px;}
	.plan-box ul li.no-ticksc{padding-bottom:30px;}
	}
@media all and (max-width: 1024px) {
	.wrap{width:98%; position:relative;}
	.index-banner-area{min-height:676px;}
	.index-banner-txt span{ font-size:19px;}
	.index-banner-txt{margin:180px 0 0;}
	
	#topnav nav {position:absolute; /*right:75px;*/ top:20px; right:220px !important; }
	#topnav nav ul li a.signup-bnt{left: 248%;}
	#topnav nav ul li a.login-bnt{float:right!important; position:absolute; left:150%;}
	#topnav nav ul li a.logout-bnt{left:215px !important;}
	
	div.plan-box{width:19.8%;}
	
	.business-box ul li{width:29%;}
	.business-box ul li a{margin:0 3px; padding:2px 4px; font-size:11px;}
	
}


@media all and (max-width: 980px) {
.wrap{width:98%;}
}

@media all and (max-width: 810px){
ul.banner-social li{margin:15px 5px;}

.left-area{float:none; width:100%; top:-5px; margin-bottom:-5px;}
.left-area > div#me{display:none; height:200px; overflow-y:scroll;}
::-webkit-scrollbar {display: none;}
.left-area > div::-webkit-scrollbar {display: block;}

.left-area > div:last-child{display:inline-table;width:100%; border-top:2px #ddd solid;}
.left-area > div:last-child h4{display:none;}
.left-area > div:last-child ul{ display:table-row;}
.left-area > div:last-child li{clear:none; display:table-cell; border:none; text-transform:uppercase; border-right:1px #e2e2e2 solid; width:24%; padding:0;}
.left-area > div:last-child li a{padding:14px 0 14px 28px;}
.left-area > div:last-child li a:hover{background:#f7f8f8;}
.left-area > div:last-child li:before{content:'\f10c'; top:30%;}
.left-area > div:last-child li:hover:before{content:'\f111';}
.left-area > div:last-child li a:focus{background:#c5a3f6; color:#FFF;}



ul.footer-links > li{width:25%;}

.money-back{clear:both; display:block; float:none; padding:40px 0 20px; text-align:center;}
.important-note{background-position:-10% 20%;}

.cart-area{width:47%;}
.sucs-area{width:90%;}

.banner-dwn{display:none;}
ul.features li{width:42%; padding:1.5%; margin:1.5%;}

.index-head-txt{display:block; width:auto; margin:100px 0 0; text-align:center;}
.index-head-txt > p{display:none !important;}
.index-login-area{margin:0 auto 0px; float:none; }

.index-banner-txt{margin-top:90px;}
.index-banner-txt > p a{display:block; clear:both; margin:0 auto 10px;}
.social-btn{width:250px; }
.index-banner-txt > p a.account-login{margin-left:8px;}
.popupContainer{width:320px;}

.active-feature{top:0 !important;}
ul.index-feature li div{ }
ul.index-feature li:hover div{ top:130px; cursor:pointer; }

.example-down-txt > h2{float:none; text-align:center;}
a.example-bnt{float:none; margin:20px auto;}
.example-down-txt{margin-bottom:0;}

.business-box ul li{width:44%;}

div.plan-box{width:42%; margin:0 10px 20px;}

.registooltip{width:290px; max-width:100%;}
.registooltip:after {
      border-width: 12px 12px 0 12px;
      border-style: solid;
      border-color: #303940 transparent;
      top:100%;
	  left:44%;
}


}

@media all and (max-width: 650px){
.wrap{width:100%;}
a.creat-bnt{width:200px;}
ul.social-icons li{margin-left:4px;}

ul.example-theme li{width:45%;}
.theme-info{display:block; width:auto;}
.theme-info:last-child{float:none;}

ul.full-plans > li{display:block; overflow:hidden; clear:both; width:auto; margin-bottom:15px;}
ul.tick-side li{padding-left:8%; width:40%;}

form.login span.dob{width:26%;}


.index-head-txt{font-size:26px; line-height:32px;}

.marketing-down-txt {display: block; padding: 20px 50px 30px;}
.marketing-down-txt > h2{line-height:50px;}
.feature-down-txt > h2{line-height:50px;}

.digital-box > div h2 {font-size: 25px;line-height: 30px;}
ul.index-feature li{width:49.5%; border:1px solid #CCC; outline:1px solid #FFF;}
ul.index-feature li.seo{float:right; width:49.5%; margin-right:0.3%;}
ul.index-feature li.theme{float:right; width:49.5%;margin-right:0.3%;}
ul.index-feature li:hover div{ top:130px; cursor:pointer; }

.index-banner-txt > h2{ font-size:30px; line-height:42px;}
.index-banner-txt > h2 span{ font-size:30px !important; line-height:42px;}

div.plan-box{width:41%;}
.login-area > div{padding:0 15px;}
.outer-form{padding-top:10px;}
}

@media all and (max-width: 490px){
	ul.banner-social li{display:block; width:auto;}
	
	
.theme-box > ul > li{width:90%;}

a.creat-bnt{width:auto; float:none; display:block; overflow:hidden; margin:10px 10px 20px;}
ul.social-icons{float:none; text-align:center; display:block; overflow:hidden;}
ul.social-icons li{float:none; margin-left:0px; display:inline-table;}
ul.footer-links > li{width:46%; margin:2%;}

.fix .login-bnt{margin-top:1px; }

.theme-buttons{ margin:20px 10px; }
.theme-info-details{margin:10px;}
.theme-info{margin:20px 10px;}
.theme-detail{margin:20px 10px 0;}

.site-select{width:45%;}
ul.example-theme li{width:90%;}
ul.example-theme li .shadow > a span{height:304px;}

.important-note{background-image:none;}
ul.tick li{width:90%;}


/*.fb-icon-area{text-align:center; display:block; width:auto;}
.fb-icon-area img.or{display:block;}
.login-form-page{display:block; clear:both; width:auto; float:none; padding:0; border:none;}*/

.cart-area{float:none; display:block; width:96%; margin:0 auto 25px;}
ul.features li{width:85%; padding:3%; margin:3%;}
ul.features-inner li{width:96%;}
.support{text-align:center; margin:10px;}
.support img{float:none;}
.support div{display:block; overflow:hidden; clear:both; padding:15px 0 0;}
form.contact-form div{width:96%;}

.index-head-txt{margin-top:50px; padding-bottom:0;}
.index-head-txt > h2{font-size:35px; line-height:45px; }

ul.digital-marketing li div{width:81%;}



.digital-box{width:100%; float:none; height:330px;}
img.digital-rel{display:none; }
.digital-image1{height:150px !important;}
.digital-image2{height:150px !important;}
ol.ol-txt > li::before{font-size:18px;}

.example-down-txt > h2{font-size:22px;}
.example-down-txt{padding:30px 0;}
.example-down-txt > h2 span{font-size:14px;}

.marketing-down-txt{padding: 20px 10px 30px;}
.index-contact-txt{width:90%;}

ul.index-feature li{width:49.3%; border:1px solid #CCC; outline:1px solid #FFF;}
ul.index-feature li.seo{float:right; width:49.3%; margin-right:0.5%;}
ul.index-feature li.theme{float:right; width:49.3%;margin-right:0.5%;}

.index-banner-area{min-height:550px;}
.index-banner-txt > h2{ font-size:28px; line-height:32px; padding: 0 0 10px;}
.index-banner-txt > h2 span{ font-size:28px !important; line-height:32px !important;}
.index-banner-txt > p{ font-size:18px;}
.index-banner-txt{margin-top:75px;}
.index-banner-txt span{margin-top:55px;}
a.md-trigger{margin-top:50px;}

.index-banner-txt span input[type=search]{ height:50px; width:73% !important; line-height:50px;}
.index-banner-txt span button[type=submit]{height:50px; width:35px; line-height:0px; font-size:25px;}
.index-banner-txt span button[type=submit] span{display:none;}


a.md-trigger{font-size:15px;}
.list-container{padding:15px 10px 50px;}
.list-index{width:45%;}

.business-box ul li{width:85%; float:none; margin:2% 10px 30px;}
.business-box ul li > div > ul.inner-bullet li{margin:0;}

.footer-menu ul li a{padding:12px 3px;}
.footer-social ul li a{padding:12px 3px;}

div.plan-box{width:85%; float:none; display:block; margin:0 auto 20px;}
}

@media all and (max-width: 442px){form.login span.dob{width:25%;}}
@media all and (max-width: 390px){form.login span.dob{width:24%;}}

@media all and (max-width: 370px){
.login-area{width:88%;}
.login-area > div{padding:0 20px;}
form.login label{float:none; display:block; clear:both;}

form.login span.dob{width:29%;}
form.login span{margin:8px 0 15px 0px;}

.theme-info-details li{display:block; width:100%; margin:10px 0; }
.theme-info-details li:nth-child(2){text-align:left;}
.theme-info-details li:nth-child(4){text-align:left;}

a.demo-btn{font-size:10px;}
a.activate-btn{font-size:10px;}
ul.example-theme li .shadow > a span{height:230px;}

ul.tick-side li{padding-left:12%; width:86%;}

.index-head-txt > h2{font-size:30px; line-height:40px;}
.index-head-txt span{padding:0 10px;}

.digital-box{height:360px;}
ol.ol-txt > li{font-size:13px;}
.marketing-down-txt > h2{line-height:45px; display:block;}
.marketing-down-txt > h2 span{display:block; margin-top:0px;}

.example-down-txt > h2{font-size:20px;}

ul.index-feature li{width:100%;}
ul.index-feature li.seo{float:none; width:100%; display:block; clear:both; }
ul.index-feature li.theme{float:none; width:100%; display:block; clear:both; background:#FFF !important; }
ul.index-feature li.theme > div{ background:#FFF;}
ul.index-feature li.call-action{ background:#ebedeb !important; }
ul.index-feature li.call-action > div{background:#ebedeb;}
ul.index-feature li.custom-domain{ background:#FFF !important; }
ul.index-feature li.custom-domain > div{background:#FFF;}
ul.index-feature li.analytics{ background:#ebedeb !important; }
ul.index-feature li.analytics > div{background:#ebedeb;}
ul.index-feature li:hover div{ top:130px; cursor:pointer; }

.index-banner-txt{margin-top:85px; padding: 25px 10px;}
.index-banner-txt > h2{font-size:25px; padding:0 0 10px;}
.index-banner-txt > h2 span{font-size:25px !important;}
.index-banner-txt span{margin-top:55px;}
a.md-trigger{margin-top:80px;}
.index-banner-txt span input[type=search]{ height:50px; width:71% !important; line-height:50px; box-sizing: border-box; -moz-box-sizing: border-box;}
.index-banner-txt span button[type=submit]{height:50px; width:30px; line-height:0px;}
.index-banner-txt > p{ font-size:17px;}
a.md-trigger{font-size:14px;}
.list-index {display:block; width:auto;}
.list-container{padding:15px 0 50px;}
.footer-menu ul li a{text-transform:capitalize;}

}
@media all and (max-width: 330px){
.index-banner-txt > h2{font-size:24px; line-height:30px; padding:0 0 10px;}
.index-banner-txt > h2 span{font-size:24px !important; line-height:30px !important;}
.index-banner-txt > p{ font-size:16px;}	

.footer-menu ul li a{padding:12px 1px;}
.footer-social ul li a{padding:12px 0px;}
.business-box ul li span{padding: 0 5px;}
.terms{width:85%;}
.login-area{width:95%;}	
}