/* =======================================================================
AppSperia - App Landing Page
======================================================================= */

/*
1. GLOBAL STYLES
2. TYPOGRAPHY
     2.1 FONTS
     2.2 HEADINGS
3. LAYOUT
     3.1 SECTIONS
     3.2 PRELOADER
     3.3 LOGO
     3.4 SOCIAL ICONS
     3.5 RIGHT MOCKUP
4. MENU
     4.1 SIDE MAIN MENU
     4.2 NAV BULLETS
5. ELEMENTS
     5.1 TABS
     5.2 CAROUSEL
     5.3 BUTTONS
     5.4 TOOLTIP
     5.5 ICONS
6. SECTIONS
     6.1 FEATURES
     6.2 CLIENTS
     6.3 VIDEO
     6.4 SCREENSHOTS
     6.5 PRICING
     6.6 CONTACT
*/

/* --------------------------------------
GLOBAL STYLES
-----------------------------------------*/
.bullets-item {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-radius: 50%;
    content: ".";
    display: block;
    /* margin-bottom: 60px !important; */
    padding-bottom: 0px;
    margin: 13px;
    border: 2px solid black;
    cursor: pointer;
}

.bullets-item:hover {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-radius: 50%;
    content: ".";
    display: block;
    /* margin-bottom: 60px !important; */
    padding-bottom: 0px;
    margin: 13px;
		border: 2px solid #1997d6;
    cursor: pointer;
}

.bullets li {
	display: block;
	width: 12px;
	height: 12px;
	margin: 7px;
	position: relative;

}



ul.bullets {
    position: absolute;
    right: 30px;
  	top: 38%;
	z-index: 9999 !important;
	position: fixed;
}
html,
body {
	margin   : 0;
	height   : 100%;
	padding  : 0;
	overflow : hidden;
}

a {
	color           : #111111;
	text-decoration : none;
}

a.your-on-appstore-btn {
	background      : url(../images/your_on_appstore.png) no-repeat;

}

a.your-on-googlepl-btn {
	background      : url(../images/your_on_googleplay.png) no-repeat;
}

a.your-on-amazon-btn {
	background      : url(../images/amazonapp.png) no-repeat;

}

.col-lg-12 {
	width: 100% !important;
	display: inline-block;
}

.col-lg-4 {
	width: 30% !important;
	background-size: contain !important;
	display: inline-block;
	height: 63px;
}



@media (max-width : 480px) {
	a.your-on-appstore-btn, a.your-on-googlepl-btn, a.your-on-amazon-btn {
		width             : 29%;
		background-size   : contain;
		background-repeat : no-repeat;
	}
}

strong {
	font-family : 'Raleway';
}

.rx-font-color-blue {
	color : #4a90e0;
}

span.normal-dollar {
	font-family : sans-serif;
	font-size   : 35px;
	font-weight : 100;
}

body {
	background      : url(../images/bg.jpg);
	background-size : cover;
	color           : #111111;
	font-family     : Open Sans;
}

.rx-change-homepage-platform {
	position         : fixed;
	left             : 50%;
	margin-left      : 320px !important;
	top              : 12%;
	background-color : #171717;
	color            : #ffffff;
	padding          : 0 5px;
	font-size        : 9px;
	cursor           : pointer;
	border           : solid 1px #a7a7a7;
	border-radius    : 5px;
	z-index          : 1;

}

.rx-emu-title {
	font-weight   : bold;
	font-size     : 14px;
	margin-bottom : 15px;
}

.rx-bugetapp-contact-panel.ios .rx-emu-title {
	font-size     : 0;
	background    : #ffffff;
	margin-bottom : 1px;
	border-radius : 10px 10px 0 0;
	height        : 24px;
	box-shadow    : 0 10px 10px rgba(0, 0, 0, 0.4);
}

.rx-bugetapp-contact-panel.android .rx-emu-title {
	font-weight: 600;
	margin-bottom: 25px;
}

.options-android {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;

}

.rx-bottom {

	float          : right;
	display        : block;
	width          : 100%;
	text-align     : right;
	margin-top     : 5px;
	color          : #009688;
	font-weight    : bold;
	font-size      : 14px;
}

.second-option--ios {
	border-radius: 0px 0px 10px 10px;
}

.rx-bugetapp-contact-panel.ios .rx-bottom {
	background    : #ffffff;
	margin-top    : 0;
	padding       : 12px;
	box-sizing    : border-box;
	font-size     : 14px;
	font-weight   : normal;
	margin-bottom : 1px;
	color         : #2196f3;
	box-shadow    : 0 15px 15px rgba(0, 0, 0, 0.4);
	text-align: center;
}

.rx-bugetapp-contact-panel.ios .rx-bottom:last-child {
	border-radius : 10px;
	box-shadow    : 0 6px 10px rgba(0, 0, 0, 0.4);
	margin-top: 10px;
	font-weight: bold;
}



.rx-scroll-body #fullpage {
	min-height : 1000px !important;
}

.bugetapp_singlepage {
	/* background: none; */
}

@media (max-width : 480px) {
	.butgetapp_desktop #txt_app_name {
		height : 45px !important;
	}

	div#txt_app_name #rx-check-appname {
		font-size   : 14px;
		line-height : 31px;
	}
}

.rx-payment-shop-onphone {
	background : none;
}

.bugetapp-inbox-msg-subject {
	font-weight : bold;
	font-size   : 12px;
}

.butgetapp_desktop .bugetapp-inbox-msg-subject {
	font-size : 10px;
}

.butgetapp-inbox-rightarea {
	float : right;
}



.bugetapp-inbox-message {
	float       : left;
	width       : 40%;
	margin-left : 20px;
}

.butgetapp_desktop .bugetapp-inbox-message {
	font-size   : 9px;
	line-height : 13px;
	margin-left : 12px;
}

