/* Template: Zigo Software Landing Page Template
   Author: InovatikThemes
   Version: 1.2
   Created: March 2017
   Description: Master CSS file
*/

/**********************************
	TABLE OF CONTENTS

01. General Styles
02. Navigation
03. Header
04. Testimonials Section
05. Features Section
06. Description Section
07. Screenshots Section
08. Free Trial Section
09. Applications Portfolio Section
10. About Us Section
11. Social Media Section
12. Contact Section
13. Footer Section
14. Back To Top Button
15. Header Privacy
16. Privacy Content
17. Header Terms
18. Terms Content
19. Media Queries
**********************************/


/***** 01. General Styles *****/
html,
body {
	width: 100%;
	height: 100%;
}

body {
	font: 300;
	color: #3a3a3a;
}

h1 {
	font: 300;
}

h2 {
	font: 500;
}

h3 {
	font: 500;
}

p {
	font: 600;
}

a {
	color: #3a3a3a;
	text-decoration: underline;
}

a:hover {
	color: #000;
}

/* Buttons */
.button-large-transparent,
.button-large-transparent:focus {
	font: 300 18px/32px "Lora", sans-serif;
	background: transparent;
	color: #1abc9c;
	border: 2px solid #1abc9c;
	border-radius: 25px;
	padding: 9px 40px 9px 40px;
	text-decoration: none;
}

.button-large-transparent:hover {
	background-color: #1ed8b3;
	color: #3a3a3a;
	border: 2px solid #1ed8b3;
	text-decoration: none;
	cursor: pointer;
}

.button-large-solid,
.button-large-solid:focus {
	font: 300 18px/32px "Lora", sans-serif;
	background-color: #1abc9c;
	color: #fff;
	border: none;
	border-radius: 25px;
	padding: 11px 40px 11px 40px;
	text-decoration: none;
}

.button-large-solid:hover {
	background-color: #1ed8b3;
	color: #fff;
	text-decoration: none;
}

.button-small-solid,
.button-small-solid:focus {
	font: 300 16px/26px "Lora", sans-serif;
	background-color: #1abc9c;
	color: #fff;
	border-radius: 25px;
	padding: 10px 40px 10px 40px;
	text-decoration: none;
	border: none;
}

.button-small-solid:hover {
	background-color: #1ed8b3;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.button-small-transparent,
.button-small-transparent:focus {
	font: 300 16px/26px "Lora", sans-serif;
	background: transparent;
	color: #1abc9c;
	border: 2px solid #1abc9c;
	border-radius: 25px;
	padding: 8px 40px 8px 40px;
	text-decoration: none;
}

.button-small-transparent:hover {
	background-color: #1ed8b3;
	color: #3a3a3a;
	border: 2px solid #1ed8b3;
	text-decoration: none;
	cursor: pointer;
}

/* Carousel */
.carousel-control .glyphicon-menu-right,
.carousel-control .glyphicon-menu-left {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
	font-size: 30px;
}

.carousel-control .glyphicon-menu-left {
	left: 50%;
	margin-left: -10px;
}

.carousel-control .glyphicon-menu-right {
	right: 50%;
	margin-right: -10px;
}

a.left.carousel-control, a.right.carousel-control {
	opacity: 1;
}

.right.carousel-control {
	background-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}

.left.carousel-control {
	background-image: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}

/* Heading Text Underline */
.underline {
	display: inline-block;
}

.underline:after {
	display: block;
	content: "";
	width: 80%;
	margin: 7px  auto 0 auto;
	border-bottom: solid 2px #1abc9c;
}

/* Forms succes and error alerts formatting */
#dmsgSubmit.h3.text-center.tada.animated.text-success {
	font: 300 20px/32px "Lora", sans-serif;
	color: #fff;
}

#dmsgSubmit.h3.text-center.text-danger {
	font: 300 20px/32px "Lora", sans-serif;
	color: #fff;
}

#cmsgSubmit.h3.text-center.tada.animated.text-success {
	font: 300 20px/32px "Lora", sans-serif;
	color: #3a3a3a;
}

#cmsgSubmit.h3.text-center.text-danger {
	font: 300 20px/32px "Lora", sans-serif;
	color: #3a3a3a;
}

