/* =======================================================================
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
-----------------------------------------*/


html,
body {
    margin: 0;
    height: 100%;
    padding: 0;
    overflow: hidden;
}
a {
    color: #111;
    text-decoration: none;
}
strong { font-family: 'walkway_ultraboldregular' }
body {
    background: url(images/bg.jpg);
    background-size: cover;
    color: #111;
    font-family: Open Sans;
}
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: #111;
    margin-bottom: 30px;
    font-size: 50px;
    font-weight: normal;
    font-family: 'walkway_semiboldregular';
    line-height: 1.2;
    margin-top: 20px;
}
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;
}
.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.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;
}
.box {
    font-family: Open Sans;
    text-align: left;
    line-height: 26px;
    font-weight: 400;
    font-style: normal;
    color: #111;
    font-size: 15px;
    width: 51%;
}
.box p { margin: 15px 0 }
.overlay {
    background: #111;
    opacity: 0.6;
    position: fixed;
    width: 100%;
    height: 100%;
}

/*preloader*/

#preloader {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: #fff;
}
#preloader img {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-left: -90px;
}

/*Logo   */

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

/*Social Icons*/

#social-icons {
    position: fixed;
    bottom: 2%;
}
#social-icons ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#social-icons li {
    list-style-type: none;
    display: inline-block;
    margin-right: 5px;
}
#social-icons a {
    font-size: 28px;
    color: #111;
    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 #111;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 27px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#social-icons a:hover i {
    border: 1px solid #1D9CD2 ;
    color: #1D9CD2 ;
}

/*Right side mockup*/

#hand {
    background: url(images/hand-mockup.png) top no-repeat;
    width: 800px;
    height: 1000px;
    background-size: 100%;
    position: fixed;
    margin-left: -209px;
    top: 50%;
    margin-top: -270px;
    left: 50%;
}


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


/*side main menu*/


#main-nav {
    position: fixed;
    z-index: 100;
    top: 2%;
    left: 14px;
    font-size: 32px;
    font-weight: 300;
}
#main-nav span {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#main-nav:hover span { color: #fff }
#menu-logo img {
    display: block;
    margin: 30px auto 35px auto;
}
.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: #1A8DBE;
}
.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: 45px;
    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: #1D9CD2 ;
}
.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: #1D9CD2  }
.sidr ul li a,
.sidr ul li span {
    padding: 0 25px;
    display: block;
    text-decoration: none;
    color: #fff;
    font-family: Open Sans;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.sidr ul li a span {
    display: inline-block;
    padding-left: 0;
    font-weight: 300;
    font-size: 14px;
}
.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 { left: 17px }
#fp-nav span,
.fp-slidesNav span { border-color: #aaa }
#fp-nav li .active span,
.fp-slidesNav .active span { background: #fff }
.fp-slidesNav {
    position: absolute;
    z-index: 4;
    margin-left: -523px!important;
    text-align: left;
    left: 50%;
    opacity: 1;
    top: 50%;
    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: #fff;
    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 #111 }


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


/*tabs*/

.tabs-style-linemove nav {
    background: rgba(255, 255, 255, 0.3);
    overflow: hidden;
    border-radius: 4px;
}
.tabs-style-linemove nav li:last-child::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #1D9CD2 ;
    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(-400%,0,0);
    transform: translate3d(-400%,0,0);
}
.tabs-style-linemove nav li:nth-child(1).tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(-300%,0,0);
    transform: translate3d(-300%,0,0);
}
.tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(-200%,0,0);
    transform: translate3d(-200%,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: 20px 0;
    color: #111;
    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;
}
.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 }
.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 }

/*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: #1D9CD2 ;
}
.simple-button:hover {
    color: #333;
    background: #fff;
}

/*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: #111;
    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 #1D9CD2 ;
    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: #111;
    font-weight: bold;
}
.tooltip a:hover { color: #1D9CD2  }
.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: #1D9CD2 ;
    border-width: 10px;
    margin-left: -10px;
}
.tooltip-inner .icon {
    float: left;
    display: block;
    color: #ddd;
    font-size: 40px;
    color: #1D9CD2 ;
    height: 80px;
    margin-right: 30px;
    line-height: 80px;
}

/*icons*/