.rx-phone-plashpage-slogan {
	top            : 10%;
	position       : absolute;
	font-size      : 19px;
	font-weight    : bold;
	color          : #000;
	letter-spacing : 0;
	line-height    : 23px;
	width          : 90%;
	word-break     : break-all;
	word-wrap      : break-word;
	text-align     : center;
	padding        : 0 5%;
}

.butgetapp_desktop .rx-phone-plashpage-slogan {
	margin-top : 0;
}

.rx-phone-plashpage-waiting {
	top      : 50%;
	position : absolute;
	left     :36%;
}

.butgetapp_desktop .rx-phone-plashpage-waiting {
	margin-top : 35%;
}

.rx-phone-plashpage-logo {
	position       : absolute;
	top            : 50%;
	left           : 50%;
	width          : 100px;
	height         : 100px;
	margin-top     : -150px;
	margin-left    : -50px;
	border         : solid 1px #000;
	border-radius  : 5px;
	box-shadow     : 1px 1px 15px rgba(255, 255, 255, 0.5);
	color          : #000;
	vertical-align : middle;
	text-align     : center;
	padding-top    : 15px;
	line-height    : 33px;
	font-size      : 20px;
	letter-spacing : 4px;
	font-weight    : 100;
	box-sizing     : border-box;
}

.butgetapp_desktop .rx-phone-plashpage-logo {
	margin-top : 0;
	top        : 25%
}

.rx-phone-plashpage {
	width      : 100%;
	height     : 438px;
	position   : relative;
	background : #fff;
}

.android .rx-phone-plashpage {
	height : 440px;
}

.rx-super-emulator .iam-right {
	padding    : 8px 10px;
	box-sizing : border-box;
	text-align : right;
	font-size  : 14px;
}

@media (max-width : 480px) {
	.zopim {
		display : none !important;
	}
}

.iam-quater {
	font-size  : 7px;
	float      : left;
	width      : 33.33%;
	text-align : center;
	margin-top : 11px;
	color      : #888888;
}

.iam-quater.rx-emu-icon-email:before {
	content          : ' ';
	display          : block;
	position         : absolute;
	width            : 15px;
	height           : 15px;
	background-image : url(../images/email-icon.png);
	background-size  : cover;
	background-color : #f9f9f9;
	margin-left      : 13%;
	top              : 2px;
}

.iam-quater.rx-emu-icon-message:before {
	content          : ' ';
	display          : block;
	position         : absolute;
	width            : 15px;
	height           : 15px;
	background-image : url(../images/message-icon.png);
	background-size  : cover;
	background-color : #f9f9f9;
	margin-left      : 13%;
	top              : 2px;
}

.iam-quater.rx-emu-icon-other:before {
	content          : ' ';
	display          : block;
	position         : absolute;
	width            : 15px;
	height           : 15px;
	background-image : url(../images/other-icon.png);
	background-size  : cover;
	background-color : #f9f9f9;
	margin-left      : 13%;
	top              : 2px;
}

.rx-emulator-nav-buttons .iam-mid {
	padding     : 8px;
	text-align  : center;
	float       : left;
	font-size   : 14px;
	box-sizing  : border-box;
	font-weight : bold;
	width       : 100%;
        color       : #000;
}

.rx-emulator-nav-buttons .iam-mid.auto {
	width : auto;
}

.rx-emulator-slogan {
	position         : absolute;
	bottom           : 0;
	background-color : #fff;
	width            : 100%;
	z-index          : 1000;
	padding          : 10px 0;
	text-align       : center;
	font-weight      : bold;
        color            : #000;
}

.rx-emulator-nav-buttons .iam-left {
	float      : left;
	width      : 35%;
	text-align : left;
	display    : block;
	color      : #151212;
	padding    : 8px 10px;
	font-size  : 14px;
	box-sizing : border-box;
}

.rx-emulator-nav-buttons {
	/* position: absolute; */
	width            : 100%;
	display          : block;
	background-color : #fff;
	z-index          : 1000;
	box-shadow       : 0 1px 5px rgba(0, 0, 0, 0.2);
	height           : 36px;
	position         : absolute;
	/*top              : -10px;*/
	left             : 0;
}

.rx-contact-panel-open {
	position         : absolute;
	bottom           : 60px;
	margin-left      : 25%;
	z-index          : 1000;
	width            : 50%;
	display          : block;
	border-radius    : 3px;
	background-color : #ffffff;
	height           : 36px;
	box-shadow       : 1px 1px 15px rgba(0, 0, 0, 0.8);
}

.rx-contact-panel-open.rx-bugetapp-contact-panel.rx-bugetapp-contact.android {
	width         : 90%;
	margin-left   : 5%;
	margin-top    : 60%;
	height        : 144px;
	padding       : 10px;
	box-sizing    : border-box;
	border-radius : 0;
	bottom        : auto;
	border-radius: 2px;
	padding: 20px;
}

.rx-contact-panel-open.rx-bugetapp-contact-panel.rx-bugetapp-contact.ios {
	width         : 90%;
	margin-left   : 5%;
	margin-top    : 85%;
	height        : 100px;
	box-sizing    : border-box;
	bottom        : auto;
	border-radius : 10px;
	z-index       : 10000;
	opacity       : 0.9;
	background    : none;
}

.rx-contact-panel-open:after {
	/* content: ' '; */
	width        : 0;
	height       : 0;
	border-left  : 5px solid transparent;
	border-right : 5px solid transparent;
	border-top   : 7px solid #f9f9f9;
	position     : absolute;
	left         : 0;
	margin-left  : 50%;
	top          : 36px;
}

.rx-contact-panel-open:before {
	content          : '^';
	position         : absolute;
	top              : -13px;
	padding          : 8px 5px;
	line-height      : 0;
	background-color : aliceblue;
	border-radius    : 3px;
	left             : 46%;
	display          : none;
}