/* Preloader */
.main-wrapper {
	overflow: hidden; /* used to keep the scroll bar on the pre-loader screen */
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #071a24; /* change if the mask should have another color then white */
	z-index: 9999; /* makes sure it stays on top */
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */
	background-image: url(../images/preloader-gears.svg); /* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px; /* is width and height divided by two */
}

/* Style Switcher */
#toggle-switcher {
	display: block;
	width: 40px;
	height: 41px;
	background: #fff;
	position: absolute;
	left: -40px;
	top: 30px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ddd;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-right: none;
}

#toggle-switcher img.style-gear {
	width: 47x;
	height: 47px;
	margin-top: -4px;
	margin-left: -4px;
}

#style-switcher {
	position: fixed;
	z-index: 1000;
	top: 70px;
	right: -290px;
	width: 290px;
	background: #fff;
	padding: 10px 10px 12px 10px;
	border: 1px solid #ddd;
	border-radius: 2px;
}

#style-switcher .style-switcher-cell {
	display: inline-block;
	max-width: 78px;
	margin-left: 3px;
	margin-right: 3px;
}

#style-switcher .style-switcher-cell img {
	margin-top: 10px;
	width: 78px;
	height: 48px;
	display: inline-block;
}

#style-switcher h1 {
	font: 600 20px/1.3em "Raleway", sans-serif;
	text-align: center;
	color: #3a5c68;
	margin-top: 0px;
	margin-left: -11px;
	margin-bottom: 0px;
}

#style-switcher a {
	font: 400 12px/1.2em "Source Sans Pro", sans-serif;
	color: #4b555d;
	margin-top: 5px;
	text-align: right;
	text-decoration: none;
	display: block;
	text-align: center;
}

#style-switcher a:hover {
	color: #298aff;
}

#style-switcher .style-switcher-buttons {
	margin-top: 4px;
	margin-left: 5px;
	margin-bottom: 3px;
	text-align: center;
}

#style-switcher a.style-switcher-back-button {
	padding: 8px 20px 6px 20px;
	border: 1px solid #298aff;
	color: #298aff;
	border-radius: 25px;
	font: 600 10px/1em "Raleway", sans-serif;
	display: inline-block;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
	text-align: center;
}

#style-switcher a.style-switcher-back-button:hover {
	color: #fff;
	background-color: #298aff;
}

#style-switcher a.style-switcher-buy-button {
	margin-left: 3px;
	margin-right: 3px;
	border: 1px solid #298aff;
	color: #fff;
	background-color: #298aff;
	border-radius: 25px;
	padding: 8px 20px 6px 20px;
	font: 600 10px/1em "Raleway", sans-serif;
	display: inline-block;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
	text-align: center;
}

#style-switcher a.style-switcher-buy-button:hover {
	color: #fff;
	background-color: #003459;
	border: 1px solid #003459;
}


/***** 02. Navigation *****/

/* Image logo */
a.navbar-brand.img-logo.scrolling {
	padding: 0px;
	margin-left: 0px;
}

/* Image logo in mobile mode */
.navbar-brand.img-logo.scrolling img {
	margin-left: 15px;
	margin-top: 12px;
	width: 101px;
	height: 35px;
}

.navbar-brand.scrolling small {
    font-size: 10px;
}

/* Text logo in mobile mode */
a.navbar-brand.scrolling {
	text-decoration: none;
	font: 300 34px/0.9em "Lora", sans-serif;
	color: #fff;
	margin-left: 5px;
}

/* Navbar */
.navbar-custom {
	background-color: #5c4e89;
	border-color: transparent;
	font: 300 14px/22px "Lora", sans-serif;
}

.navbar-custom .navbar-brand {
	color: #fff;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
	color: #fff;
	opacity: 1;
}

.navbar-custom .navbar-collapse {
	border-color: rgba(255, 255, 255, 0.02);
}

/* Mobile Menu Toggle Button Pressed */
.navbar-default .navbar-toggle {
	background-color: #fff;
	border: none;
	color: #071a24;
}

/* Mobile Menu Toggle Button Hover On Pressed */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fff;
	color: #071a24;
}

/* Mobile Menu Toggle Button Regular - Not Pressed */
/* Mandatory placed after Button Hover On Pressed properties so that when testing on actual mobile browser, it goes back to Button Regular state */
.navbar-default .navbar-toggle.collapsed {
	background-color: #1abc9c;
	color: #071a24;
}

