/* ================================= CSS Structure =================================
1. GLOBAL STYLES	
	- Fonts
	- Main Styles
	- Extra Classes
		- Z Indexes
		- Social Icon Hover Styles
		- Title and Desc Styles
		- Pointer Arrow Common Styles
	- Button Styles

2. HEADER SECTION	
	- Triangle Background
	- Logo & Menu
		- Navigation
	- Top Social Icon Styles
	
3. BANNER SECTION
	- Left Banner Styles
	- Right Banner Styles
	- Banner Carousel Slider
	
4. FEATURES SECTION
5. REVIEWS SECTION
6. SERVICES SECTION
7. SCREENSHOT SECTION
8. PRICING SECTION
9. DEMO SECTION
10. DOWNLOAD SECTION
11. CONTACT US SECTION
12. FOOTER SECTION
=========================================================================== */

/* =========================== GLOBAL STYLES ============================== */
/* ------------- Fonts ------------- */
@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;
}
@font-face {
    font-family: 'latohairline';
    src: url('../fonts/lato-hai-webfont.eot');
    src: url('../fonts/lato-hai-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-hai-webfont.woff') format('woff'),
         url('../fonts/lato-hai-webfont.ttf') format('truetype'),
         url('../fonts/lato-hai-webfont.svg#latohairline') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
    font-size: 20px;
	font-style: normal;	
}
.flaticon-arrow351:before {
	content: "\e000";
}
.flaticon-big44:before {
	content: "\e001";
}
.flaticon-check13:before {
	content: "\e002";
}
.flaticon-checkmark17:before {
	content: "\e003";
}
.flaticon-open7:before {
	content: "\e004";
}
.flaticon-phone71:before {
	content: "\e005";
}
.flaticon-yield:before {
	content: "\e006";
}
.glyph-item { 
    line-height: 1;
	display: inline-block;
}
/* ------------- Main Styles ------------- */
body {
	color: #000000;
	font-size: 12px;
	padding: 0;
	font-family: 'Figtree', sans-serif;
	-webkit-font-smoothing: antialiased !important;
	background:/* url(../images/bg.png) top left repeat */#fff;
	overflow-x: hidden;
	margin: 0 auto;

}
a, a:hover, a:focus, .btn:focus{
    text-decoration: none;
	outline: none;
}
img, img.responsive {
	max-width:100%;
	width: auto \9 !important;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.static {
	position: static;
}
.container {
    max-width: 1200px;
	width: 100%;
}
.no-padding {
	padding: 0;
}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
.animated {
	visibility:hidden;
	animation-fill-mode: none;
	-webkit-animation-fill-mode: none;
	-moz-animation-fill-mode: none;
	-o-animation-fill-mode: none;
	-ms-animation-fill-mode: none;
}
.visible {
	visibility:visible;
}
.btn:hover, .btn:focus {
	background: #333;
	color: #fff;
}
.btn {
	display: inline-block;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
}
/* ------------- Extra Classes ------------- */
.text-extrabold {
	font-weight: 800;
}
.text-bold {
	font-weight: 700;
}
.light-italic {
	font-family: 'Figtree', sans-serif;
	font-weight: 300;
	font-style: italic;
}
.extrabold-italic {
	font-family: 'Figtree', sans-serif;
	font-weight: 800;
	font-style: italic;
}
.bold-italic {
	font-family: 'Figtree', sans-serif;
	font-weight: 700;
	font-style: italic;
}
.color-yellow {
	color: #F0AB00;
}
.color-grey {
	color: #000000;
}
.color-blue {
	color: #414f5e;
}
.color-white {
	color: #FFFFFF;
}

.pageloader {
	background: url(../images/loader.gif) center center no-repeat #fff;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

/* ------- Social Icon Hover Styles ------- */
.gk-facebook:hover, .gk-facebook:focus, .gk-facebook:active {
	background: #3B5999;
	color: #fff;
}
.gk-twitter:hover, .gk-twitter:focus, .gk-twitter:active {
	background: #00ACEE;
	color: #fff;
}
/* ------- Title and Desc Styles ------- */
.section-title {
	font-family: 'Figtree', sans-serif;
	font-size: 50px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 300;
}

.underscore{


 border-bottom: 2px solid #F0AB00;

}


.after-2000 .section-title, .after-2600 .section-title, .after-3000 .section-title {
	font-size: 50px;
}
.welcome {
  font-size:50px;
}
.section-msg {
	font-family: 'Figtree', sans-serif;
	font-weight: 300;
	font-size: 25px;
	line-height: 1.4;
	margin-top: 15px;
}
.section-msg-bold {
	font-family: 'Figtree', sans-serif;
	font-weight: 500;
	font-size: 25px;
	line-height: 1.4;
	margin-top: 15px;
}
.section-msg-mid {
	font-family: 'Figtree', sans-serif;
	font-weight: 300;
	font-size: 22px;
	line-height: 1.4;
	margin-top: 15px;
}

.section-msg1 {
	font-family: 'Figtree', sans-serif;
	font-weight: 300;
	font-size: 42px;
}
.gk-triangle-medium:before, .gk-triangle-medium:after {
	font-size: 30px;
}
/* ------- Pointer Arrow Common Styles ------- */
.gk-pointer-features {
	position: absolute;
}
.gk-pointer-features.animated {
	visibility: hidden;
}
.gk-pointer-features.visible {
	visibility: visible;
}
/* ------------- Button Styles ------------- */
.gk-btn {
	font-family: 'Figtree', sans-serif;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	padding: 13px 12px;
	width: 159px;
}
.gk-btn .fa {
	padding-right: 8px;
}
.gk-btn-margin {
	margin-right: 30px;
}
.btn-colortwo {
	border-color: #F1C40F;
	color: #F1C40F;
}
.btn-colorthree{
	border-color: #F1C40F;
	color: #F1C40F;
}
.btn-colortwo:hover, .btn-colortwo:active, .btn-colortwo:focus {
	background: #F1C40F;
	color: #FFFFFF;
}
.btn-colorone:hover, .btn-colorone:active, .btn-colorone:focus {
	background: #1abc9c;
	color: #FFFFFF;
}
.btn-colorone {
	border-color: #1abc9c;
	color: #1abc9c;
}
.section-padding {
	padding: 100px 0;
}
/* =========================== HEADER SECTION ============================== */

.header-section {
    background: none repeat scroll 0 0 #37147D;
}
#header .triangle-shape.banner-nav {
    margin-left: 50px;
}

#about {
	padding-bottom: 30px;

	background-color: #651ae2;
}