.icon {
    font-weight: normal;
    line-height: 20px;
    margin-right: 5px;
}
.clients-content .icon,
.tabs .icon,
.features .icon { color: #1D9CD2  }
.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 }
.clients-content p { margin-top: 0 }

/* 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: -192px;
    width: 232px;
    height: 407px;
    margin-left: 270px;
    border-radius: 3px;
}
.screenshots-wrapper img,
.section-image img {
    width: 100%;
    display: block;
    max-height: 407px;
}
.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: #fff;
    padding: 30px 0;
}
.popular .icon { color: #fff }
.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: #1D9CD2 ;
}
.normal .btn-line { width: 150px }
.popular .btn-line {
    color: #fff !important;
    border-color: #fff !important;
}
.price-table:hover .pricing-button,
.price-table:hover .package { background: #1D9CD2  }

.price-table .pricing-button a {color: #1D9CD2 }
.price-table:hover .pricing-button a {color: #fff}
.price-table:hover .package {color: #fff}

/*Contact*/

#contact-form {
    float: left;
    margin-top: 30px;
    width: 100%;
}
#contact-form input::-webkit-input-placeholder { color: #111 }
#contact-form input::-moz-placeholder {
    color: #111;
    opacity: 1;
}
#contact-form input:-moz-placeholder {
    color: #111;
    opacity: 1;
}
#contact-form textarea::-webkit-input-placeholder { color: #111 }
#contact-form textarea::-moz-placeholder {
    color: #111;
    opacity: 1;
}
#contact-form textarea:-moz-placeholder {
    color: #111;
    opacity: 1;
}
#contact-form textarea,
#contact-form input {
    outline: none;
    background: none;
    float: left;
    color: #111;
    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: 10px;
    background: rgba(255, 255, 255, 0.3);
    margin-bottom: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#contact-form textarea:focus,
#contact-form input:focus { background: #1D9CD2 ; color: #fff}
#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: #1D9CD2;}

#submit:hover {
    background: #fff;
    color: #111;
}