.navbar-custom .nav li a.scrolling {
	color: #fff;
	opacity: 0.7;
	text-decoration: none;
}

.navbar-custom .nav li a:hover {
	color: #fff;
	outline: none;
	opacity: 1;
}

.navbar-custom .navbar-nav > .active > a.scrolling {
	border-radius: 0;
	color: #fff;
	background-color: transparent;
	opacity: 1;
}

.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: transparent;
}


/***** 03. Header *****/
header {
	position: relative;
	min-height: auto;
	width: 100%;
	background-color: #3a3a3a;
	background: linear-gradient(to right, #eb01a5, #d13531);
	/* #eb01a5, #d13531 --  #9447eb , #4c7cbf);*/
	/* background: url("../images/header-background.jpg") no-repeat center; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 100%;
}

/* IE fix for vertical alignment in flex box */
header .flex-container-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}

header .header-content {
	position: relative;
	width: 100%;
	padding: 100px 15px;
	z-index: 2;
	margin-top: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh;
}

header .header-content iframe {
	width: 100%;
	height: 100%;
}

header .header-content .embed-responsive {
	margin-top: 25px;
}

header .header-content h1 {
	font: 300 42px/52px "Lora", sans-serif;
	color: #fff;
	margin-bottom: 25px;
	margin-top: 35px;
}

header .header-content p {
	font: 300 16px/26px "Lora", sans-serif;
	color: #fff;
	margin-left: 0%;
	margin-right: 0%;
}

header .header-content .app-price {
	margin-top: 30px;
	font: 300 44px/56px "Lora", sans-serif;
	text-align: center;
}

header .header-content .app-price a {
	font: 300 16px/26px "Lora", sans-serif;
	color: #fff;
	text-decoration: underline;
}

header .header-content .header-buttons {
	margin-top: 25px;
	text-align: center;
}

header .header-content .header-buttons a {
	display: inline-block;
	margin-right: 5px;
	padding: 8px 40px 8px 40px;
}

header .header-content .header-buttons .button-large-transparent {
	margin-top: 20px;
	padding: 6px 40px 6px 40px;
}

header .header-content .header-buttons .button-large-solid-white,
header .header-content .header-buttons .button-large-solid-white:focus {
	font: 300 18px/32px "Lora", sans-serif;
	background-color: #fff;
	color: #3a3a3a;
	border: none;
	border-radius: 25px;
	padding: 8.5px 40px 8.5px 40px;
	text-decoration: none;
	opacity: 0.8;
}

header .header-content .header-buttons .button-large-solid-white:hover {
	opacity: 1;
}

#video-background {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 1;
}

#video-background.collapsing {
	display: none;
}


/***** 04. Testimonials Section *****/
#testimonials-section {
	padding-top: 0px;
	padding-bottom: 70px;
	background-color: #fff;
}

#testimonials-section #carousel-example-generic {
	text-align: center;
	margin-top: 90px;
	margin-left: 0%;
	margin-right: 0%;
}

#testimonials-section #carousel-example-generic img {
	width: 105px;
	height: 105px;
	margin-bottom: 20px;
}

#testimonials-section #carousel-example-generic p {
	padding-top: 15px;
	width: 100%;
}

#testimonials-section #carousel-example-generic h2 {
	font: 300 21px/30px "Lora", sans-serif;
}

#testimonials-section #carousel-example-generic a.left.carousel-control,
#testimonials-section #carousel-example-generic a.right.carousel-control {
	background: none;
}

#testimonials-section #carousel-example-generic .carousel-indicators {
	position: static;
	margin-top: 10px;
}

#testimonials-section #carousel-example-generic .carousel-indicators .active {
	background-color: #3a3a3a;
	border: 2px solid #3a3a3a;
	width: 12px;
	height: 12px;
	margin-right: 4px;
}

#testimonials-section #carousel-example-generic .carousel-indicators li {
	border: 1px solid #3a3a3a;
	width: 12px;
	height: 12px;
	margin: 0px;
	margin-right: 4px;
}

#testimonials-section #carousel-example-generic .carousel-indicators li:hover {
	background-color: #3a3a3a;
	border: 2px solid #3a3a3a;
	width: 12px;
	height: 12px;
	margin-right: 4px;
}