/* ------------- Banner  ------------- */
.banner-bg {
	min-height: 480px;
	position: relative;
	top: -70px;
	margin: 0 auto;


}
.banner-bg .section-padding {
	margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}


/* ------------- Logo & Menu ------------- */



.logo-container {
	background: rgb(54, 21, 121);
	color: #fff;
	padding: 16px 0 13px;
}
.sticky-navigation {
	width: 100%;
	z-index: 1000;
	position: relative;
}
/* -------- Navigation --------- */
.top-navbar {
	margin: 0;
	min-height: inherit;
}
.top-navbar ul.nav a {
	font-size: 16px;
	font-weight: 800;
	color: #FFCE00;
}
.top-navbar ul.nav a:hover, .top-navbar ul.nav a:focus, .top-navbar ul.nav a:active, .top-navbar ul.nav li.active a {
	background:none !important;
	color: #ffffff;
}
.navbar-toggle {
	background-color: #FFCE00;
	margin-top:-40px;
	margin-right:0px;
}
.navbar-toggle .icon-bar {
	background-color:#FFFFFF;
}
.navbar-nav {
	margin: 0px;
}
.navbar-nav li {
	margin-right: 0px;
}
.after-2000 .navbar-nav li, .after-2600 .navbar-nav li {
	margin-right: 12px;
}
.navbar-nav li a{
	padding-bottom:7px;
	padding-top:7px;
}
.top-navbar .dropdown a{
	background:none !important;
}
/* ------------- Top Social Icon Styles ------------- */
.top-social-icon {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
.top-social-icon li {
	float: left;
}

.top-social-icon li a {

	font-size: 12px;
	display: block;
	width: 18px;
	height: 18px;

	margin: 7px 26px 0 0;
}
.top-social-icon li img {
	width: 18px;
	height: 20px;
	display: block;
	line-height: 18px;
	text-align: center;
}
.top-social-icon li:last-child a {
	margin-right: 0;
}
/* =========================== BANNER SECTION ============================== */
/* ------------- Left Banner Styles ------------- */
.left-banner-text {
	margin-top: 0;
	padding-top: 20px;
}
.after-1500 .left-banner-text {
	margin-top: 30px;
}
.after-1500 .right-banner-image {
	margin-top: 20px;
}
.left-banner-text h1 {
	font-size: 53px;
	margin: 0;
	font-weight: 300;
	font-family: 'Figtree', sans-serif;
}
.text-slider {
	margin-bottom: 30px;
}
.text-slider ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.banner-text {
	font-family: 'Figtree', sans-serif;
	font-weight: 300;
	font-size: 17px;
	padding: 0 30px 0 0;
	color: #7f8c8d;
}
.banner-button {
	padding: 32px 45px 0 0;
}
.triangle-shape {
	padding: 10px 0 80px;
}
.flaticon.gk-triangle-bigsharp:before, .flaticon.gk-triangle-bigsharp:after {
	font-size: 36px;
	font-weight: bold;
}
.banner-section {
	padding-top: 70px;
	position: relative;
	z-index: 10;
}

.banner-section-min {
    padding-top: 0px;
	position: relative;
	z-index: 10;
}

.banner-triangle:hover, .banner-triangle:active, .banner-triangle:focus {
	color: #FFFFFF;
}
.banner-triangle:hover {
	opacity: 0.6;
	transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-webkit-transition: all 0.4s ease-in 0s;
	-o-transition: all 0.4s ease-in 0s;
	-ms-transition: all 0.4s ease-in 0s;
}
.banner-left-margin {
	margin-bottom: 12px;
}
/* ------------- Right Banner Styles ------------- */
.right-banner-image {
	padding-top: 10px;
	margin-top: 50px;
}
.banner-image-info {
	margin-top: 100px;
}
.banner-info {
	font-family: 'Figtree', sans-serif;
	font-weight: 300;
	font-size: 12px;
	color: #bdc3c7;
	padding: 0 5px;
}
.banner-info .text-bold {
	font-size: 32px;
	display: block;
	color: #7f8c8d;
}
.close-brackets {
	font-family: 'latohairline';
	color: #dee1e4;
	font-size: 86px;
}
.banner-image-info .fa {
	font-size: 32px;
	vertical-align: top;
	line-height: 80px;
	margin-top: 20px;
	padding-left: 15px;
	width: 40px;
}
.banner-info-right {
	margin-top: -30px;
}
/* ------------- Banner Carousel Slider ------------- */
.banner-carousel-slider {
	/*text-align: center;	*/
	padding-top: 30px;
}
.banner-carousel-slider .fa {
	font-size: 120px;
	margin-bottom: 60px;
}
.slider-text {
	font-family: 'Figtree', sans-serif;
	font-weight: 300;
	font-size: 20px;
	padding: 30px 0;
	color: #7f8c8d;
}
.banner-item h1:after {
	content: "";
	width: 320px;
	height: 1px;
	border: 1px solid #F1C40F;
	text-align: center;
	margin: 15px 160px 0;
	display: block;
}
.slider-button .fa {
	font-size: 20px;
	margin-bottom: 0;

}
.slider-button{
	margin-top:80px;
	margin-bottom:20px;
}

.btn-huge{
	padding-top:20px;
	padding-bottom:20px;
}

/* =========================== FEATURES SECTION ============================== */
.features-section {
	background-color: #3092f5;
}

#past{
	background-color: #070328;
}