@font-face {
	font-family: "Flaticon";
	src: url("fonts/flaticon.eot");
	src: url("fonts/flaticon.eot#iefix") format("embedded-opentype"),
	url("fonts/flaticon.woff") format("woff"),
	url("fonts/flaticon.ttf") format("truetype"),
	url("fonts/flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;

}.flaticon-2x2:before {
	content: "\e000";
}
.flaticon-3x3:before {
	content: "\e001";
}
.flaticon-adjust2:before {
	content: "\e002";
}
.flaticon-adjust3:before {
	content: "\e003";
}
.flaticon-archive5:before {
	content: "\e004";
}
.flaticon-arrow100:before {
	content: "\e005";
}
.flaticon-arrow103:before {
	content: "\e006";
}
.flaticon-arrow105:before {
	content: "\e007";
}
.flaticon-arrow106:before {
	content: "\e008";
}
.flaticon-arrow61:before {
	content: "\e009";
}
.flaticon-arrow68:before {
	content: "\e00a";
}
.flaticon-arrow69:before {
	content: "\e00b";
}
.flaticon-arrow70:before {
	content: "\e00c";
}
.flaticon-arrow71:before {
	content: "\e00d";
}
.flaticon-arrow72:before {
	content: "\e00e";
}
.flaticon-arrow74:before {
	content: "\e00f";
}
.flaticon-arrow75:before {
	content: "\e010";
}
.flaticon-arrow76:before {
	content: "\e011";
}
.flaticon-arrow83:before {
	content: "\e012";
}
.flaticon-arrow84:before {
	content: "\e013";
}
.flaticon-arrow85:before {
	content: "\e014";
}
.flaticon-arrow86:before {
	content: "\e015";
}
.flaticon-arrow87:before {
	content: "\e016";
}
.flaticon-arrow88:before {
	content: "\e017";
}
.flaticon-arrow89:before {
	content: "\e018";
}
.flaticon-arrow90:before {
	content: "\e019";
}
.flaticon-arrow91:before {
	content: "\e01a";
}
.flaticon-arrow93:before {
	content: "\e01b";
}
.flaticon-arrow94:before {
	content: "\e01c";
}
.flaticon-arrow96:before {
	content: "\e01d";
}
.flaticon-arrow97:before {
	content: "\e01e";
}
.flaticon-arrow98:before {
	content: "\e01f";
}
.flaticon-arrow99:before {
	content: "\e020";
}
.flaticon-arrows6:before {
	content: "\e021";
}
.flaticon-black33:before {
	content: "\e022";
}
.flaticon-black64:before {
	content: "\e023";
}
.flaticon-black66:before {
	content: "\e024";
}
.flaticon-black67:before {
	content: "\e025";
}
.flaticon-black70:before {
	content: "\e026";
}
.flaticon-black73:before {
	content: "\e027";
}
.flaticon-blocked:before {
	content: "\e028";
}
.flaticon-blogger1:before {
	content: "\e029";
}
.flaticon-blogger2:before {
	content: "\e02a";
}
.flaticon-book23:before {
	content: "\e02b";
}
.flaticon-box9:before {
	content: "\e02c";
}
.flaticon-camera19:before {
	content: "\e02d";
}
.flaticon-chat3:before {
	content: "\e02e";
}
.flaticon-check2:before {
	content: "\e02f";
}
.flaticon-chevron9:before {
	content: "\e030";
}
.flaticon-circle10:before {
	content: "\e031";
}
.flaticon-circle11:before {
	content: "\e032";
}
.flaticon-circle8:before {
	content: "\e033";
}
.flaticon-circular3:before {
	content: "\e034";
}
.flaticon-circular4:before {
	content: "\e035";
}
.flaticon-circular6:before {
	content: "\e036";
}
.flaticon-circular7:before {
	content: "\e037";
}
.flaticon-circular8:before {
	content: "\e038";
}
.flaticon-circular9:before {
	content: "\e039";
}
.flaticon-close11:before {
	content: "\e03a";
}
.flaticon-close9:before {
	content: "\e03b";
}
.flaticon-cloud26:before {
	content: "\e03c";
}
.flaticon-cogs:before {
	content: "\e03d";
}
.flaticon-comment2:before {
	content: "\e03e";
}
.flaticon-compass8:before {
	content: "\e03f";
}
.flaticon-condense:before {
	content: "\e040";
}
.flaticon-condensing:before {
	content: "\e041";
}
.flaticon-cone1:before {
	content: "\e042";
}
.flaticon-cone2:before {
	content: "\e043";
}
.flaticon-contacts1:before {
	content: "\e044";
}
.flaticon-cross8:before {
	content: "\e045";
}
.flaticon-cursor7:before {
	content: "\e046";
}
.flaticon-dark9:before {
	content: "\e047";
}
.flaticon-delicious1:before {
	content: "\e048";
}
.flaticon-desktop1:before {
	content: "\e049";
}
.flaticon-document9:before {
	content: "\e04a";
}
.flaticon-documents2:before {
	content: "\e04b";
}
.flaticon-documents:before {
	content: "\e04c";
}
.flaticon-double4:before {
	content: "\e04d";
}
.flaticon-double5:before {
	content: "\e04e";
}
.flaticon-double7:before {
	content: "\e04f";
}
.flaticon-down10:before {
	content: "\e050";
}
.flaticon-down11:before {
	content: "\e051";
}
.flaticon-down4:before {
	content: "\e052";
}
.flaticon-download11:before {
	content: "\e053";
}
.flaticon-download7:before {
	content: "\e054";
}
.flaticon-drawer1:before {
	content: "\e055";
}
.flaticon-dribble:before {
	content: "\e056";
}
.flaticon-earphones1:before {
	content: "\e057";
}
.flaticon-empty10:before {
	content: "\e058";
}
.flaticon-error2:before {
	content: "\e059";
}
.flaticon-error3:before {
	content: "\e05a";
}
.flaticon-error4:before {
	content: "\e05b";
}
.flaticon-error5:before {
	content: "\e05c";
}
.flaticon-error6:before {
	content: "\e05d";
}
.flaticon-exclamation1:before {
	content: "\e05e";
}
.flaticon-expand9:before {
	content: "\e05f";
}
.flaticon-facebook6:before {
	content: "\e060";
}
.flaticon-facebook7:before {
	content: "\e061";
}
.flaticon-film9:before {
	content: "\e062";
}
.flaticon-fivepointed:before {
	content: "\e063";
}
.flaticon-flickr1:before {
	content: "\e064";
}
.flaticon-flickr4:before {
	content: "\e065";
}
.flaticon-folder22:before {
	content: "\e066";
}
.flaticon-full9:before {
	content: "\e067";
}
.flaticon-genius:before {
	content: "\e068";
}
.flaticon-google15:before {
	content: "\e069";
}
.flaticon-google16:before {
	content: "\e06a";
}
.flaticon-group2:before {
	content: "\e06b";
}
.flaticon-half3:before {
	content: "\e06c";
}
.flaticon-heart19:before {
	content: "\e06d";
}
.flaticon-high7:before {
	content: "\e06e";
}
.flaticon-house3:before {
	content: "\e06f";
}
.flaticon-house4:before {
	content: "\e070";
}
.flaticon-icon2:before {
	content: "\e071";
}
.flaticon-info9:before {
	content: "\e072";
}
.flaticon-interface19:before {
	content: "\e073";
}
.flaticon-key9:before {
	content: "\e074";
}
.flaticon-laptop3:before {
	content: "\e075";
}
.flaticon-left12:before {
	content: "\e076";
}
.flaticon-lightbulb:before {
	content: "\e077";
}
.flaticon-linkedin2:before {
	content: "\e078";
}
.flaticon-linkedin5:before {
	content: "\e079";
}
.flaticon-links1:before {
	content: "\e07a";
}
.flaticon-links2:before {
	content: "\e07b";
}
.flaticon-list14:before {
	content: "\e07c";
}
.flaticon-little10:before {
	content: "\e07d";
}
.flaticon-little11:before {
	content: "\e07e";
}
.flaticon-little12:before {
	content: "\e07f";
}
.flaticon-little13:before {
	content: "\e080";
}
.flaticon-little14:before {
	content: "\e081";
}
.flaticon-little16:before {
	content: "\e082";
}
.flaticon-little17:before {
	content: "\e083";
}
.flaticon-little18:before {
	content: "\e084";
}
.flaticon-little19:before {
	content: "\e085";
}
.flaticon-little20:before {
	content: "\e086";
}
.flaticon-little21:before {
	content: "\e087";
}
.flaticon-little22:before {
	content: "\e088";
}
.flaticon-little23:before {
	content: "\e089";
}
.flaticon-little26:before {
	content: "\e08a";
}
.flaticon-little27:before {
	content: "\e08b";
}
.flaticon-little3:before {
	content: "\e08c";
}
.flaticon-little4:before {
	content: "\e08d";
}
.flaticon-little5:before {
	content: "\e08e";
}
.flaticon-little6:before {
	content: "\e08f";
}
.flaticon-little7:before {
	content: "\e090";
}
.flaticon-little9:before {
	content: "\e091";
}
.flaticon-lock11:before {
	content: "\e092";
}
.flaticon-lock12:before {
	content: "\e093";
}
.flaticon-lock7:before {
	content: "\e094";
}
.flaticon-logo3:before {
	content: "\e095";
}
.flaticon-logo4:before {
	content: "\e096";
}
.flaticon-low6:before {
	content: "\e097";
}
.flaticon-mail9:before {
	content: "\e098";
}
.flaticon-map5:before {
	content: "\e099";
}
.flaticon-map7:before {
	content: "\e09a";
}
.flaticon-menu7:before {
	content: "\e09b";
}
.flaticon-menu8:before {
	content: "\e09c";
}
.flaticon-menu9:before {
	content: "\e09d";
}
.flaticon-microphone9:before {
	content: "\e09e";
}
.flaticon-mic:before {
	content: "\e09f";
}
.flaticon-mini10:before {
	content: "\e0a0";
}
.flaticon-mini11:before {
	content: "\e0a1";
}
.flaticon-mini12:before {
	content: "\e0a2";
}
.flaticon-mini1:before {
	content: "\e0a3";
}
.flaticon-mini2:before {
	content: "\e0a4";
}
.flaticon-mini3:before {
	content: "\e0a5";
}
.flaticon-mini4:before {
	content: "\e0a6";
}
.flaticon-mini5:before {
	content: "\e0a7";
}
.flaticon-mini6:before {
	content: "\e0a8";
}
.flaticon-mini7:before {
	content: "\e0a9";
}
.flaticon-mini8:before {
	content: "\e0aa";
}
.flaticon-mini9:before {
	content: "\e0ab";
}
.flaticon-mini:before {
	content: "\e0ac";
}
.flaticon-minus11:before {
	content: "\e0ad";
}
.flaticon-minus6:before {
	content: "\e0ae";
}
.flaticon-move8:before {
	content: "\e0af";
}
.flaticon-mute2:before {
	content: "\e0b0";
}
.flaticon-mute4:before {
	content: "\e0b1";
}
.flaticon-myspace1:before {
	content: "\e0b2";
}
.flaticon-myspace2:before {
	content: "\e0b3";
}
.flaticon-myspace3:before {
	content: "\e0b4";
}
.flaticon-new6:before {
	content: "\e0b5";
}
.flaticon-outlined3:before {
	content: "\e0b6";
}
.flaticon-outlined4:before {
	content: "\e0b7";
}
.flaticon-paperclip3:before {
	content: "\e0b8";
}
.flaticon-pause5:before {
	content: "\e0b9";
}
.flaticon-pencil10:before {
	content: "\e0ba";
}
.flaticon-pencil12:before {
	content: "\e0bb";
}
.flaticon-pencil9:before {
	content: "\e0bc";
}
.flaticon-picassa2:before {
	content: "\e0bd";
}
.flaticon-picassa:before {
	content: "\e0be";
}
.flaticon-pinterest6:before {
	content: "\e0bf";
}
.flaticon-pinterest8:before {
	content: "\e0c0";
}
.flaticon-plus7:before {
	content: "\e0c1";
}
.flaticon-present1:before {
	content: "\e0c2";
}
.flaticon-profile:before {
	content: "\e0c3";
}
.flaticon-prohibited1:before {
	content: "\e0c4";
}
.flaticon-pushpin1:before {
	content: "\e0c5";
}
.flaticon-question3:before {
	content: "\e0c6";
}
.flaticon-quotations1:before {
	content: "\e0c7";
}
.flaticon-quotations2:before {
	content: "\e0c8";
}
.flaticon-quotations:before {
	content: "\e0c9";
}
.flaticon-refresh7:before {
	content: "\e0ca";
}
.flaticon-right17:before {
	content: "\e0cb";
}
.flaticon-screen:before {
	content: "\e0cc";
}
.flaticon-screwdriver3:before {
	content: "\e0cd";
}
.flaticon-search7:before {
	content: "\e0ce";
}
.flaticon-selected:before {
	content: "\e0cf";
}
.flaticon-share16:before {
	content: "\e0d0";
}
.flaticon-share6:before {
	content: "\e0d1";
}
.flaticon-shopping9:before {
	content: "\e0d2";
}
.flaticon-simple30:before {
	content: "\e0d3";
}
.flaticon-simple31:before {
	content: "\e0d4";
}
.flaticon-single:before {
	content: "\e0d5";
}
.flaticon-small62:before {
	content: "\e0d6";
}
.flaticon-small63:before {
	content: "\e0d7";
}
.flaticon-small64:before {
	content: "\e0d8";
}
.flaticon-small65:before {
	content: "\e0d9";
}
.flaticon-small66:before {
	content: "\e0da";
}
.flaticon-small67:before {
	content: "\e0db";
}
.flaticon-small68:before {
	content: "\e0dc";
}
.flaticon-small69:before {
	content: "\e0dd";
}
.flaticon-small70:before {
	content: "\e0de";
}
.flaticon-small71:before {
	content: "\e0df";
}
.flaticon-small72:before {
	content: "\e0e0";
}
.flaticon-small73:before {
	content: "\e0e1";
}
.flaticon-small74:before {
	content: "\e0e2";
}
.flaticon-small75:before {
	content: "\e0e3";
}
.flaticon-small77:before {
	content: "\e0e4";
}
.flaticon-social10:before {
	content: "\e0e5";
}
.flaticon-social11:before {
	content: "\e0e6";
}
.flaticon-social16:before {
	content: "\e0e7";
}
.flaticon-social17:before {
	content: "\e0e8";
}
.flaticon-social18:before {
	content: "\e0e9";
}
.flaticon-social19:before {
	content: "\e0ea";
}
.flaticon-social21:before {
	content: "\e0eb";
}
.flaticon-social22:before {
	content: "\e0ec";
}
.flaticon-social23:before {
	content: "\e0ed";
}
.flaticon-social34:before {
	content: "\e0ee";
}
.flaticon-social38:before {
	content: "\e0ef";
}
.flaticon-social39:before {
	content: "\e0f0";
}
.flaticon-social40:before {
	content: "\e0f1";
}
.flaticon-social41:before {
	content: "\e0f2";
}
.flaticon-social4:before {
	content: "\e0f3";
}
.flaticon-social5:before {
	content: "\e0f4";
}
.flaticon-social67:before {
	content: "\e0f5";
}
.flaticon-social68:before {
	content: "\e0f6";
}
.flaticon-social69:before {
	content: "\e0f7";
}
.flaticon-social6:before {
	content: "\e0f8";
}
.flaticon-social70:before {
	content: "\e0f9";
}
.flaticon-social71:before {
	content: "\e0fa";
}
.flaticon-social76:before {
	content: "\e0fb";
}
.flaticon-social77:before {
	content: "\e0fc";
}
.flaticon-social78:before {
	content: "\e0fd";
}
.flaticon-social7:before {
	content: "\e0fe";
}
.flaticon-social8:before {
	content: "\e0ff";
}
.flaticon-social92:before {
	content: "\e100";
}
.flaticon-social9:before {
	content: "\e101";
}
.flaticon-speech18:before {
	content: "\e102";
}
.flaticon-spotify1:before {
	content: "\e103";
}
.flaticon-spotify2:before {
	content: "\e104";
}
.flaticon-square18:before {
	content: "\e105";
}
.flaticon-stop5:before {
	content: "\e106";
}
.flaticon-stop8:before {
	content: "\e107";
}
.flaticon-stumbleupon3:before {
	content: "\e108";
}
.flaticon-stumbleupon5:before {
	content: "\e109";
}
.flaticon-tablet3:before {
	content: "\e10a";
}
.flaticon-tag10:before {
	content: "\e10b";
}
.flaticon-tags:before {
	content: "\e10c";
}
.flaticon-target:before {
	content: "\e10d";
}
.flaticon-telephone1:before {
	content: "\e10e";
}
.flaticon-thin3:before {
	content: "\e10f";
}
.flaticon-thin4:before {
	content: "\e110";
}
.flaticon-thin5:before {
	content: "\e111";
}
.flaticon-thin7:before {
	content: "\e112";
}
.flaticon-thin8:before {
	content: "\e113";
}
.flaticon-toolbox:before {
	content: "\e114";
}
.flaticon-trash8:before {
	content: "\e115";
}
.flaticon-triangular1:before {
	content: "\e116";
}
.flaticon-tumblr4:before {
	content: "\e117";
}
.flaticon-tumblr6:before {
	content: "\e118";
}
.flaticon-tumblr7:before {
	content: "\e119";
}
.flaticon-two23:before {
	content: "\e11a";
}
.flaticon-two24:before {
	content: "\e11b";
}
.flaticon-up11:before {
	content: "\e11c";
}
.flaticon-vimeo2:before {
	content: "\e11d";
}
.flaticon-volume10:before {
	content: "\e11e";
}
.flaticon-volume11:before {
	content: "\e11f";
}
.flaticon-wheel1:before {
	content: "\e120";
}
.flaticon-wordpress2:before {
	content: "\e121";
}
.flaticon-youtube4:before {
	content: "\e122";
}
.flaticon-zoom14:before {
	content: "\e123";
}
.flaticon-zoom16:before {
	content: "\e124";
}
.flaticon-zoom17:before {
	content: "\e125";
}
/*responsive styles*/

@media (max-width: 1140px) {


    body {
        background-position-y: 0!important;
    }

    #fp-nav {
        display: none;
    }

    #social-icons,
#logo {
        position: fixed;
        width: 100%;
        left: 0;
        text-align: center;
    }

    .video-presentation iframe {
        width: 100%;
        height: auto;
    }

    .fp-slidesNav {
        margin-left: -45%!important;
        left: 50%;
        bottom: 0;
        top: 55%;
    }

    .sidr-open .wrap,
