/*
Theme Name: Serndip
Theme URI: https://www.serendipcs.com/
Author: the Serndip team
Author URI: https://www.serendipcs.com/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: Serndip

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.
*/



/*
** File Name : style.css
** File Type : Custom css
** Author	 : 
** Author url: 
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');
@font-face {
	font-family: 'DIN Alternate Bold';
	font-style: normal;
	font-weight: normal;
	src: local('fonts/DIN Alternate Bold'), url('fonts/DINAlternate-Bold.woff') format('woff');
}


/****************************************
			* Typography
****************************************/

a:focus, a:hover {text-decoration:none}
a:hover {color:#d51a69}
a:focus{outline: medium none;}
h1,h2,h3,h4,h5,h6 {font-family: 'Source Sans Pro', sans-serif; margin-top:0}

/****************************************
			Global CSS
****************************************/

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
	-webkit-font-smoothing: antialiased;
	background:#fff;
	color:#757a80;
}

a, .btn, .fade-trans {
	-webkit-transition: all 0.1s ease-in;
       -moz-transition: all 0.1s ease-in;
		-ms-transition: all 0.1s ease-in;
		 -o-transition: all 0.1s ease-in;
            transition: all 0.1s ease-in;
}

.container-fluid {
	max-width:1260px;
}
.row-0 {
	margin:0;
}
.row-0 > [class*="col-"] {
	padding:0;
}
.row-5 {
	margin:0 -5px;
}
.row-5 > [class*="col-"] {
	padding:0 5px;
}
.row-10 {
	margin:0 -10px;
}
.row-10 > [class*="col-"] {
	padding:0 10px;
}
.row-flex {
	display:flex;
	flex-wrap:wrap;
}
ul.list-inline {
	margin-left:-5px;
	margin-right:-5px;
}

/****************************************
			Home Page
****************************************/
.site-header {
	background:#2e5477 url(images/bg_header.png)no-repeat;
    padding: 38px 0;
}
.navbar-default {
	background:transparent;
	border-radius:0;
	border: none;
	min-height:auto;
	margin:0;
	padding:25px 0 15px;
}
.navbar-default.active {
	background:#2e5477;
	background:rgba(46, 84, 119, 0.96);
}
.navbar >.container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left:0;
	padding:0;
	height:auto;
}
.navbar-brand > img {
	max-height:59px;
}
.navbar-default .navbar-nav > li > a {
	color:#fefefe;
	font-size:13px;
	margin:0 15px;
	text-transform:uppercase;
}
.navbar-default .navbar-nav > li > a[href^="tel:"],
.navbar-default .navbar-nav > li:last-child > a{
	background:#fff;
	color:#1e3a68;
	border-radius:5px;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px 10px;
}
.navbar-default .navbar-nav > li > a[href^="tel:"]:hover,
.navbar-default .navbar-nav > li > a[href^="tel:"]:focus,
.navbar-default .navbar-nav > li:last-child > a:hover,
.navbar-default .navbar-nav > li:last-child > a:focus{
	background:#fff;
}
.navbar-default .navbar-nav > li:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.dropdown > a:focus,
.navbar-default .navbar-nav > li.active > a:hover {
	background:transparent;
	border-color: #fff;
	color:#df962d;
}
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li.current-menu-item > a{
	color:#df962d;
}
.navbar-default .dropdown-menu {
	background:#f3f3f3;
	box-shadow:0 0 1px #f3f3f3;
	border:none;
	border-top:2px solid #fff;
	top:calc(100% - 2px);
	border-radius:0;
	padding:0;
}
.navbar-default .dropdown-menu > li > a {
	font-size:12px;
	padding:8px 15px;
	border-top:1px solid #fff;
}
.navbar-default .dropdown-menu > li > a:hover {
	background:#2c5071;
	color:#fff;
}
.navbar-default .navbar-nav > li > ul {
	display:none;
}
.navbar-default .dropdown:hover .dropdown-menu {
	display:block;
}
.navbar-default .dropdown > .fa {
	cursor:pointer;
    position: absolute;
    top: 0;
    line-height: 44px;
    right: 0;
    z-index: 10;
    width: 46px;
    text-align: center;
}
.language {
	margin:10px 0 0 50px;
	padding:5px;
}
.site-header-heading {
	padding:150px 0 45px;
}
.site-header-heading h1 {
	font-size:35px;
	color:#fff;
	text-transform:uppercase;
}
.site-header-heading h1 span {
	display:block;
	border-bottom:2px solid #fff;
	margin:0 auto 10px;
	max-width:775px;
	padding-bottom:10px;
}
.bg-banner {
	background:#fff url(images/bg_banner.jpg)no-repeat center center;
	background-size:cover;
	padding:0;
}
.bg-banner img {
	width:100%;
}
.banner-content {
	padding:100px 60px 30px;
	font-size:20px;
	color:#747a80;
	position:relative;
	max-width:674px;
}
.banner-content:before,
.banner-content:after {
	content:url(images/hr.png);
	position:absolute;
}
.banner-content:before {
	right:0;
	top:45px;
}
.banner-content:after {
	bottom:45px;
	left:0;
	transform: rotate(180deg);
}
.banner-content p {
	text-align:justify;
	margin-bottom:30px;
	font-size:18px;
	color:#747a80;
}