.rx-input-map-buttons {
	/* bottom: 0; */
	display    : block;
	position   : absolute;
	z-index    : 1000;
	width      : 100%;
	box-shadow : 0 0 10px rgba(0, 0, 0, 0.8);
	margin-top : 154%;
	height     : 50px;
	background : #f9f9f9;
	height     : 50px;
}

.butgetapp_desktop .rx-input-map-buttons {
	height     : 50px;
	margin-top : 158%;
}

.special-offer-onphone .rx-input-map-buttons {
	margin-top : auto;
	margin-top : auto;
	height     : 50px;
	bottom     : 0;
}

.rx-input-map-buttons .iam-half {
	width            : 33.33%;
	float            : left;
	text-align       : center;
	padding          : 5px 0;
	background-color : #f9f9f9;
	color            : #888888;
	box-sizing       : border-box;
	font-size        : 8px;
	line-height      : 0;
	border           : none;
	padding-top      : 40px;
}

.butgetapp_desktop .rx-input-map-buttons .iam-half {
	padding-top : 38px;
}

.iam-half.rx-emu-icon-map:before {
	content             : ' ';
	display             : block;
	position            : absolute;
	height              : 60%;
	background-image    : url(../images/map-icon.png);
	background-size     : 25px;
	background-repeat   : no-repeat;
	top                 : 3px;
	background-position : center;
	width               : 33.33%;
}

.butgetapp_desktop .iam-half.rx-emu-icon-map:before {
	height : 60%;
	top    : 3px;
}

.iam-half.rx-emu-icon-contact:before {
	content             : ' ';
	display             : block;
	position            : absolute;
	width               : 20px;
	height              : 60%;
	background-image    : url(../images/contact-icon.png);
	background-size     : 25px;
	background-repeat   : no-repeat;
	top                 : 3px;
	background-position : center;
	width               : 33.33%;
}

.iam-half.rx-emu-icon-inbox:before {
	content             : ' ';
	display             : block;
	position            : absolute;
	height              : 60%;
	background-image    : url(../images/inbox-icon.png);
	background-size     : 25px;
	background-repeat   : no-repeat;
	top                 : 3px;
	background-position : center;
	width               : 33.33%;
}

.iam-half:last-child {
	border-right : none;
	width        : 33.3%;
}

.iam-half:first-child {
}

ul {
	list-style-type : none;
	padding         : 0;
}

/*---------------------------------------
   TYPOGRAPHY
-----------------------------------------*/

/* FONTS */

@font-face {
	font-family : 'walkway_semiboldregular';
	src         : url('../fonts/Walkway_SemiBold-webfont.eot');
	src         : url('../fonts/Walkway_SemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Walkway_SemiBold-webfont.woff') format('woff'), url('../fonts/Walkway_SemiBold-webfont.ttf') format('truetype'), url('../fonts/Walkway_SemiBold-webfont.svg#walkway_semiboldregular') format('svg');
	font-weight : normal;
	font-style  : normal;
}

@font-face {
	font-family : 'walkway_ultraboldregular';
	src         : url('../fonts/Walkway_UltraBold-webfont.eot');
	src         : url('../fonts/Walkway_UltraBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Walkway_UltraBold-webfont.woff') format('woff'), url('../fonts/Walkway_UltraBold-webfont.ttf') format('truetype'), url('../fonts/Walkway_UltraBold-webfont.svg#walkway_ultraboldregular') format('svg');
	font-weight : normal;
	font-style  : normal;
}

/* HEADINGS */

h1,
h2,
h3 {
	color         : #fff;
	margin-bottom : 0;
	font-size     : 50px;
	font-weight   : normal;
	/* font-family: 'walkway_semiboldregular'; */
	font-family   : Raleway;
	line-height   : 1.5;
	margin-top    : 10px;
	font-weight   : 200;
}

h4,
h5,
h6 {
	font-weight : 400
}

/*---------------------------------------
   LAYOUT
-----------------------------------------*/

/*SECTIONS*/

.fp-section {
	position           : relative;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
}

.fp-slide {
	float : left
}

.fp-slide,
.fp-slidesContainer {
	height  : 100%;
	display : block;
}

.fp-slides {
	z-index            : 1;
	height             : 100%;
	overflow           : hidden;
	position           : relative;
	-webkit-transition : all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
	transition         : all 0.3s ease-out;
	margin-top         : 20px;
}

.fp-section.fp-table,
.fp-slide.fp-table {
	display : table;
	width   : 100%;
}

.rx-scroll-enable {
	overflow : scroll;
	display  : block !important;
}

.fp-tableCell {
	display        : table-cell;
	vertical-align : middle;
	width          : 100%;
	height         : 100%;
}

.rx-scroll-enable .fp-tableCell {
	display : block;
}

.wrap {
	width        : 1040px;
	margin-left  : auto;
	margin-right : auto;
	position     : relative;
	box-sizing   : border-box;
}

.wrap .box,
.wrap {
	-webkit-transition : 0.5s;
	-o-transition      : 0.5s;
	transition         : 0.5s;
}

div#payment-wrapper {
	/* height: 540px; */
	/* overflow-y: scroll; */
	/* overflow-x: hidden; */
}

.box {
	font-family : Open Sans;
	text-align  : left;
	line-height : 26px;
	font-weight : 400;
	font-style  : normal;
	color       : #fff;
	/* font-size: 15px; */
	width       : 60%;
}

.rx-comment-content {
	margin-left : 70px;
}

.rx-comment-avatar {
	width           : 50px;
	height          : 51px;
	position        : absolute;
	display         : block;
	border-radius   : 50%;
	background-size : 100%;
	margin-left     : 3px;
}

span.rx-sub-client-name {
	display     : block;
	color       : #888888;
	font-weight : 500;
	line-height : 18px;
	font-size   : 13px;
}

@media (max-width : 480px) {
	span.rx-sub-client-name {
		display     : block;
		color       : #888888;
		font-weight : 500;
		line-height : 5px;
		font-size   : 0;
	}
}