#testimonials-section #carousel-example-generic .carousel-content {
	color: #3a3a3a;
	display: flex;
	align-items: center;
}


/***** 05. Features Section *****/
#features-section {
	padding-top: 70px;
	padding-bottom: 20px;
	background-color: #e5e5e5;
}

#features-section h1 {
	margin-bottom: 50px;
}

#features-section h2 {
	margin-bottom: 15px;
}

#features-section .features-icons {
	font-size: 60px;
	margin-bottom: 10px;
}

#features-section h3 {
	font: 500 25px/30px "Lora", sans-serif;
}

#features-section p {
	margin-bottom: 80px;
}


/***** 06. Description Section *****/
#description-section {
	padding-top: 70px;
	padding-bottom: 90px;
}

#description-section h1 {
	margin-bottom: 50px;
}

#description-section .first-row img {
	width: 100%;
	margin-bottom: 40px;
}

#description-section .first-row h2 {
	margin-bottom: 20px;
}

#description-section .first-row .button-small-solid {
	display: inline-block;
	margin-top: 15px;
}

#description-section .second-row {
	margin-top: 100px;
}

#description-section .second-row img {
	width: 100%;
	margin-bottom: 40px;
}

#description-section .second-row .nav-pills {
	margin-top: 0px;
	margin-bottom: 30px;
}

#description-section .second-row .nav-pills li {
	text-align: center;
	width: 100%;
}

#description-section .second-row .nav-pills li a {
	font: 300 18px/26px "Lora", sans-serif;
	background-color: none;
	color: #6a6a6a;
	border: 1px solid #aaa;
	border-radius: 25px;
	margin-right: 4px;
	margin-top: 10px;
	padding: 10px 30px 10px 30px;
	text-decoration: none;
}

#description-section .second-row .nav-pills li a:hover {
	background-color: #3a3a3a;
	color: #fff;
	border: 1px solid #3a3a3a;
}

#description-section .second-row .nav-pills li.active a {
	background-color: #3a3a3a;
	color: #fff;
	border: 1px solid #3a3a3a;
}

#description-section .second-row #tab_a ul {
	list-style: none;
}

#description-section .second-row #tab_a .button-small-solid {
	display: inline-block;
	margin-top: 15px;
}

#description-section .second-row #tab_b {
	margin-top: 20px;
}

#description-section .second-row #tab_b .progress {
	height: 30px;
	border-radius: 4px;
	margin-top: 20px;
}

#description-section .second-row #tab_b .progress-bar {
	text-align: left;
	font: 300 14px/22px "Lora", sans-serif;
	background-color: #1abc9c;
	color: white;
	padding-left: 20px;
	padding-top: 5px;
}

#description-section .second-row #tab_c .button-small-solid {
	display: inline-block;
	margin-top: 15px;
}

#description-section .second-row .tab-content ul {
	padding-left: 20px;
}

#description-section .second-row .tab-content ul .checkmark {
	margin-right: 10px;
}

/* Magnific PopUp FAQ PopUp */
#small-dialog {
	background: #fff;
	padding: 20px 20px 30px 20px;
	text-align: left;
	max-width: 600px;
	margin: 40px auto;
	position: relative;
}

#small-dialog h1 {
	text-align: center;
	margin-bottom: 35px;
	margin-top: 20px;
}

#small-dialog p.faq-question {
	font: 500 18px/1.4em "Lora", sans-serif;
}

#small-dialog .faq-row {
	margin-top: 20px;
}

#small-dialog .bullet-number {
	width: 39px;
	height: 39px;
	background-color: #298aff;
	color: #fff;
	text-align: center;
	font: 600 20px/2.1em "Lora", sans-serif;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	vertical-align: top;
	margin-top: 6px;
}

#small-dialog .faq-text {
	display: inline-block;
	max-width: 80%;
	vertical-align: top;
}

/* Magnific PopUp Fade-move animation for second dialog */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
	transform: translateY(0) perspective( 600px ) rotateX( 0 );
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
}

/* Magnific PopUp Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}


/***** 07. Screenshots Section *****/
#screenshots-section {
	padding-top: 70px;
	padding-bottom: 60px;
	background-color: #e5e5e5;
}

#screenshots-section #myCarousel {
	display: inline-block;
	margin-top: 50px;
}