.btn-orange {
	background:#df962d;
	border-radius:5px;
	color:#fff;
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
	padding:6px 20px;
}
.btn-orange:hover {
	opacity:.9;
	color:#fff;
}

.we-different {
	background: #e7e7e7;
	background: linear-gradient(#d7d7d7, #fff);
}
.we-different-bg {
	background: url(images/bg_were.png)no-repeat right;
	padding:85px 0 60px;
}
.we-different-bg > .container-fluid {
	overflow:hidden;
}
.we-different ul li {
	padding:20px;
}
.we-different h2, section h2 {
	font-family: 'DIN Alternate Bold';
    font-size: 35px;
    color: #00376a;
    text-transform: uppercase;
	text-align:center;
    margin-bottom: 45px;
}

.we-different h4 {
    font-size: 20px;
	font-weight:600;
    color: #1e3a68;
    margin-bottom: 20px;
	min-height:80px;
}
.different-box {
	background:#fff;
	background:rgba(255, 255, 255, 0.6);
	border-radius:15px;
	box-shadow:5px 5px 10px #e3e3e3;
	padding:20px 10px 15px;
	color:#757a80;
	height:100%;
}
.we-different .different-box p {
	font-size:16px;
}
.footer-main {
	background:#1e3a68 url(images/bg_footer.jpg);
	background-size:cover;
	font-family: 'DIN Alternate Bold';
}
.footer-top {
}

.footer-widget {
	padding:45px 0 20px;
	color:#fff;
	font-size:20px;
}
.footer-widget ul{
    list-style:none;
    padding:0;
}
.footer-widget ul li a {
	color:#fff;
	line-height:1.7;
}
.footer-widget ul li a:hover {
	color:#ccc;
}
.footer-widget .social a {
	background:#fff;
	border-radius:4px;
	color:#1e3a68;
}
.footer-widget > .container-fluid > .row > div {
	margin-bottom:20px;
}
.footer-widget .social-area h2 {
	font-weight:100;
	margin-bottom:20px;
}
.social li a {
	height: 30px;
    width: 30px;
    display: block;
    border: 1px solid #f1f5f9;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
}
.social li a:hover {
	background:#f1f5f9;
	color:#d51a69;
}
.footer-menu {
	border-top: 1px solid #fff;
	font-family:'Source Sans Pro';
	padding:17px 0 7px;
	position:relative;
	color:#fff;
	font-size:15px;
}
.footer-menu:before,
.footer-menu:after {
	content:" ";
	width:7px;
	height:7px;
	border-radius:50%;
	background:#fff;
	position:absolute;
	top:-4px;
}
.footer-menu:after {
	right:0;
}
.footer-menu ul li {
	margin: 0 15px;
}
.footer-menu ul li a {
	color:#fff;
}
.footer-menu ul li a:hover {
	color:#ccc;
}
#scrollToTop {
	border:1px solid #444;
	border-radius:2px;
	width:50px; 
	height:50px;
	text-align:center; 
	background: #aaa;
	color: #eee;
	position:fixed;
	bottom:50px;
	right:50px;
	line-height:50px;
	opacity:.6;
	z-index:1090;
}
#scrollToTop:hover {
    background-color: #fcfcfc;
    color: #83a83d;
    border: 1px solid #e1e1e1;
	opacity:1;
}
.help-center {
    background: #fff url(images/we-can-help-bg.jpg) no-repeat;
    background-size: 100% auto;
}
.serendip-solution {
	padding:140px 0 30px;
}
.serendip-solution h4 {
	min-height:auto;
}