img.rx-payment-shop-onphone-logo {
	margin-top    : 15px;
	display       : none;
	margin-bottom : 10px;
}

@media (max-width : 768px) {
	.box {
		font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.rx-onphone-android-ios {
		margin-left : 15%;
	}

	.rx-onphone-android-ios {
		bottom : 50px;
	}
}

.rx-scroll-enable .box {
	width : 100%;
}

div#payment-boxer {
	/* height: 900px; */
}

div#personalDetail {
	margin-top : 8px;
}

.butgetapp_desktop div#personalDetail {
	margin-top : 2px;
}

#cardChoice .dv_col_footer {
	float         : left;
	width         : 60px;
	border-radius : 5px;
	padding       : 7px 7px;
}

.butgetapp_desktop #dv_100percent_australian {
	width      : 47px;
	margin-top : 0;
}

.butgetapp_desktop div#dv_secure {
	width        : 48px;
	margin-right : 10px;
}

.butgetapp_desktop div#dv_digicert {
	width        : 48px;
	margin-right : 10px;
}

.rx-scroll-enable #cardChoice .dv_col_footer {
	padding      : 4px;
	width        : 43px;
	margin-right : 8px;
}

#cardChoise img {
	border-radius : 5px;
}

div#dv_100percent_australian {
}

.singlepages-content {
	/* max-height: 440px; */
	display          : block;
	/* overflow-y: scroll; */
	background-color : rgba(255, 255, 255, 0.69);
	padding          : 20px;
}

.rx-novertical-pad {
	padding-top    : 0;
	padding-bottom : 0;
	padding        : 0;
	background     : none;
}

.box p {
	margin : 15px 0
}

p.rx-font-color-grey {
	color       : #fff;
	font-weight : 100;
        font-size: 16px;
}

.overlay {
	background : #111111;
	opacity    : 0.6;
	position   : fixed;
	width      : 100%;
	height     : 100%;
}

/*preloader*/

#preloader {
	position   : fixed;
	z-index    : 1000;
	width      : 100%;
	height     : 100%;
	background : #ffffff;
}

#preloader img {
	position    : absolute;
	top         : 45%;
	left        : 50%;
	margin-left : -90px;
}

.special-offer-onphone #preloader img {
	top    : 40%;
	width  : 200px;
	height : auto;
}

/*Logo   */

#logo {
	position : fixed;
	top      : 2%;
}

#logo a {
	color: #fff !important;
}
/*Social Icons*/

#social-icons {
	position : fixed;
        left: 1%;
        top: 40%;
	/*bottom   : 1%;*/
}

#social-icons ul {
	padding         : 0;
	margin          : 0;
	list-style-type : none;
}

#social-icons li {
	list-style-type : none;
/*      display         : inline-block;
	margin-right    : 5px;*/
        margin-top: 5px;
}

#social-icons a {
	font-size          : 28px;
	color              : #fff;
	text-decoration    : none;
	-webkit-transition : 0.3s;
	-o-transition      : 0.3s;
	transition         : 0.3s;
}

#social-icons a i {
	font-style             : normal;
	font-weight            : normal;
	opacity                : 1;
	display                : block;
	font-variant           : normal;
	font-size              : 13px;
	border                 : 1px solid #fff;
	border-radius          : 2px;
	width                  : 24px;
	height                 : 24px;
	text-align             : center;
	line-height            : 25px;
	text-transform         : none;
	-webkit-font-smoothing : antialiased;
	-webkit-transition     : 0.3s;
	-o-transition          : 0.3s;
	transition             : 0.3s;
}

i.ion-social-android {
	font-size : 16px !important;
}

i.ion-social-apple {
	font-size : 16px !important;
}

#social-icons a:hover i {
	border : 1px solid #4a90e0;
	color  : #4a90e0;
}

/*Right side mockup*/

#hand {
	background      : url(../images/iphonex-01.png) top no-repeat;
	width           : 273px;
	height          : 543px;
	background-size : 100% 100%;
	position        : fixed;
	margin-left     : 216px;
	top             : 50%;
	margin-top      : -243px;
	left            : 50%;
	z-index 		: 1;

}

#hand.android {
	background : url(../images/droid-notch-01.png) top no-repeat;
	margin-top : -243px;
	background-size: 88% 92%;
	background-position: 19px 17px;
}

#hand.ios #sim{
	background : url(../images/ipx-devicehomepage.png) top no-repeat;
	background-size: 118% 104%;
    background-position: -20px -9px;
}

.emulator-1 {
 /*   background: url('../images/step1-phone-bg.jpg') no-repeat;*/
}
.emulator-2 #rx-phone-plashpage {
    /*background: url('../images/step2-phone-bg.jpg') no-repeat;*/
}
.emulator-4 {
    background: url('../images/step4.png') no-repeat;
    background-size: 100% 100%;
}

#hand > img {
	width: 94%;
	height: 94%;
	margin-top: -50px;
	margin-left: 13px;
}


/*---------------------------------------
   MENUS
-----------------------------------------*/

/*side main menu*/

#main-nav {
	position    : fixed;
	z-index     : 100;
	top         : 2%;
	left        : 14px;
	font-size   : 32px;
	font-weight : 300;
	color       : #fff;
}

.special-offer-onphone #main-nav {
	display : none;
}

a:hover {
	color           : auto !important;
	text-decoration : none;
}

#main-nav span {
	-webkit-transition : 0.3s;
	-o-transition      : 0.3s;
	transition         : 0.3s;
}

#main-nav:hover span {
	color : #ffffff;
}

#menu-logo img {
	display : block;
	margin  : 30px auto 35px auto;
	opacity : 0;
}

