@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
a {
	text-decoration:none
}
input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline:none;
}
*:focus {
	outline: none;
}
a {
	outline:none !important;
}
a img {
	border:none;
}
body {
	margin:0px;
	padding:0px;
	font-family: 'Montserrat', sans-serif;
	/*background-color:#ff3300;*/
	font-size:99%;
	overflow-x:hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.wrapper01 {
	text-align:center;
	min-width:370px;
}
header {
	clear:both;
	display:block;
	border-bottom:1px #ff3300 solid;
	background-color:#ffffff;
	position:relative;
	z-index:1000000;
}
.logo {
	padding:0px 8%;
	text-align:left;
	float:left;
}
nav {
	margin:0px;
	padding:0px;
}
nav ul {
	margin:0px;
	padding:0px;
	float:right;
	list-style:none;
	margin-top:38px;
	margin-right:8%;
}
nav ul li {
	float:left;
	display:block;
	padding:10px 20px;
	overflow:hidden;
	position:relative;
}
nav ul li a {
	color:#444444;
	font-weight:700;
}
nav ul li a:hover {
	color:#ff3300;
}

.swipe03 {
	width:100%;
	box-shadow: 1px -1px 4px #B1ADAD;
	position:relative;
	height:auto;
	z-index:100000;
	background-color:#eeeeee;
	clear:both;
}
.swipe03 h4 {
	text-align:center;
	font-weight:normal;
}


.apps1 {
	list-style:none;
	width:80%;
	margin:0 auto;
}

.apps1 img
{ 
width:60%;
display:block;

}

.apps1 li {
	float:left;
	width:25%;
}

.journalyBlock
{
 width:100%;	
}
.apps2  a
{
	text-decoration:none;
}
.oneL2 p
{
 text-align:left;	
}
.oneL1,.oneL3
{
	width:20%;
}
.oneL2
{
	width:60%;
}

.apps2 {
	list-style:none;
	width:80%;
	margin:0 auto;
}

.apps2 li {
	list-style:none;
	float:left;
	display:inline-block;
}

.apps2 img
{ 
width:100%;
display:block;
}



.appIconA img
{
	padding-top:25%;
}


.active {
	color:#ff3300;
}
h1 {
	font-weight:normal;
	font-size:160%;
	color:#333333;
	margin-bottom:35px;
	clear:both
}
h2 {
	font-weight:normal;
	font-size:140%;
	color:#333333;
	margin-top:0px;
	margin-bottom:0px;
}
h3 {
	font-weight:normal;
	font-size:100%;
	color:#333333;
	margin-top:35px;
}
.card02 {
	display:block;
	box-shadow: 0px 1px 2px #cccccc;
	position:relative;
	padding:2% 6%;
	z-index:100000;
}
.material_add_btn {
	background-color:#ff3300;
	color:#ffffff;
	line-height:19px;
	display:block;
	position:absolute;
	right:30px;
	bottom:-24px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	z-index:10000000;
	box-shadow: 0px 1px 2px #B1ADAD;
	font-size:220%;
	height:18px !important;
	width:18px!important;
	padding:15px 16px 15px 15px;
}
.clicked {
	-webkit-transition: translate 5s;
	transition: translate 5s;
	transform: translate(-350px, -90px);
	-webkit-transform: translate(-350px, -90px);
	-o-transform: translate(-350px, -90px);
	-moz-transform: translate(-350px, -90px);
}
.closed {
	-webkit-transition: translate 5s;
	transition: translate 5s;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
}
.form_holder {
	padding:4% 6%;
	background-color:#EEEEEE;
	box-shadow: 0px 1px 2px #cccccc;
	position:relative;
	z-index:1000;
}
.swipe {
	width:1024px;
	margin:0 auto;
	padding:25px 7px;
}
.main_input {
	height:22px;
	padding:15px;
	border:none;
	width:320px;
	border:1px #ff3300 solid;
	border-right:none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-family: 'Montserrat', sans-serif;
	font-size:1.2em;
	position:relative;
	z-index:100000;
}
.btn {
	height:54px;
	padding:0px 14px;
	font-family: 'Montserrat', sans-serif;
	font-size:1.2em;
	color:#ffffff;
	background-color:#FF3300;
	border:none;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-left:-7px;
	cursor:pointer;
}
.btn:hover {
	background-color:#d64c30;
}
.footer_wrap {
	width:100%;
	margin-left:8%;
	margin-right:8%;
	
}
.footer_wrap td {
	vertical-align:top;
}
footer {
	box-shadow: 1px -1px 4px #B1ADAD;
	background-color:#FF3300;
	width:100%;
	z-index:100000;
	-webkit-backface-visibility:hidden; /* Chrome, Safari, Opera */
	backface-visibility:hidden;
	overflow:hidden;
	clear:both;
	margin-top:100px;
	
}
.left_footer {
	float:left;
	padding:20px 20px 20px 8%;
	color:#ffffff;
	font-size:18px;
}
.right_footer {
	padding:20px;
}
footer ul {
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	display:block;
	color:#ffffff;
	margin-left:-10px;
	margin-top:30px
}
footer ul li {
	padding:5px;
	text-align:left;
	text-transform:uppercase;
	font-size:18px;
	font-weight:700;
}
footer a {
	color:#ffffff;
	text-decoration:none;
	font-size:16px;
	display:block;
	margin-top:5px;
	margin-bottom:-5px;
	font-weight:normal;
	text-transform:capitalize;
}
footer a:hover {
	text-decoration:underline
}
/*.right_footer a {
	color:#333333;
	display:block;
	float:right;
	margin-right:20px;
	text-align:center;
	overflow:hidden;
	text-indent:-500px;
	background-size:100%;
	background-repeat:no-repeat;
}
.email {
	width:72px;
	height:71px;
	background-image:url("../images/email-icon.png");
	background-repeat:no-repeat;
}
.email:hover {
	background-image:url("../images/email-icon-over.png");
}
.facebook {
	width:72px;
	height:71px;
	background-image:url("../images/facebbok-icon.png");
}
.facebook:hover {
	width:72px;
	height:71px;
	background-image:url("../images/facebbok-icon-over.png");
}
.twitter {
	width:72px;
	height:71px;
	background-image:url("../images/twitter-icon.png");
}
.twitter:hover {
	width:72px;
	height:71px;
	background-image:url("../images/twitter-icon-over.png");
}
.blog {
	width:72px;
	height:71px;
	background-image:url("../images/blog-icon.png");
}
.blog:hover {
	width:72px;
	height:71px;
	background-image:url("../images/blog-icon-over.png");
}

*/
.tilecon {
	margin:0px auto;
	padding:0px;
	clear:both;
	display:table;
	list-style:none;
	overflow:hidden;
	width:450px;
}
.tilecon li {
	display:table-cell;
	padding-left:1%;
	padding-right:1%;
	text-align:center;
	color:#333333;
	margin-top:1.5%;
	margin-bottom:1%;
}
.tilecon li p {
	margin-top:5px;
}
#mc-embedded-subscribe-form {
	margin-top:60px;
}
.emberify_bog {
	float:none !important;
	color:#ffffff !important;
	text-indent:inherit !important;
	width:120px !important;
	margin:0 auto !important;
	padding:23px !important;
	padding-left:100px !important;
}
.emberify_bog:hover {
	text-decoration:underline;
}
/*news slider*/