/*==========================
		Page-2
==========================*/
.page-2 .bg-banner {
	background:url(images/bg_banner_2.jpg) no-repeat left center;
	background-size: cover;
}
.test-content {
	color:#00376a;
	font-size:20px;
}
.test-content h5,
.founder-name {
	font-size:20px;
	font-weight:600;
	margin:25px 0;
}
.test-content h5 a,
.founder-name a {
	color:#00376a;
}
.test-content h5 a:hover,
.founder-name a:hover {
	color:#fb2a01;
}
.investment-products {
    background:url(images/tr_logo.png) no-repeat;
	background-position: -80px -70px;
}
.investment-products .different-box {
	background:#fff;
	max-width:444px;
	margin:0 auto;
	min-height:390px;
	position:relative;
	padding:40px 4% 10px;
}
.investment-products h4 {
    min-height: 50px;
}
.investment-products .different-box p {
	font-size:20px;
}
.investment-products .different-box:before {
	content:url(images/star-icon.png);
	position:absolute;
	top:-35px;
	left:-35px;
}
.investment-products .different-box h3 {
	font-family: 'DIN Alternate Bold';
    font-size: 35px;
    color: #1e3a68;
    margin-bottom: 20px;
}


/*==========================
		Page-3
==========================*/
.page-3 .bg-banner {
	background:url(images/bg_banner_3.jpg) no-repeat;
	background-size: cover;
}
.page-3 .we-different-bg {
	background:url(images/page_3_bg_we.jpg) no-repeat right center;
	background-size: 100% auto;
}
.we-different p {
	margin-bottom:20px;
	font-size:20px;
}
.we-different p span {
	color:#00376a;
}
.testimonial {
	padding:75px 0;
}
.testimonial-list li {
	margin-bottom:25px;
}
.test-content {
	max-width:360px;
	margin:0 auto;
}
.test-thumb {
	position:relative;
	display:block;
}
.test-thumb-caption {
	position:absolute;
	bottom:10px;
	color:#fb2a01;
	font-size:35px;
	display:block;
	width:100%;
}
.testimonial .carousel-control{
    background:none;
}
.testimonial .carousel-inner .item{
    text-align: center;
    padding: 0 20%;
}

.testimonial .carousel-inner .item p{
    font-size: 20px;
    color: #757a80;
    line-height:1.6;
}
.testimonial .carousel-inner .item h3{
    font-size: 20px;
    color: #00376a;
    margin-top: 25px;
}
/*==========================
		Page-4
==========================*/
.page-4 .bg-banner {
	background:url(images/bg_banner_4.jpg) no-repeat top center;
	background-size: cover;
}
.page-4 .we-different-bg {
	background:#fff url(images/page_4_bg_we.jpg) no-repeat;
	background-size: 100% auto;
}

.entry-footer .edit-link {
    display: none;
}

.col-sm-6 {
    width: 49.9%;
}
.col-sm-4 {	
    width: 33.30%;
}
.we-different .col-sm-3 {
    width: 24.95%;	
}
.col-sm-6 {
    width: 49.9%;
}
/*==========================
		Blog Page / Page-5
==========================*/
.blog-page .we-different-bg,
.page-6 .we-different-bg {
    background: url(images/bg_were.png)no-repeat right top;
}