.sidr {
	display     : none;
	position    : absolute;
	position    : fixed;
	top         : 0;
	height      : 100%;
	z-index     : 999999;
	width       : 240px;
	overflow-x  : none;
	overflow-y  : auto;
	font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size   : 15px;
	background  : rgba(242, 242, 242, 0.84);
	box-shadow  : 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.sidr.right {
	left  : auto;
	right : -260px;
}

.sidr.left {
	left  : -260px;
	right : auto;
}

.sidr ul {
	display : block;
	margin  : 0 0 15px;
	padding : 0;
}

.sidr ul li {
	display            : block;
	margin             : 0;
	line-height        : 55px;
	border             : none;
	-webkit-transition : 0.3s;
	-o-transition      : 0.3s;
	transition         : 0.3s;
}

.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active {
	border-top : none;
	/* background: #84B42D; */
	/* background: #4a90e0 !important; */
}

.sidr ul li:hover > a,
.sidr ul li:hover > span,
.sidr ul li.active > a,
.sidr ul li.active > span,
.sidr ul li.sidr-class-active > a,
.sidr ul li.sidr-class-active > span { /* background: #4a90e0 !important; */
	border-left  : solid 5px #4a90e0 !important;
	box-sizing   : border-box;
	padding-left : 20px;
}

.sidr ul li a,
.sidr ul li span {
	padding            : 0 25px;
	display            : block;
	text-decoration    : none;
	color              : #000000;
	font-family        : Open Sans;
	font-size          : 13px;
	text-transform     : uppercase;
	font-weight        : 700;
	-webkit-transition : 0.3s;
	-o-transition      : 0.3s;
	transition         : 0.3s;
	font-weight        : 200;
	font-size          : 17px;
}

.sidr ul li a span {
	display      : inline-block;
	padding-left : 20px;
	font-weight  : 300;
	font-size    : 25px;
}

.sidr-open .wrap {
	width : 1200px
}

.sidr-open .fp-slidesNav {
	margin-left : -602px !important
}

.sidr-open .wrap .box {
	width : 40%
}

.sidr-open #main-nav {
	left : 274px
}

/*navigation bullets*/

#fp-nav {
	position   : fixed;
	z-index    : 100;
	margin-top : -32px;
	top        : 52%;
	opacity    : 1;

}

#fp-nav.left {
	right : 17px
}

#fp-nav span,
.fp-slidesNav span {
	border-color : #aaaaaa
}

#fp-nav li .active span,
.fp-slidesNav .active span {
	background : #ffffff
}

.fp-slidesNav {
	position    : absolute;
	z-index     : 4;
	margin-left : -523px !important;
	text-align  : left;
	left        : 50%;
	opacity     : 1;
	top         : 65%;
	margin-top  : 140px;
}

.fp-slidesNav.top {
	top : 17px
}

#fp-nav ul,
.fp-slidesNav ul {
	margin  : 0;
	padding : 0;
}

#fp-nav li,
.fp-slidesNav li {
	display  : block;
	width    : 12px;
	height   : 12px;
	margin   : 7px;
	position : relative;
}

.fp-slidesNav li {
	display : inline-block;
	margin  : 3px;
}

.fp-slidesNav li a,
#fp-nav li a {
	top              : 0;
	left             : 0;
	width            : 100%;
	height           : 100%;
	outline          : none;
	border-radius    : 50%;
	background-color : #ffffff;
	background-color : rgba(255, 255, 255, 0.3);
	text-indent      : -999em;
	cursor           : pointer;
	position         : absolute;
}

.fp-slidesNav li a,
#fp-nav li a {
	background-color   : transparent;
	box-shadow         : inset 0 0 0 1px rgb(69, 69, 69);
	-webkit-transition : box-shadow 0.3s ease;
	transition         : box-shadow 0.3s ease;
}

.fp-slidesNav li a:hover,
.fp-slidesNav li a:focus,
#fp-nav li a:hover,
#fp-nav li a:focus {
	box-shadow : inset 0 0 0 2px rgba(255, 255, 255, 0.6)
}

.fp-slidesNav li a.active,
#fp-nav li a.active {
	box-shadow : inset 0 0 0 8px #fff;
}

/*---------------------------------------
   ELEMENTS
-----------------------------------------*/

/*tabs*/

.tabs-style-linemove nav {
	/* background: rgba(255, 255, 255, 0.3); */
	overflow      : hidden;
	border-radius : 0;
	border-top    : solid 1px rgba(74, 144, 224, 0.56);
	/* box-shadow: 1px 1px 10px rgba(0,0,0,0.1); */
}

.tabs-style-linemove nav li:last-child::before {
	position           : absolute;
	top                : 0;
	left               : 0;
	width              : 100%;
	height             : 3px;
	background         : rgb(74, 144, 224);
	content            : '';
	-webkit-transition : -webkit-transform 0.3s;
	transition         : transform 0.3s;
}

.tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {
	-webkit-transform : translate3d(-300%, 0, 0);
	transform         : translate3d(-300%, 0, 0);
}

.tabs-style-linemove nav li:nth-child(1).tab-current ~ li:last-child::before {
	-webkit-transform : translate3d(200%, 0, 0);
	transform         : translate3d(-200%, 0, 0);
}

.tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {
	-webkit-transform : translate3d(100%, 0, 0);
	transform         : translate3d(-100%, 0, 0);
}

/*.tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}*/
.tabs-style-linemove nav a {
	padding            : 18px 0;
	color              : #111111;
	line-height        : 1;
	-webkit-transition : color 0.3s, -webkit-transform 0.3s;
	transition         : color 0.3s, transform 0.3s;
}

.tabs {
	position   : relative;
	overflow   : hidden;
	margin     : 0 auto;
	width      : 100%;
	min-height : 270px;
	margin-top : 40px;
}

.tabs nav {
	text-align : center;
}

.tabs nav ul {
	position                : relative;
	display                 : -ms-flexbox;
	display                 : -webkit-flex;
	display                 : -moz-flex;
	display                 : -ms-flex;
	display                 : flex;
	margin                  : 0 auto;
	padding                 : 0;
	max-width               : 1200px;
	list-style              : none;
	-ms-box-orient          : horizontal;
	-ms-box-pack            : center;
	-webkit-flex-flow       : row wrap;
	-moz-flex-flow          : row wrap;
	-ms-flex-flow           : row wrap;
	flex-flow               : row wrap;
	-webkit-justify-content : center;
	-moz-justify-content    : center;
	-ms-justify-content     : center;
	justify-content         : center;
}

