/* Qinvia CSS customizations */

/* Fonts */
@font-face {
	font-family: 'FSMe';
	
	src: url('../fonts/FSMe.eot');
	src: url('../fonts/FSMe.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/FSMe.woff2') 		format('woff2'), 
		 url('../fonts/FSMe.woff') 		format('woff'), 
		 url('../fonts/FSMe.ttf') 		format('truetype'), 
		 url('../fonts/FSMe.svg') 		format('svg');
		 
	font-weight: normal;
	font-style: normal;	
}

@font-face {
	font-family: 'Vanquish';
	
	src: url('../fonts/VanquishW00Bold.eot');
	src: url('../fonts/VanquishW00Bold.eot?#iefix') 	format('embedded-opentype'), 
		 url('../fonts/VanquishW00Bold.woff2') 		format('woff2'), 
		 url('../fonts/VanquishW00Bold.woff') 		format('woff'), 
		 url('../fonts/VanquishW00Bold.ttf') 		format('truetype'), 
		 url('../fonts/VanquishW00Bold.svg') 		format('svg');
		 
	font-weight: normal;
	font-style: normal;	
}


/* font family */
.alt-font  		{font-family: "FSMe"; font-size: 30px; }
.main-font 		{font-family: "FSMe"; font-size: 15px; }
.qinvia-font 	{font-family: "Vanquish";}


/* Header */
header nav .navbar-nav > li > a {
	color: #FFF; 
	font-size: 14px; 
	font-weight: 800; 
	margin:0 20px; 
	padding: 5px 0px 5px; 
	text-transform: capitalize; 
	letter-spacing: 0.015em;
}

header a.logo img {max-height:33.1px;}

.header-social-icon a {color: #FFF}
.header-social-icon a i, .header-searchbar a i {margin: 0 6px;}

header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a{color: #050F5A}
header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a {color: #050F5A}

@media only screen and (max-width: 639px) {
	#header .header-social-icons {
		display:none !important;		
	}	
}

@media only screen and (max-width: 439px) {
	#header .accordion-menu {
		padding:26px 0px;
	}	
}

@media only screen and (max-width: 389px) {
	#header .col-auto.pl-lg-0 {
		padding:0px 0px;
	}	
}

@media only screen and (max-width: 324px) {	
	
	#header .btn-group.dropdown-style-1 {
		display:none !important;
	}
}


/* Body, etc */
body {
	/* background-color: #FFF !important;
	color: 		      #050F5A !important; */
	font-family: "FSMe";
	font-size: 	 14px;
	font-weight: 400;
}

h6 {font-size:25px; line-height:30px}

/* font size */
.font-size-10 {font-size:10px}
.font-size-12 {font-size:12px}
.font-size-14 {font-size:14px}
.font-size-15 {font-size:15px}
.font-size-16 {font-size:16px}
.font-size-18 {font-size:18px}
.font-size-20 {font-size:20px}
.font-size-21 {font-size:21px}
.font-size-23 {font-size:23px}
.font-size-25 {font-size:25px}
.font-size-30 {font-size:30px}
.font-size-35 {font-size:35px}
.font-size-40 {font-size:40px}
.font-size-50 {font-size:50px}
.font-size-60 {font-size:60px}

.line-height-24 {line-height: 25px}

.padding-lr-5  {padding:0px 5px;}
.padding-lr-10 {padding:0px 10px;}

.margin-lr-5p  {margin-left:5% !important; margin-right:5% !important; width:90%;}

 /* min height */
.md-min-height-800 {min-height: 800px}
.md-min-height-850 {min-height: 850px}
.sm-min-height-600 {min-height: 600px}

@media only screen and (max-width: 639px) {
	.team-photo {
		max-height: 600px;	
		max-width:  600px;		
	}	
}

@media only screen and (min-width: 350px) and (max-width: 419px) {
	.front-svg {
		max-height: 90%;	
		max-width:  90%;		
	}	
}

@media only screen and (min-width: 420px) and (max-width: 489px) {
	.front-svg {
		max-height: 80%;	
		max-width:  80%;		
	}	
}