#screenshots-section #myCarousel .carousel-control.left {
	background: none;
	margin-top: -140px;
	opacity: 0.7;
}

#screenshots-section #myCarousel .carousel-control.right {
	right: 0;
	left: auto;
	background: none;
	margin-top: -140px;
	opacity: 0.7;
}

#screenshots-section #myCarousel .carousel-control:hover,
#screenshots-section #myCarousel .carousel-control:focus {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: 1;
}

#screenshots-section #myCarousel .carousel-caption {
	position: relative;
	right: 0%;
	margin-bottom: 20px;
	left: 0%;
	z-index: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #3a3a3a;
	text-align: center;
	text-shadow: none;
}

#screenshots-section #myCarousel .carousel-caption p {
	margin-top: 23px;
	margin-bottom: 2px;
}

#screenshots-section #myCarousel .carousel-indicators li {
	display: inline-block;
	width: 9px;
	height: 9px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid #3a3a3a;
	border-radius: 10px;
}

#screenshots-section #myCarousel .carousel-indicators .active {
	width: 10px;
	height: 10px;
	margin: 0;
	background-color: #3a3a3a;
}


/***** 08. Free Trial Section *****/
#free-trial-section {
	padding-top: 70px;
	padding-bottom: 90px;
	background: linear-gradient(#a46bae, #5e99e6);
	background-size: cover;
	background-attachment: fixed;
}

#free-trial-section h1 {
	margin-bottom: 50px;
	color: #fff;
}

#free-trial-section p {
	margin-bottom: 60px;
	color: #fff;
}

#free-trial-section form input {
	height: 42px;
	background: transparent;
	font: 300 16px/26px "Lora", sans-serif;
	color: #fff;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	text-align: center;
	margin-top: 20px;
}

#free-trial-section form input:focus {
	box-shadow: 0 4px 2px -2px #51cbee;
}

#free-trial-section form ::-webkit-input-placeholder {
	color: #fff;
	opacity: 0.8;
}

#free-trial-section form ::-moz-placeholder {
	color: #fff;
	opacity: 0.8;
}

#free-trial-section form :-ms-input-placeholder {
	color: #fff;
	opacity: 0.8;
}

#free-trial-section form input:-moz-placeholder {
	color: #fff;
	opacity: 0.8;
}

#free-trial-section form button {
	margin-top: 20px;
}


/***** 09. Applications Portfolio Section *****/
#applications-portfolio-section {
	padding-top: 70px;
	padding-bottom: 90px;
	background-color: #e5e5e5;
}

#applications-portfolio-section h1 {
	margin-bottom: 50px;
}

#applications-portfolio-section img {
	margin-top: 80px;
}

#applications-portfolio-section .app-title {
	font: 500 23px/30px "Lora", sans-serif;
	margin-top: 25px;
}

#applications-portfolio-section .text-center {
	margin-top: 30px;
}


/***** 10. About Us Section *****/
#about-us-section {
	padding-top: 70px;
	padding-bottom: 90px;
}

#about-us-section h1 {
	margin-bottom: 50px;
}

#about-us-section p {
	margin-bottom: 60px;
}

#about-us-section h2 {
	font-weight: 300;
	margin-top: 60px;
	margin-bottom: 40px;
}

#about-us-section img {
	width: 90%;
	border-radius: 10px;
}

#about-us-section .development-process {
	text-align: left;
}

#about-us-section .development-process .process-container {
	margin-top: 40px;
}

#about-us-section .development-process p {
	margin-left: 0%;
	margin-right: 0%;
}

#about-us-section .development-process .about-us-icons {
	font-size: 38px;
	color: #1abc9c;
	float: left;
	margin-top: 3px;
}

#about-us-section .development-process .text-div {
	margin-left: 55px;
	margin-top: 10px;
}

#about-us-section .development-process .text-div h3 {
	display: inline;
}

#about-us-section .development-process .text-div p {
	margin-bottom: 5px;
}


/***** 11. Social Medial Section *****/
#social-media-section {
	padding-top: 19px;
	padding-bottom: 18px;
	background-color: #1abc9c;
}

#social-media-section span {
	font-size: 40px;
	color: #fff;
	margin: 7px 5px 7px 5px;
}

#social-media-section a {
	opacity: 0.7;
}

