/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
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: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
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
--------------------------------------------------------------*/
.post {font-family: 'Lato', sans-serif;
    margin-bottom: 40px;
    display: inline-block;
}

.post .entry-thumbnail {
    float: left;
    margin-right: 30px;
    width: 33.7%;
}

.entry-content-block {font-family: 'Lato', sans-serif;
    overflow: hidden;
}

.entry-meta .entry-date a .updated:not(.published) {
    display: none;font-family: 'Lato', sans-serif;
}

.entry-content-block #primary .entry-title {
    font-size: 20px;
    line-height: 24px;
}

.entry-content,
.entry-summary {
    margin-top: 12px;
    color: #606060;
}

#primary .entry-footer span {
    font-size: 14px;
    margin-right: 15px;
}

#primary .entry-footer span .fa {
    margin-right: 5px;
}

#primary .entry-footer span a {
    font-size: 12px;
}

.navigation.posts-navigation {
    margin: 20px 0;
}

.entry-meta {
    font-size: 12px;
    margin-top: 12px;
}

.entry-meta .fa {
    padding-right: 5px;
}

.entry-meta a, .entry-footer a {
    font-size: 12px;
    color: #8e8e8e;
}

.entry-meta span{
    margin-right: 15px;
}

.entry-meta .entry-author:hover{
    color: #30AFB8;
}

#secondary{font-family: 'Lato', sans-serif;}
#secondary .widget-title {font-family: 'Lato', sans-serif;
    font-size: 18px;
    position: relative;
    margin-bottom: 30px;
}

#secondary .widget-title::before,
#secondary .widget-title::after {
    background: #e1e1e1 none repeat scroll 0 0;
    bottom: -10px;
    content: " ";
    height: 1px;
    left: 0;
    margin-left: 0;
    position: absolute;
    width: 100%;
}

#secondary .widget-title:after {
    background: #30afb8;
    bottom: -11px;
    height: 3px;
    margin-left: 0;
    width: 30px;
}

#secondary .searchform input {
    border: none;
    border-bottom: 1px solid #666;
    width: 70%;
}

#secondary .searchform .btn:hover {
    background: #30afb8 none repeat scroll 0 0;
}

#secondary .widget {
    margin-bottom: 30px;
}

#secondary .widget ul {
    margin: 0; padding:0;
}

#secondary .widget ul li {
    position: relative;
    padding: 0 0 10px 20px;
    font-size: 12px;
}

#secondary .widget ul li::after {
    color: #000;
    content: "\f105";
    font-family: fontawesome;
    left: 0;
    position: absolute;
    top: 0;
}

#secondary .widget ul li a {
    font-size: 15px;
}

#secondary .widget ul li a:hover {
    color: #30afb8;
}

.widget_post_list .post-link-block  {
    margin-bottom: 20px;
    display: inline-block;
}

.widget_post_list .entry-thumbnail {
    float: left;
    margin-right: 30px;
    width: 20%;
}

.widget_post_list .entry-content-block {
    overflow: hidden;
}

.widget_post_list .entry-content-block .entry-title {
    line-height: 13px;
    margin-bottom: 18px;
}

.widget_post_list .entry-content-block .entry-title a {
    font-size: 12px;
}

.widget_post_list .entry-content-block .entry-meta a {
    color: #8e8e8e;
    font-size: 12px;
}

.widget_post_list .entry-meta .entry-author {
    margin-left: 15px;
}

.blog  .entry-thumbnail {
    float: left;
    width: 33.7%;
}

.blog .entry-content-block{
    width: 60%;
}

#primary .post .entry-content-block .entry-content {
    border: none;
}

.full-width-archive #primary .post{
    margin-bottom: 0;
    width: 100%;
}

.full-width-archive #primary .post .entry-thumbnail{
    width: 100%;
    float: none;
    margin-right: 0;
}

.full-width-archive #primary .post .entry-thumbnail img {
    width: 100%;
}

.full-width-archive #primary .post .entry-content-block {
    overflow: unset;
    width: 94%;
    position: relative;
    top: -45px;
    padding: 20px 20px 0 20px;
    margin: 0 auto;
    background: #fff;
}

.grid-view #primary .post {
    display: inline-block;
    margin-bottom: 30px;
    margin-right: 1%;
    vertical-align: top;
    width: 48%;
}

.grid-view #primary .post .entry-thumbnail {
    width: 100%;
}