.features-left-info {
	padding: 120px 0 0 15px;
}
.gk-list {
    display: inline-block;
    width: 100%;
	padding-top: 5px;
}
.gk-list li {
	font-size: 17px;
	clear: both;
	float: left;
	display: inline-block;
	border-bottom: 1px solid #ffffff;
	padding: 5px 12px 5px 0;
}
.gk-list li .fa {
	display: inline;
	font-size: 15px;
}
.gk-list li .simple-icon {
	font-size: 14px;
	padding-right: 4px;
	text-shadow: 0 0 0;
}
.gk-list li.no-border {
	border: none;
}
.features-right-grid {
	padding-top: 30px;
	padding-left: 40px;
}
.text-right .features-grid {
	padding: 0 30px 10px 30px;
}
.features-grid {
	padding: 0 40px 10px 0;
}
.features-grid .fa, .features-grid .simple-icon {
	font-size: 26px;
	padding-bottom: 10px;
}
.grid-title {
	font-size: 21px;
}
.features-line {
	border-color: #bdc3c7;
	width: 78%;
}
.features-right-grid .text-right .features-line {
	margin-left: 20px;
	margin-right: 20px;
	float: right;
}
.features-right-grid .features-line {
	margin-right: 20px;
	margin-left: -10px;
	float: left;
}
.gk-divider {
	border-right: 1px solid #bdc3c7;
}
.ipad-shot-wrapper {
	margin-top: -130px;
	margin-left: -25px;
}
.features-right-info {
	position: static;
	padding-left: 120px;
}
.gk-pointer-features.gk-right-arrow {
	left: 15%;
	top: 6%;
}
/* =========================== REVIEWS SECTION ============================== */
.gk-pointer-features.gk-left-arrow {
	right: 25%;
    top: 10%;
}
.reviews-slider-section {
	padding: 90px 0 0;
}
.reviews-info {
	text-align: center;
	padding: 0 70px 0 30px;
}
.reviews-msg {
	font-size: 17px;
	margin-bottom: 40px;
	line-height: 1.6;
}
.reviews-msg:before {
	content: "\e004";
	font-family: Flaticon;
	color: #F1C40F;
	font-size: 26px;
}
.reviews-image img {
	float: right;
	max-width: 310px;
	margin: 30px 30px 0 0;
}
.reviews-author:before {
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #7f8c8d;
	border-radius: 50%;
	padding: 0 7px;
	font-size: 10px;
}
.reviews-author {
	font-size: 21px;
}
.reviews-author .author-sub {
	font-size: 17px;
}
.author-margin {
	margin: 45px 0 0;
}
.info-margin {
	margin: 35px 0 0;
}
.reviews-indicators {
	bottom: 0;
    position: absolute;
    right: 12%;
}
.reviews-indicators .fa {
	font-size: 26px;
}
.reviews-indicators .fa:hover {
	opacity: 0.7;
}
.main-reviews-image {
    padding-bottom: 90px;
}
.gk-reviews-big-circle {
	width: 130px;
	height: 130px;
	border: 1px solid #FFFFFF;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	position: absolute;
	top: 67%;
	left: 20%;
}
.gk-reviews-small-circle {
	width: 80px;
	height: 80px;
	border: 1px solid #FFFFFF;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	position: absolute;
	left: 86%;
	top: 81%;
}
.gk-slide-left, .gk-slide-right {
	padding: 0 10px;
}
/* =========================== SERVICES SECTION ============================== */
.app-services-section {
	background-color:#16a085;
}
.awesome-container {
	padding-top: 100px;
	max-width: 1320px;
}
.awesome-services {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #35c8ab;
    border-radius: 12px;
	max-width: 312px;
	margin: 0 auto;
	padding: 40px 35px;
}
.awesome-services .simple-icon {
    font-size: 32px;
    padding-bottom: 30px;
	display: block;
}
.awesome-services h3 {
	font-size: 21px;
	margin-top: 0;
	margin-bottom: 25px;
}
.awesome-services .big-text {
	font-size: 17px;
	line-height: 27px;
	margin-bottom: 18px;
}
.gk-pointer-center img { margin:0 auto; }