#social-media-section a:hover {
	opacity: 1;
}


/***** 12. Contact Section *****/
#contact-section {
	padding-top: 40px;
	padding-bottom: 60px;
	background-color: #fff;
}

#contact-section h1 {
	margin-bottom: 50px;
}

#contact-section p {
	margin-left: 5%;
	margin-right: 5%;
}

#contact-section form {
	margin-top: 40px;
}

/* Chrome/Opera/Safari */
#contact-section form ::-webkit-input-placeholder {
	color: #3a3a3a;
	opacity: 0.8;
}

/* Firefox 19+ */
#contact-section form ::-moz-placeholder {
	color: #3a3a3a;
	opacity: 0.8;
}

/* IE 10+ */
#contact-section form :-ms-input-placeholder {
	color: #3a3a3a;
	opacity: 0.8;
}

/* Firefox 18- */
#contact-section form :-moz-placeholder {
	color: #3a3a3a;
	opacity: 0.8;
}

#contact-section form input {
	height: 42px;
	background: transparent;
	font: 300 16px/26px "Lora", sans-serif;
	color: #3a3a3a;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	border-bottom: 1px solid black;
	text-align: center;
	margin-top: 20px;
}

#contact-section form input:focus, #contact-section form textarea:focus {
	box-shadow: 0 5px 2px -2px #bebebe;
}

#contact-section form textarea {
	background-color: transparent;
	color: #3a3a3a;
	font: 300 16px/26px "Lora", sans-serif;
	border: 1px solid rgba(0, 0, 0, 0.8);
	border-radius: 10px;
	margin-top: 50px;
}

#contact-section form textarea[placeholder] {
	text-align: left;
}

#contact-section form button {
	margin-top: 20px;
	border: none;
}

#contact-section .map-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
	border: 4px solid #e5e5e5;
	border-radius: 4px;
	margin-top: 0px;
}

#contact-section .map-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	border: none;
}

#contact-section .location-information {
	margin-top: 60px;
}

#contact-section .location-information ul {
	margin-top: 30px;
	list-style-type: none;
	padding-left: 0px;
}

#contact-section .location-information .location-item {
	margin-right: 14px;
}

#contact-section .location-information .location-icons {
	font-size: 15px;
	margin-right: 5px;
	width: 20px;
}

#contact-section .location-information .icon-phone {
	margin-right: 1px;
}

#contact-section .location-information .icon-envelope {
	margin-right: 7px;
}


/***** 13. Footer *****/
footer {
	padding-top: 25px;
	padding-bottom: 21px;
	background-color: #e5e5e5;
}

footer p {
	font: 300 14px/22px "Lora", sans-serif;
	color: #555;
	text-align: center;
	opacity: 0.8;
	width: 90%;
	margin: 0 auto;
}

footer p a {
	display: inline-block;
	margin-bottom: 5px;
	color: #000;
	text-decoration: none;
}

footer p a:hover {
	color: #000;
	text-decoration: underline;
}


/***** 14. Back To Top Button *****/
a.back-to-top {
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 10px;
	bottom: 10px;
	background: #3a3a3a url("../images/up-arrow.png") no-repeat center 47%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-size: 18px 18px;
}

a:hover.back-to-top {
	background-color: #193e52;
}


/***** 15. Header Privacy *****/
#header-privacy {
	position: relative;
	min-height: auto;
	width: 100%;
	background-color: #c62138;
}

#header-privacy .flex-container-wrapper {
	/* IE fix for vertical alignment in flex box */
	display: flex;
	flex-direction: column;
	height: 100%;
}

#header-privacy .header-privacy-content {
	position: relative;
	width: 100%;
	padding: 120px 0px 80px 0px;
	z-index: 2;
	margin-top: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#header-privacy .header-privacy-content h1 {
	margin-top: 0px;
	font: 500 40px/1.1em "Lora", sans-serif;
	color: #fff;
	text-align: center;
}


/***** 16. Privacy Content *****/
#privacy-content {
	padding-top: 30px;
	padding-bottom: 100px;
}

#privacy-content h4 {
	margin-top: 50px;
	margin-bottom: 10px;
}

#privacy-content ul {
	padding-left: 15px;
}

#privacy-content ul li {
	margin-top: 3px;
}