.tabs nav ul li {
	position     : relative;
	z-index      : 1;
	display      : block;
	margin       : 0;
	text-align   : center;
	-webkit-flex : 1;
	-moz-flex    : 1;
	-ms-flex     : 1;
	flex         : 1;
}

.tabs nav a {
	position      : relative;
	display       : block;
	overflow      : hidden;
	text-overflow : ellipsis;
	white-space   : nowrap;
	line-height   : 1;
}

.tabs nav a span {
	vertical-align : middle;
	font-size      : 16px;
	font-weight    : normal;
	color          : #4a90e0;
}

.tabs nav a:focus {
	outline : none
}

.content-wrap {
	position : relative
}

.content-wrap section {
	display : none;
	margin  : 0 auto;
	padding : 15px 0 0 0;
}

.content-wrap section.content-current {
	display        : block;
	color          : #333333;
	font-size      : 15px;
	letter-spacing : 0.5px;
	font-weight    : 100;
	padding        : 10px 15px;
	background     : #fff;
	max-height     : 200px;
	box-shadow     : 1px 1px 4px rgba(0, 0, 0, 0.1);
	overflow       : auto;
}

.content-wrap section.content-current b {
	font-family      : raleway;
	text-transform   : uppercase;
	font-weight      : 700;
	/*border           : solid 1px #333333;*/
	padding          : 3px 10px;
	padding-top      : 4px;
	border-radius    : 3px;
	background-color : rgb(252, 212, 48);
	font-size        : 12px;
	letter-spacing   : 1px;
	/*color            : #ffffff;*/
	line-height      : 26px;
}

@media (max-width : 480px) {
	.content-wrap section.content-current b {
		font-family      : raleway;
		text-transform   : uppercase;
		font-weight      : 300;
		border           : solid 1px #333333;
		padding          : 3px 10px;
		padding-top      : 4px;
		border-radius    : 3px;
		background-color : rgb(17, 17, 17);
		font-size        : 9px;
		letter-spacing   : 1px;
		color            : #ffffff;
		line-height      : 26px;
	}
}

/*carousel*/

.fp-slidesContainer {
	float    : left;
	position : relative;
}

.fp-controlArrow {
	position     : absolute;
	z-index      : 4;
	top          : 50%;
	cursor       : pointer;
	width        : 0;
	height       : 0;
	border-style : solid;
	margin-top   : -38px;
}