/* =========================== SCREENSHOT SECTION ============================== */
.app-screen-section{
	background-color:#ECF0F1;
}
.app-left-info {
	padding-top: 70px;
}
.gk-pointer-features.gk-app-right-arrow {
	top: 25%;
	left: 19.5%;
}

.owl-controls .owl-buttons div {
	display: inline-block;
}
.owl-controls .owl-buttons  .owl-prev {
    left:  0;
	top:50%;
    position: absolute;
}
.owl-controls .owl-buttons  .owl-next {
    position: absolute;
    right: 0;
	top:50%;
}
.owl-controls .owl-buttons .fa {
	padding: 0 10px;
	font-size: 26px;
}
.owl-controls .owl-buttons .fa:hover {
	opacity: 0.7;
}
.app-carousel-slider {
	padding: 15px 0 0;
}
.screen-item img {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	margin: 0 auto;
}
.app-container {
	max-width: 1320px;
}
/* =========================== PRICING SECTION =========================== */
.pricing-section.app-section-padding {
	padding-top: 120px;
}
.gk-pricing-arrow {
    left: 24%;
    top: 75%;
}
.pricing-container {
	max-width: 1320px;
	padding-top: 90px;
}
.pricing-box {
	max-width: 315px;
	margin: 0 auto;
}
.pricing-title {
	background: none repeat scroll 0 0 #1a2836;
    border-radius: 10px 10px 0 0;
    padding: 20px 0;
}
.pricing-title h3 {
	font-size: 21px;
}
.pricing-box .symbol {
	font-size: 21px;
	vertical-align: top;
	line-height: 50px;
	padding-right: 8px;
}
.pricing-box .price h6 {
	font-size: 90px;
	line-height: 90px;
	padding-left: 20px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.price .per-month {
	font-size: 17px;
	line-height: 20px;
}
.pricing-box ul {
	background: none repeat scroll 0 0 #fff;
    border: 1px solid #8ea8c1;
    border-radius: 0 0 10px 10px;
    padding: 40px;
	width: 100%;
}
.pricing-box ul li {
	line-height: 24px;
}
/* =========================== DEMO SECTION ============================== */
.video-section {
	background-color:#2c3e50;
	}
.video-bg{
	background:url(../images/video-bg.png) center center no-repeat;
	background-size: cover;
    padding-top:60px;
	padding-bottom: 60px;
	position: relative;
    height: 510px;
	margin-top: 70px;
	border: 2px solid rgba(0,0,0,0.5);
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
}
#video_container {
	height: 510px;
}
.mb_YTVPBar .ytpicon {
	border-width: 12px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	font-size: 90px;
	line-height: 105px;
}
.mb_YTVPBar span{
    height: 128px;
    width: 128px;
}
.gk-pointer-features.gk-down-arrow {
	top: 64%;
	right: 20%;
}
/* =========================== DOWNLOAD SECTION ============================== */
.download-section {
	background-color: #2dca70;
}
.download-right-info {
	padding: 0 0 30px;
}
.download-button {
	margin: 20% 0 15%;
	text-align: center;
	padding-top: 30px;
}
.gk-download-btn {
	font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding: 12px 16px;
    text-transform: uppercase;
    width: auto;
}
.gk-download-btn .fa {
	padding-right: 10px;
	font-size: 17px;
}
.gk-download-pointer.gk-up-right-arrow {
	top: 100%;
	left: 50%;
}
.download-section .gk-input-submit.submit {
    padding-top: 20px;
}
.subscribe-form {
	padding-top: 20px;
}
.subscribe-form .form-group.gk-email {
	max-width: 415px;
	margin: 0 auto;
}
.has-error .help-block {
	margin: 0;
}
.download-section .gk-contact-form .form-control {
	border-bottom: 1px solid #7f8c8d;
	color: #7f8c8d;
	}