@media only screen and (min-width: 490px) and (max-width: 569px) {
	.front-svg {
		max-height: 70%;	
		max-width:  70%;		
	}	
}

@media only screen and (min-width: 570px) and (max-width: 639px) {
	.front-svg {
		max-height: 60%;	
		max-width:  60%;		
	}	
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
	.front-svg {
		max-height: 55%;	
		max-width:  55%;		
	}	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.front-svg {
		max-height: 70%;	
		max-width:  70%;		
	}	
}

@media only screen and (min-width: 992px) {
	.front-svg {
		max-height: 55%;	
		max-width:  55%;		
	}	
}

.min-height-30  {min-height: 30px}
.min-height-50  {min-height: 50px}
.min-height-60	{min-height: 60px}
.min-height-100 {min-height: 100px}
.min-height-360 {min-height: 360px}
.min-height-500 {min-height: 500px}

.min-width-100  {min-width: 100px}
.min-width-200  {min-width: 200px}
.min-width-300  {min-width: 300px}

/* Background and text color */
.bg-blue-opacity 		{ background-color: rgba(5, 15, 90, 0.8); }
.bg-blue-opacity-light 	{ background-color: rgba(5, 15, 90, 0.5); }
.bg-dark-blue 			{ background-color:#050F5A;}
.bg-light-blue 			{ background-color:#AFE1E6;}
.bg-extra-light-blue 	{ background-color:#AFE1E633;}
.bg-blue 				{ background-color:#0A5AAF;}
.text-dark-blue,  .btn.text-dark-blue  {color:#050F5A;}
.text-light-blue, .btn.text-light-blue {color:#AFE1E6;}
.text-blue, 	  .btn.text-blue {color:#0A5AAF;}


/* Elements */
.btn {
	display:inline-block; 
	border:2px solid transparent; 
	color: inherit; 
	letter-spacing: .5px; 
	line-height: inherit; 
	border-radius: 0; 
	text-transform: capitalize; 
	width: auto; 
	font-family: 'FSMe';
	font-size: 	 14px;
	font-weight: 600; 
	transition-duration: 0.3s; 
	transition-timing-function: ease-in-out; 
	white-space: nowrap;
}

.dropdown-style-1 .btn {
	color: 		 #fff; 
	font-size:   14px; 
	font-weight: 600px !important;
	line-height: normal; 
	padding: 0; 
	margin: 0;
}

.dropdown-style-1 .dropdown-menu {
	margin-top: 1px; 
	min-width: 70px;
}

.dropdown-style-1 .dropdown-menu > li > a {
	padding: 5px 5px; 
	font-size: 14px; 
	display: block; 
}

header.sticky nav.navbar-fixed-top .dropdown-style-1 .btn {
	color: #050F5A !important;
}

header.sticky nav.navbar-fixed-top .dropdown-style-1 .btn:hover, .custom-dropdown btn:focus {
	color: #0A5AAF !important;
}

header.sticky nav.navbar-fixed-top .header-social-icons > li > a > i {
	color: #050F5A !important;
}


/* feature box style 8 */
@media only screen and (max-width: 767px) {
	.feature-box-8 { min-height: 260px }	
}

@media only screen and (min-width: 768px) {
	.feature-box-8 { min-height: 360px }	
}

/* country flag icon */
.icon-country.spain {
	background:url("../images/country-flag-16X16/spain.png");
}

.icon-country.spain-adj {
	background:url("../images/country-flag-16X16/spain.png");
	float:right;
	margin:3px;
	vertical-align:	middle !important;
}

.icon-country.hong-kong-adj {
	background:url("../images/country-flag-16X16/hong-kong.png");
	float:right;
	margin:3px;
	vertical-align:	middle !important;	
}

.icon-country.uk-adj {
	background:url("../images/country-flag-16X16/uk.png");
	float:right;
	margin:3px;
	vertical-align:	middle !important;	
}

.icon-country.uae-adj {
	background:url("../images/country-flag-16X16/uae.png");
	float:right;
	margin:3px;
	vertical-align:	middle !important;	
}


/* Social Icons */
.social-icons {
	margin: 0;
	padding: 0;
	width: auto;
}

.social-icons li {
	display: inline-block;
	margin: -1px 1px 0 0;
	padding: 0;
	border-radius: 100%;
	overflow: visible;
}

.social-icons li a {
	transition: all 0.2s ease;
	border-radius: 100%;
	display: block;
	height: 28px;
	line-height: 28px;
	width: 28px;
	text-align: center;
	color: #333 !important;
	text-decoration: none;
	font-size: 12.8px;
	font-size: 0.95rem;
	height: 30px;
	line-height: 30px;
	width: 30px;
	color: #050F5A !important;		
}

.social-icons li:hover a {
	background: #151719;
	color: #FFF !important;
}

.social-icons li:hover.social-icons-twitter a {
	background: #1aa9e1;
}

.social-icons li:hover.social-icons-facebook a {
	background: #3b5a9a;
}

.social-icons li:hover.social-icons-linkedin a {
	background: #0073b2;
}

.social-icons li:hover.social-icons-rss a {
	background: #ff8201;
}

.social-icons li:hover.social-icons-googleplus a {
	background: #dd4b39;
}

.social-icons li:hover.social-icons-pinterest a {
	background: #cc2127;
}

.social-icons li:hover.social-icons-youtube a {
	background: #c3191e;
}

.social-icons li:hover.social-icons-instagram a {
	background: #7c4a3a;
}

.social-icons li:hover.social-icons-skype a {
	background: #00b0f6;
}

.social-icons li:hover.social-icons-email a {
	background: #dd4b39;
}

.social-icons li:hover.social-icons-vk a {
	background: #6383a8;
}

.social-icons li:hover.social-icons-xing a {
	background: #1a7576;
}

.social-icons li:hover.social-icons-tumblr a {
	background: #304e6c;
}

.social-icons li:hover.social-icons-reddit a {
	background: #ff4107;
}

.social-icons.social-icons-dark li a {
	background: #181818;
}

.social-icons.social-icons-dark li a i {
	color: #FFF;
}

.social-icons.social-icons-dark-2 li a {
	background: #272a2e;
}

.social-icons.social-icons-dark-2 li a i {
	color: #FFF;
}

.social-icons.social-icons-transparent li {
	box-shadow: none;
}

.social-icons.social-icons-transparent li a {
	background: transparent;
}

.social-icons.social-icons-icon-light li a i {
	color: #FFF;
}

.social-icons.social-icons-icon-light.social-icons-clean li a i {
	color: #FFF !important;
}

.social-icons.social-icons-big li a {
	height: 48px;
	line-height: 48px;
	width: 48px;
}

.social-icons.social-icons-opacity-light li a {
	background: rgba(255, 255, 255, 0.04);
}

.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a {
	background: #050F5A;
}

.social-icons-dark.social-icons-clean li a,
.social-icons-dark-2.social-icons-clean li a {
	background: transparent;
	color: #FFF !important;
}

header.sticky nav.navbar-fixed-top .header-social-icons > li > a:hover > i {
	color: #FFF !important;
}

header.sticky nav.navbar-fixed-top .header-social-icons > li > a > i {
	color: #050F5A !important;
}

header.sticky nav.navbar-fixed-top .header-row.border-lr {
	border-left:  1px solid rgba(5, 15, 90, 0.5); 
	border-right: 1px solid rgba(5, 15, 90, 0.5);
}

.header-row.border-lr {
	border-left:  1px solid rgba(255, 255, 255, 0.5); 
	border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.thumb-info .thumb-info-type,
.thumb-info .thumb-info-action-icon,
.thumb-info-social-icons a,
.thumbnail .zoom,
.img-thumbnail .zoom,
.thumb-info-ribbon {
	background-color: #05145A;
}

.container-fluid {
   max-width:1170px;
}


/* Footer*/