#privacy-content .gray-background {
	background-color: #ebebeb;
	padding: 35px 35px 30px 15px;
	margin-top: 20px;
}

#privacy-content .gray-background ol {
	counter-reset: awesome-counter;
	padding-left: 15px;
}

#privacy-content .gray-background li {
	list-style: none;
	margin-top: 3px;
}

#privacy-content .gray-background ol li:before {
	content: counter(awesome-counter);
    counter-increment: awesome-counter;
	margin-right: 8px;
	content: counter(awesome-counter) '.';
}

#privacy-content a:hover {
	color: #ff2121;
}


/***** 17. Header Terms *****/
#header-terms {
	position: relative;
	min-height: auto;
	width: 100%;
	background-color: #c62138;
}

#header-terms .flex-container-wrapper {
	/* IE fix for vertical alignment in flex box */
	display: flex;
	flex-direction: column;
	height: 100%;
}

#header-terms .header-terms-content {
	position: relative;
	width: 100%;
	padding: 120px 0px 80px 0px;
	z-index: 2;
	margin-top: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#header-terms .header-terms-content h1 {
	margin-top: 0px;
	font: 500 40px/1.1em "Lora", sans-serif;
	color: #fff;
	text-align: center;
}


/***** 18. Terms Content *****/
#terms-content {
	padding-top: 30px;
	padding-bottom: 100px;
}

#terms-content h4 {
	margin-top: 50px;
	margin-bottom: 10px;
}

#terms-content ul {
	padding-left: 30px;
}

#terms-content ul li {
	margin-top: 3px;
}

#terms-content a:hover {
	color: #ff2121;
}


/***** 19. Media Queries *****/

/* Min-width width 768 */
@media (min-width: 768px) {

	/* Style Switcher */
	#style-switcher {
		top: 150px;
	}

	/* Logo image not affixed */
	.navbar-brand.img-logo.scrolling img {
		width: 113px;
		height: 39px;
		margin-top: 7px;
		margin-left: 0px;
	}
    
    

	/* Logo image affixed while scrolling */
	.navbar.navbar-default.navbar-custom.navbar-fixed-top.affix .navbar-brand.img-logo.scrolling img {
		width: 101px;
		height: 35px;
		margin-top: 10px;
		margin-left: 0px;
	}

	/* Logo text not affixed */
	a.navbar-brand.scrolling {
		margin-top: 2px;
		font: 300 38px/0.5em "Lora", sans-serif;
	}

	/* Logo text affixed while scrolling */
	.navbar.navbar-default.navbar-custom.navbar-fixed-top.affix a.navbar-brand.scrolling {
		font: 300 38px/0.55em "Lora", sans-serif;
		margin-top: 0px;
	}

	.navbar-custom {
		background-color: transparent;
		padding: 25px 0;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
		border: none;
	}

	.navbar-custom .navbar-brand {
		font-size: 2em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.navbar-custom .navbar-nav > .active > a {
		border-radius: 3px;
	}

	.navbar-custom.affix {
		background-color: #5c4e89;
		padding: 5px 0;
	}

	.navbar-custom .nav li a.scrolling {
		padding-left: 12px;
		padding-right: 12px;
		margin-top: 2px;
	}

	header {
		min-height: 100%;
	}

	header .header-content {
		position: relative;
		width: 100%;
		padding: 100px 15px;
		z-index: 2;
		margin-top: 0px;
	}

	header .header-content iframe {
		width: 100%;
		height: 100%;
	}

	header .header-content .embed-responsive {
		margin-top: 25px;
	}

	header .header-content h1 {
		font: 300 44px/56px "Lora", sans-serif;
	}

	header .header-content .header-buttons .button-large-transparent {
		margin-top: 0px;
	}

	#testimonials-section {
		padding-top: 50px;
		padding-bottom: 110px;
	}

	#features-section {
		padding-top: 110px;
		padding-bottom: 50px;
	}

	#features-section h1 {
		margin-bottom: 80px;
	}

	#features-section .sub-heading {
		margin-left: 5%;
		margin-right: 5%;
	}

	#description-section {
		padding-top: 110px;
		padding-bottom: 120px;
	}

	#description-section h1 {
		margin-bottom: 80px;
	}

	#description-section .first-row .text-center {
		text-align: left;
	}

	#description-section .second-row .nav-pills li {
		width: auto;
		text-align: initial;
	}

	#description-section .second-row .text-center {
		text-align: left;
	}

	/* Magnific PopUp FAQ PopUp */
	#small-dialog {
		padding: 30px 40px 40px 40px;
	}

	#small-dialog .bullet-number {
		margin-right: 12px;
	}

	#small-dialog .faq-text {
		max-width: 89%;
	}

	#screenshots-section {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	#screenshots-section h1 {
		margin-bottom: 90px;
	}

	#screenshots-section #myCarousel {
		margin-top: 0px;
	}

	#free-trial-section {
		padding-top: 110px;
		padding-bottom: 120px;
	}

	#free-trial-section h1 {
		margin-bottom: 80px;
	}

	#free-trial-section p {
		margin-left: 5%;
		margin-right: 5%;
	}

	#applications-portfolio-section {
		padding-top: 110px;
		padding-bottom: 120px;
	}

	#applications-portfolio-section h1 {
		margin-bottom: 80px;
	}

	#applications-portfolio-section img {
		margin-top: 80px;
	}

	#about-us-section {
		padding-top: 110px;
		padding-bottom: 120px;
	}

	#about-us-section h1 {
		margin-bottom: 80px;
	}

	#about-us-section p {
		margin-left: 5%;
		margin-right: 5%;
	}

	#contact-section {
		padding-top: 110px;
		padding-bottom: 120px;
	}

	#contact-section h1 {
		margin-bottom: 90px;
	}

	#contact-section form button {
		margin-top: 15px;
	}

	#contact-section .location-information ul {
		margin-top: 5px;
	}

	#contact-section .location-information ul li {
		display: inline;
	}

	#header-privacy .header-privacy-content h1 {
		font: 500 44px/1.1em "Lora", sans-serif;
	}

	#privacy-content ul {
		padding-left: 25px;
	}

	#privacy-content .gray-background ol {
		padding-left: 25px;
	}

	#header-terms .header-terms-content h1 {
		font: 500 44px/1.1em "Lora", sans-serif;
	}

	#terms-content ul {
		padding-left: 45px;
	}
}

