/*
    Template Name    : Prohub
	Description		 : Responsive HTML Multipurpose Template
    Version          : 1.0
/*
================================================
/* Table of Content
==================================================



/*
================================================
1. Fonts - Roboto and Lato
================================================
*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700|Lato:300,400,700,900|Roboto:400,500,700');

@font-face {
    font-family: 'euclid_circular_a_triallight';
    src: url('../fonts/euclidcircularatrial-light-webfont.woff2') format('woff2'),
         url('../fonts/euclidcircularatrial-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'euclid_circular_a_trialRg';
    src: url('../fonts/euclidcircularatrial-regular-webfont.woff2') format('woff2'),
         url('../fonts/euclidcircularatrial-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'euclid_circular_a_trialmedium';
    src: url('../fonts/euclidcircularatrial-medium-webfont.woff2') format('woff2'),
         url('../fonts/euclidcircularatrial-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'euclid_circular_a_trialSBd';
    src: url('../fonts/euclidcircularatrial-semibold-webfont.woff2') format('woff2'),
         url('../fonts/euclidcircularatrial-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*
================================================
2. Common CSS
================================================
*/
* {
	margin: 0;
	padding: 0;
}
body {
    font-family: 'euclid_circular_a_triallight', 'Roboto';
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: #43505c;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	margin-top: 0;
}
a {
	color: #2d2e2e;
	transition: all 0.3s ease 0s;
}
a:hover {
	color: #242c42;
	text-decoration: none;
}
a, a:hover, a:active, a:focus, select, select:focus, select:hover {
	outline: none;
	text-decoration: none;
}
input:hover, input:focus, .form-control:focus {
	outline: none;
	box-shadow: none;
}
button:hover, button:focus {
	outline: none;
}
.btn, .btn * {
	transition: all 0.3s ease 0s;
}
i {
	transition: all 0.4s ease-in-out 0s;
}
.transition3s {
	transition: all 0.3s ease-in-out 0s;
}
ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
li {
	list-style: outside none none;
}
.mb-30 {
	margin-bottom: 30px;
}
section {
	float: left;
	width: 100%;
	padding: 80px 0;
}
@keyframes white-shadow {
	0% {
	  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
	  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
	  -webkit-transition: box-shadow .3s ease-in-out;
	  -webkit-transition: -webkit-box-shadow .3s ease-in-out;
	  -o-transition: box-shadow .3s ease-in-out;
	  transition: box-shadow .3s ease-in-out;
	  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
	}
	100% {
	  -webkit-box-shadow: 0 0 0 30px transparent;
	  box-shadow: 0 0 0 30px transparent;
	  -webkit-transform: translate3d(0, 0, 0);
	  -ms-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  -webkit-transition: box-shadow .4s ease-in-out;
	  -webkit-transition: -webkit-box-shadow .4s ease-in-out;
	  -o-transition: box-shadow .4s ease-in-out;
	  transition: box-shadow .4s ease-in-out;
	  transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
	}
  }
  @-webkit-keyframes red-shadow {
	0% {
	  -webkit-box-shadow: 0 0 0 0 rgba(228, 31, 122, 0.4);
	  box-shadow: 0 0 0 0 rgba(228, 31, 122, 0.4);
	}
	100% {
	  -webkit-box-shadow: 0 0 0 30px transparent;
	  box-shadow: 0 0 0 30px transparent;
	}
  }
  @keyframes blue-shadow {
	0% {
	  -webkit-box-shadow: 0 0 0 0 rgba(27, 89, 169, 0.4);
	  box-shadow: 0 0 0 0 rgba(27, 89, 169, 0.4);
	}
	100% {
	  -webkit-box-shadow: 0 0 0 30px transparent;
	  box-shadow: 0 0 0 30px transparent;
	}
  }