.grid-view #primary .post .entry-content-block {
    position: unset;
    width: 100%;
}
.entry-content-block .entry-title {
    font-size: 18px;
}
.grid-view .entry-header{
    margin-top: 10px;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

.search .site-main > article {
	padding-bottom: 2em;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

.search-form {
	position: relative;
}

.search-form .search-submit {
	bottom: 3px;
	padding: 0.5em 1em;
	position: absolute;
	right: 3px;
	top: 27px;
}

.search-form .search-submit .icon {
	height: 24px;
	top: -2px;
	width: 24px;
}
.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
	clip: auto;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	height: auto;
	position: relative !important; /* overrides previous !important styles */
	width: auto;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
	line-height: 1.5;
}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: block;
	padding: 4px 10px 5px;
	position: relative;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: auto;
	word-wrap: break-word;
	z-index: 0;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
	border-color: #bbb;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.search-submit .screen-reader-text{ display:none}


body {font-family: 'Lato', sans-serif;}

h1,h2,h3,h4,h5,h6 {  font-weight: 400;  font-family: 'Playfair Display', serif;}
/*font-family: 'Playfair Display', serif;font-family: 'Lato', sans-serif;font-family: 'Montserrat', sans-serif;*/hr.star-light,hr.star-dark {max-width: 15rem;padding: 0;text-align: center;border: none;border-top: solid 0.25rem;margin-top: 2.5rem;margin-bottom: 2.5rem;margin-left: auto;margin-right: auto;}
hr.star-light:after,hr.star-dark:after {position: relative;top: -.8em;display: inline-block;padding: 0 0.25em;content: '\f005';font-family: FontAwesome;font-size: 2em;}
hr.star-light {border-color: #fff;}
hr.star-light:after {color: #fff;background-color: #18BC9C;}
hr.star-dark {border-color: #2C3E50;}
hr.star-dark:after {color: #2C3E50;background-color: white;}
section h2 {font-size: 2.2rem;line-height: 2.2rem;}
.dgraybg{background-color:#40798c}
.homeTeam .owl-carousel .item{ background-color:#fff; border-radius:10px;}
.homeTeam .owl-carousel .item img{ background-color:#fff; border-radius:10px 10px 0px 0px;}
.homeTeam .owl-carousel .item h4{ text-align:center; color:#40798c; font-size:16px; padding:0px 0px 0px 0px; font-family: 'Lato', sans-serif; font-weight:700; text-transform:uppercase; margin-bottom:0;}
.homeTeam .owl-carousel .item span{ display:block; text-align:center; font-size:12px; padding-bottom:10px }
.owl-carousel .owl-prev span, .owl-carousel .owl-next span{color:#40798c; font-size:30px; background-color:#f2f2f2; width:35px; height:35px; border-radius:35px; display:inline-block; line-height:30px; padding:0px; text-align:center;  }
.owl-carousel .owl-prev span:hover, .homeTeam .owl-carousel .owl-next span:hover{color:#fff;background-color:#40798c; }
.owl-carousel .owl-prev { left:-40px;position:absolute; top:45%}
.owl-carousel .owl-prev:hover { background-color:tranperent}
.owl-carousel .owl-next{right:-40px;position:absolute;top:45% }
figure.effect-winston { text-align:right}
figure.effect-winston img {-webkit-transition: opacity 0.45s;transition: opacity 0.45s;-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity:0.9;}
figure.effect-winston a {margin: 0 10px;color: #333;font-size: 100%;}
figure.effect-winston a:hover,figure.effect-winston a:focus {color: #40798c;}
figure.effect-winston p{ margin-bottom:0px}
figure.effect-winston p a i {opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,50px,0);transform: translate3d(0,50px,0);}
figure.effect-winston:hover img {opacity: 1;}
figure.effect-winston:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-winston:hover figcaption::before {opacity: 0.7;-webkit-transform: rotate3d(0,0,1,20deg);transform: rotate3d(0,0,1,20deg);}
figure.effect-winston:hover p i {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-winston:hover p a:nth-child(3) i {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
figure.effect-winston:hover p a:nth-child(2) i {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
figure.effect-winston:hover p a:first-child i {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
.btn-xl {padding: 1rem 1.75rem;font-size: 1.25rem;}
.btn-social {width: 3.25rem;height: 3.25rem;font-size: 1.25rem;line-height: 2rem;}
.scroll-to-top {z-index: 1042;right: 1rem;bottom: 1rem;display: none;}
.scroll-to-top a {width: 3.5rem;height: 3.5rem;background-color: rgba(33, 37, 41, 0.5);line-height: 3.1rem;}
#topnav{ background-color:#fff !important; z-index:10000; font-size:11px}
#topnav .sociallinks a{ color:#000000; font-size:11px}
#topnav  .row .shwoinmob{ display:none}

#mainNav {}
#mainNav {padding-top: 2.5rem; padding-bottom: 0.5rem;font-weight: 700;font-family: 'Montserrat', sans-serif; background-color: rgba(227, 227, 227, 0.9); -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;-moz-transition: padding-top 0.3s, padding-bottom 0.3s;transition: padding-top 0.3s, padding-bottom 0.3s; box-shadow:0px 1px 5px #666;}
#mainNav .navbar-brand {color: #fff;}
#mainNav .navbar-nav {margin-top: 1rem;letter-spacing: 0.0625rem;}
#mainNav .navbar-nav li.nav-item a.nav-link {color: #011218; font-weight:400;}
nav ul li {display: inline-block; margin:0px 10px}
nav ul li a { display: block; padding: 15px; text-decoration: none;  margin: 0 0px;}
nav ul li a, nav ul li a:after, nav ul li a:before {  transition: all .5s;}
nav.stroke ul li a,nav.fill ul li a {  position: relative;}
nav.stroke ul li a:after,nav.fill ul li a:after {  position: absolute;  bottom: 0;  left: 0;  right: 0;  margin: auto;  width: 0%;  content: '.';  color: transparent;
  background: #40798c;  height: 1px;}
nav.stroke ul li a:hover:after {  width: 100%;}
.scroll-nav{background-color: rgba(227, 227, 227, 1) !important; padding-top:0 !important }
#mainNav .navbar-nav li.nav-item a.nav-link:hover {color: #40798c;}
#mainNav .active {color: #40798c;}
#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {color: #fff;}
#mainNav .navbar-nav li.nav-item a.nav-link.active {color: #40798c;}
#mainNav .navbar-toggler {font-size: 80%;padding: 0.8rem;}
header.masthead {padding-top: calc(13rem + 90px) ;padding-bottom: 10rem;}
header.masthead h1 {font-size: 2.5rem; line-height: 3rem; font-family: 'Playfair Display', serif;}
header.masthead h2 {font-size: 1.3rem; font-family: 'Playfair Display', serif;}
.portfolio {margin-bottom: -15px;}
.portfolio .portfolio-item {position: relative;display: block;max-width: 25rem;margin-bottom: 15px;}
.portfolio .portfolio-item .portfolio-item-caption {-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;transition: all ease 0.5s;opacity: 0;background-color: rgba(24, 188, 156, 0.9);}
.portfolio .portfolio-item .portfolio-item-caption:hover {opacity: 1;}
.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content {font-size: 1.5rem;}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{ display:block !important}
.services-coursal .item { padding:0px 50px}
.portfolio-modal .portfolio-modal-dialog {padding: 3rem 1rem;min-height: calc(100vh - 2rem);margin: 1rem calc(1rem - 8px);position: relative;z-index: 2;-moz-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);}
.portfolio-modal .portfolio-modal-dialog .close-button {position: absolute;top: 2rem;right: 2rem;}
.portfolio-modal .portfolio-modal-dialog .close-button i {line-height: 38px;}
.portfolio-modal .portfolio-modal-dialog h2 {font-size: 2rem;}
.floating-label-form-group {position: relative;border-bottom: 1px solid #e9ecef;}
.floating-label-form-group input,.floating-label-form-group textarea {font-size: 1.5em;position: relative;z-index: 1;padding-right: 0;padding-left: 0;resize: none;border: none;border-radius: 0;background: none;box-shadow: none !important;}
.floating-label-form-group label {font-size: 0.85em;line-height: 1.764705882em;position: relative;z-index: 0;top: 2em;display: block;margin: 0;-webkit-transition: top 0.3s ease, opacity 0.3s ease;-moz-transition: top 0.3s ease, opacity 0.3s ease;-ms-transition: top 0.3s ease, opacity 0.3s ease;transition: top 0.3s ease, opacity 0.3s ease;vertical-align: middle;vertical-align: baseline;opacity: 0;}
.floating-label-form-group:not(:first-child) {padding-left: 14px;border-left: 1px solid #e9ecef;}
.floating-label-form-group-with-value label {top: 0;opacity: 1;}
.floating-label-form-group-with-focus label {color: #18BC9C;}
form .row:first-child .floating-label-form-group {border-top: 1px solid #e9ecef;}

.footer {padding-top: 2rem;padding-bottom: 1rem; background: url('img/footer-bg.jpg') center top no-repeat #000;color: #fff; background-size:auto 100%;font-family: 'Lato', sans-serif;font-size:13px; line-height:1rem}
.footer h4{font-size: 25px;font-weight:700; font-family: 'Lato', sans-serif; color:#fff;}
.footer p{font-size: 13px;font-weight:400;}
.footer .footernav{ margin:0 0 20px 0px; padding:0}
.footer .footernav li{ padding:6px 0px;}
.footer .footernav li a{ font-size: 13px;font-weight:400; color:#fff; }

a {color: #40798c;}
a:focus, a:hover, a:active {color: #40798c;}
.btn {border-width: 2px;}
.home{background:url(img/banner1.jpg) center top no-repeat #fff !important; width:100%; background-size:100% auto; }
.bg-relation {background:url(img/All-Suncaptains2.jpg) !important; background-size:100% auto;}
.bg-secondary {background-color: rgba(227, 227, 227, 0.9);}
.text-primary {color: #18BC9C !important;}
.text-secondary {color: #2C3E50 !important;}
.btn-primary {background-color: #18BC9C;border-color: #18BC9C;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color: #128f76;border-color: #128f76;}
.btn-secondary {background-color: #2C3E50;border-color: #2C3E50;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {background-color: #1a252f;border-color: #1a252f;}
.logo-img{width: 60%;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.hp-banner-headingtext{font-size: 45px;}
.hp-banner-content{font-size: 18px;}
.hp-readmore{border: solid 1px #fff; color:#fff; padding: 1% 2%;  transition: background-color .5s;}
.hp-readmore:hover{border: solid 1px #fff; color:#fff; text-decoration:none; background-color:#000;}
.banner-txt-mt{margin-top:4%;}
.image-full{width: 100%;}
.rm-radious{border-radius: 0%;padding: 1%;padding-left: 4%;padding-right: 4%;border-color: #40798c;color: #40798c;}
.hp-abt-pt{padding-top: 6%;}
.hp-green-background{background-color: #40798c;}
/*testimonials Slider*//* carousel */#quote-carousel {padding: 0 10px 30px 10px;margin-top: 30px;}
/* Control buttons  */#quote-carousel .carousel-control{background: none;color: #222;font-size: 2.3em;text-shadow: none;margin-top: 30px;}
/* Previous button  */#quote-carousel .carousel-control.left {left: -12px;}
/* Next button  */#quote-carousel .carousel-control.right {right: -12px !important;}
/* Changes the position of the indicators */#quote-carousel .carousel-indicators {right: 50%;top: auto;bottom: 0px;margin-right: -19px;}
/* Changes the color of the indicators */#quote-carousel .carousel-indicators li {background: #c0c0c0;}
#quote-carousel .carousel-indicators .active {background: #333333;}
#quote-carousel img{width: 250px;height: 100px}
/* End carousel */.item blockquote {border-left: none; margin: 0;}
.item blockquote img {margin-bottom: 10px;}
.item blockquote p:before {content: "\f10d";font-family: 'Fontawesome';float: left;margin-right: 10px;}

.footer-text{font-size:1rem;}
.footer-text1{font-size: 1rem;}
.footer-text-heading{font-size: 25px;font-weight: bold;}
.carousel-inner{ text-align:center}
.quotes{ font-size:18px; text-align:left; line-height:35px;}

.quotes:before{ content:'\f10d '; font-size:30px; color:#000; font-family: 'FontAwesome'; position:absolute; margin-top:-40px }
.quotes:after{ content:'\f10e'; font-size:30px; color:#000; font-family: 'FontAwesome'; position:absolute;  right:0; }

.carousel-control-prev,  .carousel-control-next{color:#46dbff; font-size:30px}
.carousel-control-prev:hover, .carousel-control-next:hover{color:#46dbff;}
.carousel-control-prev:focus, .carousel-control-next:focus{color:#46dbff; }
.team-sec-img{height: auto;width: 25%;}
.testi-float{float: left;}
.testi-img{width: 50%;float: right;}
.contact-map{padding: 1rem 0;}
.blue-text{color:#00b3fe;}
.blue-button{background-color: #00b3fe;border: 0;color: #fff;border-radius: 4px; padding:5px 20px; border-radius:0px; cursor:pointer}
.contact-cols{position: absolute;left: 20%;margin-top: 5%;}
.contact-table{width: 100%;}
.contact-txtbx{background: #eef1f5;border: 0;padding: 1%;padding-left: 3%;margin-bottom: 2%;border-radius: 5px;}
.contact-row-pd{padding: 2%;}

.contact-row-mar{margin-right: 0px;margin-left: 0px;}
.contact-p-width{width: 90%;}
.tabs-new .nav-tabs {border: 0;border-bottom: 0px #8dc63f solid;}
.tabs-new {margin: 00px 0;}
.tabs-new .nav-tabs > li {margin-right: 4%;}
ul li {list-style-type: none;}
.tabs-new .nav-tabs > li > a {border: none;color: #333333;padding: 10px 0 0 0;display: block;width: 100%; font-size:22px; border-bottom: 2px solid #e3e3e4}
.tabs-new .nav-tabs > li a {float: left;}
.tabs-new .tab-content {padding: 10px 0;}
.tabs-new .tab-pane {padding: 15px 0;border-bottom: 0px dashed #b3b3b3;height: 70px;}
.tabs-new .nav-tabs > li a.active {border-bottom: 2px solid #40798c;}
.tabs-new .nav-tabs > li a:hover {border-bottom: 2px solid #40798c;text-decoration: none;}
.tab-content p{ font-weight:700; line-height:20px}
.about-big-txt{font-size:68px;color:#40798c; font-weight:700}
.about-small-txt{font-size: 18px;color:#40798c;}
.about-card-heading{font-size: 15px;color: #40798c;}
.about-card-subheading{font-size: 12px;color: #40798c;}
.card-body {-ms-flex: 1 1 auto;flex: 1 1 auto; padding: 1.25rem;background: #f2f2f2;}
.about-round-button{border: solid 1px;/*background: #40798c;*/color: #40798c !important;border-radius: 25px;font-weight: bold;text-align: center;padding-top: 10px;border: solid 1px !important;border-color: #40798c !important;padding-bottom: 10px !important;}
a.about-round-button.active {border: solid 1px;border: solid 1px;border-color: #ffae60 !important;background: #ffae60;color: #fff !important;border-radius: 25px;font-weight: bold;text-align: center;padding-top: 10px;padding-bottom: 10px !important;}
a.about-round-button:hover {border: solid 1px;border: solid 1px;border-color: #ffae60 !important;background: #ffae60;color: #fff !important;border-radius: 25px;font-weight: bold;text-align: center;padding-top: 10px;padding-bottom: 10px !important;}
.client-slider-sec{background-color: #e3e3e4!important;padding: 3rem 0;}
.gray-card{background-color: #f2f2f2;}
.gray-card > .figure {margin: 0 0 0rem;}
iframe {border-width: 0px;}
.readmore{ color:#40798c; border:1px solid #40798c; border-radius:20px; font-weight:700; font-size:1rem; padding:4px 25px 6px 25px; transition: background-color .5s ease}
.readmore:hover{ color:#fff; background-color:#40798c; text-decoration:none}
.fwb{ font-weight:700}
.smallhr{ width:50px; border:2px solid #000; text-align:left}
.testo-coursal .owl-nav button{ display:none !important}
.about-coursal .owl-nav button{ display:none !important}
.map-form{ background-color:#fff; position:absolute; margin-left: auto;margin-right: auto;left: 0;right: 0; border-radius:10px; box-shadow:0px 0px 20px #999; padding:30px 40px }
.map-form input, .map-form select, .map-form textarea{ background-color:#eef1f5}
.map-form p { line-height:1.3rem; color:#7c828b; font-size:16px}
.map-form p i{color:#00b3fe; width:30px; }
.map-form p span{ display:block; padding-left:30px}
.copyright .row{ width:100%}
.copyright a{ font-size:11px; color:#000;}
.breadc{ font-size:24px; font-weight:700; text-align:center}
.breadc a{ color:#fff;}
.tablist ul{ padding-left:0px;}
.tablist li a{ color:#333333; font-size:26px;}
.greybg{ background-color:#f2f2f2}
.borderbb{ border-bottom:1px solid #b7b7b7;border-top:1px solid #b7b7b7;}
.filtermenu { width: 100%; margin: 20px auto; text-align: left; padding-left:0; margin-left:0}
.filtermenu li { padding: 4px 30px; margin:5px 10px;  display: inline-block;font-size: 18px; color: #40798c; cursor: pointer; border:1px solid #40798c; border-radius:20px; }
.filtermenu li.active{color: #fff; background-color:#ffae60;  border:1px solid #ffae60;}

.clientlist{}
.clientlist li{ float:left; display:flex;align-items: center; height:100px; text-align:center; border-radius:5px; width:16%; margin:1% 2%; border:1px solid #959595; background-color:#fff; box-shadow:0px 0px 3px #999; display: -webkit-box;  display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  justify-content: center;  -webkit-flex-wrap: wrap;  flex-wrap: wrap;}
.clientlist li img{ max-height:95px}
.clientlist li:hover{ box-shadow:0px 0px 5px #666;}
.imground{ background-color:#70a9a1;  text-align: center; display: block;height: 0; width: 100%;padding: 50% 0; border-radius:100%;  }
.imground:hover{}
.officon01{ background: no-repeat center center #70a9a1 url('img/offering/icon-01.png');}
.officon02{ background: no-repeat center center #70a9a1 url('img/offering/icon-02.png');}
.officon03{ background: no-repeat center center #70a9a1 url('img/offering/icon-03.png');}
.officon04{ background: no-repeat center center #70a9a1 url('img/offering/icon-04.png');}
.officon05{ background: no-repeat center center #70a9a1 url('img/offering/icon-05.png');}
.officon01, .officon02, .officon03, .officon04, .officon05 {background-size:50%; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out;   transition: all .2s ease-out; }
.officon01:hover, .officon02:hover, .officon03:hover, .officon04:hover, .officon05:hover {background-size:60%;  background-color:#40798c;}
.homeicon a{ color:#000; text-decoration:none} 
.map-view{ color:#00b3fe; cursor:pointer;}
.back-form{ position:absolute; background-color:#fff; color:#00b3fe; padding:20px; text-align:center; box-shadow:2px 2px 10px #ccc; cursor:pointer; margin-top:20%; display:none}

.offerbx{font-family: 'Lato', sans-serif; min-height:440px; border-radius:10px; position:relative;}
.offgrad1{background: rgb(21,92,115); /* Old browsers */
background: rgb(57,120,142); /* Old browsers */
background: -moz-linear-gradient(top, rgba(57,120,142,1) 0%, rgba(21,92,115,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(57,120,142,1) 0%,rgba(21,92,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(57,120,142,1) 0%,rgba(21,92,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39788e', endColorstr='#155c73',GradientType=0 ); /* IE6-9 */}
.offgrad2{background: rgb(247,165,19); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(247,165,19,1) 0%, rgba(252,201,68,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(247,165,19,1) 0%,rgba(252,201,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(247,165,19,1) 0%,rgba(252,201,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a513', endColorstr='#fcc944',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
/*.offgrad2:before{ background-color:#fec827; position:absolute; content:''; width:60px; height:60px; left:-30px; top:60%; border-radius:10px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);min-width:30px;}
.offerbx p{ margin-left:15px}
.offgrad2:after{ background-color:#ffd967; position:absolute; content:''; width:100px; height:100px; right:-50px; top:30%; border-radius:20px; -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.offerbx p{ margin-left:15px}*/
.offerbx h5{font-family: 'Lato', sans-serif; font-weight:700; text-transform:uppercase; text-align:center; padding:10px; border-bottom:1px solid #fff; color:#fff; font-size:18px}
.offerbx h6{font-family: 'Lato', sans-serif; font-weight:700; text-align:center; padding:10px;color:#fff; font-size:16px; text-transform:uppercase; margin-left:35px; margin-bottom:0; margin-top:5px}
.offerbx .lowerrom{ list-style-type:decimal; margin:0; padding:0; margin-left:50px; clear:both; padding-bottom:5px }
.offerbx .lowerrom li{list-style-type:decimal; color:#fff }
.off-icon1{ background:url('img/offering/icon-01.png') no-repeat top right; width:150px; height:120px; opacity:0.5; position:absolute; bottom:0px; right:15px; transition:all 1s ease; }
.off-icon2{ background:url('img/offering/icon-02.png') no-repeat top right; width:150px; height:120px; opacity:0.5; position:absolute; bottom:0px; right:15px;transition:all 1s ease; }
.off-icon3{ background:url('img/offering/icon-03.png') no-repeat top right; width:150px; height:120px; opacity:0.5; position:absolute; bottom:0px; right:15px;transition:all 1s ease; }
.off-icon5{ background:url('img/offering/icon-05.png') no-repeat top right; width:150px; height:120px; opacity:0.5; position:absolute; bottom:0px; right:15px;transition:all 1s ease; }
.off-icon4{ background:url('img/offering/icon-04.png') no-repeat top right; width:150px; height:120px; opacity:0.5; position:absolute; bottom:0px; right:15px;transition:all 1s ease; }
.offerbx:hover p{opacity:1; right:30px;}

/* 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;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); background: transparent; border: 2px solid #999;}
.social-icons li a {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;border-radius: 100%;display: block;height: 30px;line-height: 30px;width: 30px;text-align: center;color: #ccc !important;text-decoration: none; background: transparent;}
.social-icons li:hover{border: 2px solid #fff;}
.social-icons li:hover a {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-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;}

.flip-container {-webkit-perspective: 1000;-moz-perspective: 1000;-o-perspective: 1000;perspective: 1000px;}
.flip-container:hover .flipper,  .flip-container.hover .flipper {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.flip-container, .front, .back {width: 100%;height:345px;}
.flipper {-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-moz-transition: 0.6s;-moz-transform-style: preserve-3d;-o-transition: 0.6s;-o-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;position: relative;}
.front, .back {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;}
.front {z-index: 2; position:relative}
.front.ajay {background: url(img/team/ajay.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.rmnayak {background: url(img/team/rmnayak.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.spjain {background: url(img/team/spjain.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.mohitagarwal {background: url(img/team/mohitagarwal.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.sanjaybandari {background: url(img/team/sanjaybandari.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.vijaykalgutkar {background: url(img/team/vijaykalgutkar.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.brijesh {background: url(img/team/brijesh.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.ajesh {background: url(img/team/ajesh.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.saloni {background: url(img/team/saloni.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.abhi {background: url(img/team/abhi.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.souvik {background: url(img/team/souvik.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.ravi {background: url(img/team/ravi.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.srama {background: url(img/team/srama.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.arijit {background: url(img/team/arijit.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.manish {background: url(img/team/manish.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.default {background: url(img/team/default.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.ajay {background: url(img/team/ajay.jpg) 0 0 no-repeat;  background-size:100%; auto;}
.front.ajay {background: url(img/team/ajay.jpg) 0 0 no-repeat;  background-size:100%; auto;}


.front >div{position:absolute; bottom:0px; width:100%;}
.back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.back-title {font-weight: bold;color: #00304a;position: absolute;top: 180px;left: 0;right: 0;text-align: center;text-shadow: 0.1em 0.1em 0.05em #acd7e5;font-family: Courier;font-size: 2em;}
.socialteam{ position:absolute; bottom:10px; right:10px}
.back h5{ padding-top:15px}
.back h4{ padding-top:15px !important}
.back p{ padding-bottom:0px !important; margin-bottom:5px !important; min-height:auto !important}
.back ul{ margin:0px; padding:0px 10px 10px 20px ; list-style-type:circle}
.back ul li{font-family: 'Lato', sans-serif; font-size:12px; margin-bottom:5px; line-height:14px; text-align:justify; list-style-type:disc}
.tbs4{ padding-left:4em }

.container-filt .gray-card{ margin-bottom:30px; box-shadow:0px 0px 8px #ccc;}
.container-filt figure{ margin-bottom:0}
.container-filt figure img{ }
.container-filt .gray-card p{text-align:center; color:#000; font-size:14px; font-family: 'Lato', sans-serif; padding-bottom:10px; margin-bottom:0;}
.container-filt .gray-card h5{ text-align:center; text-transform:uppercase; color:#40798c; font-size:17px; font-family: 'Lato', sans-serif; font-weight:700; margin-top:30px; margin-bottom:0px;}
.popupcont h5{ padding-top:15px; text-align: center;text-transform: uppercase; color: #40798c; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 700; margin-bottom: 0px}
.popupcont p{ text-align: center;color: #40798c; font-size: 14px; font-family: 'Lato', sans-serif;}
.popupcont img{ box-shadow:0px 0px 5px #ccc; border:1px solid #ccc;}
.popupcont ul{ margin:0px; padding:0px 10px 0px 10px ; list-style-type:circle}
.popupcont ul li{font-family: 'Lato', sans-serif; font-size:13px; margin-bottom:10px; line-height:auto; text-align:left; list-style-type:disc}
.popupcont .popuptxt{font-family: 'Lato', sans-serif; font-size:13px; margin-bottom:10px; line-height:auto; text-align:left; color:#212529}
.pop-social{ text-align:right !important}
.filterCont .gray-card{ cursor:pointer}
.gray-card {  position: relative; background: #FFF;cursor:pointer}

.share {position: absolute;bottom: 70px;right:0px;width:40px;overflow: hidden;z-index: 1;-webkit-transition: ease height 300ms;-moz-transition: ease height 300ms;transition: ease height 300ms;}
.share:hover .share-icons {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0); width:30px;  z-index:100; box-shadow:0px 0px 1px #000;}
.share:hover i.fa-share-alt {background: #4dbb6d;}
.share:after {content: '';display: block;position: absolute;bottom: 0;left: 0;background: #FFF;width: 100%;height: 22px;}
.share .share-icons {text-align: center;padding-bottom: 42px;border-radius: 50px;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);-webkit-transition: ease transform 300ms;-moz-transition: ease transform 300ms;transition: ease transform 300ms; background-color:#fff;}
.share i {display: block;color: #FFF;padding:7px 8px;opacity: 0.5;-webkit-transition: ease opacity 300ms;-moz-transition: ease opacity 300ms;transition: ease opacity 300ms;}
.share i.fa-share-alt {position: absolute;background: #58605a;bottom: 0;left: 0;border-radius: 50px;opacity: 1;z-index: 1;}
.share i.fa-facebook {color: #4d70a8;}
.share i.fa-twitter {color: #1aa9e1;}
.share i.fa-linkedin {color: #0077b5;}
.share i:hover {opacity: 1;}
.team-member-desc {display: block;color: #777;}
.lp-nav{ background-color:#f2f2f2; height:130px; text-align:center; margin-top:2rem; display:flex; align-items:center;}
.greendbg{background:url(img/lp-bg.jpg) no-repeat center center #40798c; background-size:100% auto; }
.lpcont img{ border-radius:10px;}
.lpcont h1{ font-size:2.2rem; color:#fff; padding-bottom:1rem; margin-bottom:1rem; margin-top:1rem; border-bottom:1px solid #fff;}
.lpcont p{ font-size:1.2rem; color:#fff; margin-top:1rem; }
.lpcont .btnlg{ font-size:1.5rem; color:#fff; padding:15px 30px; border-radius:40px; box-shadow:0px 0px 5px #333; transition:box-shadow 0.5s ease}
.lpcont .btnlg:hover{ text-decoration:none; box-shadow:0px 0px 15px #333;}
.formbx{ background-color:#fff; border-radius:5px;box-shadow:0px 0px 5px #333; padding:20px 40px;}
.formbx h2{ color:#7f8285; text-align:center; font-family: 'Lato', sans-serif; font-weight:700; margin-top:1rem; margin-bottom:2rem}
.formbx input[type='text'], .formbx textarea{ background-color:#edecec; border:none;}
.formbx input[type='text']:focus, .formbx textarea:focus{ outline:none}
.btnsubmit{ background-color:#00b3fe; text-align:center; text-transform:uppercase; color:#fff; background-position:center center !important; background-repeat:no-repeat !important ;}
.offeringbg{ background:url(img/offeringbg.jpg) no-repeat center top #ccc; padding-top: calc(7rem + 90px); padding-bottom: 1rem; margin-top:9rem }
.aboutbg {background:url(img/about_banner.jpg) no-repeat center top #ccc; padding-top: calc(10rem + 90px); padding-bottom: 1rem; margin-top:10rem}



@media (min-width: 1600px) {
.offeringbg { padding-top: calc(15rem + 90px); }
.aboutbg { padding-top: calc(15rem + 90px); }
}
@media (min-width: 1800px) {
.offeringbg { padding-top: calc(24rem + 90px); }
.aboutbg { padding-top: calc(24rem + 90px); }
}
@media (max-width: 1200px) {
.offeringbg { padding-top: calc(4rem + 90px); }
.aboutbg { padding-top: calc(6rem + 90px); }
}

@media (min-width: 992px) {
#mainNav .navbar-brand {font-size: 2em;-webkit-transition: font-size 0.3s;-moz-transition: font-size 0.3s;transition: font-size 0.3s;}
#mainNav .navbar-nav {margin-top: 0;}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active {color: #40798c;}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {color: #40798c;}
#mainNav.navbar-shrink {padding-top: 0.5rem;padding-bottom: 0.5rem;}
#mainNav.navbar-shrink .navbar-brand {font-size: 1.5em;}
#mainNav {padding-top: 3rem;}

}
@media (min-width: 768px) and (max-width: 1023px){
#mainNav {padding-top: 3.5rem; box-shadow:none}
.map-form{position:relative;  border-radius:0px; box-shadow:none; padding:10px 15px }
}





@media (max-width: 768px) { 
#quote-carousel .carousel-indicators {bottom: -20px !important;  }
#quote-carousel .carousel-indicators li {display: inline-block;margin: 0px 5px;width: 15px;height: 15px;}
#quote-carousel .carousel-indicators li.active {margin: 0px 5px;width: 20px;height: 20px;}
#topnav  .row .shwoinmob{ display:block}
#topnav  .row .mr-4{ margin-right:0 !important}
#mainNav {padding-top: 3.5rem; box-shadow:none}
#topnav .col-xs-2 { float:left; width:30% !important;}
#topnav .col-xs-10 { float:right; width:70% !important;}
.map-form{position:relative;  border-radius:0px; box-shadow:none; padding:10px 15px }
.lpcont .btnlg{ font-size:1rem; text-align:center}
.lp-nav{ margin-top:3rem;}
#topnav{ padding-left:0px; padding-right:0px}
#topnav .container{ padding-left:5px; padding-right:5px; margin-right:0px}
}

@media (max-width: 320px) { 
#topnav{ padding-left:0px; padding-right:0px}
#topnav .container{ padding-left:5px; padding-right:5px; margin-right:0px}
.lp-nav{ margin-top:3rem;}
}

@media (min-width: 768px) { 
.portfolio-modal .portfolio-modal-dialog {min-height: 100vh;padding: 5rem;margin: 3rem calc(3rem - 8px);}
.portfolio-modal .portfolio-modal-dialog h2 {font-size: 3rem;}
#quote-carousel {margin-bottom: 0;padding: 0 40px 30px 40px;}
.portfolio {margin-bottom: -30px;}
.portfolio .portfolio-item {margin-bottom: 30px;}
}

.offering-suniconbg{background: url(img/offering_sunicon.png) center top no-repeat !important;background-size: 100% !important;}
.fa{ font-family: 'FontAwesome' !important;}
article{ display:block !important;}

.nav-title-icon-wrapper{display: none;}