/* Min-width 992 */
@media (min-width: 992px) {
	header .header-content iframe {
		width: 96%;
		height: 96%;
	}

	header .header-content .embed-responsive {
		margin-top: 75px;
	}

	header .header-content h1 {
		margin-top: 70px;
	}

	header .header-content .app-price {
		text-align: left;
		margin-top: 20px;
		margin-bottom: 0px;
	}

	header .header-content .header-buttons {
		text-align: left;
	}

	#description-section .first-row img {
		width: 95%;
	}

	#description-section .first-row h2 {
		margin-top: 0px;
	}

	#description-section .second-row .nav-pills li a {
		margin-top: 0px;
	}

	#description-section .second-row img {
		width: 95%;
		float: right;
	}

	#free-trial-section form input {
		margin-top: 0px;
	}

	#applications-portfolio-section {
		padding-top: 70px;
		padding-bottom: 140px;
	}

	#applications-portfolio-section h1 {
		margin-bottom: 80px;
	}

	#applications-portfolio-section img {
		margin-top: 0px;
	}

	#about-us-section .development-process .process-container {
		margin-top: 0px;
	}

	#about-us-section .development-process .about-us-icons {
		margin-top: 11px;
	}

	#contact-section .map-responsive {
		width: 97%;
	}

	#contact-section form {
		margin-top: 0px;
		width: 97%;
		float: right;
	}

	#contact-section form textarea {
		margin-top: 15px;
	}

	#contact-section form input {
		margin-top: 0px;
	}

	#contact-section form button {
		margin-top: 5px;
	}
}

/* Min-width 1200 */
@media (min-width: 1200px) {
	header .header-content .embed-responsive {
		margin-top: 120px;
	}

	header .header-content h1 {
		margin-top: 90px;
	}

	#description-section .first-row h2 {
		margin-top: 60px;
	}

	#description-section .second-row .nav-pills li a {
		margin-top: 60px;
	}

	#contact-section form {
		margin-top: 15px;
	}

	#contact-section form textarea {
		margin-top: 20px;
	}

	#contact-section form button {
		margin-top: 15px;
	}

	#contact-section .location-information p {
		margin-bottom: 0px;
	}
}