/*
Theme Name: VFS
Theme URI: 
Author: the WordPress team
Author URI: 
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.2
License: GNU General Public License v2 or later
License URI: 
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
.clear:before,  .clear:after,  .entry-content:before,  .entry-content:after,  .entry-footer:before,  .entry-footer:after,  .comment-content:before,  .comment-content:after,  .site-header:before,  .site-header:after,  .site-content:before,  .site-content:after,  .site-footer:before,  .site-footer:after,  .nav-links:before,  .nav-links:after,  .pagination:before,  .pagination:after,  .comment-author:before,  .comment-author:after,  .widget-area:before,  .widget-area:after,  .widget:before,  .widget:after,  .comment-meta:before,  .comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after,  .entry-content:after,  .entry-footer:after,  .comment-content:after,  .site-header:after,  .site-content:after,  .site-footer:after,  .nav-links:after,  .pagination:after,  .comment-author:after,  .widget-area:after,  .widget:after,  .comment-meta:after {
	clear: both;
}
/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block
}
audio, canvas, video {
	display: inline-block;
	max-width: 100%
}
html {
	/*overflow-y:scroll;*/

	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a {
	text-decoration: none
}
a:focus {
	outline: 0
}
a:hover, a:active {
	outline: 0
}
address {
	font-style: italic;
	margin-bottom: 24px
}
abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help
}
b, strong {
	font-weight: 400
}
cite, dfn, em, i {
	font-style: italic
}
mark, ins {
	background: #fff9c0;
	text-decoration: none
}
code, kbd, tt, var, samp, pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: 1.6
}
pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}
blockquote, q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none
}
blockquote {
	color: #767676;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.2631578947;
	margin-bottom: 24px
}
blockquote cite, blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal
}
blockquote strong, blockquote b {
	font-weight: 400
}
small {
	font-size: smaller
}
big {
	font-size: 125%
}
sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	bottom: 1ex
}
sub {
	top: .5ex
}
dl {
	margin-bottom: 24px
}
dt {
	font-weight: bold
}
dd {
	margin-bottom: 24px
}
img {
	border: 0;
}
figure {
	margin: 0
}
fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0
}
legend {
	white-space: normal
}
button, input, select, textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline
}
button, input {
	line-height: normal
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	padding: 0
}
input[type="search"] {
	-webkit-appearance: textfield
}
 input[type="search"]::-webkit-search-decoration {
 -webkit-appearance:none
}
 button::-moz-focus-inner, input::-moz-focus-inner {
 border:0;
 padding:0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table, th, td {
/*border:1px solid #dfdede;*/

}
table {
	/*border-collapse:separate;*/

	border-spacing: 0;
	/*border-width:1px 0 0 1px;*/

	margin-bottom: 24px;
	width: 100%
}
caption, th, td {
	font-weight: normal;
	text-align: left
}
th {
	border-width: 0 1px 1px 0;
	font-weight: bold
}
td {
	border-width: 0 1px 1px 0
}
del {
	color: #767676
}
hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
	clear: both;
}
/* =WordPress Core

-------------------------------------------------------------- */

.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter,  div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.wp-caption {
	/* background: #fff;*/

	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
/*--------------------------------------------------------------

2.0 Accessibility

--------------------------------------------------------------*/



/* Text meant only for screen readers. */



.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}
/*--------------------------------------------------------------

14.0 Comments

--------------------------------------------------------------*/



#comments {
	clear: both;
	padding: 2em 0 0.5em;
	float: left;
	width: 100%;
}
.comments-title {
	font-size: 20px;
	font-size: 1.25rem;
	margin-bottom: 1.5em;
}
.comment-list,  .comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comment-list li:before {
	display: none;
}
.comment-body {
	margin-left: 65px;
}
.comment-author {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}
.comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}
.comment-author .says {
	display: none;
}
.comment-meta {
	margin-bottom: 1.5em;
}
.comment-metadata {
	color: #767676;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}
.comment-metadata a {
	color: #767676;
}
.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}
.comment-body {
	color: #333;
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 4em;
}
.comment-reply-link {
	font-weight: 800;
	position: relative;
}
.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}
.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}
.no-comments,  .comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
	font-size: 0.875rem;
	font-style: italic;
}
.comments-pagination {
	margin: 2em 0 3em;
}
.form-submit {
	text-align: right;
}
/* Post Navigation */