.wrap {
        width: 90%;
    }

    #section5 .fp-slidesNav {
        display: none;
    }

    #hand {
        left: auto;
        right: 0;
        margin-left: inherit;
    }

    .screenshots-wrapper,
.section-image {
        left: auto;
        right: 89px;
        margin-left: inherit;
    }
}

@media (max-width: 870px) {

    h1, h2, h3 {
        font-size: 40px;
    }

    #hand,
.screenshots-wrapper,
.section-image {
        display: none;
    }

    .sidr-open .wrap .box,
.box {
        width: 100%;
        text-align: center;
        font-size: 14px;
    }

    #menu-logo {
        display: none;
    }

    .sidr ul {
        margin-top: 35%;
    }

    #sidr {
        width: 200px;
        z-index: 100;
    }

    .simple-button {
        float: none;
        display: block;
        font-size: 14px;
        max-width: 180px;
        margin: 25px auto;
    }

    .sidr ul li a, .sidr ul li span {
        font-size: 11px;
        padding: 0 18px;
    }

    .features {
        margin-top: 10px;
        width: 50%;
        margin-right: 0;
        margin-bottom: 0;
    }

    .tabs {
        width: 90%;
    }

    .sidr-open #main-nav {
        left: 14px;
        z-index: 200;
    }

    .tabs-style-linemove nav a {
        padding: 15px 0;
    }

    .video-presentation iframe {
        width: 82%;
    }

    .client-name {
        float: left;
    }

    .fp-slidesNav {
        margin-left: -5%!important;
        left: 50%;
        bottom: 0;
        top: 55%;
    }

    .specifications {
        text-align: center;
    }

    .active .screenshots-wrapper {
        opacity: 1;
        overflow: visible;
        display: block;
        background: rgba(0, 0, 0, 0.2);
        padding: 10px;
        max-width: 180px;
        right: 50%;
        margin-right: -100px;
        border-radius: 7px;
        height: auto;
    }

    .screenshots-content {
        display: none;
    }

    .fp-controlArrow.fp-next {
        right: -30px;
        width: 20px;
    }

    .fp-controlArrow.fp-prev {
        left: -30px;
        width: 20px;
    }
}