.fp-controlArrow.fp-prev {
	left               : -70px;
	width              : 40px;
	height             : 74px;
	border             : none;
	display            : block;
	background         : url(../images//bg_direction_nav.png) no-repeat 0 0;
	cursor             : pointer;
	opacity            : 0.6;
	-webkit-transition : 0.3s;
	-o-transition      : 0.3s;
	transition         : 0.3s;
}

.fp-controlArrow.fp-next {
	right               : -70px;
	width               : 40px;
	height              : 74px;
	border              : none;
	display             : block;
	background          : url(../images//bg_direction_nav.png) no-repeat 0 0;
	cursor              : pointer;
	opacity             : 0.6;
	background-position : 100% 0;
	-webkit-transition  : 0.3s;
	-o-transition       : 0.3s;
	transition          : 0.3s;
}

.fp-controlArrow.fp-prev:hover,
.fp-controlArrow.fp-next:hover {
	opacity : 1
}

/*buttons*/

.appstore {
	background : url(../images/appstore.png);
	height     : 21px;
	width      : 17px;
	margin-top : 2px;
	float      : left;
}

.appstore-button:hover .appstore {
	background : url(../images/appstore2.png)
}

.playstore {
	background : url(../images/playstore.png);
	height     : 20px;
	width      : 17px;
	margin-top : 2px;
	float      : left;
}

.playstore-button:hover .playstore {
	background : url(../images/playstore2.png)
}

.simple-button {
	font-size          : 16px;
	font-weight        : 700;
	border-radius      : 4px;
	color              : #ffffff;
	min-width          : 130px;
	margin-right       : 10px;
	text-decoration    : none;
	padding            : 12px 25px;
	margin-top         : 25px;
	float              : left;
	-webkit-transition : 0.3s;
	-o-transition      : 0.3s;
	transition         : 0.3s;
	background         : #84b42d;
}

.simple-button:hover {
	color      : #333333;
	background : #ffffff;
}

/*tooltip*/

.tooltip {
	position : relative
}

.tooltip::after {
	content           : '';
	position          : absolute;
	width             : 100%;
	height            : 20px;
	bottom            : 100%;
	left              : 50%;
	pointer-events    : none;
	-webkit-transform : translateX(-50%);
	transform         : translateX(-50%);
}

.tooltip:hover::after {
	pointer-events : auto
}

.tooltip-content {
	position               : absolute;
	z-index                : 9999;
	width                  : 335px;
	left                   : 50%;
	bottom                 : 100%;
	color                  : #111111;
	background             : transparent;
	opacity                : 0;
	margin                 : 0 0 20px -167px;
	cursor                 : default;
	pointer-events         : none;
	-webkit-font-smoothing : antialiased;
	-webkit-transition     : opacity 0.3s 0.3s;
	transition             : opacity 0.3s 0.3s;
}

.tooltip:hover .tooltip-content {
	opacity                  : 1;
	pointer-events           : auto;
	-webkit-transition-delay : 0s;
	transition-delay         : 0s;
}

.tooltip-content span {
	display : block
}

.tooltip-text {
	border-bottom      : 10px solid #84b42d;
	overflow           : hidden;
	-webkit-transform  : scale3d(0, 1, 1);
	transform          : scale3d(0, 1, 1);
	-webkit-transition : -webkit-transform 0.3s 0.3s;
	transition         : transform 0.3s 0.3s;
}

.tooltip:hover .tooltip-text {
	-webkit-transition-delay : 0s;
	transition-delay         : 0s;
	-webkit-transform        : scale3d(1, 1, 1);
	transform                : scale3d(1, 1, 1);
}

.tooltip-inner {
	background        : rgba(255, 255, 255, 0.85);
	padding           : 30px;
	min-height        : 80px;
	-webkit-transform : translate3d(0, 100%, 0);
	transform         : translate3d(0, 100%, 0);
	webkit-transition : -webkit-transform 0.3s;
	transition        : transform 0.3s;
}

.tooltip:hover .tooltip-inner {
	-webkit-transition-delay : 0.3s;
	transition-delay         : 0.3s;
	-webkit-transform        : translate3d(0, 0, 0);
	transform                : translate3d(0, 0, 0);
}

.tooltip a {
	color       : #111111;
	font-weight : bold;
}

.tooltip a:hover {
	color : #84b42d
}

.tooltip-content::after {
	content          : '';
	bottom           : -20px;
	left             : 50%;
	border           : solid transparent;
	height           : 0;
	width            : 0;
	position         : absolute;
	pointer-events   : none;
	border-color     : transparent;
	border-top-color : #84b42d;
	border-width     : 10px;
	margin-left      : -10px;
}

.tooltip-inner .icon {
	float        : left;
	display      : block;
	color        : #dddddd;
	font-size    : 40px;
	color        : #84b42d;
	height       : 80px;
	margin-right : 30px;
	line-height  : 80px;
}

/*icons*/

.icon {
	font-weight      : normal;
	line-height      : 20px;
	margin-right     : 5px;
	background-color : transparent;
}

.clients-content .icon,
.tabs .icon,
.features .icon {
	color : #4a90e0;
}

span.icon.flaticon-fivepointed {
	color     : #5a90e0;
	font-size : 12px;
}

span.icon.flaticon-little27 {
	color     : #4a90e0;
	font-size : 11px;
}

.simple-button .icon {
	margin-right : 20px;
	font-size    : 18px;
}

/* --------------------------------------
SECTIONS
-----------------------------------------*/

/*Features*/

.features {
	margin-top    : 10px;
	float         : left;
	margin-right  : 50px;
	margin-bottom : 0;
}

.features li {
	margin-bottom : 10px
}

/*Clients feedbacks*/

.clients-content {
	position : relative
}

.clients-content .fp-controlArrow {
	display : none
}

.clients-content .fp-tableCell {
	height : 100% !important
}

.client-stars {
	float      : right;
	margin-top : -40px;
}

@media (max-width : 480px) {
	.client-stars {
		float      : right;
		margin-top : -9px !important;
	}
}

.clients-content p {
	margin-top : 0;
}

p.rx-sub-client-comment.rx-client-quote {
	background   : rgba(255, 255, 255, 0.58);
	padding      : 15px 64px;
	font-weight  : 100;
	margin-right : 5px;
	font-size    : 15px;
	box-shadow   : 1px 1px 3px rgba(0, 0, 0, 0.1);
	overflow-y   : auto;
}

p.rx-sub-client-comment.rx-client-quote:before {
	content     : "\"";
	font-size   : 80px;
	position    : absolute;
	margin-top  : 15px;
	margin-left : -50px;
	color       : rgba(159, 170, 181, 0.57);
	font-family : cursive;
}

p.rx-sub-client-name {
	float       : left;
	line-height : 0;
	margin-top  : -10px;
	color       : #aaaaaa;
	font-weight : 200;
}

@media (max-width : 480px) {
	p.rx-sub-client-comment.rx-client-quote {
		background   : rgba(255, 255, 255, 0.58);
		padding      : 1px 4px 15px 40px;
		font-weight  : 100;
		margin-right : 5px;
		font-size    : 15px;
		max-height   : 50px;
		box-shadow   : 1px 1px 3px rgba(0, 0, 0, 0.1);
		overflow-y   : scroll;
	}

	p.rx-sub-client-comment.rx-client-quote:before {
		content     : "\"";
		font-size   : 60px;
		position    : absolute;
		margin-top  : -13px;
		margin-left : -38px;
		color       : rgba(159, 170, 181, 0.57);
		font-family : cursive;
	}

}

@media (max-width : 768px) {
	p.rx-sub-client-comment.rx-client-quote {
		background   : rgba(255, 255, 255, 0.58);
		padding      : 1px 4px 15px 40px;
		font-weight  : 100;
		margin-right : 5px;
		font-size    : 15px;
		max-height   : 50px;
		box-shadow   : 1px 1px 3px rgba(0, 0, 0, 0.1);
		overflow-y   : scroll;
	}

	p.rx-sub-client-comment.rx-client-quote:before {
		content     : "\"";
		font-size   : 60px;
		position    : absolute;
		margin-top  : -13px;
		margin-left : -38px;
		color       : rgba(159, 170, 181, 0.57);
		font-family : cursive;
	}

}

/* Video Presentation*/

.video-presentation {
	width      : 100%;
	margin-top : 30px;
}

.video-presentation iframe {
	border : none;
}

/*Screenshots*/

.screenshots-wrapper,
.section-image {
	position      : fixed;
	left          : 50%;
	top           : 50%;
	overflow      : hidden;
	z-index       : 10;
	margin-top    : -193px;
	width         : 246px;
	height        : 438px;
	margin-left   : 259px;
	border-radius : 0;
}

.screenshots-wrapper img,
.section-image img {
	width      : 100%;
	display    : block;
	max-height : 407px;
}

.butgetapp_desktop .bugetapp-inbox-sample img {
	height        : 50px;
	width         : 50px;
	border        : solid 1px #dddddd;
	padding       : 2px;
	border-radius : 8px;
}

.screenshots-wrapper {
	-webkit-transition : 0.9s;
	-o-transition      : 0.9s;
	transition         : 0.9s;
	opacity            : 0;
}

.active .screenshots-wrapper {
	opacity  : 1;
	overflow : visible;
}

.screenshots-wrapper .fp-tableCell {
	height : 100% !important
}

.active .section-image img {
	opacity : 1
}

/*Pricing*/

.pricing-button {
	padding            : 20px 0;
	box-sizing         : border-box;
	-webkit-transition : 0.3s;
	-o-transition      : 0.3s;
	transition         : 0.3s;
	background         : rgba(255, 255, 255, 0.2);
	font-weight        : 700;
}

.price-table {
	background    : rgba(255, 255, 255, 0.3);
	border-radius : 4px;
	text-align    : center;
	width         : 31%;
	margin-right  : 2%;
	float         : left;
	overflow      : hidden;
}

.popular {
	color   : #ffffff;
	padding : 30px 0;
}

.popular .icon {
	color : #ffffff
}

.package {
	padding            : 20px 0;
	margin             : 0;
	background         : rgba(255, 255, 255, 0.2);
	margin-bottom      : 20px;
	font-size          : 15px;
	font-size          : 22px;
	font-family        : 'walkway_semiboldregular';
	box-sizing         : border-box;
	-webkit-transition : 0.3s;
	-o-transition      : 0.3s;
	transition         : 0.3s;
}

.popular .price {
	background-color : rgba(255, 255, 255, 0.2) !important
}

.dollar {
	font-size : 21px
}

.amount {
	font-size   : 28px;
	line-height : 32px;
}

.specifications {
	list-style : none;
	text-align : left;
	margin     : 15px 20px;
}

.sidr-open .specifications {
	margin : 15px 10px
}

.specifications li {
	padding : 3px
}

.specifications .icon {
	padding-right : 10px;
	color         : #84b42d;
}

.normal .btn-line {
	width : 150px
}

.popular .btn-line {
	color        : #ffffff !important;
	border-color : #ffffff !important;
}

.price-table:hover .pricing-button,
.price-table:hover .package {
	background : #84b42d
}

.price-table .pricing-button a {
	color : #84b42d
}

.price-table:hover .pricing-button a {
	color : #ffffff
}

.price-table:hover .package {
	color : #ffffff
}

/*Contact*/

#contact-form {
	float      : left;
	margin-top : 30px;
	width      : 88%;
}

form#contact-form {
	background : rgba(255, 255, 255, 0.34);
	padding    : 40px 20px;
	box-shadow : 1px 1px 3px rgba(0, 0, 0, 0.1);
}