.appicon {
	float:left;
	text-align:left;
	padding:0px 15px;
	padding-left:100px;
}

/*******journaly sec tion**********/

.jrappIcon
{
	padding-left:40px;
	
}

.jrappIcon img
{
  	padding-top:40px;
}

.appJournly
{
	
	padding:15px;
	padding-left:10px !important;
}

.jourSwipe
{
    border-bottom:.5px solid #d5d5d5;
    position:relative !important;
    z-index: 100000; 
	display:block;
}


.appcontent {
	float:left;
	text-align:left;
	padding:15px;
	padding-left:38px;
}
.appcontent p {
	margin:5px 0px;
	padding:0px;
}
.swiper-container {
	height:491px !important;
	color: #333333;
	text-align: cente !important;
	/*background-color:#5cffbd;*/
	/*background-color:#FF3300;*/
	background-repeat:repeat-x;
	background-position:bottom;
}

.swiper-slide{ float:none !important;}
.swiper-slide .title {
	font-size: 45px;
	margin-top: 420px;
	margin-bottom: 0;
	line-height: 55px;
	text-transform:uppercase;
	text-align:center;
}
.pagination {
	position: absolute;
	z-index: 20;
	right: 50px;
	margin-right:-1.8%;
	bottom:50px;
	display:none;
}
.swiper-pagination-switch {
	display: inline-block;
	width: 12px;
	height: 12px;
	padding:2px;
	border-radius: 8px;
	background:#cccccc;
	margin-right: 8px;
	border:none;
	cursor: pointer;
}
.swiper-visible-switch {
	background:#D2CDCD;
}
.swiper-active-switch {
	background:#666666;
}
/***********************************|swipe02|******************************/
.swipe02 {
	padding:2% 0px;
	width:100%;
	box-shadow: 1px -1px 4px #B1ADAD;
	position:relative;
	z-index:100000;
	background-color:#eeeeee;
	clear:both;
}
.swipe02 h4 {
	text-align:center;
	font-weight:normal;
}
.apps {
	margin:0px;
	padding:0px;
	list-style:none;
	width:480px;
	margin:0 auto;
}
.apps li {
	float:left;
	margin-left:18px;
	margin-right:18px;
}
/***********************************|swipe02 close|******************************/