.blog {
	background:#fff;
	box-shadow: 5px 5px 10px #e3e3e3;
	border-radius:8px;
	padding:20px;
	margin-bottom:50px;
}
.blog-img {
	max-width:40%;
}
.blog-img img {
	width:100%;
}
.blog-content {
	border-bottom:1px solid #154671;
	font-family: 'DIN Alternate Bold';
	padding-right:15px;
	position:relative;
	max-width:60%;
}
.blog-content:after,
.sidebar-top-heading:after {
	content:"";
	width:7px;
	height:7px;
	border-radius:50%;
	background:#154671;
	position:absolute;
	bottom:-4px;
}
.blog-content:after {
	left:0;
}
.blog-content p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:20px;
	color:#757a80;
}
.date-time {
	font-size:20px;
	color:#1e3a68;
}
.blog-content h3 {
	font-family: 'DIN Alternate Bold';
	font-size:35px;
	text-transform:uppercase;
}
.blog-content h3 a {
	color:#00376a;
}
.blog-content h3 a:hover,
.blog-content .read-more:hover {
	color:#044f95;
}
.blog-content .read-more {
	color:#1e3a68;
	font-size:13px;
	padding:5px;
    font-family: 'Source Sans Pro', sans-serif;
}
.blog-content .read-more:after {
	content:" \f105";
	font-family:fontAwesome;
}
.sidebar {
    color: #00376a;
}
.sidebar h4 {
    font-size: 20px;
    color: #00376a;
    margin-bottom: 10px;
	min-height:auto;
}
.sidebar-top-heading {
    border-bottom:1px solid #154671;
	position:relative;
	margin-left:-30px;
	padding-left:30px;
}
.sidebar-top-heading:after {
    right: 0;
}
.curr-article-list {
	padding:20px;
}
.curr-article-list li {
	margin-bottom:20px;
}
.curr-article-list li::marker {
	font-weight:600;
}
.curr-article-list li a{
   color: #00376a;
}
.curr-article-list li a:hover{
   color: #044f95;
}
.blogsingle-page{
    background: #e7e7e7;
    background: linear-gradient(#d7d7d7, #fff);
}
.blogsingle-page h1.entry-title{
    margin-bottom:20px;
}
.blogsingle-page h1.entry-title{
    margin-bottom:20px;
}
.blogsingle-page .post-thumbnail img{
    width: 100%;
    height: auto;
    margin-bottom:20px;
}
.blogsingle-page p{
    margin-bottom: 20px;
    font-size: 20px;
}
.blogsingle-page .entry-footer{
    display: none !important;
}

/*==========================
		Page-6
==========================*/
.page-template-partner-page .we-different-bg {
    padding-bottom:20px;
}
.bg-img-left {
	background: url(images/tr_logo.png)no-repeat;
	background-position: 0% 60%;
}
.page-template-partner-page .different-box {
	padding:20px 20px 10px;
}
.page-template-partner-page .different-box h4 {
	font-family:'DIN Alternate Bold';
	font-size:34px;
	min-height:auto;
}
.page-template-partner-page .different-box h4 a {
	color:#1e3a68;
}
.page-template-partner-page .different-box h4 a:hover {
	color:#6688c0;
}
.page-template-partner-page .we-different ul {
	margin-bottom:40px;
}
.page-template-partner-page .we-different ul li {
	padding:20px 30px;
}
.sec-part {
	margin-bottom:90px;
}
.work-together .different-box img,
.source-distribtn .different-box img {
	max-width:126px;
	margin-bottom:10px;
}
.get-started .different-box img {
	width:100%;
	margin-bottom:20px;
}
.inner-page{
    color:#000 !important;
}

/*==========================
		Contact Page / Page-7
==========================*/
.page-template-contact-page .we-different-bg{
    background: #fff url(images/page_4_bg_we.jpg) no-repeat;
    background-size: 100% auto;
}
.page-template-contact-page .site-header-heading h1 {
	text-transform:initial;
}
.contact-page .we-different h2 {
	text-align:left;
}
/****************************************
			Responsive
****************************************/
@media (min-width: 1260px) {
	.blog-content p {
		min-height:142px;
	}
}

@media (max-width: 1024px) {
	.navbar-default .navbar-nav > li > a {
		margin:0;
	}
	.navbar-default .navbar-nav > li > a[href^="tel:"] {
		margin-right:15px;
	}
	.banner-content {
		padding: 75px 20px 30px;
	}
	.banner-content:after {
		bottom:60px;
	}
}

@media (min-width: 992px) {
	.we-different ul {
		margin-left:-20px;
		margin-right:-20px;
	}
}

@media (max-width: 991px) {
	.site-header {
		padding:50px 0;
	}
	.navbar-default .navbar-nav > li > a {
		padding: 15px 12px;
	}
	.navbar-default {
		padding:5px 0 3px;
	}
	.we-different ul li {
		padding:15px;
	}
	.page-6 .we-different ul li {
		padding: 15px;
	}
	.page-6 .different-box {
		padding: 20px 15px 10px;
	}
}

@media (max-width: 767px) {
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left:15px;
	}
	.navbar-default .nav > li {
		display:table;
		width:100%;
	}
	.navbar-default .navbar-nav > li > a {
		padding:15px;
	}
	.navbar-default .navbar-nav > li > a[href^="tel:"] {
		margin-left:15px;
		margin-right:15px;
	}
	.navbar-default .dropdown-menu > li > a {
		padding:10px 15px 10px 30px;
	}
	.dropdown > a > .fa.visible-xs {
		margin: 8px 0 0 0;
		padding: 10px;
		cursor:pointer;
	}
	.navbar-default .nav > li {
		border-bottom:1px dotted #fff;
	}
	.navbar-default .dropdown:hover .dropdown-menu {
		display:none;
	}
	.navbar-default .dropdown-menu {
		width:100%;
		position:inherit;
		border-radius:0;
	}
	.navbar-fixed-top .navbar-collapse{
		max-height: initial;
	}
	#scrollToTop {
		right:15px;
		bottom:15px;
	}
	.site-header {
		padding:0;
	}
	.site-header-heading {
		padding: 130px 0 30px;
	}
	.navbar-fixed-top {
		background:rgba(46, 84, 119, 0.96);
	}
	.banner-content {
		max-width:100%;
	}
	.we-different-bg,
	.testimonial	{
		padding: 50px 0 40px;
	}
	.we-different h2, section h2 {
		margin-bottom: 30px;
	}
	.test-content {
		color: #00376a;
		font-size: 18px;
	}
	.col-sm-6 {
    	width: 100%;
	}
	.col-sm-4 {	
    	width: 100%;
	}
	.we-different .col-sm-3 {
    	width: 100%;	
	}
	.col-sm-6 {
    	width: 100%;
	}
	.footer-widget .pull-right{
		float:none !important;
	}
	.sidebar-top-heading {
		margin-left: 0;
	}
	.testimonial .carousel-inner .item{
        padding: 0 10%;
    }
    .serendip-solution {
        padding: 40px 0 30px;
    }
}
@media (max-width: 640px) {
	.page-3 .we-different-bg {
		background-size: cover;
	}
	.blog-content h3 {
		font-size: 30px;
	}
	.blog-content p {
		font-size: 17px;
	}
}
@media (max-width: 480px) {
	.col-xxs-6 {
		width:50%;
	}
	.col-xxs-12 {
		width:100%;
	}
	.btn-orange {
		font-size:16px;
	}
	.blog-img, .blog-content {
		max-width:100%;
		width:100%;
	}
	.blog-img {
		margin-bottom:10px;
	}
	.page-6 .different-box h4 {
		font-size: 30px;
	}
}