@media (min-width: 320px) and (max-width: 640px) {
  

    h1, h2, h3 {
        font-size: 26px;
        line-height: 1;
    }

    .sidr-open .wrap .box, .box {
        width: 100%;
        text-align: center;
        font-size: 11px;
        line-height: 1.2;
    }

    .simple-button .icon {
        margin-right: 10px;
        font-size: 12px;
    }

    .playstore,
.appstore {
        margin-top: -4px;
    }

    .simple-button {
        float: none;
        display: block;
        font-size: 11px;
        max-width: 100px;
        margin: 25px auto;
        padding: 10px 15px;
    }

    #logo {
        top: 3%;
    }

    #logo img {
        max-width: 120px;
    }

    .tooltip-inner .icon {
        float: left;
        display: block;
        font-size: 14px;
        height: AUTO;
        margin-right: 5px;
        line-height: inherit;
    }

    .tooltip-inner {
        background: rgba(0, 0, 0, 0.85);
        padding: 20px;
        min-height: inherit;
    }

    #main-nav {
        left: 10px;
        top: 1%;
        font-size: 32px;
    }

    #main-nav:hover span {
        color: inherit!important;
    }

    .sidr ul li {
        line-height: 35px;
    }

    .fp-slidesNav {
        display: none;
    }

    #social-icons a i {
        font-size: 11px;
        width: 21px;
        height: 21px;
        line-height: 22px;
    }

    .package {
        padding: 15px 0;
        margin: 0;
        background: rgba(0, 0, 0, 0.2);
        margin-bottom: 10px;
        font-size: 14px;
    }

    .amount {
        font-size: 15px;
        line-height: 1;
    }

    .specifications {
        list-style: none;
        text-align: left;
        margin: 10px 5px;
    }

    .pricing-button {
        padding: 15px 0;
    }

    .specifications .icon {
        display: none;
    }

    #contact-form textarea, #contact-form input {
        font-size: 11px;
        margin-right: 3%;
        padding: 5px;
    }

    #contact-form textarea {
        height: 50px;
    }

    #submit {
        padding: 8px 17px;
        font-size: 11px;
    }

    .tabs nav ul li {
        display: inline-block;
    }

    #contact-form {
        float: left;
        margin-top: 10px;
    }

    #section8 .features {
        margin-top: 0;
    }

    .active .screenshots-wrapper {
        max-width: 140px;
        margin-top: -130px;
        margin-right: -80px;
    }
}