.download-section .gk-contact-form .form-control::-moz-placeholder {
	color:#7f8c8d;
}
.download-section .gk-contact-form .form-control:-ms-input-placeholder {
	color:#7f8c8d;
}
.download-section .gk-contact-form .form-control::-webkit-input-placeholder {
	color:#7f8c8d;
}
.download-section .gk-submit {
	border: 1px solid #7f8c8d;
	color: #7f8c8d;
}
.download-section .gk-submit:hover {
	color:#fff;
	background:#7f8c8d;
	}
/* =========================== CONTACT US SECTION ============================== */
.contact-section {
	background-color:#37147D;
	}
.gk-contact-form {
	padding-top: 40px;
}
.gk-contact-form .form-control {
	background: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	resize: none;
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Figtree', sans-serif;
	font-weight: 700;
	font-size: 17px;
	padding-left: 0;
}
.gk-contact-form .form-control::-moz-placeholder {
	color:#fff;
	text-transform: uppercase;
}
.gk-contact-form .form-control:-ms-input-placeholder {
	color:#fff;
	text-transform: uppercase;
}
.gk-contact-form .form-control::-webkit-input-placeholder {
	color:#fff;
	text-transform: uppercase;
}
.gk-contact-form .form-group {
	margin-bottom: 30px;
}
.gk-textarea-message .form-control {
	background-image: -webkit-linear-gradient(left, transparent 10px, transparent 10px), -webkit-linear-gradient(right, transparent 10px, transparent 10px), -webkit-linear-gradient(transparent 60px, #fff 60px, #fff 61px, transparent 61px);
    background-image: -moz-linear-gradient(left, transparent 10px, transparent 10px), -moz-linear-gradient(right, transparent 10px, transparent 10px), -moz-linear-gradient(transparent 60px, #fff 60px, #fff 61px, transparent 61px);
    background-image: -ms-linear-gradient(left, transparent 10px, transparent 10px), -ms-linear-gradient(right, transparent 10px, transparent 10px), -ms-linear-gradient(transparent 60px, #fff 60px, #fff 61px, transparent 61px);
    background-image: -o-linear-gradient(left, transparent 10px, transparent 10px), -o-linear-gradient(right, transparent 10px, transparent 10px), -o-linear-gradient(transparent 60px, #fff 60px, #fff 61px, transparent 61px);
    background-image: linear-gradient(left, transparent 10px, transparent 10px), linear-gradient(right, transparent 10px, transparent 10px), linear-gradient(transparent 60px, #fff 60px, #fff 61px, transparent 61px);
    background-size: 100% 100%, 100% 100%, 100% 61px;
	line-height: 61px;
	border: none;
}
.gk-submit {
	background: none;
	border: 1px solid #fff;
	font-family: 'Figtree', sans-serif;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	padding: 12px 40px;
}
.gk-contact-form .has-error .form-control {
	border-color: #a94442;
}
.gk-contact-form .has-error .form-control:focus, .gk-contact-form .has-success .form-control:focus {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
}
.gk-contact-form .has-success .form-control:focus {
	border-color: #7f8c8d;
}
.gk-textarea-message .form-control-feedback {
	line-height: 61px;
	height: 61px;
}
.has-error .gk-textarea-message .form-control {
	background-image: -webkit-linear-gradient(left, transparent 10px, transparent 10px), -webkit-linear-gradient(right, transparent 10px, transparent 10px), -webkit-linear-gradient(transparent 60px, #a94442 60px, #a94442 61px, transparent 61px);
    background-image: -moz-linear-gradient(left, transparent 10px, transparent 10px), -moz-linear-gradient(right, transparent 10px, transparent 10px), -moz-linear-gradient(transparent 60px, #a94442 60px, #a94442 61px, transparent 61px);
    background-image: -ms-linear-gradient(left, transparent 10px, transparent 10px), -ms-linear-gradient(right, transparent 10px, transparent 10px), -ms-linear-gradient(transparent 60px, #a94442 60px, #a94442 61px, transparent 61px);
    background-image: -o-linear-gradient(left, transparent 10px, transparent 10px), -o-linear-gradient(right, transparent 10px, transparent 10px), -o-linear-gradient(transparent 60px, #a94442 60px, #a94442 61px, transparent 61px);
    background-image: linear-gradient(left, transparent 10px, transparent 10px), linear-gradient(right, transparent 10px, transparent 10px), linear-gradient(transparent 60px, #a94442 60px, #a94442 61px, transparent 61px);    
}
.gk-form-message {
	text-align: center;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 700;
	padding-top: 10px;
	display: none;
}
.gk-form-message .glyphicon {
	padding-right: 8px;
}
.gk-form-message-subscribe {
	color: #7f8c8d;
}
.gk-submit:hover {	
	color:#F1C40F;
	background:#fff;
	}
.gk-contact-pointer {
	padding: 170px 0 0;
	margin-left: -70px;
}
.gk-contact-pointer img {
	margin: 0 auto;
}
.gk-contact-form {
    padding-top: 120px;
}
.contact-info {
	padding-top: 160px;
	font-size: 17px;
}
.contact-row {
	margin-bottom: 15px;
}
.contact-row p {
	margin-bottom: 5px;
}
.contact-info .simple-icon {
	font-size: 20px;
	text-shadow: 0 0 0;
}
/* =========================== FOOTER SECTION ============================== */
.footer-bg {
	background: #070328;
	color: #7f8c8d;
	padding: 10px 0;
}
.footer-bg p {
	margin: 0;
}
.footer-social-icon {
	display: inline-block;
	margin: 0 0 0 20px;
}
.footer-social-icon a {
	background: #F1C40F;
	border-radius: 100%;	
	font-size: 12px;	
	display: inline-block;
	width: 18px;
	height: 18px;
	color: #1a2531;
	margin: 0 3px;	
}
.footer-social-icon .fa {
	width: 18px;
	height: 18px;	
	display: block;
	line-height: 18px;
}

/***********************
  ROUND BUTTONS
************************/
.round {
	border-radius: 24px;
	/*min-width: 250px;*/
}

/***********************
  OUTLINE BUTTONS
************************/

.btn.outline {
	background: none;
	/*padding: 12px 22px;*/
	/*font-size: 20px;*/
}
.btn-white.outline {
	border: 2px solid #ffffff;
	color: #ffffff;
}
.btn-white.outline:hover, .btn-white.outline:focus, .btn-white.outline:active, .btn-white.outline.active, .open > .dropdown-toggle.btn-white {
	color: #000000;
	border-color: #000000;
}
.btn-white.outline:active, .btn-white.outline.active {
	border-color: #007299;
	color: #007299;
	box-shadow: none;
}

/***********************
  CUSTON BTN VALUES
************************/

.btn {
	padding: 14px 24px;
	border: 0 none;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: 0 none;
}

form{
	font-size: 16px;
}

ul.featuresList {
	font-size: 1.7rem;
	margin-top: 4rem;
}
.featuresList li {
	margin-bottom: 1.7rem;
	line-height: 1.5rem;
}


/*top area*/




#myCarousel a {
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
	color: #192f95;
}

#myCarousel a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50); /* IE7 */
	opacity: 0.6;
	text-decoration: none;
}



#myCarousel .thumbnails li > .caption {
	background:#000000 !important;
	/*padding:5px*/
}

.thumbnail {
	display: block;
	bottom-padding:15px!important;
	top-padding:15px!important;
	margin-bottom:10px!important;
	line-height: 1.42857143;
	background-color: #ffffff !important;
	border: 1px solid rgba(63, 62, 62, 0.37) !important;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}

#myCarousel.page-header h3 {
	line-height: 0.88rem;
	color: #192f95;
}

 ul.thumbnails {
	margin-bottom: 0px;
}
 .bolder{
	font-weight:bolder !important;
	color:#000000!important;
}

/* Thumbnail Box */
.caption h4 {
	color: #192f95;
	font-weight: bolder;
}

 .caption p {
	color: #ffffff;
	 font-size: 14px!important;
}

.well{
	background-color: rgb(255, 255, 255,0.2)!important;
	margin-top: 15px!important;
	border: 1px solid #000!important;

}


/* Carousel Control */
 .control-box {
	text-align: right;
	width: 100%;
}
.carousel-control{
	background: #666;
	border: 0px;
	border-radius: 0px;
	display: inline-block;
	font-size: 34px;
	font-weight: 200;
	line-height: 18px;
	opacity: 0.5;
	padding: 4px 10px 0px;
	position: static;
	height: 30px;
	width: 15px;
}

.carousel-inner {
min-height: 290px!important;
}

#myCarousel a{
	color:#ffffff;
}
.pager li > a, .pager li > span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #ffffff !important;
	border: 1px solid #ddd;
	color: #070328!important;
	border-radius: 15px;
}



/* Mobile Only */
@media (max-width: 767px) {
 .control-box {
		text-align: center;
	}
}
@media (max-width: 479px) {
 .caption {
		word-break: break-all;
	}
}


#myCarousel li { list-style-type:none;}


/* Isolated Styling for Carousel */
.testimonial-carousel {
	background: #F0E8FD;
	padding: 20px;
	border: 1px solid #F0E8FD;
	border-radius: 10px;
	text-align: left;
}

/* Quote styling */
.testimonial-carousel .quote {
	font-style: italic;
	font-weight: bold;
	color: #000000;
	font-size: 25px;
}

/* Author styling */
.testimonial-carousel .author {
	margin-top: 20px;
	font-weight: bold;
	color: #090528;
	font-size: 19px;
}

/* Carousel navigation buttons */
.testimonial-carousel .carousel-control {
	width: 5%; /* Reduce size of the control area */
	background: none; /* Remove default background */
	color: #333; /* Icon color */
}

.testimonial-carousel .carousel-control:hover,
.testimonial-carousel .carousel-control:focus {
	color: #000; /* Darken icons on hover */
	background: rgba(255, 255, 255, 0.3); /* Add subtle background */
}

/* Indicators */
.testimonial-carousel .carousel-indicators {
	bottom: -25px; /* Move indicators away from the content */
}

.testimonial-carousel .carousel-indicators li {
	background-color: #ddd;
}

.testimonial-carousel .carousel-indicators .active {
	background-color: #555;
}

.testimonial-carousel .carousel-inner {
	min-height: 230px!important;
}