#contact-form input::-webkit-input-placeholder {
	color : #111111
}

#contact-form input::-moz-placeholder {
	color   : #111111;
	opacity : 1;
}

#contact-form input:-moz-placeholder {
	color   : #111111;
	opacity : 1;
}

#contact-form textarea::-webkit-input-placeholder {
	color : #111111
}

#contact-form textarea::-moz-placeholder {
	color   : #111111;
	opacity : 1;
}

#contact-form textarea:-moz-placeholder {
	color   : #111111;
	opacity : 1;
}

#contact-form textarea,
#contact-form input {
	outline            : none;
	background         : none;
	float              : left;
	color              : #111111;
	width              : 47%;
	box-sizing         : border-box;
	border-radius      : 4px;
	font-family        : Open Sans;
	border             : none;
	font-weight        : 400;
	font-size          : 13px;
	margin-right       : 3%;
	padding            : 21px;
	background         : rgb(255, 255, 255);
	margin-bottom      : 10px;
	-webkit-transition : 0.3s;
	-o-transition      : 0.3s;
	transition         : 0.3s;
}

#contact-form textarea:focus,
#contact-form input:focus {
	background : #ffffff;
	color      : #000000;
}

#contact-form textarea {
	width         : 97%;
	resize        : none;
	height        : 70px;
	margin-bottom : 0;
}

#submit {
	font-weight        : 700;
	border-radius      : 4px;
	color              : #ffffff;
	border             : none;
	min-width          : 120px;
	font-size          : 15px;
	margin-right       : 10px;
	text-decoration    : none;
	outline            : none;
	padding            : 10px 20px;
	cursor             : pointer;
	margin-top         : 10px;
	margin-bottom      : 10px;
	-webkit-transition : 0.3s;
	-o-transition      : 0.3s;
	transition         : 0.3s;
	background         : #4a90e0;
}

#submit:hover {
	background : #ffffff;
	color      : #111111;
}

.plus-text {
	font-size : 18px;
	position  : relative;
	top       : 3px;
}

.arrow-left-btn {
    position: absolute;
    color: #000;
    font-size: 25px;
    font-weight: 700;
    left: 10px;
    top: 5px;
}

.screenshots-wrapper img, .section-image img {
	max-height: 437px;
}

div#txt_app_name {
    width: 91% !important;
}

.btn-to-apple {
	margin-left:400px !important;
}


.rx-change-homepage-platform {
	position: absolute;
    margin-left: 280px;
    background-color: transparent !important;
    letter-spacing: 1px;
    border: none;
    padding: 10px 15px;
    font-size: 12px;
    border: none !important;
    border-radius: 10px;
    margin-top: 43px;
}

.btnIosBrand, .btnAndroidBrand{
    color: #4a4a4a;
    font-size: 40px;
}

div#btnAndroid {
    margin-left: 312px !important;
}

.activebtn {
    color: #fff;
}

div#readtutorial {
    right: 20px;
    position: absolute;
    top: 85px;
    font-size: 16px;
}



div#readtutorial > a > i {
    font-size: 18px !important;
}




.platform-switch {
	text-align: center;
	/*background: red;*/
	/*width: 852px;*/
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: -67px;
	z-index: 9999999;
}

.platform-switch > span i {
	margin: 10px;
	cursor: pointer;
}

#emulatorSix {
	background: #fff;
}