@charset "UTF-8";
/*
Theme Name: Ventnor
Theme URI:
Author: 
Author URI: 
Description: Ventnor
Requires at least: WordPress 4.9.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Ventnor
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, 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.

Ventnor is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Mahipal S. https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */

/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
 * layers of box-shadow to add the border visually, which will render the border smoother. */
/* Fallback for non-latin fonts */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
/* Normalize */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */



@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons&display=swap');

body{ padding:0; margin:0;font-family: 'Raleway', sans-serif; font-weight:400;  font-size:16px; overflow-x: hidden;}

.alignleft,
.aligncenter,
.alignright,
.alignnone{max-width: 100%;}

.alignleft{float: left; margin: 0 10px 10px 0;}
.alignright{float: right; margin: 0 0 10px 10px;}

.btn, .gform_button{padding: 12px 15px; white-space: normal; transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease }
.btn.btn-primary{ background-color:#6ea4ca; border:0;}
.btn.btn-primary:hover{ background-color:#538fb9}
.btn.btn-info , .gform_button{ background-color:#0c3c60; border:0;}
.btn.btn-info:hover , .gform_button:hover{ background-color:rgba(57, 114, 155, 1)}
.btn.btn-danger{ background-color:#fa4949; border:0;}
.btn.btn-danger:hover{ background-color:#f43838}
.btn.btn-radius{ border-radius:70px}
.btn.btn-primary-outline{ border:1px solid #068fca; background-color:transparent;}
.btn.btn-primary-outline:hover{background-color:#068fca; color:#fff}
a:hover{ text-decoration:none}

.row-flex{ display: -webkit-box; display: -ms-flexbox;  display: flex; -ms-flex-wrap: wrap;  flex-wrap: wrap;}
.row-flex > div{ -webkit-box-flex: 1;  -ms-flex-positive: 1; flex-grow: 1;  max-width: 100%;}

/*p{font-family: 'Open Sans', sans-serif;font-size:0.875em;}*/
.f22{font-size:22px;}


.container { max-width:1030px; width: auto!important;}

header.main-header{ background-color:#0c3c60; position:fixed; left:0; top:0; width:100%; z-index:99; }
header.main-header .logo{font-family: 'Raleway', sans-serif; font-size:1.375em; text-transform:uppercase; color:#fff; margin:20px 0; display:inline-block}

.navSec{padding-top: 33px;}
.navbar-nav{float: none; text-align: center;}
.navSec nav.navbar{ margin:0; min-height: auto;}
.navSec nav.navbar ul.navbar-nav li{padding: 0 12px; float: none; display: inline-block;}
.navSec nav.navbar ul.navbar-nav li a{  padding: 0; font-family: 'Open Sans', sans-serif; color:#fff; background:transparent!important; font-size:13px;}
.navSec nav.navbar ul.navbar-nav li:hover a,
.navSec nav.navbar ul.navbar-nav li.active a, .navSec nav.navbar ul.navbar-nav li.current-menu-item a, .navSec nav.navbar ul.navbar-nav li.current-menu-parent a{    color: #83bfec;}
.sub-menu li{width: 100%;}

section.main-banner{ position: relative;}
section.main-banner img{ width:100%; display:block;}
section.main-banner .banner-wall{height:100vh; background-position:0 0; background-size:cover; background-attachment:fixed;}
section.main-banner .banner-wall.mobile-wall{max-width: 100%; background: url(img/banner-main-mob.jpg) no-repeat center;}

section.main-banner .banner-caption{ background-color: rgba(255, 255, 255, 0.63);   position: absolute; z-index:2;  left: 0;  bottom:0%;  width: 100%; text-align: center; padding:2px 15px;}
section.main-banner .banner-caption h2{ margin:0 0 10px 0;    line-height: normal;  font-family: 'Raleway', sans-serif; font-size:3.750em; text-transform:uppercase;    color: #0C3C60; }
section.main-banner .banner-caption h3{ margin:27px 0px 15px; font-family: 'Raleway', sans-serif; font-size:1.125em; text-transform:uppercase;    color: #0C3C60; }

.ventnor-box{ background-color: rgba(12, 60, 96, 1);   padding: 25px 35px; color:#fff; text-align: center; min-height:350px; margin-bottom:30px;}
.ventnor-box h2{ margin:0; padding-bottom:25px;    color: #D1E0EB; font-size:1.500em}
.ventnor-box p{font-family: 'Open Sans', sans-serif; font-size:0.875em; min-height:110px;}
.ventnor-box .btn-block{ margin-top:20px;}
.ventnor-box .btn-block .btn{font-family: 'Open Sans', sans-serif; font-size:1em; border-radius:0;    padding: 10px 20px;}

section.about-sec{background-color: rgba(209, 224, 235, 1);}
section.about-sec h2{ margin:0; padding:60px 0; color:#0c3c60; font-family: 'Raleway', sans-serif; text-align: center; font-size:3.750em;    font-weight: 400;}
section.about-sec .inside-contant{ max-width:682px; margin:0 auto}
section.about-sec p{font-family: 'Open Sans', sans-serif;font-size:0.875em;color:#0c3c60; margin-bottom:15px;}
section.about-sec .btn-block .btn{border-radius:0;    padding:10px 40px;}

footer.main-footer{ background-color:#0c3c60;color:#fff}
footer.main-footer a{ color:#fff}
footer.main-footer p{ margin-bottom:0}

section.main-heading.blognews{margin-top: 80px;}
section.main-heading{ margin-top:130px;}
section.main-heading h1,
section.main-heading h2 { font-family: 'Raleway', sans-serif; font-weight: 400; text-align: center; color:#6ea4ca; font-size:4.375em;  margin: 0; line-height: normal;}
section.main-heading h1.head-blue,
section.main-heading h2.head-blue{font-size: 22px; text-align: left;}
section.main-heading  hr{  max-width: 115px; height: 6px; background: #6ea4ca;  margin-top: 7px;}

section.highlights{ text-align: center;}
section.highlights h3{ font-size:2.063em; color:#39729b; margin:0;font-family: 'Open Sans', sans-serif; margin-bottom:20px}
section.highlights p{ font-family: 'Raleway', sans-serif;   font-size:1.625em; color:#6ea4ca; }
section.highlights p span{ display:block; font-size:70%}
section.highlights h4{ font-size: 5.875em;color:#6ea4ca;    font-weight: 400; }


section.services h2{ font-size:2.500em; color:#39729b; margin:0; padding-bottom:20px; font-weight:400}
section.services p{ font-family: 'Raleway', sans-serif;  color:#39729b; font-size:1.125em}
section.services ul li{color:#39729b;font-size:1.125em}


section.compliance p{ font-family: 'Raleway', sans-serif; font-size:1.438em; color:#0C3C60}
section.compliance h3{ color:#39729b; font-size:1.500em; margin:0;    font-weight: 400;}
section.compliance .icon{    margin:20px 0;  display:inline-block; width: 70px;}
section.compliance .icon img{ max-width:100%;}

section.normal-contant p{font-family: 'Raleway', sans-serif;    line-height: normal; font-size:1.500em;color:#39729b; margin-bottom:30px}

.box_with_details { text-align:center;    max-width: 313px;  margin: 0 auto;}
.box_with_details .box_wall img{ width:100%; display:block}
.box_with_details .box_contant{ text-align:left}
.box_with_details h2{color:#6ea4ca; font-size:1.250em;    font-weight: 400; margin:15px 0; }
.box_with_details p{font-family: 'Open Sans', sans-serif;font-size:0.875em; min-height: 170px;}

section.team .team-pro img{ max-width:100%;}
section.team h2{ margin:0; color:#39729b; font-size:1.125em;    font-weight: 400; margin:0 0 7px 0}
/*section.team p{ font-size:0.875em} */

.page-template-Contact-Us-page section.main-banner .banner-wall{    height: 77vh;}

.news-article{box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); padding-bottom: 5px;}
.content-area img, .news-article img{max-width: 100%; height: auto;}
.news-article .post-thumbnail img{padding-top: 1.5rem;}
.news-article .pdate{display: block; margin-top: 5px; font-size: 14px;}
.news-article h2{font-size: 22px; height: 50px; margin-top:0;}
.news-article .rm{display: block;}

.single .main-heading h2.head-blue{font-size: 32px;}

.single .byline,
.single .posted-on,
.single .cat-links,
.single .edit-link {display: block; line-height: 25px;}

.single .author,
.single .cat-links a{padding-left: 2px;}
time.updated{display: none;}

.single .entry-footer svg{margin-right: 5px;}

.post-navigation{display: none; text-indent: -9999px;}

#sidebar ul ul, #sidebar ol ol{padding-left: 20px;}

#test {
    opacity: 0;
    

    -webkit-transition: opacity 1s ease-in;
       -moz-transition: opacity 1s ease-in;
        -ms-transition: opacity 1s ease-in;
         -o-transition: opacity 1s ease-in;
            transition: opacity 1s ease-in;
}

#test.load {
    opacity: 1;
}

.main-footer .widget{margin: 0;}
.main-footer .widget h2, .contact-details h2{font-size: 22px; font-weight: 200; margin: 0 0 15px;}
.main-footer .widget ul{margin: 0; padding: 0; list-style: none; column-count: 2;}
.main-footer .widget ul li{line-height: 30px;}

.contact-details{font-size: 14px; font-family: "Open Sans", sans-serif;}
.contact-details .add{padding-left: 60px;}
.contact-details strong{display: block; text-transform: uppercase;}
.contact-details i{font-size: 18px; vertical-align: sub;}
.contact-details .cd{margin-bottom: 20px;}

img.img-map{border-radius: 10px;}

@media screen and (max-width: 1199px){
	
	section.main-heading.blognews{margin-top: 150px; overflow: hidden;}
	
}

@media screen and (max-width: 1024px){
	
	header.main-header .logo{margin-bottom: 0;}
	.navSec nav.navbar ul.navbar-nav li{padding: 0;}
	
	.hr{text-align: center;}
	.a-header-contact-row, .hr svg{float: none !important;}
	.a-header-contact-row{overflow: hidden;}
	
}

@media screen and (min-width: 768px){
	.news-article{
		width: 30%;
		float: left;
		margin-right: 2%;		
		margin-bottom: 2%;		
	}
	
}

@media screen and (max-width: 767px){
	
	.navSec nav.navbar ul.navbar-nav li{width: 100%;}
	.sub-menu{padding: 0; margin: 0 10%;}
	.sub-menu li a{font-size: 13px !important;}
	
	.news-article{
		width: 48%;
		float: left;
		margin-right: 2%;		
	}	
	
}

@media screen and (max-width: 650px){
		
	.news-article{
		width: 70%;
		float: none;
		margin: 0 auto 50px;
	}	
	
}

@media (min-width: 767px) and (max-width: 990px){
	
	header.main-header .logo{margin-bottom: 0;}
	
	.hr{text-align: center;}
	.a-header-contact-row, .hr svg{float: none !important;}
	.a-header-contact-row{overflow: hidden;}
	
}

@media (min-width: 767.1px) {
	.sub-menu{ display:none; background-color: #0c3c60;}
	.sub-menu li a{ padding:0; color:white !important; }
	.sub-menu li a.current-menu-item{  color:#83bfec !important; }
	#menu-main-menu  li.menu-item-has-children .sub-menu{ 
	 list-style: none;
	 position: absolute;
	 min-width:110px;
	 width:100% !important;
	 padding:0;
     text-align: left;
    }
	#menu-main-menu li.menu-item-has-children:hover  ul.sub-menu {
	   display:block !important;
	}
}

@media screen and (max-width: 414px){
	.main-footer .widget ul{column-count: 1;}
}

.a-header-contact-row{border: 1px solid #FFFFFF; color: #FFFFFF; padding: 10px; line-height: 20px; margin: 22px 0; display: inline-block; float: right;}
.a-header-contact-row i{color: #FFFFFF; vertical-align: middle; font-size: 20px;}
.a-header-contact-row:hover{color: #83bfec;}
.contact-details svg{margin: 0; border: 1px solid #FFFFFF; padding: 5px;}

.sub-menu{min-width: 225px !important; }
.sub-menu .menu-item a:hover{color: #83bfec !important;}

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

.team h1{
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	text-align: center;
	color: #6ea4ca;
	font-size: 4.375em;
	margin: 0;
	line-height: normal;	
}
.team hr{
	max-width: 115px;
	height: 6px;
	background: #6ea4ca;
	margin-top: 7px;
	margin-bottom: 50px;	
}

.team .c{
	margin-bottom: 50px;
	position: relative;
}

.IN-widget{position: absolute; bottom: 0; right: 0;}