#scrollUp {
	border-radius: 50%;
	bottom: 100px;
	color: #fff;
	display: block;
	font-size: 25px;
	height: 40px;
	line-height: 0;
	position: fixed;
	right: 20px;
	text-align: center;
	text-decoration: none !important;
	width: 40px;
	z-index: 1000 !important;
	-webkit-animation: white-shadow .8s infinite, blue-shadow .8s infinite;
	animation: white-shadow .8s infinite, blue-shadow .8s infinite;
	-webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
	-khtml-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
	background-color: #1b59a9;
}
#scrollUp:hover {
	background: #000;
	color: #fff;
}
#scrollUp i {
	display: block;
	padding-top: 5px;
}
.no-padding {
	padding: 0;
}
.section-title {
	text-align: center;
	margin: 0 0 40px;
}
.section-title h2 {
	color: #2d3250;
	font-size: 46px;
	margin: 0 0 5px;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
}
.section-title h4 {
	color: #232d37;
	font-size: 19px;
    font-family: 'euclid_circular_a_triallight', 'Roboto';	
}
.p-r-0 {
	padding-right: 0;
}
.p-l-0 {
	padding-left: 0;
}
.pad-b-10 {
	padding-top: 10px;
}
.bg-color2 {
	background: #f2f2f2;
}
.padding-20 {
	padding: 20px;
}
.border-left-four {
	border-left: 1px solid #e3e0e0;
}
.border-three {
	border: 1px solid #e3e0e0;
}
.margin-bottom3 {
	margin-bottom: 25px;
}
.form-control {
	padding: 14px 20px;
	height: 52px;
	font-size: 14px;
	border-color: #e8e8e8;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* Button Effects */
.bttn {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	border-radius: 0;
	padding: 8px 25px 9px;
	font-size: 16px;
	color: #2cc3f8;
	font-weight: 600;
	background: none;
	border: 1px solid #2cc3f8;
	cursor: pointer;
}
.bttn i {
	padding: 0 5px 0 0;
}
.bttn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	background: #2cc3f8;
	border: 1px solid #2cc3f8;
}
.bttn:hover, .bttn:focus, .bttn:active {
	color: #fff;
}
.bttn:hover:before, .bttn:focus:before, .bttn:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.bttn.color {
	border: 1px solid #36bc9b;
	color: #36bc9b;;
}
.bttn.color::before {
	background: #36bc9b;
	border: 1px solid #36bc9b;
}
.bttn.color:hover {
	color: #fff;
}
/*
================================================
3. Loader CSS
================================================
*/
#dvLoading {
	background: url(../images/loader.gif) no-repeat center center #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999999;
}
/*
================================================
4. Header Area
================================================
*/
/* Navbar */
.header {
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
}
.sticky {
	background: #ffffff;
	position: fixed !important;
	top: 0px;
	z-index: 999;
	margin: 0 auto;
	padding: 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-name: sticky-animation;
	animation-name: sticky-animation;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes sticky-animation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes sticky-animation {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.header .navbar {
	padding: 0;
}
.header .navbar .navbar-nav .nav-link {
	font-weight: 600;
	font-size: 21px;
	padding: 12px 8px 11px 0;
	color: #15338c;
	text-transform: capitalize;
	font-family: 'euclid_circular_a_trialRg', 'Roboto';
}
.header .navbar .navbar-nav .nav-link i {
	font-weight: bold;
	color:#2cc3f8;
}
.header .navbar .navbar-nav .nav-link:hover {
	color: #30b666;
}
.header .navbar .navbar-nav {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header .navbar .navbar-nav .nav-item {
	margin-right: 20px;
}
.header .navbar .navbar-nav .nav-item:last-child {
	margin-right: 0px;
}
.header .navbar .navbar-nav .nav-item .nav-link {
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	left: 0;
}
.header .navbar .navbar-nav .nav-item .nav-link:hover {
	color: #30b666;
}
.header .navbar .navbar-nav .nav-item.active .nav-link {
	color: #30b666;
}
.header .navbar-brand {
	padding: 12px 0px;
	margin-right: 0;
	color: #ffffff;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 300px;
	flex: 0 0 300px;
	-webkit-transition: none;
	transition: none;
}
/* Header Sticky */
.header.is-sticky {
	position: fixed;
	top: 0;
	z-index: 99;
	width: 100%;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
	padding: 0px;
}
.header.is-sticky .topbar {
	display: none;
}
.header.is-sticky .navbar .navbar-brand {
	padding: 12px 0px;
}
.header.is-sticky .navbar .navbar-brand img {
	height: 40px;
}
.header .navbar-nav li > a {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 3px 0px;
	color: #291843;
	text-transform: capitalize;
	font-size: 14px;
}
.header .navbar-nav li > a:hover {
	color: #30b666;
}
.header .navbar-nav li > a i {
	margin-left: 5px;
	font-size: 16px;
}
/* Mega Menu */
.megamenu {
	padding: 20px 20px;
	width: 100%;
}
.megamenu > div > li > ul {
	padding: 0;
	margin: 0;
}
.megamenu > div > li > ul > li {
	list-style: none;
}
.megamenu > div > li > ul > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #291843;
	white-space: normal;
}
.megamenu > div > li > ul > li > a:hover {
	text-decoration: none;
	color: #291843;
	background-color: #f6f7f8;
}
.megamenu > div > li > ul > li > a:focus {
	text-decoration: none;
	color: #291843;
	background-color: #f6f7f8;
}
.megamenu.disabled > a:hover {
	color: #f6f7f8;
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	cursor: not-allowed;
}
.megamenu.disabled > a:focus {
	color: #f6f7f8;
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	cursor: not-allowed;
}
.header .megamenu .dropdown-item {
	padding: 0px;
}
.header li > .dropdown-item:focus {
	color: #30b666;
	background: none;
}
.header li > .dropdown-item:hover {
	color: #30b666;
	background: none;
}
.header .dropdown-item.active {
	background: none;
}
.header .dropdown-item:active {
	background: none;
}
.header .dropdown-item:focus {
	background: none;
}
.header .dropdown-item:hover {
	background: none;
}
.header .dropdown-toggle::after {
	content: none;
}
.header .navbar-collapse {
	-webkit-box-align: inherit;
	-ms-flex-align: inherit;
	align-items: inherit;
	position: relative;
}
.header .navbar .dropdown-menu {
	padding: 14px 26px 14px 26px;
	z-index: 99;
}
.header .navbar .dropdown-menu a.dropdown-item {
	min-width: 180px;
}
.header .navbar .dropdown-menu li a i {
	margin-left: auto;
}
.navbar .dropdown > .dropdown-menu li > a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	display: inline-block;
	padding-right: 6px;
	vertical-align: top;
	font-weight: 900;
	color: #1bb2e7;
	position: absolute;
	top: 4px;
	left: 2px;
}
.navbar .dropdown > .dropdown-menu li > a {
	font-size: 14px;
	font-weight: 500;
	padding: 10px 20px 10px 0;
	border-radius: 3px;
	position: relative;
}
.navbar .dropdown > .dropdown-menu li > a:hover {
	color: #1bb2e7;
}
.navbar .dropdown > .dropdown-menu li > a:hover span:before {
	width: 100%;
}
.navbar .dropdown > .dropdown-menu li > a span {
	position: relative;
}
.navbar .dropdown > .dropdown-menu li > a span:before {
	content: "";
	background: #30b666;
	height: 2px;
	width: 0;
	position: absolute;
	left: 0px;
	bottom: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.navbar .navbar-nav .dropdown-menu li.active > a span {
	color: #30b666;
}
.navbar .navbar-nav .dropdown-menu li.active > a span:before {
	width: 100%;
}
/* Search */
.search .search-btn {
	display: block;
	height: 22px;
	line-height: 22px;
	position: relative;
	text-indent: -9999px;
	width: 14px;
	color: #291843;
	-webkit-transition: color 300ms ease 0s;
	transition: color 300ms ease 0s;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.header-search .search {
	margin: 0 24px 0 0;
}
.search .search-btn:before {
	content: "";
	background: url(../images/search-icon.png) left top no-repeat;
	font-weight: 900;
	left: 0;
	width:20px;
	height: 20px;
	position: absolute;
	text-indent: 0;
	top: 0;
}
.search .search-box button {
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 14px;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
/*.search.search-open .search-btn:before {
	content: "\f00d";
}*/
.search.search-open .search-box {
	opacity: 1 !important;
	visibility: visible !important;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.search.search-open .search-box .form-control {
	padding-right: 50px;
}
.search-box {
	display: block;
	margin: 0;
	opacity: 0 !important;
	position: absolute;
	right: 0;
	top: 35px;
	-webkit-transition: visibility 300ms ease 0s, opacity 300ms ease 0s;
	transition: visibility 300ms ease 0s, opacity 300ms ease 0s;
	visibility: hidden;
	width: 327px;
	z-index: 888;
	border-radius: 3px;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
}
.search-box.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
/** Sidebar Section **/
.sidemenu_btn {
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	width: 70px;
	padding: 31px 15px;
	margin-right: 0;
	right: 0;
	background: #2cc3f8;
	z-index: 999;;
}
.sidemenu_btn.left {
	left: 15px;
	right: auto;
}
.sidemenu_btn > span {
	height: 2px;
	width: 100%;
	background: #fff;
	display: block;
}
.transparent-bg .sidemenu_btn > span {
	background-color: #21d4fd;
	background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
}
.center-brand.fixedmenu .sidemenu_btn > span, .bg-invisible.fixedmenu .sidemenu_btn > span, .boxed-nav.fixedmenu .sidemenu_btn > span {
	background: #212331;
}
.sidemenu_btn > span:nth-child(2) {
	margin: 4px 0;
}
.side-menu.side-menu-active {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.side-menu .inner-wrapper {
	padding: 2.5rem 5rem;
	height: 100%;
	position: relative;
	overflow-y: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
/*-----Side Menu----*/
.side-menu {
	width: 30%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1032;
	height: 100vh;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-o-transition: -o-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease;
	overflow: hidden;
}
.side-menu.left {
	left: 0;
	right: auto;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.side-menu.before-side {
	width: 280px;
}
.side-menu.side-menu-active, .side-menu.before-side {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.pul-menu .side-menu.side-menu-active {
	visibility: visible;
	opacity: 1;
}
.side-menu .navbar-brand {
	margin: 0 0 2.5rem 0;
}
/*Side overlay*/
#close_side_menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	display: none;
	z-index: 1031;
	opacity: 0.4;
}
/*side clode btn*/
.side-menu .btn-close {
	height: 33px;
	width: 33px;
	-webkit-box-shadow: 0 4px 4px -4px rgba(0,0,0,0.15);
	box-shadow: 0 4px 4px -4px rgba(0,0,0,0.15);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 30px;
	right: 15px;
	cursor: pointer;
}
.side-menu.before-side .btn-close {
	display: none;
}
/*side clode btn*/
.side-menu .btn-close {
	height: 33px;
	width: 33px;
	-webkit-box-shadow: 0 4px 4px -4px rgba(0,0,0,0.15);
	box-shadow: 0 4px 4px -4px rgba(0,0,0,0.15);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 30px;
	right: 15px;
	cursor: pointer;
}
.side-menu.before-side .btn-close {
	display: none;
}
.side-menu .btn-close::before, .side-menu .btn-close::after {
	position: absolute;
	left: 16px;
	content: ' ';
	height: 24px;
	width: 2px;
	background: #fff;
	top: 5px;
}
.side-menu .btn-close:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.side-menu .btn-close:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
ul.social-icons-simple li {
	display: inline-block;
}
ul.social-icons-simple li:first-child a {
	margin-left: 0;
}
ul.social-icons-simple li a {
	height: 24px;
	line-height: 24px;
	width: 24px;
	margin: 0 8px;
	font-size: 18px;
	text-align: center;
	display: inline-block;
	color: #fff;
}
.side-menu p {
	font-size: 13px;
	margin-top: .5rem;
	margin-bottom: 0;
}
.transparent-sidemenu .side-menu {
	background-color: #21D4FD;
	background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
}
.side-menu .side-nav {
	margin-bottom: 30px;
	display: block;
}
.side-nav .navbar-nav .nav-item {
	display: block;
	margin: 10px 0;
	padding: 0 !important;
	opacity: 0;
	-webkit-transition: all 0.8s ease 500ms;
	-o-transition: all 0.8s ease 500ms;
	transition: all 0.8s ease 500ms;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
}
.side-nav .navbar-nav .nav-item:first-child {
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
}
.side-nav .navbar-nav .nav-item:nth-child(2) {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}
.side-nav .navbar-nav .nav-item:nth-child(3) {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
}
.side-nav .navbar-nav .nav-item:nth-child(4) {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}
.side-nav .navbar-nav .nav-item:nth-child(5) {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
}
.side-nav .navbar-nav .nav-item:nth-child(6) {
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s;
}
.side-nav .navbar-nav .nav-item:nth-child(7) {
	-webkit-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s;
}
.side-nav .navbar-nav .nav-item:nth-child(8) {
	-webkit-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s;
}
.side-nav .navbar-nav .nav-item:nth-child(9) {
	-webkit-transition-delay: .9s;
	-o-transition-delay: .9s;
	transition-delay: .9s;
}
.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.side-nav .navbar-nav .nav-link {
	display: inline-table;
	color: #fff;
	padding: 2px 0 3px 0 !important;
	font-size: 1.4rem;
	font-weight: 300;
	line-height: normal;
	position: relative;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: none;
}
.side-nav .navbar-nav .nav-link::after {
	content: "";
	position: absolute;
	background: #fff;
	display: inline-block;
	width: 0;
	height: 3px;
	bottom: 0;
	left: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.transparent-sidemenu .side-nav .navbar-nav .nav-link::after {
	display: none;
}
.side-nav .navbar-nav .nav-link:hover::after, .side-nav .navbar-nav .nav-link:focus::after, .side-nav .navbar-nav .nav-link.active::after {
	width: 100%;
}
.side-nav .navbar-nav .nav-link.active {
	background: transparent;
}
.transparent-sidemenu .side-nav .navbar-nav .nav-link:hover, .transparent-sidemenu .side-nav .navbar-nav .nav-link:focus {
	margin-left: 5px;
}
.side-menu p {
	font-size: 13px;
	margin-top: .5rem;
	margin-bottom: 0;
}
.transparent-sidemenu .side-menu {
	background: rgba(27,89,169,1);
	background: -moz-linear-gradient(left, rgba(27,89,169,1) 0%, rgba(37,150,216,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,89,169,1)), color-stop(100%, rgba(37,150,216,1)));
	background: -webkit-linear-gradient(left, rgba(27,89,169,1) 0%, rgba(37,150,216,1) 100%);
	background: -o-linear-gradient(left, rgba(27,89,169,1) 0%, rgba(37,150,216,1) 100%);
	background: -ms-linear-gradient(left, rgba(27,89,169,1) 0%, rgba(37,150,216,1) 100%);
	background: linear-gradient(to right, rgba(27,89,169,1) 0%, rgba(37,150,216,1) 100%);
}
/*
================================================
5. Main Slider Area
================================================
*/
.main-slider {
	position: relative;
	padding: 0;
}
.main-slider .container {
	position: relative;
}
/*.main-slider .slide::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: .85;
	z-index: -1;
}*/
.content-boxed {
	max-width: 800px;
	padding: 0 0 0 8%;
}
.main-slider .slide {
	position: relative;
	padding: 145px 0px 130px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}
.main-slider .title {
	position: relative;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px;
	opacity: 0;
	letter-spacing: 1px;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}
.main-slider .active .title {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}
.main-slider .active h1 {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.main-slider h1 {
	position: relative;
	color: #15338c;
	font-weight: 600;
	line-height: 88px;
	font-size: 80px;
	margin-bottom: 25px;
	opacity: 0;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}
.main-slider h1 span {
	display: block;
}
.main-slider .text {
	position: relative;
	color: #323c46;
	font-size: 19px;
	opacity: 0;
	transform-origin: top;
	line-height: 32px;
	font-weight: 400;
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	margin-bottom: 32px !important;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}
.main-slider .active .text {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: .10s;
	animation-delay: .10s;
}
.main-slider .link-box {
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	display: inline-block;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}
.main-slider .active .link-box {
	opacity: 1;
	transform: scaleY(1);
	transition-delay: 2000ms;
}
.main-slider .link-box .theme-btn {
	margin-right: 20px;
	float: left;
}
.main-slider .link-box .video-box {
	position: relative;
	width: 60px;
	height: 60px;
	color: #6b6b6b;
	font-size: 18px;
	text-align: center;
	border-radius: 50px;
	line-height: 60px;
	display: inline-block;
	float: left;
	margin-right: 40px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	background-color: rgba(255,255,255,1);
}
.main-slider .link-box .video-box .overlay-box span {
	position: absolute;
	width: 60px;
	height: 60px;
	left: 50%;
	top: 50%;
	z-index: 99;
	color: #ffffff;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	border-radius: 50%;
	padding-left: 7px;
	background-color: #ffffff;
	display: inline-block;
	margin-top: -30px;
	margin-left: -30px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.main-slider .link-box .video-box .ripple, .main-slider .link-box .video-box .ripple:before, .main-slider .link-box .video-box .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 60px;
	width: 60px;
	margin-left: .5px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
	-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}
.main-slider .link-box .video-box .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}
.main-slider .link-box .video-box .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}
 @-webkit-keyframes ripple {
 70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
 100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
 @keyframes ripple {
 70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
 100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.main-slider .owl-dots {
	position: absolute;
	left: 19%;
	top: 74%;	
}
.main-slider .owl-dots .owl-dot.active {
    border: 1px solid #2cc3f8;
}
.main-slider .owl-dots .owl-dot {
	margin-bottom: 10px;
	border-radius: 50px;
	background-color: #ffffff;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	line-height: 2px;
	margin: 0 10px 0 0;
}
.main-slider .owl-theme .owl-dots .owl-dot span {
	display: inline-block;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	margin: 0;
	line-height: inherit;
}
.main-slider .owl-dots .owl-dot.active:before, .main-slider .owl-dots .owl-dot:hover::before {
	opacity: 1;
}
.main-slider .owl-nav {
	position: absolute;
	left: 0px;
	top: 50%;
	z-index: 1;
	width: 100%;
	opacity: 0;
	margin-top: -10px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	display: none;
}
.main-slider:hover .owl-nav {
	opacity: 1;
}
.main-slider .owl-nav .owl-prev {
	position: absolute;
	left: 20px;
	width: 60px;
	height: 60px;
	color: #ffffff !important;
	line-height: 56px;
	font-size: 24px;
	text-align: center;
	border-radius: 50px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border: 2px solid rgba(255,255,255,0.60) !important;
}
.main-slider .owl-nav .owl-next {
	position: absolute;
	right: 20px;
	color: #ffffff;
	font-size: 24px;
	width: 60px;
	height: 60px;
	color: #ffffff !important;
	line-height: 56px;
	border-radius: 50px;
	text-align: center;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border: 2px solid rgba(255,255,255,0.60) !important;
}
.main-slider .owl-nav .owl-prev:hover, .main-slider .owl-nav .owl-next:hover {
	color: #ffaa00;
}
/*
================================================
6. Content Wrapper
================================================
*/
.content-wrapper {
	float: left;
	width: 100%;
	position: relative;
	padding: 60px 0;
}
.content-wrapper .header-section {
    background: rgba(27,89,169,1);
	background: -moz-linear-gradient(left, rgba(27,89,169,1) 0%, rgba(37,150,216,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,89,169,1)), color-stop(100%, rgba(37,150,216,1)));
	background: -webkit-linear-gradient(left, rgba(27,89,169,1) 0%, rgba(37,150,216,1) 100%);
	background: -o-linear-gradient(left, rgba(27,89,169,1) 0%, rgba(37,150,216,1) 100%);
	background: -ms-linear-gradient(left, rgba(27,89,169,1) 0%, rgba(37,150,216,1) 100%);
	background: linear-gradient(to right, rgba(27,89,169,1) 0%, rgba(37,150,216,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b59a9', endColorstr='#2596d8', GradientType=1 );
    position: absolute;
    top: 60px;
    width: 62%;
	height: 166px;
	border-radius: 0 110px 110px 0;
	z-index: -1;
}
.content-wrapper .section-title {
	padding: 47px 0 0 0;
	text-align: left;
	display: inline-block;
	margin: 0 0 22px;
}
.content-wrapper .section-title h3::before {
	content: "";
	height: 1px;
	width: 53%;
	left: -55%;
	background: #2cc3f8;
	position: absolute;
	top: 7px;
}
.content-wrapper .section-title h3 {
	 color: #fff;
	 font-size: 16px;
	 font-family: 'euclid_circular_a_triallight', 'Roboto';
	 text-transform: uppercase;
	 letter-spacing: 2px;
	 position: relative;
}
.content-wrapper .section-title h3::after {
	content: "";
	height: 1px;
	width: 86%;
	right: 0%;
	background: #2cc3f8;
	position: absolute;
	top: 7px;
}
.content-wrapper .section-title h2 {
	color: #fff;
	font-size: 46px;
	font-family: 'euclid_circular_a_trialSBd', 'Roboto';
}
/** Services Sec **/
.service-item {
	background-color: #f4f9fc;
	float: left;
	margin: 170px 0 0;
	padding: 143px 30px 30px;
	text-align: center;
	width: 100%;
	position: relative;
	border-radius: 20px;
}
.service-item .icon-box {
	top: -100px;
	font-size: 15px;
	height: 220px;
	left: 50%;
	line-height: 55px;
	position: absolute;
	width: 238px;
	z-index: 2;
	margin-left: -120px;
}
.service-item h3 {
	color: #15338c;
	font-size: 27px;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';   
	margin: 0 0 20px;
}
.service-item h3 span {
	display: block;
}
.service-item p {
	font-family: 'euclid_circular_a_triallight', 'Roboto';
	font-size: 16px;
	color: #232d37;
}
/** Insighs Sec **/
.insighs-sec {
	float: left;
	width: 100%;
}
.insighs-sec .section-title {
	margin: 0;
}
/** Single Insighs Sec **/
.single-insighs-area {
	position: relative;
	margin: 30px 0 0; 
}
.single-insighs-area .insighs-thumb {
	position: relative;
	z-index: 1;
}
.insighs-thumb img {
	width: 100%;
	border-radius: 20px 20px 0 0;
}
.single-insighs-area:hover .insighs-content {
	-webkit-box-shadow: 0 0 50px 0 rgba(27, 53, 87, .15);
	box-shadow: 0 0 50px 0 rgba(27, 53, 87, .15);
}
.insighs-content {
	background-color: #fff;
	padding: 36px 22px 30px;
	margin: 0;
	position: relative;
	z-index: 22;
	margin-top: 0;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
	border-width: 0 1px 1px;
	border-color: #bec9d0;
	border-style: solid;
	border-radius: 0 0 25px 25px;
}
.insighs-content .sub-head {
	position: absolute;
	top: -13px;
	left: 20px;
	z-index: 22;
	background-color: #2cc3f8;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-weight: 600;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	border-radius: 2px;
	padding: 0 20px;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
}
.insighs-content h3  {
	margin: 0 0 15px;
	line-height: 28px;	
}
.insighs-sec h3 a {
	line-height: 32px;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
	margin-bottom: 0;
	font-size: 24px;
    font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	color: #15338c;	
}
.insighs-content .bttn::before {
	background: #36bc9b;
	border: 1px solid #36bc9b;
}
.insighs-content .bttn {
	color: #36bc9b;
	text-transform: uppercase;
	border: 1px solid #36bc9b;
	font-family: 'euclid_circular_a_trialRg';
	margin:5px 0 0;
	font-size: 14px;
}
.insighs-content .bttn:hover {
	color: #fff;
}
/** Thumb **/
.insighs-sec .thumbnail {
	background-color: #FFFFFF;
	float: left;
	width: 100%;
	margin: 50px 0 70px 0;
	padding: 0 0 0 15px;
}
.insighs-sec .insighs-img {
	width: 100%;
	height: auto;
	padding: 30px;
	display: inline-block;
	background: url(../images/insighs-img-4.jpg) left top no-repeat;
	background-size: cover;
	border-radius: 20px 0 0 20px;
}
.insighs-sec .caption {
	padding: 30px 40px 30px 30px;
	border-width: 1px;
	border-style: solid;
	border-color: #bec9d0;
	border-radius: 0 20px 20px 0;
}
.insighs-sec .caption h4 {
	background-color: #2cc3f8;
	font-size: 16px;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	padding: 6px 15px;
	color: #fff;
	display: inline-block;
	margin: 0 0 10px;
}
.insighs-sec .caption .bttn {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/*
================================================
7. About Sec Wrapper
================================================
*/
.about-sec-wrapper {
	background: url('../images/about-bg-img.jpg') no-repeat center center;
	background-size: cover;
}
.about-sec-wrapper .about-text {
	padding: 0 20px 0 0;
}
.about-sec-wrapper .about-text h2 {
	font-size: 46px;
	color: #2d3250;
	margin: 0 0 15px;
	font-family: 'euclid_circular_a_trialSBd', 'Roboto';
}
.about-sec-wrapper .about-text p {
	line-height: 25px;
}
.about-sec-wrapper .about-text .bttn {
	margin: 10px 0 0;
}
/*
================================================
8. Blog Sec Wrapper
================================================
*/
.blog-main {
	position: relative;
	padding: 0 0 0 25px;
}
.blog-main img {
	width: 100%;
	border-radius: 20px;
	margin: 0;
}
.blog-main .sub-head {
	position: absolute;
	top: 30px;
	left: 60px;
	z-index: 22;
	background-color: #2cc3f8;
	color: #fff;
	text-align: center;
	display: inline-block;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	border-radius: 0;
	padding: 0 15px;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	text-transform: uppercase;
}
.blog-main .blog-content {
	background-color: #fff;
	padding: 40px;
	margin: 0;
	position: absolute;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
	left: 0;
	bottom: 50px;
	-webkit-box-shadow: 0 0 35px 0 rgba(27, 53, 87, .15);
	box-shadow: 0 0 35px 0 rgba(27, 53, 87, .15);
	width: 70%;
	border-radius: 20px;
}
.blog-main .blog-content h3 {
	margin: 0 0 15px;
	line-height: 28px;
}
.blog-main .blog-content h3 a {
	line-height: 32px;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
	margin-bottom: 0;
	font-size: 24px;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	color: #15338c;
}
.blog-main .blog-content .bttn:before {
	display: none;
}
.blog-main .blog-content .bttn {
	padding: 0;
	border: none;
	position: relative;
}
.blog-main .blog-content .bttn i {
	padding: 0;
	display: inline-block;
	position: absolute;
	right: -24px;
	margin: 0 10px 0 0;
	top: 4px;
}
.blog-main .blog-content .bttn:hover {
	opacity: 0.8;
	color: #2cc3f8;
}
.sidebar-blog::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0, 68, 140, 0.9);
	z-index: -1;
	border-radius: 20px;
}
.sidebar-blog {
	float: left;
	width: 100%;
	background: url(../images/blog-img-2.jpg) left top no-repeat;
	background-size: 100%;
	padding: 20px;
	position: relative;
	z-index: 1;
	border-radius: 20px;
}
.sidebar-blog h4 {
	background: #fff;
	color: #2d3250;
	font-size: 16px;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	text-transform: uppercase;
	display: inline-block;
	padding: 8px 15px;
	margin: 0 0 20px;
}
.sidebar-blog h3 {
	margin: 0 0 10px;
	line-height: 30px;
	font-size: 27px;
	color: #fff;
}
.sidebar-blog .bttn:before {
	display: none;
}
.sidebar-blog .bttn {
	padding: 0;
	border: none;
	color: #fff;
}
.sidebar-blog .bttn:hover {
	opacity: 0.8;
	color: #2cc3f8;
}
/*
================================================
9. CTA Wrapper
================================================
*/
.cta-sec {
	position: relative;
    overflow: hidden;
	padding: 86px 0px 90px;
	background: rgba(18,59,142,1);
	background: -moz-linear-gradient(-45deg, rgba(18,59,142,1) 0%, rgba(18,59,142,1) 50%, rgba(33,139,205,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(18,59,142,1)), color-stop(50%, rgba(18,59,142,1)), color-stop(100%, rgba(33,139,205,1)));
	background: -webkit-linear-gradient(-45deg, rgba(18,59,142,1) 0%, rgba(18,59,142,1) 50%, rgba(33,139,205,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(18,59,142,1) 0%, rgba(18,59,142,1) 50%, rgba(33,139,205,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(18,59,142,1) 0%, rgba(18,59,142,1) 50%, rgba(33,139,205,1) 100%);
	background: linear-gradient(135deg, rgba(18,59,142,1) 0%, rgba(18,59,142,1) 50%, rgba(33,139,205,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123b8e', endColorstr='#218bcd', GradientType=1 );	
}
.cta-sec h4 {
	color: #2cc3f8;
	font-size: 16px;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	text-transform: uppercase;
	display: inline-block;
	margin: 0 0 30px;
}
.cta-sec h2 {
	margin: 0 0 35px;
	line-height: 50px;
	font-size: 48px;
	color: #fff;
}
.cta-sec .bttn {
	background: #2cc3f8;
	color: #fff;
	font-family: 'euclid_circular_a_trialRg', 'Roboto';
	letter-spacing: 1px;
}
.cta-sec .bttn:hover {
	color: #125e79;
}
.bg-animate .rect1 {
	position: absolute;
	top: -9%;
	right: 15%;
	-webkit-animation: mover 15s infinite linear;
	animation: mover 15s infinite linear;
	opacity: 0.5;
}
.bg-animate .rect2 {
	position: absolute;
	bottom:25%;
	left:-5%;
	-webkit-animation: rotate3d 15s infinite linear;
	animation: rotate3d 15s infinite linear;
	opacity: 0.5;
}  
.bg-animate .rect3 {
	position: absolute;
	bottom: 15px;
	left: 20%;
	-webkit-animation: rotate2 15s infinite linear;
	animation: rotate2 15s infinite linear;
	opacity: 0.5;
}
.bg-animate .rect4 {
	position: absolute;
	bottom: 6px;
	right: -5%;
	-webkit-animation: rotate3d 15s infinite linear;
	animation: rotate3d 15s infinite linear;
	opacity: 0.5;
}
@-webkit-keyframes mover {
	0% {
	-webkit-transform: translate(0, 0) rotate(0);
	transform: translate(0, 0) rotate(0)
   }
	20% {
	-webkit-transform: translate(73px, -1px) rotate(36deg);
	transform: translate(73px, -1px) rotate(36deg)
   }
	40% {
	-webkit-transform: translate(141px, 72px) rotate(72deg);
	transform: translate(141px, 72px) rotate(72deg)
   }
	60% {
	-webkit-transform: translate(83px, 122px) rotate(108deg);
	transform: translate(83px, 122px) rotate(108deg)
   }
	80% {
	-webkit-transform: translate(-40px, 72px) rotate(144deg);
	transform: translate(-40px, 72px) rotate(144deg)
   }
	100% {
	-webkit-transform: translate(0, 0) rotate(0);
	transform: translate(0, 0) rotate(0)
   }
   }
   @-webkit-keyframes rotate3d {

	100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
   }
   }
   @-webkit-keyframes rotate2 {
	0% {
	-webkit-transform: rotateY(0);
	transform: rotateY(0)
   }
	100% {
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg)
   }
   }  
/*
================================================
10. General Enquiry Sec
================================================
*/   
.general-enquiry-sec {
	background:#fff url(../images/general-enquiry-bg.jpg) right -35px no-repeat;
	background-attachment: fixed;
	padding-bottom: 73px;
}
.general-enquiry-sec form input, .general-enquiry-sec form textarea, .general-enquiry-sec form select {
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #d2d7eb;
    width: 100%;
    box-shadow: none;
    padding: 30px 0 10px;
    font-family: 'euclid_circular_a_triallight', 'Roboto';
    color: #232d37;
	outline: none;
	font-size: 19px;
	background: none;
}
.general-enquiry-sec form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/select-arrow.png) no-repeat 98% 25px;
	word-wrap: normal;
	padding-top: 20px;
	outline: none;
	color: #62788e;
}
.general-enquiry-sec .bttn:before {
	background: #123c8e;
	border: 1px solid #123c8e;
}
.general-enquiry-sec .bttn {
	  font-size: 16px;
	  padding: 12px 80px;
	  background: #36bc9b;
	  border: 1px solid #36bc9b;
	  color: #fff;
	  margin: 25px 0 0;
}
.general-enquiry-sec .bttn:hover {
	border: 1px solid #123c8e;
}
.general-enquiry-sec .form-control:focus {
	color: #495057;
   border-color: #ff1a0f;
	outline: 0;
	box-shadow: inherit;
	background: none;
}
/*
================================================
11. Social Sec
================================================
*/  
.social-sec {
	float: left;
	width: 100%;
	background: #e9eff3;
	padding: 15px 0;
}
.social-sec .social-icons ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 5px;
}
.social-sec .social-icons ul li  a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 32px;
    color: #2cc3f8;
    font-size: 16px;
    text-align: center;
    border: 1px solid  #2cc3f8;;
    border-radius: 50%;
}
.social-sec .social-icons ul li  a:hover {
	background: #2cc3f8;
	color:#fff;
}
.social-sec .privacy ul {
	margin: 8px 0 0;
}
.social-sec .privacy ul li {
	list-style-type: none;
    display: inline-block;
    margin:0 15px 0 0;
}
.social-sec .privacy ul li:last-child {
	margin: 0;
}
.social-sec .copy {
	margin: 8px 0 0;
}
/*
================================================
11. Breadcrumb Sec
================================================
*/ 
.breadcrumb-main.custom-application-design {
	background: url(../images/custom-application-design-header-bg.png) ;
}
.breadcrumb-main.web-application-development {
	background: url(../images/web-application-development-header-bg.png) ;
}
.breadcrumb-main.e-commerce-application-development {
	background: url(../images/e-commerce-application-development-header-bg.png) ;
}
.breadcrumb-main {
	padding: 150px 0 0;
	position: relative;
	float: left;
	width: 100%;
	z-index: 1;
	min-height: 561px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
}
.breadcrumb-main h4 {
	background-color: #2cc3f8;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-weight: 600;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	border-radius: 2px;
	padding: 0 20px;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	text-transform: uppercase;
}
.breadcrumb-main h2 {
	color: #15338c;
	font-weight: 600;
	line-height: 80px;
	font-size: 75px;
	margin-bottom: 25px;
}
.breadcrumb-main h2 span {
	display: block;
}
.breadcrumb-list {
    padding: 60px 0 4px;
}
.page-breadcrumb {
	position: relative;
	margin-top: 20px;
}
.page-breadcrumb li {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	padding-right: 15px;
	color: #232d37;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
}
.page-breadcrumb li::after {
	position: absolute;
	content: "|";
	right: -2px;
	top: -1px;
	color: #d7dfe5;
	font-size: 14px;
	font-weight: 700;
	font-family: 'FontAwesome';
}
.page-breadcrumb li a {
	color: #232d37;
	font-weight: 600;
	text-transform: capitalize;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.page-breadcrumb li:last-child {
	color: #2cc3f8;	
}
.page-breadcrumb li:last-child:after {
	display: none;
}
.overview-nav {
	margin: 25px 0 0;
}
.overview-left ul li:first-child {
	margin: 0;
}
.overview-left ul li:before{
	width: 0;
	height: 3px;
	background: #2cc3f8;
	transition: all 0.3s ease 0s;
	position: absolute;
	content: "";
	bottom: 0;
}
.overview-left ul li:hover:before, .overview-left ul li.active:before {
	width: 100%;
} 
.overview-left ul li {
	display: inline-block;
	margin: 0 0 0 50px;
	position: relative;
	line-height: 61px;
}
.overview-left ul li a {
	font-size: 20px;
	padding: 0;
	color: #fff;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
}
.overview-right {
	text-align: right;
	margin: 20px 0 0;
}
.overview-right a {
	background: #36bc9b;
	padding: 11px 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
}
.overview-right a:hover {
	opacity: 0.8;
}
.overview-right a img {
	margin: -5px 10px 0 0;
	display: inline-block;
}
/** Quote Popup **/
.quote-part {
	position: relative;
	background-color: #fff;
	margin: 20px auto;
	transition: 1s all;
	max-width: 800px;
	padding: 50px;
}
.quote-part .section-title {
	margin-bottom: 15px;
	padding-bottom: 0;
}
.section-title .section-span {
	font-size: 25px;
	color: #ed4a00;
	font-weight: 600;
}
.section-title .head-two {
	font-size: 35px;
	font-weight: 600;
	color: #121619;
	margin-top: 5px;
}
.quote-part .form-control {
	height: 50px;
	margin-bottom: 30px;
	box-shadow: none;
	border-color: #ced4da;
	font-size: 14px;
	border: 1px solid #ddd;
	color: #999;
}
.quote-part select.form-control {
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	background: url(../images/select-arrow.png) no-repeat 98% 25px;
}
.quote-part textarea.form-control {
	height: unset;
}
.quote-part .quote-contact-btn {
	background-color: #36bc9b;
	border: none;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	padding: 13px 45px 11px;
}
.quote-part .contact-detail-grp {
	height: 100%;
	width: 100%;
	background-color: #f5f5f5;
	text-align: center;
	position: relative;
}
/*
================================================
12. Innovations Sec
================================================
*/ 
.innovation-left h2::before {
	position: absolute;
	top: 10px;
	left: 0;
	content: "";
	width: 2px;
	height: 80%;
	background: #2cc3f8;
}
.innovation-left h2 {
	font-size: 32px;
	color: #2d3250;
	font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	text-transform: uppercase;
	position: relative;
	padding: 0 0 0 30px;
}
.innovation-right h3 {
	 font-size: 25px;
	 color: #14328c;
	 margin: 0 0 20px;
	 font-family: 'euclid_circular_a_trialmedium';
}
/*
================================================
12. Key Features Sec
================================================
*/ 
.key-features-sec {
	background: #fff url(../images/key-features-img.jpg) right -35px no-repeat;
	background-attachment: fixed;
	padding-bottom: 73px;
}
.key-features-bg-main {
	padding: 0 0 0 30px;
}
.key-features-bg-main .key-features-bg {
	padding: 50px;
	background-color: #fff;
}
.key-features-left {
	background: rgba(27,89,169,1);
	background: -moz-linear-gradient(-45deg, rgba(27,89,169,1) 0%, rgba(27,89,169,1) 18%, rgba(37,150,216,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(27,89,169,1)), color-stop(18%, rgba(27,89,169,1)), color-stop(100%, rgba(37,150,216,1)));
	background: -webkit-linear-gradient(-45deg, rgba(27,89,169,1) 0%, rgba(27,89,169,1) 18%, rgba(37,150,216,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(27,89,169,1) 0%, rgba(27,89,169,1) 18%, rgba(37,150,216,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(27,89,169,1) 0%, rgba(27,89,169,1) 18%, rgba(37,150,216,1) 100%);
	background: linear-gradient(135deg, rgba(27,89,169,1) 0%, rgba(27,89,169,1) 18%, rgba(37,150,216,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b59a9', endColorstr='#2596d8', GradientType=1 );
	padding:50px 20px;
	margin: 0 0 0 -80px;
}
.key-features-left h2 {
	color: #fff;
	font-size: 45px;
	font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	text-transform: uppercase;
}
.key-features-left h4 {
	color: #fff;
	font-size: 30px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	text-transform: uppercase;
}
.key-features-right p {
	color: #14328c;
	font-size: 20px;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	line-height: 33px;
}
.key-features-bg ul li {
	color: #232d37;
	font-size: 18px;
	font-family: 'euclid_circular_a_trialRg';
	margin: 0 0 15px;
	padding: 10px 0 11px 50px;
	background: url(../images/bullet-icon1.png) left 6px no-repeat;
}
/*
================================================
13. Externetworks Advantages Sec
================================================
*/ 
.externetworks-advantages-sec .section-title {
	margin: 0;
}
/** Single Advantage Sec **/
.single-advantage-sec-main {
	padding: 0 0 0 20px;
}
.single-advantage-sec {
	float: left;
	width: 100%;
	background: #f4f9fc;
	border-radius: 20px;
	padding: 40px 25px 30px 50px;
	position: relative;
	margin: 40px 0 0;
}
.single-advantage-sec .number {
	width: 50px;
	height: 50px;
	position: absolute;
	display: inline-block;
	background: #2cc3f8;
	font-family: 'Roboto', sans-serif;
	font-size: 21px;
	font-weight: 700;
	top: 40px;
	left: -25px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
}
.single-advantage-sec h3 {
	line-height: 32px;
	font-size: 27px;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	color: #15338c;
}
/*
================================================
14. Externetworks Advantages Sec
================================================
*/
 .technology-stack-sec {
	background: #fff url(../images/technology-stack-bg.jpg) right -35px no-repeat;
	background-attachment: fixed;
	padding-bottom: 73px;
	}
 .technology-stack-sec .section-title {
	 margin: 0;
 }	
/** Single Technology Stack Sec **/	
.single-technology-stack-sec {
	float: left;
	width: 100%;
	text-align: center;
	margin: 35px 0 0;
}
.single-technology-stack-sec h4 {
	background: #2cc3f8;
	width: 100%;
	padding: 14px 0;
	text-emphasis: center;
	color: #fff;
	line-height: 32px;
	font-size: 27px;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	margin: 0;
}	
.single-technology-stack-sec .caption {
	padding: 35px 70px;
	background: #fff;
	float: left;
	width: 100%;
}
.single-technology-stack-sec .caption p {
	color: #232d37;
	font-size: 18px;
	font-family: 'euclid_circular_a_triallight';
	line-height: 32px;
}
.single-technology-stack-sec .caption p + p {
	margin: 12px 0 0 ; 
}
/*
================================================
12. Footer Sec
================================================
*/  
footer {
	float: left;
	padding: 85px 0 90px;
	width: 100%;
}
footer .footer-sec h3 {
	font-size: 23px;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	color: #15338c;
	text-transform: uppercase;
	margin: 0 0 15px;
}
.footer-sec {
	float: left;
	width: 100%;
}
footer .footer-sec ul li {
	list-style-type: none;
    display: block;
    margin:0 0 8px;
}
footer .footer-sec ul li a {
	font-size: 15px;
	font-family: 'euclid_circular_a_trialRg', 'Roboto';
	color: #465073;
}
footer .footer-sec ul li a:hover {
	color: #2cc3f8;
}
.footer-sec.subscribe {
	background: #f4f9fc;
	padding: 30px;
}
.footer-sec.subscribe p {
    padding: 0;
    color: #465073;
    font-family: 'euclid_circular_a_trialRg', 'Roboto';
    margin: 0 0 8px;
}
.form-subscribe {
    position: relative;
    margin: 0;
}
.footer-sec.subscribe h3 {
	margin: 0 0 15px;
}
.footer-sec.subscribe .form-group {
    width: 100%;
}
.footer-sec.subscribe .form-control {
    border: 1px solid #eeeeee;
    border-radius: 3px;
    box-shadow: none;
    height: 48px;
    background: #fff url(../images/arrow-icon.png) no-repeat 8px center;
    padding: 0 0 0 40px;
}
.footer-sec.subscribe .btn {
    background: #2cc3f8;
    padding: 9px 20px 7px;
    position: absolute;
    right: 4px;
    top: 4px;
    border: none;
    display: inline-block;
    text-transform: uppercase;
	font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	border-radius: 0;
}


/* Blog Home Page */
.blog-cnt-area{
	padding:45px 0;
}
.blog-cnt-area h1{
	color:#14328c;
	font-size:70px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	line-height: 64px;
	margin:0;
	padding:0;
	text-align:center;
}
.blog-cnt-area h1 span{
	color:#2cc3f8;
    font-family: 'euclid_circular_a_triallight', 'Roboto';
}
.blog-cnt-area h1 img {
    vertical-align: top;
	margin-left:8px;
}

.blog-banner {
	width:100%;
    margin: 30px 0 0 0;
	padding:0;
	float:left;
}
.blog-banner-slider{
	width:66.6%;
	margin:0;
	padding:0;
	float:left;
}
.blog-banner-slider img.carousel-img{
	width:100%;
}
.blog-ban-txt {
    margin: 0;
    padding: 50px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.blog-ban-blue-head{
	color:#ffffff;
	font-size:16px;
    font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	text-transform:uppercase;
	line-height:19px;
	margin:0;
	padding: 5px 10px;
	background:#2cc3f8;
	display:inline-block;
}
.ban-author-info{
	margin: 190px 0 0 0;
	padding:0;
	width:100%;
	float:left;
}
.ban-author-info img{
	float:left;
}
.ban-author-info h6{
	color:#dee5eb;
	font-size:18px;
    font-family: 'euclid_circular_a_triallight', 'Roboto';
	display: inline-block;
	margin: 6px 0 0 12px;
}
.blog-ban-txt h2{
	color:#ffffff;
	font-size:55px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	line-height:65px;
	margin:10px 0 0;
	padding:0;
	float: left;
}
.blog-banner-slider ul.carousel-indicators li {
    border-radius: 50%;
    width: 8px;
    height: 8px;
	background:#ffffff;
	border:none;
	opacity:1;
}
.blog-banner-slider ul.carousel-indicators li.active{
	background:#2cc3f8;
}
.blog-banner-slider ul.carousel-indicators {
    right: 35px;
    left: auto;
    bottom: 35px;
    margin: 0;
}

.blog-ban-right{
	width:33.4%;
	margin:0;
	padding:0;
	float:right;
	border-left:solid 1px #ffffff;
}
.blog-ban-right ul{
	list-style:none;
	margin:0;
	padding:0;
}
.blog-ban-right ul li{
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:solid 1px #ffffff;
	position:relative;
}
.blog-ban-right ul li:last-child{
	border:none;
}
.blog-ban-right ul li img{
	width:100%;
}
.blog-ban-right ul li .blog-ban-right-txt{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:25px;
}
.blog-ban-right ul li h3{
	color:#ffffff;
	font-size:28px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	margin:65px 0 0;
	padding:0;
}
.blog-ban-right ul li h3 span{
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}


/*-- Blog Content Section --*/
.blog-content{
	width:100%;
	margin:50px 0 0;
	padding:0;
	float:left;
}
.blog-content h4{
	color:#2d3250;
	font-size:46px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	line-height:50px;
	margin:0;
	padding:0;
}

.blog-tabs-main{
	margin: 20px 0 0;
}
.nav-tabs {
    display:none;
	border-bottom:solid 1px #bcc2c6;
}
.nav-tabs .nav-link:hover{
	border:none;
}
.nav-tabs .nav-link{
	border:none;
	color:#232d37;
	font-size:17px;
    font-family: 'euclid_circular_a_triallight', 'Roboto';
	margin: 0px 50px 0 0;	
	padding: 15px 0;
	transition:none;
}
.nav-tabs .nav-link.active{
	border-top:none;
	border-right:none;
	border-bottom:solid 2px #2cc3f8;
	border-left:none;
}
.nav-tabs .nav-item{
	margin:0;
}
.card-section{
	margin:20px 0 0;
	padding:0 0 20px;
	border-bottom:solid 1px #bcc2c6;
	width:100%;
	float:left;
}
.card-body{
	margin:0;
	padding:0;
}
.card-img-sec{
	position:absolute;
	left:0;
	bottom:0;
}
.card-img{
	float:left;
	position:relative;
	width:34%;
}
.card-txt{
	width:66%;
	float:right;
	margin:0;
	padding:15px 25px;
}
.card-section:hover .card-txt h5 a{
	color:#14328c;
}
.card-txt h5 a{
	color:#2d3250;
	font-size:30px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	line-height:35px;
}
.card-txt h5 a span{
	font-family: 'Roboto', sans-serif;	
}
.card-txt p{
	color:#232d37;
	font-size:16px;
    font-family: 'euclid_circular_a_triallight', 'Roboto';
	line-height:24px;
	margin:0;
	padding:12px 0;
}
.post-author-info{
	width:100%;
	margin:0;
	padding:0;
	float:left;
}
.post-author-info h6{
	color:#797a7c;
	font-size:16px;
    font-family: 'euclid_circular_a_triallight', 'Roboto';
	line-height: 32px;
	display:inline-block;
	margin:0px 20px 0 12px;
	padding:0 20px 0 0;
	border-right:solid 1px #eaeaea;
}
.post-author-info img {
    float: left;
}
.post-author-info h6 a{
	color:#2d3250;
}

.share-btn{
	display:inline-block;
}
.share-img{
	margin:10px 0 0 0;
	display:inline-block;
}
.share-btn ul{
	list-style:none;
	margin:0px 0 0 15px;
	padding:0;
	display:none;
}
.share-btn ul li{
	display:inline-block;	
}
.share-btn ul li a{
	color:#ffffff;
	font-size:14px;
	line-height:26px;
	border-radius:50%;
	margin:0 0 0 5px; 
	padding:0;
	width:23px;
	height:23px;
	text-align:center;
	display:inline-block;
}
.share-btn ul li a.facebook-icon{
	background:#3b5998;
}
.share-btn ul li a.twitter-icon{
	background:#4099ff;
}
.share-btn ul li a.linkedin-icon{
	background:#006699;
}
.blog-post-readmore{
	color:#2cc3f8;
	font-size:14px;
    font-family: 'euclid_circular_a_triallight', 'Roboto';
	line-height:20px;
	text-transform:uppercase;
	margin:3px 0 0;
	padding:8px 20px;
	float:right;
	border:solid 1px #2cc3f8;
}
.blog-post-readmore:hover{
	background:#2cc3f8;
	color:#ffffff;
}

@media(min-width:768px) {
    .nav-tabs {
        display: flex;
    }
    
    .card {
        border: none;
    }

    .card .card-header {
        display:none;
    }  

    .card .collapse{
        display:block;
    }
}

@media(max-width:767px){
.tab-content > .tab-pane {
	display: block !important;
	opacity: 1;
	float: left;
	width: 100%;
	margin-bottom: 6px;
}
.card-header{
	padding:0;
}
.card-header h5 a {
    padding: 10px 20px;
    display: inline-block;
	width: 100%;
}
}


.loadmore-main{
	width:100%;
	text-align:center;
	margin:50px 0 0 0;
	padding:0;
	float:left;
}
.loadmore-main a{
	color:#ffffff;
	font-size:14px;
    font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	line-height:20px;
	text-transform:uppercase;
	background:#36bc9b;
	margin:0;
	padding:10px 20px;
	display:inline-block;
}
.loadmore-main a .fas{
	margin:5px 10px 0 0;
	font-size:16px;
}

/*-- Blog Sidebar --*/
.blog-side-search{
	width:100%;
	margin:0;
	padding:0;
	float:left;
}
.blog-side-search input{
	background:#ffffff url('../images/blog-search-icon.png') no-repeat 95% center;
	border:solid 1px #eaeaea;
	width:100%;
	margin:0;
	padding:12px 50px 12px 20px;
}

.blog-sidebar h5{
	color:#2d3250;
	font-size:30px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	line-height:35px;
	margin:30px 0 12px;
	padding:0 0 12px;
	border-bottom:solid 1px #eaeaea;
	display:inline-block;
	width:100%;
}

.blog-sidebar-soc{
	list-style:none;
	margin:18px 0 30px;
	padding:0;
}
.blog-sidebar-soc li{
	list-style:none;
	margin:0;
	padding:0;
}
.blog-sidebar-soc li a{
	border:solid 1px #eaeaea;
	background:#ffffff;
	font-size:35px;
	line-height:80px;
	text-align:center;
	width:80px;
	height:80px;
	margin:0 15px 0 0;
	padding:0;
	float:left;
}
.blog-sidebar-soc li:last-child a{
	margin:0;
}
.blog-sidebar-soc li a.facebook-icon-side{
	color:#3b5998;
}
.blog-sidebar-soc li a.twitter-icon-side{
	color:#1da1f2;
}
.blog-sidebar-soc li a.linkedin-icon-side{
	color:#006699;
}

.blog-sidebar-tabs{
	width:100%;
	margin:35px 0 0;
	padding:0;
	float:left;
	border:solid 1px #eaeaea;
}
.blog-sidebar-tabs .nav-tabs .nav-item{
	border-right:solid 1px #eaeaea;
	width:50%;
}
.blog-sidebar-tabs .nav-tabs .nav-item:last-child{
	border:none;
}
.blog-sidebar-tabs .nav-tabs .nav-link {
    margin: 0;
    padding: 15px 0;
    text-align: center;
	color:#232d37;
	font-size:17px;
    font-family: 'euclid_circular_a_trialmedium', 'Roboto';
}

.blog-sidebar-tabs .nav-tabs .nav-link.active {
	color:#14328c;
}

.blog-sidetabs-inn{
	margin:0;
	padding:15px;
	border-bottom:solid 1px #eaeaea;
	float:left;
}
.blog-sidetabs-inn:last-child{
	border:none;
}
.blog-side-tab-img{
	width:35%;
	margin:0;
	padding:0;
	float:left;
}
.blog-side-tab-img img{
	width:100%;
}
.blog-side-tab-txt{
	width:58%;
	float:right;
	margin:0;
	padding:0;
}
.blog-side-tab-txt p{
	color:#2d3250;
	font-size:14px;
    font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	line-height:18px;
	margin:0;
	padding:0;
}
.blog-side-tab-txt p span {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
}
.blog-side-tab-txt a{
	color:#2cc3f8;
	font-size:12px;
    font-family: 'euclid_circular_a_triallight', 'Roboto';
	line-height:normal;
	margin:5px 0 0;
	padding:5px 10px;
	border:solid 1px #2cc3f8;
	float:left;
}
.blog-side-tab-txt a:hover{
	color:#ffffff;
	background:#2cc3f8;
}

.blog-side-newsletter{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2491d3+0,1c60ae+100 */
background: #2491d3; /* Old browsers */
background: -moz-linear-gradient(-45deg, #2491d3 0%, #1c60ae 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #2491d3 0%,#1c60ae 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #2491d3 0%,#1c60ae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2491d3', endColorstr='#1c60ae',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	width:100%;
	margin:35px 0;
	padding:35px 25px 25px;
	float:left;
	text-align:center;
}
.blog-side-newsletter h6{
	color:#ffffff;
	font-size:16px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	line-height:normal;
	text-transform:uppercase;
	margin:20px 0 0;
	padding:0;
}
.blog-side-newsletter p{
	color:#ffffff;
	font-size:18px;
    font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	line-height:22px;
	margin:30px 0;
	padding:0;
}
.blog-side-newsletter form input{
	color:#ffffff;
	font-size:15px;
    font-family: 'euclid_circular_a_triallight', 'Roboto';
	line-height:20px;
	margin:0;
	padding:10px 0;
	text-align:center;
	border:solid 1px #ffffff;
	background:none;
	width:100%;
}
.blog-side-newsletter form input::placeholder {
  color:#ffffff;
  opacity: 1; /* Firefox */
}
.blog-side-newsletter form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#ffffff;
 opacity: 1;
}
.blog-side-newsletter form input::-ms-input-placeholder { /* Microsoft Edge */
 color:#ffffff;
 opacity: 1;
}
.blog-side-newsletter form button{
	color:#ffffff;
	font-size:15px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	line-height:20px;
	margin:6px 0 0;
	padding:10px 0;
	text-align:center;
	border:none;
	background:#36bc9b;
	width:100%;
}

/*-- Blog Inside Page --*/
.blog-insidepage{
	padding:0 0 50px;
}
.blog-insidepage .blog-ban-blue-head{
	margin-top:25px;
}
.blog-insidepage h1{
	color:#2d3250;
	font-size:45px;
    font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	line-height:52px;
	margin:15px 0 0;
	padding:0;
	text-align:left;
}
.blog-insidepage h1 span{
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	color:#2d3250;
}
.authorinfo-blog-insidepage{
	width:100%;
	margin:20px 0;
	padding:0;
	float:left;
}
.authorinfo-blog-insidepage img{
	float:left;
}
.authorinfo-blog-insidepage p{
	float:left;
	color:#797a7c;
	font-size:18px;
    font-family: 'euclid_circular_a_triallight', 'Roboto';
	line-height:25px;
	margin: 8px 20px 0 12px;
	padding:0 20px 0 0;
	border-right:solid 1px #eaeaea;
}
.authorinfo-blog-insidepage p a{
	color:#2d3250;
}

.authorinfo-blog-insidepage ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.authorinfo-blog-insidepage ul li {
	display: inline-block;
}
.authorinfo-blog-insidepage ul li a {
	color: #ffffff;
	font-size: 14px;
	line-height: 28px;
	border-radius: 50%;
	margin: 10px 5px 0 0;
	padding: 0;
	width: 26px;
	height: 26px;
	text-align: center;
	display: inline-block;
}
.authorinfo-blog-insidepage ul li a.facebook-icon {
	background: #3b5998;
}
.authorinfo-blog-insidepage ul li a.twitter-icon {
	background: #4099ff;
}
.authorinfo-blog-insidepage ul li a.linkedin-icon {
	background: #006699;
}
.blog-inside-post img{
	margin-bottom:25px;
}
.blog-inside-post p{
	color:#232d37;
	font-size:18px;
    font-family: 'euclid_circular_a_triallight', 'Roboto';
	line-height:28px;
	margin:0 0 25px 0;
	padding:0;
}
.blog-inside-post p span{
	color:#14328c;
    font-family: 'euclid_circular_a_trialmedium', 'Roboto';
}
.blog-inside-post p a{
	color:#4099ff;
    font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	text-decoration:underline;
}
.blog-inside-post p a:hover{
	text-decoration:none;
}
.blog-inside-post h2{
	color:#14328c;
	font-size:35px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	line-height:45px;
	margin:15px 0 25px;
	padding:0 0 0 20px;
	text-align:left;
	border-left:solid 3px #4099ff;
}

.blog-inside-post ul{
	list-style:none;
	margin:0 0 10px;
	padding:0;
	float: left;
	width:100%;
}
.blog-inside-post li{
	list-style:none;
	margin:0 0 15px 20px;
	padding:0 0 0 32px;
	color:#232d37;
	font-size:18px;
    font-family: 'euclid_circular_a_triallight', 'Roboto';
	line-height:28px;
	background:url('../images/blog-list-icon.png') no-repeat left 5px;
}
.blog-inside-post h3{
	color:#2d3250;
	font-size:28px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	line-height:35px;
	margin:15px 0 20px;
	padding:0;
	text-align:left;
}
.shareon-sec{
	width:100%;
	margin:10px 0 50px;
	padding:0;
	float:left;
}
.shareon-sec h5{
	color:#2d3250;
	font-size:28px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	line-height:35px;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
}
.shareon-sec ul {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
	display: inline-block;
}
.shareon-sec ul li {
	display: inline-block;
}
.shareon-sec ul li a {
	color: #ffffff;
	font-size: 18px;
	line-height: 40px;
	margin: 0 18px 0 0;
	padding: 0;
	width: 115px;
	height: 40px;
	text-align: center;
	display: inline-block;
}
.shareon-sec ul li a.facebook-icon {
	background: #3b5998;
}
.shareon-sec ul li a.twitter-icon {
	background: #4099ff;
}
.shareon-sec ul li a.linkedin-icon {
	background: #006699;
}

.blog-inside-carousel{
	margin:25px 0 0;
	padding:0;
	float:left;
	width:100%;
}
.blog-inside-carousel h3{
	color:#2d3250;
	font-size:30px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	line-height:40px;
	margin:0 0 35px;
	padding:0 0 20px;
	border-bottom:solid 1px #bcc2c6;
}

.blog-slide-inn{
	position:absolute;
	top:0;
	left:0;
	padding:30px 20px;
}
.blog-slide-inn .blog-ban-blue-head{
	margin-top:0;
}
.blog-slide-inn p{
	color:#ffffff;
	font-size:28px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	line-height:36px;
	margin:50px 0 0;
	padding:0;
}
.blog-slide-inn p span{
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}
.carousel{
  width:100%;
  margin:0px auto;
}
.slick-slide img{
  width:100%;
  margin-right:20px;
}
.slick-slide{
  margin-right: 40px;
  position:relative;
}
.slick-list{
	padding:0 1px !important;
}
.slick-slider .slick-arrow {
    position: absolute;
    top: -92px;
	color:#14328c;
	font-size:20px;
	font-weight:300;
	font-family: 'themify';
	background:#ffffff;
	border:solid 1px #2cc3f8;
	margin:0;
	padding:8px 10px;
}
.slick-slider .slick-prev.slick-arrow{
	right:55px;
}
.slick-slider .slick-next.slick-arrow{
	right:0px;
}

.about-author-sec{
	width:100%;
	margin:50px 0;
	padding:0;
	float:left;
}
.about-author-sec h3{
	color:#2d3250;
	font-size:30px;
    font-family: 'euclid_circular_a_trialSBd', 'Roboto';
	line-height:40px;
	margin:0 0 15px;
	padding:0;
}
.about-author-inn{
	width:100%;
	margin: 0;
	padding:40px;
	float:left;
	border:solid 1px #eaeaea;
}
.about-author-img{
	float:left;
	width: 18%;
}
.about-author-txt {
    float: right;
    margin: 0 0 0 30px;
    width: 78%;
}
.about-author-txt h5{
	color:#15338c;
	font-size:27px;
    font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	line-height:32px;
	margin:0 0 20px 0;
	padding:0;
	float:left;
	width:100%;
}
.about-author-txt p{
	color:#232d37;
	font-size:18px;
    font-family: 'euclid_circular_a_triallight', 'Roboto';
	line-height:30px;
	margin:0 0 20px 0;
	padding:0;
}
.about-author-txt a{
	color:#ffffff;
	font-size:14px;
    font-family: 'euclid_circular_a_trialmedium', 'Roboto';
	line-height:30px;
	text-transform:uppercase;
	margin:10px 0 0;
	padding:8px 25px;
	background:#2cc3f8;
	float:left;
}
.blog-inside-cta {
	margin:35px 0 0;
	float:left;
}
.blog-inside-cta img{
	width:100%;
}




/*
================================================
3. Responsive CSS
================================================
*/
@media (min-width: 1301px) and (max-width: 1550px) {
/* Blog Home Pages */	
.card-img img {
    width: 100%;
}
.card-txt h5 a {
    font-size: 28px;
}	
.card-txt p {
    font-size: 15px;
	padding: 0 0 5px;
}
.blog-ban-txt h2 {
    font-size: 46px;
    line-height: 48px;
}
.blog-ban-right ul li h3 {
    font-size: 22px;
}	
.post-author-info h6 {
    font-size: 13px;
}
.blog-post-readmore {
    font-size: 12px;
    padding: 6px 10px;
}
.blog-sidebar-soc li a{
	width: 75px;
	height: 75px;
}


/** Top Bar **/	
.header .navbar-brand {
	max-width: 220px;
}
header.header .navbar .dropdown-menu.megamenu {
	left: 76%;
}
/** Slider **/
.main-slider .owl-dots {
	left: 21%;
}
}
@media (min-width: 1201px) and (max-width: 1300px) {
/* Blog Home Pages */	
.card-img img {
    width: 100%;
}
.card-txt h5 a {
    font-size: 28px;
}	
.card-txt p {
    font-size: 15px;
	padding: 0 0 5px;
}
.blog-ban-txt h2 {
    font-size: 46px;
    line-height: 48px;
}
.blog-ban-right ul li h3 {
    font-size: 22px;
}	
.post-author-info h6 {
    font-size: 13px;
}
.blog-post-readmore {
    font-size: 12px;
    padding: 6px 10px;
}
.blog-sidebar-soc li a{
	width: 75px;
	height: 75px;
}
/* Blog Inside Page */
.blog-inside-post img {
    width: 100%;
}
.blog-slide-inn p {
	font-size: 24px;
	line-height: 30px;
	margin: 35px 0 0;
}
.about-author-txt {
	width: 75%;
}
.about-author-img {
	width: 20%;
}


	
	
/** Top Bar **/	
.header .navbar-brand {
	max-width: 220px;
}
header.header .navbar .dropdown-menu.megamenu {
	left: 70%;
}	
/** Slider **/
.main-slider .owl-dots {
	left: 23%;
}
/** Content Wrapper **/
.content-wrapper .header-section {
	width:75%;
	height: 155px;
}

}
@media (min-width: 1350px) {
.container {
	max-width: 1300px;
}

}
@media (min-width: 1200px) {
/* Blog Home Pages */	
.card-img img {
    width: 100%;
}
.card-txt h5 a {
    font-size: 28px;
}	
.card-txt p {
    font-size: 15px;
	padding: 0 0 5px;
}
.blog-ban-txt h2 {
    font-size: 46px;
    line-height: 52px;
}
.blog-ban-right ul li h3 {
    font-size: 22px;
}	
.post-author-info h6 {
    font-size: 13px;
}
.blog-post-readmore {
    font-size: 12px;
    padding: 6px 10px;
}
.blog-sidebar-soc li a{
	width: 75px;
	height: 75px;
}
	
	
.navbar-nav .mega-menu {
	position: static;
}
.header .navbar .dropdown-menu {
	margin: 0px;
	font-size: 14px;
	border-radius: 1.5rem 0 1.5rem 0;
	border: none;
	left: 50%;
	-webkit-transform: translate3d(-50%, 10px, 0);
	transform: translate3d(-50%, 10px, 0);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, transform;
	transition-property: opacity, visibility, transform, -webkit-transform;
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
	visibility: hidden;
	opacity: 0;
	display: block !important;
}
.header .navbar .dropdown-menu .dropdown-submenu .dropdown-menu {
	left: 100%;
	right: auto;
	-webkit-transform: translate3d(15px, 10px, 0);
	transform: translate3d(15px, 10px, 0);
}
.header .navbar .dropdown-menu .dropdown-submenu .dropdown-menu.left-side {
	right: 100%;
	left: auto;
	-webkit-transform: translate3d(-15px, 10px, 0);
	transform: translate3d(-15px, 10px, 0);
}
.header .navbar .dropdown-menu.megamenu {
	left: 50%;
}
.header .navbar .dropdown-menu.megamenu.last {
	left: -34%;
}
.header .navbar .dropdown-menu h6 {
	margin-bottom:15px ;
}
.navbar .dropdown > .dropdown-menu li > a {
	padding: 5px 20px 5px 14px;
}
.header .navbar .dropdown-menu.dropdown-menu-lg {
	min-width: 1100px;
}
.header .navbar .dropdown:hover > .dropdown-menu {
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	visibility: visible;
	opacity: 1;
}
.header .navbar li:hover > ul.dropdown-menu {
	visibility: visible;
	opacity: 1;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
}
.overview-nav.fixed-nav-secondery {
	position: fixed;
	top: 51px;
	background: #14328C;
	width: 100%;
	right: 0;
	padding: 0 10%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: position 10s;
	-ms-transition: position 10s;
	-o-transition: position 10s;
	transition: all 0.5s ease;
}

}

@media (max-width: 1199px) {
	
/* Header */
.header .navbar-brand {
	padding: 12px 0px 12px 15px;
}
.header .navbar-collapse {
	position: absolute;
	top: 100%;
	z-index: 999;
	background: #ffffff;
	width: 100%;
	left: 0;
	margin-left: 0px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.header .navbar .navbar-nav {
	-webkit-box-align: initial;
	-ms-flex-align: initial;
	align-items: initial;
}
.header .navbar .navbar-nav .nav-link {
	color: #291843;
	padding: 10px 20px;
}
.header .navbar .navbar-nav .nav-link i {
	position: absolute;
	right: 20px;
}
.header .navbar .dropdown-menu {
	margin: 0px;
	font-size: 14px;
	border-radius: 0px;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #f6f6f6;
	padding: 14px 30px;
	font-size: 13px;
}
.header .navbar .nav-title {
	margin-top: 20px;
}
.header .navbar .navbar-toggler {
	position: absolute;
	right: 10px;
}
/** Header Sec **/	
.header-search {
	display: none;
}
/* Header Style 01 */
.header.default .navbar {
	position: relative;
	background: #ffffff;
}
.header.default .navbar .navbar-nav .nav-item {
	margin-right: 0;
}
.header.default .navbar .navbar-nav .nav-link {
	color: #291843;
	padding: 12px;
}
/**  Breadcrumb Main Sec **/
.breadcrumb-main.custom-application-design {
	background: url(../images/custom-application-design-header-bg-responsive.png) ;
}
.breadcrumb-main.web-application-development {
	background: url(../images/web-application-development-header-bg-responsive.png);
}
.breadcrumb-main.e-commerce-application-development {
	background: url(../images/e-commerce-application-development-header-bg-responsive.png) ;
}
}

@media (min-width: 992px) and (max-width:1199px) {
/* Blog Home Pages */	
.card-img img {
    width: 100%;
}
.ban-author-info {
    margin: 95px 0 0 0;
}	
.blog-ban-txt h2 {
    font-size: 44px;
    line-height: 54px;
}
.blog-ban-right ul li h3 {
    font-size: 19px;
    margin: 40px 0 0;
}	
.card-txt h5 a {
    font-size: 21px;
    line-height: 26px;
}
.card-txt p {
    font-size: 14px;
    line-height: 21px;
    padding: 0 0 9px;
}	
.post-author-info h6 {
    font-size: 12px;
    margin: 0px 10px 0 12px;
    padding: 0 10px 0 0;
}
.card-img {
    width: 25%;
}
.card-txt{
	width:75%;
	padding: 0px 25px;
}
.blog-post-readmore {
    font-size: 12px;
    padding: 6px 12px;
}
.blog-sidebar h5 {
    font-size: 25px;
}
.blog-sidebar-soc li a {
    width: 55px;
    height: 55px;
	line-height: 55px;
}
.blog-side-tab-txt p {
    font-size: 11px;
    line-height: 15px;
}
.blog-side-newsletter p {
    font-size: 15px;
}
.blog-side-newsletter form input {
    font-size: 12px;
}
/* Blog Inside Page */
.blog-inside-post img {
    width: 100%;
}
.blog-slide-inn p {
	font-size: 18px;
	line-height: 25px;
	margin: 25px 0 0;
}
.about-author-txt {
    width: 70%;
}
.about-author-img {
    width: 25%;
}
	
	
	
/** Slider **/
.main-slider .slide::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: -1;
	border-radius: 20px;
}
.main-slider .owl-dots {
	left: 30%;
}
/** Content Wrapper **/
.content-wrapper .header-section {
	width: 96%;
	height: 155px;
}
/** Services Sec **/
.service-item {
	padding: 130px 20px 30px;
}
.service-item h3 {
	margin: 0 0 20px;
	font-size: 22px;
}
/** Insighs Sec **/
.insighs-sec h3 a {
	font-size: 20px;
	line-height: 20px;
}
/** About Sec **/
.about-sec-wrapper .about-text h2 {
	font-size: 35px;
}
/** Blog Sec **/
.blog-main .blog-content {
	padding: 50px 30px 30px;
}
.blog-main .sub-head {
	position: absolute;
	top: 45px;
	left: 28px;
}
.blog-right {
	margin: 40px 0 0;
}
/**  Breadcrumb Main Sec **/
.overview-nav {
	margin: 24px -10% 0;
	background: #14328c;
	padding: 0 8%;
}
.overview-left ul li {
	margin: 0 0 0 25px;
}
/** innovation Wrapper  **/
.innovation-left h2 {
	font-size: 25px;
}
/**  key features Wrapper  **/
.key-features-left {
	padding: 50px 15px;
}
/**  Externetworks Advantages Wrapper  **/
.single-advantage-sec {
	padding: 40px 15px 30px 35px;
}
/**  key Technology Stack Wrapper  **/
.single-technology-stack-sec h4 {
	font-size: 20px;
}
.single-technology-stack-sec p {
	margin: 0;
}
/** Footer **/
footer .footer-sec h3 {
	font-size: 17px;
	margin: 0 0 10px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/* Blog Home Pages */	
.card-img img {
    width: 100%;
}
.card-txt {
    padding: 5px 25px;
}
.card-txt h5 a {
    font-size: 23px;
    line-height: 28px;
}
.card-txt p {
    font-size: 14px;
    line-height: 22px;
    padding: 0 0 5px;
}
.post-author-info h6 {
    font-size: 13px;
    margin: 0px 10px 0 12px;
    padding: 0 10px 0 0;
}	
.share-btn ul {
    list-style: none;
    margin: 0px 0 0 10px;
}
.card-img {
    width: 28%;
}
.card-txt{
	width: 72%;
}
.blog-post-readmore {
    font-size: 10px;
    padding: 5px 8px;
}
.blog-ban-blue-head {
    font-size: 12px;
}
.blog-sidebar {
    margin: 60px 0 0 0;
}
.ban-author-info {
    margin: 50px 0 0 0;
}
.blog-ban-txt h2 {
    font-size: 28px;
    line-height: 33px;
}
.blog-ban-right ul li h3 {
    font-size: 13px;
    margin: 21px 0 0;
}
/* Blog Inside Page */
.blog-inside-post img {
    width: 100%;
}
.blog-slide-inn p {
	font-size: 19px;
	line-height: 23px;
	margin: 25px 0 0;
}
.about-author-txt {
    width: 70%;
}
.about-author-img {
    width: 25%;
}
	
	
/** Common Styles **/	
.section-title h2 {
	font-size: 30px;
}
/** Slider **/
.main-slider .slide::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: -1;
	border-radius: 20px;
}
.main-slider .slide {
	padding: 105px 0px 100px;
}
.main-slider h1 {
	font-size: 70px;
	line-height: 80px;
}
.main-slider .owl-dots {
	left: 35%;
}
/*-- Content Wrapper --*/
.content-wrapper .header-section {
	width: 96%;
	height: 155px;
}
.content-wrapper .section-title h2 {
	font-size: 40px;
}
/*-- Insighs Sec --*/
.insighs-sec h3 a {
	font-size: 22px;
}
/*-- Blog Sec --*/
.sidebar-blog {
	margin: 30px 0;
}
/*-- General Enquir Sec --*/
.general-enquiry-sec {
	background: #fff;
}
/** About Sec **/
.about-sec-wrapper::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: -1;
	border-radius: 20px;
}
.about-sec-wrapper {
	position: relative;
	z-index: 1;
}
.overview-nav {
	margin: 24px -10% 0;
	background: #14328c;
	padding: 0 8%;
}
.overview-left ul li {
	margin: 0 0 0 25px;
}
/** innovation Wrapper  **/
.innovation-left h2::before {
	top: 8px;
}
.innovation-left h2 {
	margin: 0 0 15px;
}
/** key features Wrapper  **/
.key-features-left {
	padding: 25px 20px;
	margin-bottom:25px;
}
/*-- Footer Sec --*/
.social-sec .privacy ul {
	margin: 10px 0 0;
}
.social-sec .copy {
	margin: 10px 0 0;
}
footer {
	padding: 60px 0 50px;
}
footer .footer-sec {
	margin: 0 0 30px;
	padding: 0;
}
footer .footer-sec h3 {
	font-size: 20px;
}
}

@media (max-width: 767px) {
/* Blog Home Page */
.ban-author-info,
.blog-ban-txt h2,
.blog-ban-right ul li h3,
.blog-ban-right ul li .blog-ban-right-txt{
	display:none;
}
.blog-ban-txt{
	padding:20px;
}
.blog-ban-blue-head {
    font-size: 14px;
}
.blog-cnt-area h1 {
    font-size: 44px;
}
.blog-content h4 {
    font-size: 38px;
}
.card-img,
.card-txt{
	width:100%;
}
.post-author-info h6{
	font-size:14px;
	border:none;
}
.blog-sidebar {
    margin-top: 50px;
}
.blog-sidebar .card-header h5{
	margin:0;
	padding:0;
}
.blog-sidebar-tabs{
	border:none;
}
.card-txt h5 a {
    font-size: 25px;
    line-height: 30px;
}
.share-btn {
    width: 100%;
    margin: 20px 0 0 0;
}
.blog-post-readmore {
	margin: 20px 0 0;
	float: left;
}
/* Blog Inside Page */
.blog-inside-post img {
    width: 100%;
}
.shareon-sec h5 {
    font-size: 22px;
}
.shareon-sec ul li a {
	margin: 0 5px 0 0;
	width: 60px;
}
.blog-inside-carousel h3 {
    font-size: 26px;
}
.blog-slide-inn p {
	font-size: 18px;
	line-height: 25px;
	margin: 15px 0 0;
}
.slick-slide {
    margin-right: 44px;
}
.about-author-img {
    width: 100%;
}
.about-author-txt {
    float: left;
    margin: 30px 0 0 0;
    width: 100%;
}




/** Common Styles **/	
.section-title h2 {
	font-size: 25px;
	margin: 0 0 10px;
}
/** Slider **/
.main-slider .slide::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: -1;
	border-radius: 20px;
}
.main-slider .slide {
	padding: 90px 0px 110px;
}
.content-boxed {
	max-width: 800px;
	padding: 0;
}
.main-slider h1 {
	line-height: 50px;
	font-size: 50px;
}
.main-slider .owl-dots {
	left: 4%;
	top: 88%;
}
/** Honme Conten Wrapper **/
.content-wrapper .header-section {
	width: 95%;
}
.content-wrapper .section-title {
	padding: 40px 0 0 0;
}
.content-wrapper .section-title h3:before,
.content-wrapper .section-title h3:after {
	display: none;
}
.content-wrapper .section-title h2 {
	font-size: 32px;
}
/** Honme Conten Wrapper **/
.service-item {
	margin: 140px 0 0;
}
/** insighs Wrapper **/
.insighs-sec .insighs-img {
	margin: 0 0 15px;
	background: none;
	padding: 0;
}
.insighs-sec .insighs-img {
	padding: 0 15px;
}
.insighs-sec .insighs-img img {
	width: 100%;
	height: auto;
	border-radius: 0 20px 20px 0;
}
.insighs-sec .thumbnail {
	padding: 0;
}
/** About Sec  **/
.about-sec-wrapper::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: -1;
	border-radius: 20px;
}
.about-sec-wrapper {
	position: relative;
	z-index: 1;
}
.about-sec-wrapper .about-text h2 {
	font-size: 28px; 
}
/** Blog Sec **/ 
.blog-main {
	background: url('../images/blog-img1.jpg') no-repeat left top;
	padding: 20px;
	border-radius: 20px;
	margin: 0 0 25px;
}
.blog-main .blog-content {
	width: 98%;
	margin: 15px 0 0;
	position: inherit;
	padding: 25px;
	bottom: 0;
}
.blog-main .sub-head {
	position: initial;	
}
.blog-main img {
	display: none;
}
.blog-right .sidebar-blog {
	margin: 0 0 25px;
}
/** CTA Sec **/ 
.cta-sec {
	padding: 70px 0px 90px;
}
.cta-sec h4 {
	font-size: 18px;
	margin: 0 0 15px;
}
.cta-sec h2 {
	margin: 0 0 30px;
	line-height: 40px;
	font-size: 30px;
}
/** General Enquiry Sec **/ 
.general-enquiry-sec {
	background: #fff;
}
.general-enquiry-sec  .section-title {
	margin: 0 0 20px;
}
/** Social Sec **/ 
.social-sec {
	padding: 20px 0;
}
.social-sec .social-icons ul {
	margin: 0 0 15px !important;
}
.social-sec .privacy ul li a {
	font-size: 15px;
}
.social-sec ul {
	margin: 0 0 12px !important;
}
.social-sec .copy {
	margin: 0;
}
/**  Breadcrumb Main Sec **/
.breadcrumb-main {
	padding: 80px 0 0;
}
.breadcrumb-main h2 {
	line-height: 48px;
	font-size: 40px;
}
.page-breadcrumb li:last-child {
	margin: 0;
	padding: 8px 0 0;
}
.overview-nav {
	margin: 24px -10% 0;
	background: #14328c;
	padding: 0 8%;
}
.overview-left ul li:first-child {
	margin: 0 0 0 25px;
}
.overview-left ul li {
	margin: 0 0 8px 25px;
	line-height: 45px;
}
/**  Innovation Sec **/
.innovation-left h2 {
	margin: 0 0 30px;
}
/** key Features Sec **/
.key-features-left {
	padding: 30px 20px;
	margin: 0 0 25px -80px;;
}
.key-features-left h2 {
	font-size: 30px;
}
.key-features-left h4 {
	margin: 0;
	font-size: 20px;
}
.key-features-bg-main .key-features-bg {
	padding: 50px 25px;
}
/** Technology Stack Sec **/
.technology-stack-sec {
	background-attachment: inherit;
	background-size: cover;
}
/** Footer Sec **/ 
footer {
	padding: 60px 0 50px;
}
footer .footer-sec h3 {
	font-size: 18px;
}
footer .footer-sec {
	margin: 0;
	padding: 20px 0;
}
.footer-sec.subscribe .form-group {
	margin: 0;
}
.footer-sec.subscribe h3 {
	margin: 0 0 10px;
}
.footer-sec.subscribe {
	padding: 20px;
}
}