.post-navigation {
	font-weight: 800;
	margin: 1em 0;
}
.post-navigation .nav-links {
	float: left;
	width: 100%;
}
.nav-subtitle {
	background: transparent;
	color: #21759b;
	display: block;
	/*font-size: 11px;

	font-size: 0.6875rem;

	letter-spacing: 0.1818em;

	margin-bottom: 1em;*/

	text-transform: uppercase;
	transition: 0.5s;
}
.nav-subtitle:hover {
	color: #000000;
}
.nav-title {
	color: #032562;
	font-size: 15px;
	font-size: 0.9375rem;
	transition: 0.5s;
}
.nav-title:hover {
	color: #ed1c24;
}
.post-navigation .nav-next {
	margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
/*margin-right: 0.5em;*/

}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
/*margin-left: 0.5em;*/

}
/* Posts */


/*.site-content {
	padding: 5.5em 0 0;
}

.single-post .entry-title,
.page .entry-title {
	font-size: 26px;
	font-size: 1.625rem;
}*/

.comments-pagination,  .post-navigation {
	clear: both;
	float: left;
	width: 100%;
}
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-next,  .post-navigation .nav-next {
	margin-top: 0;
}
/* Posts pagination */



.nav-links .nav-title {
	position: relative;
	padding: 0 20px;
}
.nav-title-icon-wrapper {
	position: absolute;
	text-align: center;
	line-height: 1;/*width: 2em;*/

}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	left: 0;
	top: 2px;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	right: 0;
	top: 2px;
}



.floating-links { position: fixed; top:50%; right: -50px; z-index: 9; transform: rotate(-90deg); z-index: 99;}


.floating-links a { display: inline-block; padding:18px 25px; border-radius: 12px 12px 0 0; color: #ffffff; font-size: 13px; line-height: normal; font-weight: 500; text-transform: uppercase;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#78af00+0,78af01+10,99c835+100 */
background:#032562; /* Old browsers */

}



.floating-form-sec h2 { font-weight: 300; margin: 13px 0 20px; padding: 0; font-size: 30px; text-align: center;}
.floating-form-sec h4{ font-size:16px; text-align:center;}
.floating-form-sec { padding: 0 40px 9px; max-width: 600px;} 

.floating-form-sec input, .floating-form-sec textarea{ margin-bottom: 25px; font-size:16px; padding:10px 10px 10px 5px;display:block;width:100%; border:none;  border-bottom:1px solid #bcbcbc; outline:none; box-shadow:none; font-family: 'Raleway', sans-serif;}
.floating-form-sec textarea {resize:none; height:100px; overflow:auto;}
.floating-form-sec input:focus, .floating-form-sec textarea:focus	{ outline:none; }

.floating-form-sec textarea.wpcf7-form-control {resize: none; height: 80px}
.floating-form-sec label { font-size: 14px; line-height: 20px; font-weight: 500;}
.floating-form-sec span.wpcf7-form-control-wrap { display: block; margin: 0px 0 0px;}
.floating-form-sec .wpcf7-submit { height: auto; margin-top: 15px;}
div.wpcf7 .ajax-loader{ position:absolute;}
.floating-form-sec .wpcf7-submit,.submitbtn { border-radius: 0; background-color: #6499D2; border:1px solid #6499D2;font-size: 18px; line-height: 24px; color: #ffffff; display: inline-block;}
.floating-form-sec .wpcf7-submit:hover,.submitbtn:hover {background-color: #ffffff;border-color: #6499D2;color: #6499D2; cursor: pointer;}
.forminput .wpcf7-form-control { margin-bottom:15px; border: 0 none; border-bottom: 1px solid #C7C7C7; height: 40px; width:100%;}
.forminput .wpcf7-form-control.wpcf7-not-valid{ border-bottom:1px solid #F00;}
.forminput span.wpcf7-not-valid-tip{ display:none !important;}


.gallery-slider .slick-slide .img-holder a{ position: relative; display: block;}
.gallery-slider .slick-slide .img-holder a h4{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; font-weight: 700; z-index: 2; transition: 0.5s; opacity: 0;}
.gallery-slider .slick-slide .img-holder a:hover h4{ opacity: 1;}
.gallery-slider .slick-slide .img-holder a:after{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 1; content: ""; opacity: 0; }
.gallery-slider .slick-slide .img-holder a:hover:after{ opacity: 1;}


a.back-home {display:inline-block;  background-color:#21759b; height:40px; border-radius: 18px; padding:12px 20px 9px 20px; text-decoration:none; color:#B8B8B8; font-size:14px; line-height:16px; transition:0.5s; color:#ffffff;}
a.back-home:hover {background-color:#000000;}


@media screen and (max-width:767px) {
.floating-links a{ padding: 10px 15px;}
}

@media screen and (max-width:480px) {
a.back-home { margin-bottom: 10px;}

}