@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700');

/**
 * General
 * -1 Color Styles
 * -2 Spacers
 * -3 Classes
 * -4 Div Centering
 */
	html, body {
		margin: 0;
		width: 100%;
		height: 100%;
		-webkit-font-smoothing: antialiased;
  	    	moz-osx-font-smoothing: grayscale;
  	    font-family: 'Lato', sans-serif;
	}

	h1, h2, h3, h4 { font-weight: bold; }
	a { color: #2a2c77; text-decoration: underline; }
	a, a:hover, a:focus { transition: all .5s ease; }
	section { position: relative; overflow: hidden; padding-bottom: 80px; }
	img { width: 100%; }

	/*** -1 Color Styles */
		.t-primary  	{ color: #2a2c77; }
		.t-secondary	{ color: #29aae1; }
		.t-tertiary		{ color: #61C33A; }
		.t-dark 		{ color: #231f20; }
		.t-white 		{ color: #ffffff; }

		.b-primary 		{ background-color: #2a2c77; }
		.b-secondary	{ background-color: #29aae1; }
		.b-tertiary		{ background-color: #61C33A; }
		.b-dark 		{ background-color: #231f20; }
		.b-white 		{ background-color: #ffffff; }

		.t-upper		{ text-transform: uppercase; }

	/*** -2 Spacers */
		.m20t 	{ margin-top: 20px; }
		.m30t 	{ margin-top: 30px; }
		.m50t 	{ margin-top: 50px; }
		.m100t 	{ margin-top: 100px; }
		.m150t 	{ margin-top: 150px; }

		.m20b 	{ margin-bottom: 20px; }
		.m50b 	{ margin-bottom: 50px; }
		.m100b 	{ margin-bottom: 100px; }
		.m150b 	{ margin-bottom: 150px; }

		.m10pl 	{ margin-left: 10%; }

		.m20tb 	{ margin: 20px 0; }
		.m50tb 	{ margin: 50px 0; }
		.m100tb { margin: 100px 0; }
		.m150tb { margin: 150px 0; }
		.m200tb { margin: 200px 0; }

		.p0l 	{ padding-left: 0; }
		.p0r 	{ padding-right: 0; }

		.p20t 	{ padding-top: 20px; }
		.p50t 	{ padding-top: 50px; }
		.p100t 	{ padding-top: 100px; }
		.p150t 	{ padding-top: 150px; }

		.p20b 	{ padding-bottom: 20px; }
		.p50b 	{ padding-bottom: 50px; }
		.p100b 	{ padding-bottom: 100px; }
		.p150b 	{ padding-bottom: 150px; }

		.p0tb 	{ padding-top: 0; padding-bottom: 0; }
		.p20tb 	{ padding-top: 20px; padding-bottom: 20px; }
		.p50tb 	{ padding-top: 50px; padding-bottom: 50px; }
		.p100tb { padding-top: 100px; padding-bottom: 100px; }
		.p150tb { padding-top: 150px; padding-bottom: 150px; }

		.xmargin { margin:0; }
		.xmargin-lr { margin-left: 0; margin-right: 0; }
		.xpadding { padding: 0; }
		.xpadding-lr { padding-left: 0; padding-right: 0; }

	/*** -3 Classes */
		.has-image {
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.has-parallax { 
			background-attachment: fixed;
			background-repeat: no-repeat; 
			background-size: cover; 
		}
		
		.has-overlay {
			position: absolute; top: 0; left: 0;
			width: 100%; height: 100%;
		}

		.has-absolute { position: relative; }

		.absolute-xy {
			position: absolute; top: 50%; left: 50%;
			-webkit-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
			-o-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}
		.absolute-y {
			position: absolute; top: 50%;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			width: 100%;
		}

		.absolute-x {
			position: absolute; left: 50%;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			width: 100%;
		}

	/*** -4 Div Centering */
		.table-div { display: table; width: 100%; }
		.table-row { display: table-row; }
		.table-cell {
		    display: table-cell; float: none;
		    vertical-align: middle;
		}

	/*** -5 Buttons */
		.btn-custom {
			position: relative;
			background-color: #2a2c77; color: #fff;
			display: inline-block;
			text-transform: uppercase;
			border-radius: 25px;
			padding: 10px 30px;
			font-weight: 700;
			transition: all .5s ease;
		}

		.btn-custom:hover { background-color: #29aae1; color: #fff; }

		.btn-inline {
			position: relative;
			display: inline-block;
			font-weight: 700;
			color: #2a2c77;
		}

		blockquote {
			border-color: #2a2c77;
			background-color: #f4f9ff;
		}


/**
 * Header
 * -1 General
 * -2 Logo
 * -3 Navigation
 * 		--3.1 Default
 * 		--3.2 Nav: Right
 *
 */

/*** -1 General */
	header#primary {
		position: relative; width: 100%; max-height: 100px;
		padding: 15px 0;
	}

/*** -2 Logo */
	#logo { width: 220px; max-width: 100%; }

	#site-branding, #main-navigation {
		display: table-cell; float: none;
		vertical-align: middle;
	}




/*** -3 Navigation */
	/* --3.1 - Default Nav */
		.navbar-default,
		.navbar-default .navbar-nav>.active>a,
		.navbar-default .navbar-nav>.open>a,
		.navbar-default .navbar-nav>.active>a,
		.navbar-default .navbar-nav>.active>a:focus,
		.navbar-default .navbar-nav>.active>a:hover {
			background-color: transparent;
			background-image: none;
			background-repeat: no-repeat;
			border: none; border-radius: 0;
			box-shadow: none;
			margin-bottom: 0;
			min-height: 0;
		}

		.navbar-nav > li { padding: 10px; }
		.navbar-nav > li > a {
			color: #fff; padding: 0;
			text-shadow: none; text-transform: uppercase;
			border-bottom: 1px solid transparent;
			font-weight: bold;
			text-decoration: none;
		}

	/* --3.2 Nav: Right */
		.navbar-nav { float: right; }

		/* + Fade out all links on ul hover */
			.navbar-nav:hover > li a { opacity: .5; transition: all ease .5s; }
		/* + Override previous rule to highlight current link */
			.navbar-nav > li:hover a { opacity: 1; }

		/* + Nav: active A */
			.navbar-default .navbar-nav>.active>a,
			.navbar-default .navbar-nav>.active>a:focus,
			.navbar-default .navbar-nav>.active>a:hover {
				color: #2a2c77; border-bottom: 1px solid #2a2c77;
				text-decoration: none;
			}
		/* + Nav: hover A */
			.navbar-default .navbar-nav>li>a:focus,
			.navbar-default .navbar-nav>li>a:hover {
				color: #2a2c77; border-bottom: 1px solid #2a2c77;
				text-decoration: none;
			}

		.navbar-default .navbar-nav > li:last-child { padding: 5px 10px; }

		.navbar-default .navbar-nav > li:last-child > a {
			background-color: #61C33A; color: #fff;
			padding: 5px 30px;
			border-radius: 15px;
		}

			@media (max-width: 991px) {
				header#primary { max-height: none; }
				header#primary .table-div { display: block; float: left; }

				#logo { width: 200px; }
				#main-navigation { margin-top: 20px; }
				.navbar-nav > li { padding: 8px; }
				.navbar-default .navbar-collapse, .navbar-default .navbar-form { padding-left: 0; }
			}

			@media (max-width: 768px) {
				#logo { width: 160px; }
				header#primary { padding-bottom: 0; }
				#site-branding > a { position: absolute; top: 0; left: 15px; z-index: 5; }
				#site-branding, #main-navigation { display: block; float: left; }
				#main-navigation { margin-top: 10px; }

				#menu-primary { width: 100%; float: left !important; }

				.navbar-nav { margin-left: 0px; }
				.navbar-default .navbar-nav>li>a { width: auto; display: inline-block; }

				.navbar-toggle { margin-right: 0; }
				.navbar-default .navbar-toggle { border: 0; margin-top: 0; margin-bottom: 30px; }
				.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }
				.navbar-default .navbar-toggle .icon-bar { background-color: #2a2c77; }
			}

			@media (max-width: 767px) {
				
			}



/**
 * Home
 * -0 General
 * -1 Hero
 *		--1.1 overlay gradient
 *		--1.2 tagline 
 * -2 One
 *		--2.1 animate images 
 * -3 Two
 *		--3.1 SVG icons
 * -4 Three
 * -5 Four
 *		--5.1 circle
 *		--5.2 circle no
 *		--5.2 big circle
 *
 */

/*** -0 General */

	.heading-m { margin-bottom: 20px; }
	.heading--sm {
		position: relative; display: inline-block;
		font-size: 14px;
		text-transform: uppercase;
		margin-bottom: 20px;
	}
	.heading--sm:before {
		content: "";
		position: absolute; bottom: -10px; left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #29aae1;
		width: 100%; height: 1px;
	}


/*** -1 Hero */
	#hero {
		height: calc(100vh - 100px);
		background-color: #eee;
		background-position: center;
		padding: 0; margin: 0;
		min-height: 600px;
	}

	#hero .slick-list, #hero .slick-track, #hero .has-image { height: 100%; width: 100%; }

	#hero .slick-dots { bottom: 25px; }
	#hero .slick-prev, #hero .slick-next { z-index: 1; }
	#hero .slick-prev { left: 25px; }
	#hero .slick-next { right: 25px; }
	#hero .slick-prev:before, #hero .slick-next:before {
		content: "";
		font-family: FontAwesome;
    	font-style: normal;
    	font-weight: normal;
    	color: #fff;
	}
	#hero .slick-prev:before { content: "\f053"; }
	#hero .slick-next:before { content: "\f054"; }

	/* --1.1 overlay gradient */
		.hero-overlay {
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#292c77+0,ffffff+100&1+0,0+100 */
			background: -moz-linear-gradient(left, rgba(42, 44, 119, 1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left, rgba(42, 44, 119,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, rgba(42, 44, 119,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2c77', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
		}

	/* --1.2 tagline */
		.hero--tagline { width: 35%; color: #fff; }

		.hero---btn { background-color: #29aae1; margin: 20px 0; text-decoration: none; }
		
		@media (max-width: 768px){
			#hero { height: calc(80vh - 100px); min-height: auto; }
			.hero--tagline { width: 80%; padding-left: 15px; }
			.hero--tagline h1 {font-size: 28px; }
			.hero-overlay {
				background: -moz-linear-gradient(left, rgba(42,44,119,.8) 25%, rgba(255,255,255,0) 75%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, rgba(42,44,119,.8) 25%,rgba(255,255,255,0) 75%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, rgba(42,44,119,.8) 25%,rgba(255,255,255,0) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			}
			#hero .slick-prev { display: none !important; }
		}
	


/*** -2 One */
	#one { position: relative; overflow: hidden; padding: 80px 0 100px; }

	/* --2.1 animate images */
		#one-left--img {
			position: absolute; top: 100px; left: 20px;
			width: auto;
		}

		#one-right--img {
			position: absolute; top: -100px; right: -150px;
			width: 33.33333%;
			opacity: .1;
		}

		#one a { text-decoration: none; }

		@media (max-width: 767px) {
			#one { padding: 80px 0 50px; }
			#one .text-center { margin-top: 50px; }
			#one-left--img {
				position: absolute; top: -15px !important; left: -36px;
				width: auto;
				max-width: 50%;
			}
		}


/*** -3 Two */
	.two-item {
		position: relative;
		width: 23%; float: left;
		margin-right: 2%;
		background-color: #f4f9ff;
		color: #2a2c77; padding: 40px 20px;
		border-left: 1px solid #fff;
	}

		.two-item:before {
			content: "";
			position: absolute; bottom: 0; left: 50%;
			transform: translateX(-50%);
			background-color: #2a2c77;
			width: 50%; height: 2px;
		}

		
	/* --3.1 Icon */
		.two-item svg { width: 65px; fill: #2a2c77; margin-bottom: 20px; }

		@media (max-width: 768px){
			.two-item {
				width: 47%; float: left;
				margin-top: 15px;
			}
			.two-item:nth-child(odd) { margin-left: 2%; }
		}


/*** -4 Three */
	.three-left, .three-right { min-height: 400px; }

	

	.three-left .overlay {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,292c77+35&0+20,1+80 */
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(133,134,177,0) 20%, rgba(41,44,119,0.25) 35%, rgba(41,44,119,1) 80%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(133,134,177,0) 20%,rgba(41,44,119,0.25) 35%,rgba(41,44,119,1) 80%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(133,134,177,0) 20%,rgba(41,44,119,0.25) 35%,rgba(41,44,119,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#292c77',GradientType=1 ); /* IE6-9 */
	}

	.three-right .overlay {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29aae1+65,29aae1+65,ffffff+100&1+20,0+80 */
		background: -moz-linear-gradient(left, rgba(33,149,211,1) 20%, rgba(33,149,211,0.25) 65%, rgba(128,194,230,0) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(33,149,211,1) 20%,rgba(33,149,211,0.25) 65%,rgba(128,194,230,0) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(33,149,211,1) 20%,rgba(33,149,211,0.25) 65%,rgba(128,194,230,0) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29aae1', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}

	.three--heading { font-size: 28px; }
	.three--heading, .three--link { color: #fff; }
	
	.three-left .three--heading span,
	.three-left a:hover, .three-left a:focus { color: #29aae1; }
	
	.three-right .three--heading span,
	.three-right a:hover, .three-right a:focus { color: #2a2c77; }
	
	.three-left a:hover, .three-left a:focus,
	.three-right a:hover, .three-right a:focus { text-decoration: underline; }

	.three--link { font-weight: 700; text-decoration: underline; }

	.logo-bmc { 
		position: absolute; top: -40px; right: 50px;
		width: 100%; max-width: 150px;
		z-index: 1;
	}

	@media (max-width: 767px) {
		.three-left, .three-right { min-height: 300px; }
		.three-right .col-md-6 { padding-left: 0; }
		.three--heading { font-size: 18px; }
		.logo-bmc { top: -40px; }
	}


/*** -5 Four */
	ul#steps { position: relative; padding-left: 0; }

		ul#steps:before {
			content: "";
			position: absolute; top: 25px; left: -16.666%;
			width: 100%; height: 1px;
			background-color: #2a2c77;
		}

		ul#steps > li {
			list-style-type: none; text-align: center;
			padding: 0 20px;
		}



			

	/* --5.1 Circle */
		.circle {
			position: relative; display: inline-block;
			width: 50px; height: 50px;
			border-radius: 50%;
			border: 3px solid #2a2c77;
			background-color: #fff;
		}

	/* --5.2 Circle No. */
		.circle-no {
			position: absolute; top: 50%; left: 50%;
			-webkit-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);

			font-size: 18px; font-weight: 700;
			color: #29aae1;
		}

	/* --5.3 Big Circle */

		ul#steps > li:last-child .circle { width: 60px; height: 60px; right: 3px; }
		ul#steps > li:last-child .circle-no { font-size: 21px; }

		@media (max-width: 991px){
			ul#steps  {height: 330px; }
			ul#steps:before {
			    top: 25px;
			    left: calc(( 100% - 15px * 6) / 24 * 3 + 26px);;
			    width: 1px;
			    height: calc(100% + 25px);
			}
			ul#steps li > div:last-child { text-align: left; }
		}


/**
 * Subpages
 * -1 General
 * -2 Products
 * -3 News
 * -4 Support
 * -5 About
 * -6 Contact
 		--6.1 general page settings
 		--6.2 left: content
 		--6.3 right: form
 */

 /*** -1 General */
	.entry-header {
		position: relative;
		min-height: 300px;
		background-position: center;
		overflow: hidden;
	}

	body.page-id-15 .entry-header { background-position: center bottom -200px; }

	.entry-title { color: #fff; }

	.site-main { padding-top: 50px; padding-bottom: 50px; overflow: hidden; }

	@media (max-width: 767px) {
		.entry-header { min-height: 0; height: 250px; }
		.entry-title { padding: 0 15px; }
		body.page-id-15 .entry-header { background-position: center; }
		#contacts span, #contacts a { font-size: 16px; }
	}

	body.single header { min-height: 0; }
	body.single .site-main { padding-top: 0; }
	body.single header .entry-title { color: #2a2c77; }
	body.single header .gradient {
		position: relative;
		width: 100%; height: 10px;
		background: linear-gradient(120deg, #2a2c77, #29aae1, #2a2c77);
	  	background-size: 400% 400%;
		-moz-animation: gradient 90s ease-in-out infinite;
		-webkit-animation: gradient 90s ease-in-out infinite;
		animation: gradient 90s ease-in-out infinite;
	}
	
	@-moz-keyframes gradient {
	  0% 	{ background-position: 14% 0%; }
	  50% 	{ background-position: 87% 100%; }
	  100% 	{ background-position: 14% 0%; }
	}
	@-webkit-keyframes gradient {
	  0% 	{ background-position: 14% 0%; }
	  50% 	{ background-position: 87% 100%; }
	  100% 	{ background-position: 14% 0%; }
	}
	@keyframes gradient {
	  0% 	{ background-position: 14% 0%; }
	  50% 	{ background-position: 87% 100%; }
	  100% 	{ background-position: 14% 0%; }
	}
	body.single img { width: 100%; height: auto; }
	#sidebar-left .widget, #sidebar-right .widget { background-color: #eee; }

	

/*** -2 Products ***/

	/*** -2.1 benefits */
		#benefits .two-item {
			position: relative;
			width: 31%; float: left;
			margin-right: 2%;
			background-color: #f4f9ff;
			color: #2a2c77; padding: 40px 20px;
			border-left: 1px solid #fff;
			text-align: left;
		}

		#benefits .two-item:last-child { margin-right: 0; }

			.two-item:before {
				content: "";
				position: absolute; bottom: 0; left: 50%;
				transform: translateX(-50%);
				background-color: #2a2c77;
				width: 50%; height: 2px;
			}

			
		/* --3.1 Icon */
			.two-item svg { width: 65px; fill: #2a2c77; margin-bottom: 20px; }

			@media (max-width: 768px){
				#benefits .two-item {
					width: 100%; float: left;
					margin-top: 15px;
					margin-left: 0; margin-right: 0;
				}
			}


	#products { display: block; margin-top: 30px; }

	.product {
		position: relative;
		display: block; float: left;
		width: 49%; padding: 50px 30px;
		padding-right: 0;
		color: #fff;
	}

	.product .prod-left, 
	.product .prod-right { width: 49%; display: block; float: left; vertical-align: middle; padding: 0; }
	.product .prod-left { float: right; }

	.product:first-child { width: 100%; display: block; }
	.product:first-child .prod-left { width: 50%; padding-right: 0; }
	.product:first-child .prod-left img { max-height: 350px; top: -200px; }
	.product:nth-child(even) { margin-right: 2%; }

	.product:before {
		content: "";
		position: absolute; top: 50%; left: 0;
		width: 100%; height: 85%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		background-color: #2a2c77;
		border-radius: 25px;
	}

	.product:nth-child(even):before { background-color: #29aae1; }

	.prod-left { position: relative; }

	
	.prod-left img { 
		position: absolute; top: -20px; right: 0;
		max-height: 180px; width: auto;
	}

	.prod--title { color: #29aae1; margin-top: 0;  }
	.prod--title small { 
		color: rgba(255,255,255,.5); 
		display: block; margin-top: 10px; 
	}
		.product:nth-child(even) .prod--title { color: #fff; }

	@media(max-width: 991px) {
		.product { width: 100%; display: block; float: left; }
		.prod-left img { top: -30px; max-height: 200px; }
		.product:first-child .prod-left img { top: -90px; max-height: 250px; }
		.product:nth-child(even) { border-right: 0 solid #fff; }
	}	
	@media(max-width: 767px) {
		.product { padding: 30px; }
		.product .prod-left, .product .prod-right { width: 100%; display: block; float: left; }
		.product .prod-left { margin-bottom: 30px; }
		.product .prod-right { float: right; }
		.prod-left img { position: relative; top: 0; }
		
		#products { margin-top: 0; }
		.product:before { height: 88%; }
		.product:first-child .prod-left { margin-top: -60px; }
		.product:first-child .prod-left img { top: 0; left: -60px; }
	}

.pb-sec-title{
	width:100%;
	color: #2a2c77;
	height: 100%;
	background-color: #f4f9ff;
}
.pb-sec-title:hover{
	cursor: pointer;
}
.pb-title-wrap{
	width: 300px;
	text-align: center;
	border-bottom: solid 2px #2a2c77;
	height: 80px;
}
.pb_content{
	/*padding-left: 15px;*/
	height: auto;
}

.pb-sec-title svg{
	width: 50px;
	float: left;
	fill: #292C77;
	margin-left: 15px;
	padding: 15px 0;
}
.pb-sec-title h4{
	float: left;
	margin-left:25px;
	padding-top: 20px;
}

/*** -3 News ***/
	.display-posts-listing { padding-left: 0; }
	.display-posts-listing .listing-item {
		list-style: none;
    	width: 32%; margin-right: 2%;
    	display: inline-block; float: left;
    	margin-bottom: 30px;
	}
	
	.display-posts-listing .listing-item:nth-child(3n) { margin-right: 0; }
	.display-posts-listing .listing-item > .image{
		width: 100%; height: 200px;
		overflow: hidden;
		display: block;
	}
	.display-posts-listing .listing-item > .image > img {
		object-fit: cover;
		width: 100%; height: 100%;
		vertical-align: middle;
	}
	.display-posts-listing .listing-item > .title {
		display: flex; text-decoration: none;
		margin: 15px auto;
		font-size: 1.2em; font-weight: bolder;
		color: #2a2c77;
	}
	.display-posts-listing .listing-item > .excerpt-dash { display: none; }

	.display-posts-listing .listing-item > .excerpt > a {
		display: block; padding-top: 5px; 
		color: #888; transition: all .5s ease;
	}

	.display-posts-listing .listing-item:hover > .excerpt > a {
		color: #2a2c77; text-decoration: underline; transition: all .5s ease;
	}

		@media (max-width: 991px) {
			.display-posts-listing .listing-item { width: 49%; }
			.display-posts-listing .listing-item:nth-child(3n) { margin-right: 2%; }
			.display-posts-listing .listing-item:nth-child(2n) { margin-right: 0; }

		}
		@media (max-width: 767px) {
			.display-posts-listing .listing-item{ width: 100%; margin-bottom: 30px; }
		}
	.single-post .entry-content > img{
		margin-bottom: 30px;
	}

	.entry-content .su-spoiler-style-simple { border: 0; }
	.entry-content .su-spoiler-style-simple > .su-spoiler-title {
		position: relative;
		font-size: 18px; padding: 10px 10px 10px 50px ;
		background-color: #f4f9ff; color: #2a2c77;
	}
	.entry-content .su-spoiler-style-simple > .su-spoiler-title:before {
		content: "Q:"; font-size: 18px;
		padding: 10px;
		position: absolute; left: 0px; top: 0;
		background-color: #2a2c77; color: #f4f9ff;
	}
	.entry-content .su-spoiler-style-simple > .su-spoiler-title:after {
		content: "\f077"; 
		font-family: FontAwesome;
		font-size: 14px;
		padding: 10px;
		position: absolute; right: 0px; top: 0;
		color: #2a2c77;
	}
	.entry-content .su-spoiler-style-simple.su-spoiler-closed > .su-spoiler-title:after {
		content: "\f078"; 
	}
	.entry-content .su-spoiler-style-simple > .su-spoiler-content {
		font-size: 15px;
		background-color: #f4f9ff; color: #333;
	}

/*** -4 Support ***/
	.support-video { 
		position: relative; top: 50px; 
		padding: 0;
		background-color: #231f20; 
	}
	.support-cover { opacity: .5; }
	.support-content {
		position: relative;
 		padding: 50px 30px;
		background-color: #2a2c77; color: #fff;
	}
	.support-content a,.support-content a:active, .support-content a:link {
		color: #29aae1;
	}
	.support-content a:hover{
		color: aqua;
	}
	.support-content:before {
		content: "";
		position: absolute; top: 0; left: -50px;
		width: calc(100% + 50px); height: 100%;
		background-color: #2a2c77; 
		z-index: -1;
	}
	.play-button{
		position: absolute; top: calc((100% - 100px) / 2);
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		z-index: 5;
	}
	.play-button > i { font-size: 5em; }
		@media (max-width: 991px){
			.play-button{
				 right: calc( ( 100% - 100px) / 2);
			}
			body.page-id-11 .site-main { padding-top: 0; }
			body.page-id-11 .entry-content { padding-left: 15px; padding-right: 15px; }
			.support-content:before {
				content: "";
				position: absolute; top: 0; left: 0;
				width: 100%; height: 100%;
				background-color: transparent; 
				z-index: -1;
			}
		}


/*** -6 Contact ***/

	/* --6.1 general page settings */
		body.page-id-15 .site-main { padding-bottom: 0; overflow: visible; }
		body.page-id-15 #main-column .page { margin-bottom: 0; padding-bottom: 0; }
		body.page-id-15 footer { padding-top: 100px; }

	/* --6.2 left: content */
		#contacts span, #contacts a { color: #231f20; font-weight: bold; }
		#contacts a:hover { color: #2a2c77; }
		#contacts svg { width: 25px; height: 25px; }
		#contacts dt { width: 25px; text-align: left; }
		#contacts dd { margin-left: 50px; }

	/* --6.3 right: form */
		#form {
			position: relative; top: 80px;
			display: block; float: left;
			width: 100%; padding: 20px 50px 50px;
			box-shadow: 0 40px 50px rgba(0,0,0,0.1), 0 10px 20px rgba(0,0,0,0.1);
			background-color: #fff;
			z-index: 2;
		}
		body .gform_wrapper { max-width: 100%; margin: 0; }
		.gform_wrapper ul li { margin-bottom: 30px; }

		/* - Default Form */
		.gform_wrapper input[type=email], 
		.gform_wrapper input[type=number], 
		.gform_wrapper input[type=password], 
		.gform_wrapper input[type=tel], 
		.gform_wrapper input[type=text], 
		.gform_wrapper input[type=url],
		.gform_wrapper textarea {
			background-color: transparent;
			border-left: none;
			border-right: none;
			border-top: none;
			border-bottom: 1px solid #231f20;
			width: 100% !important;
		}

		.gform_wrapper input[type=email]:focus, 
		.gform_wrapper input[type=number]:focus, 
		.gform_wrapper input[type=password]:focus, 
		.gform_wrapper input[type=tel]:focus, 
		.gform_wrapper input[type=text]:focus, 
		.gform_wrapper input[type=url]:focus,
		.gform_wrapper textarea:focus { border-color: #2a2c77; transition: all .5s ease; }

		.gform_wrapper .top_label .gfield_label { display: none !important; }

			/* all */
				::-webkit-input-placeholder { color:#888; }
				::-moz-placeholder { color:#888; } /* firefox 19+ */
				:-ms-input-placeholder { color:#888; } /* ie */
				input:-moz-placeholder { color:#888; }

			/* Submit */
			.gform_wrapper .gform_footer { padding: 0; margin: 0; }
			.gform_wrapper .gform_footer input[type=submit] {
				border: none; float: right;
				background-color: #231f20; color: #fff;
				padding: 10px 40px;
			}

		/* - Default Error */
			.gform_wrapper .top_label .gfield_error { width: 100% !important; }
			.gform_wrapper div.validation_error, .gform_wrapper .validation_message,
			.gform_wrapper li.gfield.gfield_error,
			.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
				color: #fff; border: none; background-color: transparent;
			}
			.gform_wrapper li.gfield_error input[type=email], 
			.gform_wrapper li.gfield_error input[type=number],
			.gform_wrapper li.gfield_error input[type=password], 
			.gform_wrapper li.gfield_error input[type=tel], 
			.gform_wrapper li.gfield_error input[type=text], 
			.gform_wrapper li.gfield_error input[type=url], 
			.gform_wrapper li.gfield_error textarea {
				border: none;
			}

			body .gform_wrapper .gform_footer { margin: 0; padding: 0; display: block; }

			body .gform_wrapper .gform_footer input[type=submit] { 
				width: 100%; display: block; float: left; 
				background-color: #292C77;
				transition: all .5s ease;

				font-weight: 700; text-transform: uppercase;
			}
			body .gform_wrapper .gform_footer input[type=submit]:hover { background-color: #29aae1; }

			@media (max-width: 991px) {
				#form { padding: 20px; }
			}



/**
 * Footer
 * -1 Promote
 * -2 Clients slider
 * -3 Footer
 *
 */

 /*** -1 Promote */

 	#prmote {
 		position: relative;
 		padding-top: 100px; padding-bottom: 0;
 		margin-bottom: 150px;
 		overflow: visible;
 		background-position-x: center !important; 
 	}
 		#prmote a { text-decoration: none; }
 		#prmote h2, #prmote p { position: relative; z-index: 1;}

 	.prmote-wrap {
 		position: relative; top: 100px;
 		padding-top: 20px;
 		padding-bottom: 40px;
 	}
 	.prmote-wrap > * { position: relative; }
 	.prmote-wrap:before {
 		content: "";
 		position: absolute; bottom: 0; left: -30%;
 		width: 150%; height: 100%;
 		background-color: #f4f9ff;
 	}

 	.prmote--or {
 		position: relative;
 		padding: 0 15px 0 15px;
 		display: inline-block; z-index: 1;
 	}
 	@media (min-width: 1499px) {
 		.prmote-wrap:before { left: -80%; width: 210%; }
 	}
 	@media (max-width: 991px) {
 		#prmote { background-size: 150%; }
 		.prmote-wrap:before { width: 132%; }
 	}
 	@media (max-width: 767px) {
 		#prmote { 
 			background-size: 170%;
 			background-position: top right !important;
 			background-attachment: scroll;
 			padding-top: 180px;
 		}
 		.prmote-wrap:before { width: 100%; left: 0; }
 	}


 /*** -2 Clients slider */
 	#client .slick-dots { bottom: 25px; }
 		#client .slick-prev, #client .slick-next { z-index: 1; }
 		
 		#client .slick-prev:before, #client .slick-next:before {
 			content: "";
 			font-family: FontAwesome;
 	    	font-style: normal;
 	    	font-weight: normal;
 	    	color: #231f20;
 	    	opacity: .3;
 		}
 		#client .slick-prev:before { content: "\f053"; }
 		#client .slick-next:before { content: "\f054"; }

 	.clients img { padding: 15px; }

 	/*** --7.1 Partner logo slider ***/
 	.partner-logos img{
 		width: 150px;
 		margin: 0 auto;
 	}
 	.slick-slider > button{

 	}
 	.slick-prev:before{
 		content: '<';
 	}
 	.slick-next:before {
 	  content: '>';
 	}
 	.slick-prev:before, .slick-next:before{
 		color: #231f20;
 	}
 


 /*** -3 Footer */

 	footer {
 		position: relative;
 		padding: 50px 0;
 		font-size: 14px; color: #fff;
 		background-color: #2a2c77;
 		overflow: hidden;
 	}

 	.footer-brand {
 		position: absolute; top: 0; right: 0;
 		width: 300px; height: auto;
 		opacity: .1;
 	}

 	.footer-nav { padding-left: 0; }
 	.footer-nav > li { list-style-type: none; display: inline-block; margin-right: 15px; }
 	.footer-nav > li > a { text-decoration: none; }
 	.footer-nav > li > a, .link-awd { color: rgba(255,255,255,.5); transition: all .5s ease; }
 	.footer-nav > li > a:hover,
 	.footer-nav > li > a:focus { color: #29aae1; transition: all .5s ease; }

 	.footer-end { border-top: 1px solid #29aae1; padding-top: 30px; margin-top: 30px; }
 	.footer-end p { color: rgba(255,255,255,.5); margin-bottom: 5px; }

 	.link-awd, .link-awd:hover { color: rgba(255,255,255,.5); }

 	@media (max-width: 991px) {
 		.footer-nav > li { list-style-type: none; display: block; margin-right: 0; }
 	}
 	@media (max-width: 767px) {
 		.footer-brand { max-width: 130px; opacity: .05; top: 50%; }
 		#form { top: 30px; }
 		#contacts dd { margin-left: 0; }
 		#client { padding-bottom: 50px; }
 		.footer-end:last-child { 
 			border-top: 1px solid transparent;
		    padding-top: 0;
		    margin-top: 0;
 		}
 	}


 	



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import 'flexvideo.css';
@import 'fix-bootstrap.css';



img.aligncenter {
	display: block;
	margin: 0 auto;
}



/* ancient-browser-alert error */
.ancient-browser-alert {
	background: #a00;
	color: #faa;
	display: block;
	padding: 3px 0;
	text-align: center;
}
.ancient-browser-alert a {
	color: #fff;
	text-decoration: underline;
}



.page-header-top-right {
	margin-top: 10px;
}



.pagination {
	margin: 0;
}



.pagination-center {
	text-align: center;
}
.pagination-row {
	margin-bottom: 20px;
}



.required {
	color: #f00;
}



.row-with-vspace {
	margin-bottom: 20px;
}



.site-main .format-aside {
	background: #f5f5f5;
}
.site-main .format-image {
	background: url('../img/content-post-format-image.png') left top no-repeat;
}
.site-main .format-link {
	background: url('../img/content-post-format-link.png') left top no-repeat;
}
.site-main .format-quote {
	background: url('../img/content-post-format-quote.png') left top no-repeat;
}
.site-main .format-video {
	background: url('../img/content-post-format-video.png') left top no-repeat;
}



.site-title {
	margin-bottom: 0;
	margin-top: 10px;
}
.site-title > a {
	text-decoration: none;
}
.site-title > div {
	height: auto;
	line-height: 18px;
}
.site-title .site-description {
	color: #999;
	font-size: 16px;
}
.site-title .site-title-heading {
	margin: 0;
}



.widget_calendar #wp-calendar {
	margin: 0;
}
.widget_calendar #wp-calendar #next {
	text-align: right;
}



#comments .comment-navigation {
	margin-bottom: 0;
}
#comments .comment-navigation-below {
	margin-bottom: 20px;
	margin-top: 15px;
}
#comments .media-list li .media {
	margin-top: 15px;
}
#comments .media-list li .media .media-body {
	border: 1px solid #eee;
	padding: 10px;
}
#comments .media-list li .media .media-body .comment-author {
	font-size: 12px;
	margin-bottom: 10px;
}
#comments .media-list ul.children {
	list-style: none;
	margin-left: 2.5em;
}


#main-column .wp-video-shortcode {
	display: block;
	height: auto;
	max-width: 100%;
}
#main-column .attachment .entry-content {
	margin-bottom: 20px;
}
#main-column .attachment .entry-content .attachment {
	text-align: center;
}
#main-column .attachment .entry-meta {
	margin-bottom: 20px;
}
#main-column .post,
#main-column .page {
	/*border: 1px solid #eee;*/
	margin-bottom: 20px;
}
#main-column .post .entry-header .entry-meta {
	color: #999;
}
#main-column .post .entry-header .entry-meta a {
	color: inherit;
}
#main-column .post .entry-header .entry-meta .posted-on .updated {
	display: none;
}
#main-column .post .entry-meta .categories-icon {
	cursor: default;
}
#main-column .post .entry-meta .comments-link a {
	color: #333;
}
#main-column .post .entry-meta .comments-link a .comment-icon .comment-total,
#main-column .page .entry-meta .comments-link a .comment-icon .comment-total {
	color: #555;
	font-size: 12px;
	margin-left: 5px;
}
#main-column .attachment .edit-post-link a,
#main-column .attachment .entry-meta .edit-post-link a,
#main-column .post .entry-meta .edit-post-link a,
#main-column .page .entry-meta .edit-post-link a {
	color: #333;
}
#main-column .post .entry-meta .tags-icon {
	cursor: default;
}
#main-column .attachment .entry-title,
#main-column .post .entry-title,
#main-column .page .entry-title {
	margin-top: 0;
	word-wrap: break-word;
}



#sidebar-left .widget,
#sidebar-right .widget {
	border: 1px solid #eee;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 10px;
}
#sidebar-left .widget ul,
#sidebar-right .widget ul {
	padding-left: 20px;
}
#sidebar-left .widget .widget-title,
#sidebar-right .widget .widget-title {
	font-size: 18px;
	margin-top: 0;
}