#effect {
	background: #ff3300;
	position:absolute;
	right:0px;
	left:0px;
	top:0px;
	bottom:0px;
	z-index:10000;
	padding:4% 20%;
	display: none;
	opactiy: 0;
}
#effect h1 {
	color:#ffffff;
	margin-bottom:10px;
	margin-top:20px;
	font-size:130%;
}
#effect p {
	color:#ffffff;
}
.close {
	background-color:#ff3300;
	color:#ffffff;
	line-height:19px;
	display:block;
	right:30px;
	bottom:-24px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	z-index:10000000;
	font-size:23px;
	height:18px !important;
	width:18px!important;
	padding:14px 15px 14px 14px;
	font-family:Verdana, Geneva, sans-serif;
	position:absolute;
	top:22%;
	left:20px;
}
.effect_content {
	position:absolute;
}
#effect h1 {
	color:#ffffff !important;
}
/***********************************|card close|******************************/

.clearfix {
	clear:both!important;
	margin:0px!important;
	padding:0px!important;
	float:none !important;
}
.partnerwith img {
	margin:0px 25px
}
.toppaid {
	color:#666
}
.fotter_wrap {
}
.logo_big img {
	width:15%;
}
 @media all and (min-width:250px) and (max-width:850px) {
	 .swipe{ width:auto !important;}
 .logo_big img {
 width:30%;
}
 #effect h1 {
font-size:117% !important;
}
 .swipe02 {
height:auto;
padding-bottom:40px;
}
 .apps {
 margin:0px;
 padding:0px;
 list-style:none;
 width:95%;
 margin:0 auto;
 display:block;
}
.apps li {
 float:left;
 text-align:center;
 margin:1%;
 width:48%;
}
.apps1 li {
 float:left;
 text-align:center;
 margin:1%;
  width:48%;

}
 .footer_wrap {
width:100%;
margin-left:0%;
margin-right:0%;
}
.footer_wrap td {
vertical-align:top;
display: block;
clear:both;
}
.footer_wrap td ul {
vertical-align:top;
float:left;
display: block;
display:block;
width:100%;
text-align:center
}
.footer_wrap td ul li {
vertical-align:top;
float:left;
display: block;
display:block;
width:100%;
text-align:center
}
 #effect {
padding:3% 15%;
}
 .toppaid {
color:#666;
display:block;
padding:15px;
}
 #popup {
 padding:0% 8% !important;
}
 .partnerwith img {
margin:25px 0px
}
 .right_footer ul {
margin:0px;
padding:0px;
text-align:center;
float:none;
width:auto;
}
.right_footer ul li {
text-align:center;
}
 .swipe {
/*width:250px;*/
width:100%;
margin:0 auto;
text-align:center
}
 .appicon {
float:none;
text-align:center;
padding-left:0px;
}

#height_fix { margin-bottom:-10px !important;}
 .appcontent {
float:none !important;
text-align:center;
padding-left:0px;
}
.appcontent p {
	margin:5px 0px;
	padding:0px;
	width:100% !important;
}
 .tilecon {
width:320px;
}

 .card02 {
padding-bottom:9%;
padding-top:9%;
}
.form_holder {
padding-bottom:9%;
padding-top:9%;
}
 h1 {
font-size:140%;
}
h2 {
font-size:140%;
}
 footer {
padding-bottom:25px;
}
.right_footer {
 padding:20px;
}
 .main_input {
 height:26px;
 padding:13px;
 border:none;
 width:150px;
 font-size:0.9em;
 border:1px #ff3300 solid;
}
.btn {
 padding:12px;
 font-size:0.9em;
}
.left_footer img {
width:28%;
}
.right_footer a {
 margin-right:10px;
}
.email {
 width:40px;
 height:41px;
}
.email:hover {
 width:40px;
 height:41px;
}
.facebook {
 width:40px;
 height:41px;
}
 .facebook:hover {
 width:40px;
 height:41px;
}
.twitter {
 width:40px;
 height:41px;
}
 .twitter:hover {
 width:40px;
 height:41px;
}
 .blog {
 width:40px;
 height:41px;
}
 .blog:hover {
 width:40px;
 height:41px;
}
.left_footer {
width:250px;
margin:0 auto;
clear:both;
text-align:center;
float:none;
padding-left:0px !important;
}
.right_footer {
margin:0 auto;
clear:both;
text-align:center;
float:none;
}
.right_footer ul {
margin-bottom:40px !important;
}
 .emberify_bog {
 float:none !important;
 color:#ffffff !important;
 text-indent:inherit !important;
 width:120px !important;
 margin:0 auto !important;
 padding:23px !important;
 padding-left:30px !important;
 clear:both;
}
}
/*****************ink**************/

