/* Apr 2019 | Developed by Artenergy.com */

/*
Brand Colors:
[1] Blue:#0033CC;			rgb(0,51,204);
[2] Blue-Dark:#003366;		rgb(0,51,102);
[3] Blue-Darkest:#002258;	rgb(0,34,88);
[4] Blue-Light:#0082cc;		rgb(0,34,88);
[5] Orange:#ff4e00;			rgb(255,78,0);
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,900);
/*	============================================================
	General
	============================================================	*/
html,body	{min-height:100%;width:100%;margin:0;padding:0;}
body		{background:#000099;color:#fff;font-family:Roboto,sans-serif;}
hr			{border-color:#ddd;border-style:dotted;}
a,a:active,a:focus {color:#00a7ff;outline:none;}
a:hover		{color:#ff4e00;text-decoration:none;}
section		{text-align:center;}
p			{color:#fff;font-size:18px;}
*			{margin:0;padding:0;}
/*	============================================================
	H Tags
	============================================================	*/
h1,.h1,h2.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {color:#fff;font-weight:300;}
h1,.h1		{font-size:52px;}
h2,.h2		{font-size:52px;}
h3,.h3		{font-size:30px;}
h4,.h4		{font-size:24px;}
h5,.h5		{font-size:18px;}
h6,.h6		{font-size:14px;}
/* Queries */
@media (max-width:992px) {
	h1,.h1	{font-size:48px;}
	h2,.h2	{font-size:46px;}
	h3,.h3	{font-size:26px;}
	h4,.h4	{font-size:22px;}
}
@media (max-width:767px) {
	h1,.h1	{font-size:40px;}
	h2,.h2	{font-size:40px;}
	h3,.h3	{font-size:26px;}
	h4,.h4	{font-size:20px;}
}
@media (max-width:560px) {
	h1,.h1	{font-size:30px !important;}
	h1,.h1	{font-size:40px;}
	h2,.h2	{font-size:30px;}
	h3,.h3	{font-size:18px;}
	h4,.h4	{font-size:18px;}
}
/*	============================================================
	Margin
	============================================================	*/
.mt5		{margin-top:5px;}
.mt10		{margin-top:10px;}
.mt15		{margin-top:15px;}
.mt20		{margin-top:20px;}
.mt30		{margin-top:30px;}
.mt40		{margin-top:40px;}
.mt80		{margin-top:80px;}
.mt100		{margin-top:100px;}
.mt-10		{margin-top:-10px;}
.mt-20		{margin-top:-20px;}
.mt-40		{margin-top:-40px;}
.mt-80		{margin-top:-80px;}
.mb20		{margin-bottom:20px;}
.mb40		{margin-bottom:40px;}
.mb60		{margin-bottom:60px;}
.mb80		{margin-bottom:80px;}
.mb120		{margin-bottom:120px;}
.mb-20		{margin-bottom:-20px;}
/*	============================================================
	Nav Humburger
	============================================================	*/
.hamburger {
	top:32px;
	right:35px;
	z-index:5;
	width:40px;
	height:33px;
	padding-top:12px;
	display:block;
	position:fixed;
	-webkit-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
}
.hamburger span,
.hamburger span:before,
.hamburger span:after {
	right:0;
	height:5px;
	width:40px;
	content:'';
	display:block;
	border-radius:3px;
	position:absolute;
	background:#fff;
	-webkit-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}
.hamburger span:before {
	top:-13px;
	background:inherit;
}
.hamburger span:after {
	bottom:-13px; 
	background:inherit;
}
.hamburger.open span {
	height:0;
	width:0;
}
.hamburger.open span:before {
	top:0;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.hamburger.open span:after {
	bottom:-5px;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.hamburger:hover span {
	background:#ff4e00;
}
@media (max-width:560px) {
	.hamburger {
	top:15px;
	right:15px;
	}
}
/*	============================================================
	Menu
	============================================================	*/
nav {
	top:0;
	z-index:4;
	width:100%;
	height:100vh;
	padding-top:80px;
	position:fixed;
	background-color:rgba(0,34,88,.9);
	-webkit-animation:fadeIn,slideInRight;
	animation:fadeIn,slideInRight;
	-webkit-animation-duration:1s;
	animation-duration:1s;
}
nav .list-group a {
	color:#fff;
	margin:0 auto;
	max-width:300px;
	display:block;
	font-size:48px;
	text-align:center;
	line-height:1.5em;
	text-transform:uppercase;
}
nav .list-group a:hover {
	color:#ff4e00;
}
nav .list-group a.active,
nav .list-group a.active:active,
nav .list-group a.active:focus {
	color:#0082cc;
}
/*	============================================================
	Home Display
	============================================================	*/
.display {
	height:100vh;
	min-height:600px;
	overflow:hidden;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.video-background {
  position:absolute;
  top:0;right:0;bottom:0;left:0;
}
.video-foreground,
.video-background iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
@media (min-aspect-ratio:16/9) {
  .video-foreground { height:300%; top:-100%; }
}
@media (max-aspect-ratio:16/9) {
  .video-foreground { width:300%; left:-100%; }
}
@media all and (max-width:600px) {
.vid-info { width:50%; padding:.5rem; }
.vid-info h1 { margin-bottom:.2rem; }
}
@media all and (max-width:500px) {
.vid-info .acronym { display:none; }
}
.display:before {
	left:0;
	content:'';
	width:100%;
	height:100%;
	z-index:1;
	position:absolute;
	background-color:rgba(0,51,204,.3);
}
/* Intro */
.display .intro {
	z-index:1;
	right:100px;
	bottom:150px;
	font-weight:300;
	position:absolute;
	-webkit-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	transition:all 1s ease-out;
	Xborder:1px solid red;
}
.display h1,
.display h2 {
	color:#fff;
	font-weight:300;
	margin:0 0 20px 0;
	text-shadow:0 0 8px rgba(0,0,0,.4);
}
.display h2 {
	width:600px;
	margin:0 0 60px 2px;
}
.display .logo {
	top:60px;
	left:80px;
	z-index:2;
	width:300px;
	height:300px;
	position:absolute;
	-webkit-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	transition:all .5s ease-out;
}
.display .logo svg {
	fill:#fff;
	width:300px;
	height:300px;
	stroke-linecap:round;
	stroke-miterlimit:10;
	-webkit-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	transition:all .5s ease-out;
}
.display .logo svg .anim {
	-webkit-animation-namerotateIn,fadeIn;
	animation-namerotateIn,fadeIn;
	-webkit-animation-duration:2.5s;
	animation-duration:2.5s;
}
/* Queries */
@media (max-width:1200px) {
	.display .logo {
	top:60px;
	left:60px;
	width:250px;
	height:250px;
	}
	.display .logo svg {
	width:250px;
	height:250px;
	}
	.display .intro {
	right:40px;
	bottom:60px;
	position:absolute;
	}
}
/* Queries */
@media (max-width:992px) {
	.display .logo {
	top:60px;
	left:60px;
	width:200px;
	height:200px;
	}
	.display .logo svg {
	width:200px;
	height:200px;
	}
	.display .intro {
	left:15px;
	bottom:60px;
	position:absolute;
	}
	.display h1,
	.display h2 {
	margin:0 0 20px 0;
	}
	.display h2 {
	width:600px;
	margin:0 0 60px 2px;
	}
}
@media (max-width:560px) {
	.display .logo {
	margin:0 auto;
	top:60px;
	left:50%;
	width:200px;
	height:200px;
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);
	-webkit-transform:translate(-50%, 0);
	}
	.display .logo svg {
	width:200px;
	height:200px;
	}
	.display .intro {
	left:15px;
	top:300px;
	position:absolute;
	}
	.display h1,
	.display h2 {
	margin:0 0 20px 0;
	}
	.display h2 {
	width:auto;
	margin:0 0 40px 0;
	}
}
/*	============================================================
	Logo animation
	============================================================	*/
.fnWYpZgr_0{stroke-dasharray:1588 1590;stroke-dashoffset:1589;-webkit-animation:fnWYpZgr_draw 2000ms linear 0ms forwards;animation:fnWYpZgr_draw 2000ms linear 0ms forwards;}
.fnWYpZgr_1{stroke-dasharray:1680 1682;stroke-dashoffset:1681;-webkit-animation:fnWYpZgr_draw 2000ms linear 76ms forwards;animation:fnWYpZgr_draw 2000ms linear 76ms forwards;}
.fnWYpZgr_2{stroke-dasharray:1565 1567;stroke-dashoffset:1566;-webkit-animation:fnWYpZgr_draw 2000ms linear 153ms forwards;animation:fnWYpZgr_draw 2000ms linear 153ms forwards;}
.fnWYpZgr_3{stroke-dasharray:1140 1142;stroke-dashoffset:1141;-webkit-animation:fnWYpZgr_draw 2000ms linear 230ms forwards;animation:fnWYpZgr_draw 2000ms linear 230ms forwards;}
.fnWYpZgr_4{stroke-dasharray:1593 1595;stroke-dashoffset:1594;-webkit-animation:fnWYpZgr_draw 2000ms linear 307ms forwards;animation:fnWYpZgr_draw 2000ms linear 307ms forwards;fill:none;stroke:#fff;stroke-width:8;}
.fnWYpZgr_5{stroke-dasharray:91 93;stroke-dashoffset:92;-webkit-animation:fnWYpZgr_draw 2000ms linear 384ms forwards;animation:fnWYpZgr_draw 2000ms linear 384ms forwards;fill:none;stroke:#fff;stroke-width:7;}
.fnWYpZgr_6{stroke-dasharray:116 118;stroke-dashoffset:117;-webkit-animation:fnWYpZgr_draw 2000ms linear 461ms forwards;animation:fnWYpZgr_draw 2000ms linear 461ms forwards;fill:none;stroke:#fff;stroke-width:7;stroke-linecap:square;stroke-linejoin:round;}
.fnWYpZgr_7{stroke-dasharray:91 93;stroke-dashoffset:92;-webkit-animation:fnWYpZgr_draw 2000ms linear 538ms forwards;animation:fnWYpZgr_draw 2000ms linear 538ms forwards;fill:none;stroke:#fff;stroke-width:7;}
.fnWYpZgr_8{stroke-dasharray:116 118;stroke-dashoffset:117;-webkit-animation:fnWYpZgr_draw 2000ms linear 615ms forwards;animation:fnWYpZgr_draw 2000ms linear 615ms forwards;fill:none;stroke:#fff;stroke-width:7;stroke-linecap:square;stroke-linejoin:round;}
.fnWYpZgr_9{stroke-dasharray:277 279;stroke-dashoffset:278;-webkit-animation:fnWYpZgr_draw 2000ms linear 692ms forwards;animation:fnWYpZgr_draw 2000ms linear 692ms forwards;}
.fnWYpZgr_10{stroke-dasharray:318 320;stroke-dashoffset:319;-webkit-animation:fnWYpZgr_draw 2000ms linear 769ms forwards;animation:fnWYpZgr_draw 2000ms linear 769ms forwards;}
.fnWYpZgr_11{}
.fnWYpZgr_12{stroke-dasharray:200 202;stroke-dashoffset:201;-webkit-animation:fnWYpZgr_draw 2000ms linear 923ms forwards;animation:fnWYpZgr_draw 2000ms linear 923ms forwards;}
.fnWYpZgr_13{stroke-dasharray:1072 1074;stroke-dashoffset:1073;-webkit-animation:fnWYpZgr_draw 2000ms linear 1000ms forwards;animation:fnWYpZgr_draw 2000ms linear 1000ms forwards;fill:none;stroke:#fff;stroke-width:3;}
@-webkit-keyframes fnWYpZgr_draw{100%{stroke-dashoffset:0;}}
@keyframes fnWYpZgr_draw{100%{stroke-dashoffset:0;}}
@-webkit-keyframes fnWYpZgr_fade{0%{stroke-opacity:1;}94.44444444444444%{stroke-opacity:1;}100%{stroke-opacity:0;}}
@keyframes fnWYpZgr_fade{0%{stroke-opacity:1;}94.44444444444444%{stroke-opacity:1;}100%{stroke-opacity:0;}}
/*	============================================================
	Content
	============================================================	*/
.content {
	width:100%;
	overflow:hidden;
	padding:60px 0 60px 0;
}
.text-plate {
	padding:120px 0 120px 0;
}
.plate-bg {
	background:#0033CC;
}
.bg-wave {
	height:600px;
	position:relative;
	background-size:100%;
	background-color:#000099;
	background-repeat:no-repeat;
	background-position:bottom center;
	padding:0;
}
.bg-wave-top {
	position:relative;
	background-size:100%;
	background-color:#000099;
	background-repeat:no-repeat;
	background-position:top center;
	padding:120px 0 120px 0;
}
.bg-wave-top-bottom {
	position:relative;
	background-size:100%;
	background-color:#000099;
	background-repeat:no-repeat;
	background-position:top center,bottom center;
	padding:120px 0 120px 0;
}
.bg-wave-bot {
	position:relative;
	background-size:100%;
	background-color:#000099;
	background-repeat:no-repeat;
	background-position:bottom center;
}
.bg-wave-five {
	position:relative;
	background-size:100%;
	background-color:#000099;
	background-repeat:no-repeat;
	background-position:center center;
}
.target:before {
	right:25%;
	bottom:45%;
	width:60px;
	height:60px;
	line-height:58px;
	content:'\2022';
	font-size:30px;
	display:block;
	border-radius:50%;
	position:absolute;
	color:#ff4e00;	
	-webkit-transform-origin:60% 48%;	
	    -ms-transform-origin:60% 48%;	
	        transform-origin:60% 48%;
	-webkit-animation:drift 3000ms infinite linear;
	        animation:drift 3000ms infinite linear;
}
.target:after {
	right:25%;
	bottom:45%;
	width:60px;
	height:60px;
	content:'';
	display:block;
	border-radius:50%;
	position:absolute;
	border:2px solid rgba(255,255,255,.3);	
	-webkit-transform-origin:60% 48%;	
	    -ms-transform-origin:60% 48%;	
	        transform-origin:60% 48%;
	-webkit-animation:drift 3000ms infinite linear;
	        animation:drift 3000ms infinite linear;
}
.bg-wave-top-bottom .img-responsive {
	border-top-left-radius:50px;
	border-bottom-right-radius:50px;
}
@media (max-width:768px) {
	.target:before,
	.target:after {
	right:48%;
	bottom:-200px;
	position:absolute;
	}
}
/* Read more */
a.read-more {
	text-decoration:none;
}
.read-more:before {
	color:#00a7ff;
	display:block;
	content:'Читать ещё';
	margin:0 0 20px 0;
}
.active.read-more:before {
	display:block;
	position:relative;
	content:'Скрыть';
}
a:hover.read-more:before {
	color:#ff4e00;
}
.numb-1:before {
	right:30px;
	top:-3px;
	content:'1';
	z-ndex:2;
	color:#fff;
	font-size:52px;
	font-weight:bold;
	display:block;
	position:absolute;
	text-shadow:0px -1px 0px rgba(1,1,1,.35);
}
.numb-2:before {
	right:30px;
	top:-3px;
	content:'2';
	z-ndex:2;
	color:#fff;
	font-size:52px;
	font-weight:bold;
	display:block;
	position:absolute;
	text-shadow:0px -1px 0px rgba(1,1,1,.35);
}
.numb-3:before {
	right:30px;
	top:-3px;
	content:'3';
	z-ndex:2;
	color:#fff;
	font-size:52px;
	font-weight:bold;
	display:block;
	position:absolute;
	text-shadow:0px -1px 0px rgba(1,1,1,.35);
}
/*	============================================================
	Parallax
	============================================================	*/
.parallax {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
}
.parallax-mobile {
	background-repeat:no-repeat;
	background-position:center top !important;
	background-attachment:scroll;/ Can't have fixed /
}
/*	============================================================
	About
	============================================================	*/
.about h2 {
	z-index:2;
	position:relative;
}
.about h3 {
	padding-top:20px;
	margin:0 0 50px 0;
}
.about .icon {
	width:120px;
	height:124px;
	float:left;
	opacity:.9;
	display:block;
	margin-right:15px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
@media (max-width:480px) {
	.about .icon {
	width:80px;
	height:80px;
	margin-right:10px;
	}
}
/*	============================================================
	Team
	============================================================	*/
.leader-photo {
	width:250px;
	height:250px;
	display:block;
	margin:100px auto 0 auto;
	background:#fff;
	border-radius:50%;
	border:1px solid #888;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
.leader-circuit {
	z-index:1;
	width:460px;
	height:460px;
	display:block;
	position:absolute;
	padding-top:85px;
	margin:20px auto 0 auto;
	background-color:rgba(255,255,255,.8);
	border-radius:50%;
	border:1px dashed #0033CC;
	margin-left:-50px;
}
.leader-circuit h4 {
	color:#555;
	margin-top:40px;
	line-height:1.5;
}
.leader-circuit .text-muted {
	color:#0033CC;
	margin:20px 5px 0 5px;
}
.leader-circuit .icon-neptune {
	top:70px;
	left:50%;
	width:60px;
	height:60px;
	position:absolute;
	background-color:#0033CC;
	-webkit-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	transition:all 1s ease-out;
	mask:url(../img/icon-neptune.svg) no-repeat 0 0/100% 100%;
	-webkit-mask:url(../img/icon-neptune.svg) no-repeat 0 0/100% 100%;
	-webkit-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	transition:all .5s ease-out;
			-ms-transform:translate(-50%, -50%);
			    transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}
.leader-text-right {
	float:right;
	width:250px;
}
.leader-text-left {
	float:left;
	width:250px;
}
.leader-text-left h5,
.leader-text-right h5 {
	margin:15px 0 0;
}
.leader-text-left h5 a,
.leader-text-right h5 a {
	cursor:default;
	display:block;
	margin-bottom:-10px;
}
/* Queries */
@media (max-width:1200px) {
	.content .leader-circuit {
	width:400px;
	height:400px;
	padding-top:85px;
	margin:40px auto 0 auto;
	margin-left:-50px;
	}
	.leader-circuit h4 {
	font-size:22px;
	margin-top:35px;
	line-height:1.4;
	}
}
@media (max-width:992px) {
	.content .leader-circuit {
	width:350px;
	height:350px;
	padding-top:85px;
	margin:40px auto 0 auto;
	margin-left:-65px;
	}
	.leader-circuit h4 {
	font-size:18px;
	margin-top:25px;
	line-height:1.4;
	}
}
@media (max-width:767px) {
	.content .leader-circuit {
	position:relative;
	margin:30px auto 0 auto;
	}	
	.content .leader-photo.pull-left {
	margin-top:40px;
	float:none !important;
	}
	.content .leader-photo.pull-right {
	margin-top:40px;
	float:none !important;
	}
	.leader-text-right {
	float:none;
	margin:0 auto 0 auto;
	}
	.leader-text-left {
	float:none;
	margin:0 auto 0 auto;
	}
}
/*	============================================================
	Aside
	============================================================	*/
.content.aside {
	padding:0;
	color:#fff;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.content.aside aside {
	width:45%;
	z-index:3;
	height:500px;
	margin:0 15px;
	text-align:left;
	position:relative;
	padding:0 30px 20px 60px;
	background-color:rgba(0,51,204,.8);
}
/* Queries */
@media (max-width:992px) {
	.content.aside aside {
	width:60%;
	}
}
@media (max-width:767px) {
	.content.aside aside {
	width:100%;
	margin:0;
	padding:0 15px 20px 15px;
	}
}
/*	============================================================
	Gallery
	============================================================	*/
.gallery-pop div a {
	width:auto;
	height:250px;
	display:block;
	overflow:hidden;
	margin-bottom:30px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
.gallery-pop div a:hover {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.gallery-pop div a:hover:after {
	left:50%;
	top:50%;
	font-size:30px;
	content:'\f00e';
	position:absolute;
	font-family:FontAwesome;
	color:rgba(255,78,0,.8);
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	-webkit-animation:fadeIn;
	animation:fadeIn;
	-webkit-animation-duration:.4s;
	animation-duration:.4s;
}
/*	============================================================
	FAQ, Collapsed Features
	============================================================	*/
.faq-text {
	color:#fff;
	text-align:left;
	min-height:65px;
	border-radius:5px;
	margin:0 40px 20px -10px;
	padding:5px 15px 8px 15px;
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
.faq-text .collapse {
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
.faq-text .collapse.in {
	display:initial;
}
.faq-text:hover {
	background-color:#0082cc;
}
.faq .faq-text h4 {
	line-height:1.3em;
	cursor:pointer;
}
.faq .faq-text h4:hover {
	color:#fff;
	opacity:.9;
}
.faq-text:before {
	margin-top:6px;
	font-size:30px;
	float:right;
	cursor:pointer;
	content:'\f067';
	margin-left:15px;
	padding:0 0 0 10px;
	font-family:FontAwesome;
	color:rgba(255,255,255,.5);
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
.faq-text:hover:before {
	color:rgba(255,78,0,.85);
}
.active.faq-text:before {
	min-height:65px;
	content:'\f068';
	padding:0 0 0 10px;
	color:rgba(255,255,255,.5);
}
.active.faq-text:hover:before {
	color:rgba(255,255,255,1);
}
.active.faq-text a {
	color:#65caff;
}
.active.faq-text .lead {
	display:block;
	margin:25px 0 20px 0;
}
/* Queries */
@media (max-width:992px) {
	.faq-text {
	margin-right:-10px;
	}
}
/*	===================================================================
	Address
	===================================================================	*/
.content address {
	margin-top:30px;
	text-shadow:0 0 8px rgba(0,0,0,.4);
}
.content address,
.content address a {
	color:#fff;
}
.content address a:hover {
	color:#ff4e00;
}
.content address .fa {
	color:#0082cc;
	margin-right:6px;
	text-shadow:0 0 4px rgba(0,0,0,.1);
}
.content address span {
	display:block;
	height:15px;
}
/*	===================================================================
	Form
	===================================================================	*/
form,input,textarea,select {
	font-weight:300;
}
form textarea.form-control {
	font-size:18px;
}
select option {
	color:#333;
	padding:3px 0 3px 10px;
}
form label {
	width:100%;
}
form .form-group {
	color:#eee;
}
form .input-lg {
	color:#333;
	font-size:20px;
	overflow:hidden;
	background:#fff;
	border:none;
	border-radius:4px;
}
/* Query */
@media (max-width:767px) {
	form .input-lg,
	form textarea.form-control {
	font-size:16px;
	}
}
form .input-lg,
form label.select:before {
	height:48px; /* Height for Input & Select */
}
form .input-lg.t-height {
	min-height:148px;
}
/* Custom */
form .input-lg.input-date {
	width:140px;
}
form .input-lg.input-short {
	width:130px;
}
/* Hide Input */
form .no-input {
	border:0;
	padding:0;
	float:right;
	text-align:left;
	max-width:46px;
	font-weight:400;
	margin:0 -10px 0 4px;
	background:transparent;
}
/* Remove Active Border */
.form-control,
.form-control:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus {
	outline:none;
	-webkit-box-shadow:none;
	-webkit-appearance:none;
}

#formContact .form-control:focus {
	box-shadow: 0 0 12px #fff;
}
/* Select/Label Hack */
form select {
	outline:none;
	cursor:pointer;
}
form select option:first-child {display:none;}
form select.input-lg {
	color:#555;
	padding:0 0 0 12px !important;
	/* Keep to control iOS select appearance! */
	background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));
}
form label.select {
	margin:0;
	position:relative;
}
form label.select:before {
	top:0;
	right:0;
	border:0;
	width:36px;
	color:#fff;
	display:block;
	background:#0082cc;
	font-size:16px;
	content:'\f0d7';
	padding-top:12px;
	position:absolute;
	text-align:center;
	pointer-events:none;
	font-family:FontAwesome;
	border-top-right-radius:1px;
	border-bottom-right-radius:1px;
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
form label.select:hover:before {
	color:#fff;
	background:#ff4e00;
	border-color:none;
	border:none;
}
/*	============================================================
	Radio and Checkboxes
	============================================================	*/
input[type="radio"] + label {
	color:#fff;
	font-weight:300;
	position:relative;
	margin:0 5px 0 35px;
}
input[type="radio"] {
	display:none;
}
input[type="radio"] + label,
.list-inline input[type="radio"] + label {
	cursor:pointer;
	font-size:22px;
	line-height:24px;
	padding-top:3px;
	padding-right:10px;
}
input[type="radio"] + label:before {
	top:0;
	z-index:1;
	left:-35px;
	border:0;
	content:'';
	width:27px;
	height:27px;
	cursor:pointer;
	background:#eee;
	position:absolute;
	margin:0 8px 0 0;
	border:2px solid transparent;
	-webkit-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
input[type="radio"] + label:before {
	border-radius:50% /* keep 50% as unique */;
}
input[type="radio"] + label:hover {
	color:#eee;
}
input[type="radio"]:checked + label:after {
	top:6px;
	left:-29px;
	width:15px;
	height:15px;
	content:'';
	z-index:2;
	display:block;
	background:#fff;
	position:absolute;
	border-radius:50%;
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
}
input[type="radio"]:checked + label:before {
	background:#0082cc;
}
input[type="radio"] + label:hover:after {
	background:#fff;
}
input[type="radio"]:checked + label {
	color:#fff;
}
input[type="radio"] + label:hover:before {
	background:#0082cc;
	border-color:#0082cc;
}
/*	============================================================
	Addon
	============================================================	*/
.content.contact .input-group-addon {
	width:36px;
	color:#fff;
	padding:4px 5px 4px 0;
	line-height:1.4;
	text-align:center;
	text-shadow:none;
	cursor:pointer;
	font-size:18px;
	vertical-align:middle;
	margin-left:-10px;
	margin-right:0;
	border-radius:1px;
	background:#0082cc;
	border:none;
}
.content.contact form .code #spantag {
	display:block;
}
.content.contact form .code #spantag {
	color:#0082cc;
	font-size:22px;
	margin-top:-2px;
	font-weight:500;
}
.content.contact .date .input-group-addon {
	border:none;
}
.content.contact .date .input-group-addon {
	padding:4px 11px 4px 8px;
}
/* Query */
@media (max-width:1200px) {
	.form-group.full-width-xs {
	width:100%;
	}
}
/*	============================================================
	Filtered Plate
	============================================================	*/
.filtered-plate {
	color:#fff;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	transition:all 1s ease-out;
}
.filtered-plate:before {
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	background-color:rgba(0,51,204,0.3);
}
/*	============================================================
	Blockquote
	============================================================	*/
.content blockquote {
	border:0;
	padding:0;
	margin:0 5%;
}
.content blockquote h2 {
	color:#fff;
	font-family:Roboto;
	text-transform:none;
}
.content blockquote h2:before,
.content blockquote h2:after  {
	color:#ff4e00;
	font-size:24px;
	margin:0 8px;
	font-family:FontAwesome;
}
.content blockquote h2:before {
	content:'\f10d';
}
.content blockquote h2:after {
	content:'\f10e';
}
.content .author {
	color:#999;
	font-size:20px;
	font-weight:300;
	padding:5px 0 0 0;
	font-style:italic;
}
.content .author:before {
	content:'\2014';
	margin-right:5px;
}
/*	===================================================================
	Blog
	===================================================================	*/
.content.blog {	
	padding:120px 0 120px 0;
}
.content.blog h2,
.content.blog h3,
.content.blog h4,
.content.blog h5 {
	color:#fff;
}
.content.blog .nav-pills {
	margin:0 0 20px 0;
}
.content.blog .nav-pills>li.active>a, .content.blog  .nav-pills>li.active>a:hover, .content.blog .nav-pills>li.active>a:focus {
	color:#fff;
	background-color:transparent;
	text-transform:uppercase;
}
.content.blog .nav-pills > li > a, .nav-pills > a  {

	color:#0082cc;
	font-size:16px;
	border-radius:0px;
	text-transform:uppercase;
	padding:0 0 5px 0;
	-webkit-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.content.blog .nav > li > a:hover,
.content.blog .nav > li > a:focus {
	color:#ff4e00;
	text-decoration:none;
	background:none;
}
.content.blog .nav a span {
	color:#999;
	padding-left:4px;
}
.content.blog .nav a span:before {
	color:#ccc;
	content:'(';
}
.content.blog .nav a span:after {
	color:#ccc;
	content:')';
}
.content.blog .nav-stacked>li+li {
	margin-top:0px;
	margin-left:0;
	border:0;
}
/* Image */
.content.blog .blog-image {
	display:block;
	overflow:hidden;
	background:#002258;
	margin:45px 0 25px 0;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-transition:.7s ease-out;
	-o-transition:.7s ease-out;
	transition:.7s ease-out;
	border-top-left-radius:50px;
	border-bottom-right-radius:50px;
	filter: brightness(80%);
}

.content.blog .blog-image:first-child {
	margin:0 0 25px 0;
}
.content.blog .blog-image:hover {
	-webkit-filter:saturate(150%);
	filter:saturate(150%);
	box-shadow: 0 0 15px 5px #ff4e00;
}
/* Queries */
@media (min-width:1201px) {
	.content.blog .blog-image {
	height:500px;
	}
}
@media (max-width:1200px) {
	.content.blog .blog-image {
	height:460px;
	}
}
@media (max-width:992px) {
	.content.blog .blog-image {
	height:360px;
	}
}
@media (max-width:768px) {
	.content.blog .blog-image {
	height:300px;
	}
}
/* Blog */
.content.blog blockquote {
	border-left:4px solid #0082cc;
	padding:0 60px 0 25px;
	margin:34px 0 41px 0;
}
.content.blog blockquote h3 {
	margin:0;
	font-style:italic;
	text-align:left;
}
/* Side */
.content.blog .close {
	color:#fff;
	opacity:1;
	margin-top:8px;
	-webkit-animation:fadeIn;
	animation:fadeIn;
	-webkit-animation-duration:3s;
	animation-duration:3s;
	text-shadow:none;
}
.content.blog .close:before {
	content:'\f00d';
	font-family:FontAwesome;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.content.blog .close:hover:before {
	color:#ff4e00;
	-webkit-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.content.blog .contact-name.nav-pills>li>a {
	text-transform:capitalize;
}
.content.blog form .input-group-lg.input-blog .input-lg {
	height:44px;
	font-size:16px;
	border-radius-top-left:4px;
	border:none;
}
.content.blog .input-blog .input-group-addon {
	color:#fff;
	height:30px;
	border-left:0;
	border-radius:0;
	padding:5px 15px;
	cursor:pointer;
	border:none;
	background-color:#0082cc;
	-webkit-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.content.blog .input-blog .input-group-addon:hover {
	color:#fff;
	background-color:#ff4e00;
}
.content.blog .btn {
	color:#fff;
	border-color:#0082cc;
	background-color:#0082cc;
	-webkit-box-shadow:none;
	        box-shadow:none;
}
.content.blog .btn:hover {
	border-color:#ff4e00;
	background-color:#ff4e00;
}
/* ==========================================================================
   Blog posts
   ========================================================================== */
.blog-post {
	padding-bottom:120px;
}
.blog-post p {
	text-align:left;
	font-weight:300;
	line-height:25px;
	margin-bottom:20px;
}
.blog-post h2 {
	margin:0 0 15px 0;
	text-transform:none;
	text-align:left;
}
.blog-post h2 a {
	color:#0082cc;
	-webkit-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.blog-post h2 a:hover {
	color:#ff4e00;
}
.blog-post h5 {
	color:#ccc;
	font-size:16px;
	text-align:left;
	margin:0 0 25px 0;
}
.blog-post .blog-tags {
	color:#ccc;
	text-align:right;
	margin-top:-31px;
}
.blog-post .blog-post-tags {
	color:#ccc;
	text-align:right;
	margin-top:40px;
}
.blog-post button {
	margin:20px 0 15px 0;
}
.blog-post ol,
.blog-post ul {
	color:#fff;
	margin-left:22px;
}
/*	===================================================================
	Pager
	===================================================================	*/
.pager li > a {
	color:#0082cc;
	font-size:18px;
	display:inline-block;
	padding:17px 0 0 0;
	border:0;
	border-radius:0;
	background-color:transparent;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.pager li.previous > a:before,
.pager li.next > a:after {
	color:#0082cc;
	font-size:18px;
	font-family:FontAwesome;
}
.pager li.previous > a:before {
	content:'\f053';
	margin-right:6px;
}
.pager li.next > a:after {
	content:'\f054';
	margin-left:6px;
}
.pager li > a:hover,
.pager li > a:hover:before,
.pager li > a:hover:after,
.pager li > a:focus {
	text-decoration:none;
	background-color:transparent;
	color:#ff4e00;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager li.previous.disabled > a:before {
	opacity:.6;
	color:#777;
	cursor:default;
	background-color:transparent;
}
/*	===================================================================
	Pagination
	===================================================================	*/
.pagination {
	float:left;
	margin:0;
}
@media (max-width:400px) {
	.pagination {
	margin:0 0 80px;
	}
}
.pagination > li {
	position:relative;
}
.pagination > li > a {
	border:0;
	margin:0;
	color:#0082cc;
	font-size:18px;
	font-weight:bold;
	border-radius:50%;
	background:transparent;
	text-decoration:none;
	padding:6px 15px 7px 15px;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.pagination > li:first-child > a {
	padding-left:0;
	padding-right:14px;
	font-weight:normal;
}
.pagination > li:last-child > a {
	padding-right:0;
	padding-left:14px;
	font-weight:normal;
}
.pagination > li > a:hover,
.pagination > li > a:focus {
	color:#ff4e00;
	background:transparent;
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
	color:#fff;
	margin:4px;
	opacity:.7;
	cursor:default;
	background:#0082cc;
	padding:2px 11px 3px 11px;
}
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color:#999;
	margin-left:1px;
	padding:5px 0 0;
	cursor:default;
	background:transparent;
}
.pagination > .disabled a:before {
	content:'...';
}
.pagination > li > a.prev {
	margin-left:-14px;
}
/* Icons left-right */
.pagination > li > a.prev:before,
.pagination > li > a.next:after {
	color:#0082cc;
	font-size:18px;
	font-family:FontAwesome;
	-webkit-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	transition:all 1s ease-out; 
}
.pagination > li > a.prev:before {
	content:'\f053';
	padding:0 7px 0 12px;
}
.pagination > li > a.next:after {
	content:'\f054';
	padding:0 12px 0 7px;
}
.pagination > li > a.next:hover:after {
	color:#ff4e00;
	padding:0 12px 0 13px;
}
.pagination > li > a.prev:hover:before {
	color:#ff4e00;
	padding:0 13px 0 6px;
}


/*	============================================================
	Footer
	============================================================	*/
#footer {
	overflow:hidden;
	padding-top:100px;
	padding-bottom:100px;
	/* See 'Header & Footer Paddings section' for left & right padding */	
	-webkit-transition:all 2s ease-out;
	-o-transition:all 2s ease-out;
	transition:all 2s ease-out;
	background:-webkit-linear-gradient(top, rgba(0,51,204,1) 0%,rgba(0,34,88,0.9) 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,51,204,1)),to(rgba(0,34,88,0.9)));
	background:-o-linear-gradient(top, rgba(0,51,204,1) 0%,rgba(0,34,88,0.9) 100%);
	background:linear-gradient(to bottom, rgba(0,51,204,1) 0%,rgba(0,34,88,0.9) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0033CC', endColorstr='#e60082cc',GradientType=0 );
}
#footer .logo {
	top:0;
	left:0;
	z-index:2;
	width:200px;
	height:200px;
	position:relative;
	margin-bottom:80px;
	-webkit-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	transition:all 1s ease-out;
	background-color:#fff;
	mask:url(../img/logo_animated.svg) no-repeat 0 0/100% 100%;
	-webkit-mask:url(../img/logo_animated.svg) no-repeat 0 0/100% 100%;
	-webkit-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	transition:all .5s ease-out;
}
#footer .copyright {
	color:#ccc;
	font-weight:300;
	font-size:14px;
	letter-spacing:.2px;
}
#footer .copyright:before {
	content:'Copyright \00a9';
	padding-right:5px
}
#footer .footer-link {
	text-align:right;
	margin-bottom:20px;
}
#footer .footer-link a {
	color:#eee;
	font-size:16px;
	padding:0 7px;
	letter-spacing:.5px;
	text-transform:uppercase;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
#footer .footer-link a:hover {
	color:#ff4e00;
}
#footer .footer-link a:last-child {
	padding-right:0;
}
/* Query */
@media (max-width:768px) {
	#footer .footer-link {
	text-align:center;
	margin-bottom:40px;
	}
	#footer .logo {
	top:0;
	left:50%;
	width:200px;
	height:200px;
	margin-bottom:80px;
	-webkit-transform:translate(-50%, 0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);
	}
	#footer .copyright {
	display:block;
	text-align:center;
	}
}

@media (max-width:560px) {
	#footer .footer-link a {
	padding:0 4px;
	}
	#footer .copyright:before {
	content:'\00a9';
	}
}
/*	============================================================
	Bullets
	============================================================	*/
.list-group.bullets a:before,
.list-group.bullets li:before,
.list-group.bullets-a-style li:before,
.list-group.bullets-b-style li:before,
.list-group.bullets-c-style li:before {
	color:#eee;
	margin:0 12px 0 0;
	font-family:'FontAwesome';
}
/* List Default */
.list-group.bullets a,
.list-group.bullets-e-style a {
	color:#fff;
	display:block;
	padding-top:10px;
}
.list-group.bullets a:before {
	opacity:.7;
	font-size:18px;
	content:'\f08e';
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
.list-group.bullets a:hover:before {
	opacity:.8;
	color:#ff4e00;
}
.list-group.bullets a .fa {
	opacity:.7;
}
.list-group.bullets a:hover {
	color:#ff4e00;
	font-weight:500;
}
/* List C */
.list-group.bullets-c-style li:before {
	left:0;
	top:0;
	display:block;
	font-size:24px;
	content:'\f00c';
	position:absolute;
}
.list-group.bullets-c-style .list-group-item {
	border:0;
	color:#fff;
	margin-top:0;
	font-size:20px;
	font-weight:300;
	margin-bottom:15px;
	background:transparent;
	padding:3px 30px;
}
/* List E */
.list-group.bullets-e-style li:before {
	left:0;
	top:0;
	color:#fff;
	width:30px;
	display:block;
	padding-top:0;
	font-size:48px;
	font-weight:bold;
	position:absolute;
	text-align:center;
	content:counter(itemcount);
	-webkit-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.list-group.bullets-e-style li {
	max-width:400px;
	counter-increment:itemcount;
}
.list-group.bullets-e-style .list-group-item {
	border:0;
	font-size:24px;
	background:transparent;
	padding:10px 0 10px 45px;
}
.list-group.bullets-e-style .list-group-item a:hover {
	color:#ff4e00;
}
.list-group.bullets-e-style li:hover:before {
	color:#ff4e00;
}
/*	============================================================
	Back to Top
	============================================================	*/
.back-to-top {
	opacity:0;
	color:#fff;
	height:40px;
	width:40px;
	right:20px; /* right position */
	bottom:-50px;
	z-index:2;
	position:fixed;
	cursor:pointer;
	text-align:center;
	border-radius:50%;
	-webkit-border-radius:50%;
	background-color:rgba(0,0,0,.25);
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
.back-to-top:hover {
	background-color:#ff4e00;
}
.back-to-top:before	{
	opacity:.5;
	font-size:30px;
	content:'\f106';
	line-height:36px;
	font-family:FontAwesome;
}
.back-to-top:hover:before {
	opacity:0.8;
}
.show-to-top {
	opacity:1;
	bottom:23px; /* bottom position */
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
/*	============================================================
	Extra
	============================================================	*/
.text-muted {
	color:#999;
}
/* Centered & Middle */
.vertical-middle {
	display:table;
}
.vertical-middle .vertical-block {
	display:table-cell;
	vertical-align:middle;
}
.row-hr {
  padding-bottom:100px;
  margin-bottom:120px;
  border-bottom:1px dashed #0082cc;
}
/* Fill Background */
.underwater-cloud {
	position:relative;
	background-repeat:repeat;
	background-size:contain;
	background-position:left;
}
.underwater-cloud.parallax {
	position:relative;
	background-position:left !important;
}
.underwater-cloud:before {
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	background-color:rgba(0,0,0,0.5);
}
/*	============================================================
	Primary Button
	============================================================	*/
.btn-primary {
	color:#fff;
	font-weight:400;
	border-radius:6px;
	border-width:1px;
	background-color:#0082cc;
	border-color:#0082cc;
	-webkit-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.btn-primary:focus,
.btn-primary:hover {
	color:#fff;
	border-color:#ff4e00;
	background-color:#ff4e00;
}
/*	============================================================
	Wave bubble
	============================================================	*/
.bubble {
	top:0;
	width:100vh;
	height:100vh;
	overflow:hidden;
	position:absolute;
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
}
.wave {
	top:3%;
	left:50%;
	opacity:.4;
	width:100vh;
	height:100vh;
	position:absolute;
	background:#0033CC;
	margin-left:-250px;
	margin-top:-250px;
	-webkit-transform-origin:60% 48%;
	    -ms-transform-origin:60% 48%;
	        transform-origin:60% 48%;
	border-radius:43%;
	-webkit-animation:drift 3000ms infinite linear;
	        animation:drift 3000ms infinite linear;
}
.wave.-three {
	-webkit-animation:drift 5000ms infinite linear;
	        animation:drift 5000ms infinite linear;
}
.wave.-two {
	-webkit-animation:drift 7000ms infinite linear;
	        animation:drift 7000ms infinite linear;
	opacity:.1;
	background:#000;
}
@-webkit-keyframes drift {
	from {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
	from {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes drift {
	from {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
	from {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
/* Query */
@media (max-width:560px) {
	.wave {
	margin-left:-150px;
	margin-top:-150px;
	}
}
/*	============================================================
	Modal
	============================================================	*/
.modal-content {border-radius:1px;}
.modal-title {color:#0033CC;}
.modal-body p {color:#222;}
/*	============================================================
	Effects
	============================================================	*/
.fade-in {
	-webkit-animation:fadeIn;
	animation:fadeIn;
	-webkit-animation-duration:2s;
	animation-duration:2s;
}
@-webkit-keyframes fadeIn {0% {opacity:0;} 100% {opacity:1;} }
@keyframes fadeIn {0% {opacity:0;} 100% {opacity:1;} }
.sliding {
	-webkit-animation:fadeIn,slideInRight;
	animation:fadeIn,slideInRight;
	-webkit-animation-duration:1s;
	animation-duration:1s;
}
/*	===================================================================
	Media Queries
	Min - greater or equal. Order - low to hi.
	Max - less or equal. Order - hi to low.
	===================================================================	*/


/*scroll.anim*/
.animBox.scroll-out {
	-webkit-animation-name:none !important;
	animation-name:none !important;
	visibility:hidden !important;
}