.ripplelink {
	overflow: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index: 0;
}
.ink {
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.animate {
	-webkit-animation: ripple 0.65s linear;
	-moz-animation: ripple 0.65s linear;
	-ms-animation: ripple 0.65s linear;
	-o-animation: ripple 0.65s linear;
	animation: ripple 0.65s linear;
}
 @-webkit-keyframes ripple {
100% {
opacity: 0;
-webkit-transform: scale(2.5);
}
}
 @-moz-keyframes ripple {
100% {
opacity: 0;
-moz-transform: scale(2.5);
}
}
 @-o-keyframes ripple {
100% {
opacity: 0;
-o-transform: scale(2.5);
}
}
 @keyframes ripple {
100% {
opacity: 0;
transform: scale(2.5);
}
}
/******************************************/

.infiniteCarousel {
	width: 495px;
	position: relative;
	margin:0 auto;
}
.infiniteCarousel .wrapper {
	width: 430px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	height: 105px;
	margin: 0 40px;
	position: absolute;
	top: 0;
}
.infiniteCarousel ul a img {
}
.infiniteCarousel .wrapper ul {
	width: 495px; /* single item * n */
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
}
.infiniteCarousel ul li {
	display:block;
	float:left;
	padding: 10px;
	height: 85px;
	width: 85px;
}
.infiniteCarousel ul li img {
	-webkit-transition: border-color 400ms;
}
.infiniteCarousel ul:hover li img {
	border-color: #000;
}
.infiniteCarousel ul:hover li:hover img {
	border-color: #333;
}
.infiniteCarousel ul li a img {
	display:block;
}
.infiniteCarousel .arrow {
	display: block;
	height: 36px;
	width: 37px;
	background: url(../images/arrow.png) no-repeat 0 0;
	text-indent: -999px;
	position: absolute;
	top: 37px;
	cursor: pointer;
	outline: 0;
	overflow:hidden;
}
.infiniteCarousel .forward {
	background-position: 0 0;
	right: 0;
}
.infiniteCarousel .back {
	background-position: 0 -72px;
	left: 0;
}
.infiniteCarousel .forward:hover {
	background-position: 0 -36px;
}
.infiniteCarousel .back:hover {
	background-position: 0 -108px;
}



/*MEDIA QUERY*/



#menu-icon {
	display:none;
	width: 40px;
	height: 40px;
	background:url("../images/r-menu.png") center center;
	background-repeat:no-repeat;
	margin-right: 40px;
	margin-top: 35px;
	float:right;
}


#textmiddleSet p
{
	
	margin:0;
	padding-top:3%;

}


#textmiddleSet
{
	width:80%;
	margin:0 auto;

}

@media only screen and (max-width:481px) 
{
	
	
#textmiddleSet p
{
	line-height:25px;
	

}

#textmiddleSet  img
{
	padding-top:20px;
}

#textmiddleSet
{
	width:100%;

}




}



@media only screen and (max-width:768px) 
{
		
	
#textmiddleSet p{
	line-height:20px;}


#textmiddleSet  img{
	padding-top:20px;}

.journalyBlock
{
  text-align:center;	
  width:100%;
}
.apps2
{
  width:80%;
  margin:0 auto;  
  padding-left:0px;
}
	
.appIconA img {
    padding-top:2%;

}	

.apps2 img
{
    width:40%;	
	margin:0 auto;
}	
	
	.oneL2 p
	{
		text-align:center;
	}
.oneL1,.oneL3
{
	width:100%;
}
.oneL2
{
	width:100%;
}

}


@media only screen and (min-width : 481px) and (max-width:1024px) {
 
}

@media only screen and (min-width : 900px) and (max-width:1024px) {
 footer {
background-image:none;
}
}
 @media only screen and (max-width : 900px) {
 .infiniteCarousel .wrapper ul {
 width: 430px; /* single item * n */
}
 #menu-icon {
 display:block;
}
 nav ul, nav:active ul {
 display: none;
 position: absolute;
 padding:0px;
 background: #fff;
 right: 0px;
 left:0px;
 top: 30px;
 width: 100%;
 z-index:1000000000;
 margin-right:-40px;
}
 nav li {
 text-align:left;
 width: 100%;
 margin: 0px !important;
 padding:0px!important;
}
 nav li a {
background-color:#ff3300;
color:#ffffff !important;
display:block;
padding: 10px 20px !important;
border-bottom:1px #ff9f87 solid;
}
 nav li a:hover {
background-color:#666 !important;
}
 nav:hover ul {
 display: block;
}



/*********************/
.infiniteCarousel {
 width: 395px;
 position: relative;
 margin:0 auto;
}
.infiniteCarousel .wrapper {
 width: 315px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
 overflow: auto;
 height: 105px;
 margin: 0 40px;
 position: absolute;
 top: 0;
}
}