/*-------------------------------------------------
 =  Table of Css

 1.Isotope
 2.Header
 3.content - home sections
 4.Home2
 5.Home3
 6.Portfolio pages
 7.Blog pages
 8.Single Post
 9.single-project
 10.About
 11.Services
 12.Contact
 13.Error
 14.testimonials page
 15.Faqs page
 16.shortcodes
 17.Footer
 18.Responsive Part
-------------------------------------------------*/
/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/
.widget.footer-widget.text-widget {
    text-align: center;
}
body {
	background: #fff;
}
.isotope-item {
	z-index: 2;
}
p {
	text-align: justify; font-size:17px;
}
.border-r{
	border-right: 1px solid #d9d9d9;
}
.border-l{
	border-left: 1px solid #d9d9d9;
}
.custani-div{
	margin-bottom: 50px;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope, .isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/

/*24-7-2023*/
.navbar-brand {
	float: left;
	height: 0;
	padding: 50px 0 0;
}
.navbar-brand img {
  max-width: 200px;
}
/*end 24-7-2023*/


.navbar-default {
	background: #f9fafb;
	border: none;
}

.navbar-nav {
	margin-top: 10px;
}
.navbar-nav > li {
	/*  margin-left: 20px;*/
	padding-bottom: 20px;
}
.navbar-nav > li > a {
	color: #333;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	padding-bottom: 22px;
}
.navbar-nav > li > a:hover {
	color: #193c8f !important;
}
.navbar-nav a.open-search {
	padding-left: 0;
}
.navbar-nav a.open-search i {
	color: #193c8f;
	font-size: 20px;
	display: inline-block;
	margin-top: -5px;
}
.navbar-nav li.drop {
	position: relative;
}
.navbar-nav li ul.drop-down {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	left: 0;
	width: 160px;
	visibility: hidden;
	opacity: 0;
	z-index: 3;
	text-align: left;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
.navbar-nav li ul.drop-down li {
	list-style: none;
	display: block;
	margin: 0;
}
.navbar-nav li ul.drop-down li ul.drop-down.level3 {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	top: 0px;
	left: 100%;
	border-bottom: none;
}
.navbar-nav li ul.drop-down li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	display: block;
	color: #ffffff;
	font-size: 12px;
	font-family: 'proxima-nova', sans-serif;
	padding: 16px 20px;
	text-transform: uppercase;
	font-weight: 700;
	background: #3a3d41;
	margin: 0;
	border: none;
}
.navbar-nav li ul.drop-down li a:hover {
	background: #193c8f;
}
.navbar-nav li ul.drop-down li:hover ul.drop-down.level3 {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.navbar-nav li ul.drop-down li:last-child {
	border-bottom: none;
}
.navbar-nav li:hover > ul.drop-down {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
header.one-page .navbar-nav > li {
	margin-left: 0;
}
header.one-page .navbar-nav > li > a span {
	color: #193c8f;
}
.form-search {
	position: absolute;
	top: 100%;
	right: 0;
	width: 230px;
	background: #193c8f;
	padding: 14px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.form-search input[type="search"] {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin: 0;
	color: #3a3d41;
	padding: 10px 12px;
	border: none;
	width: 100%;
	outline: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	background: #ffffff;
}
.form-search button {
	background: #ffffff;
	border: none;
	float: right;
	margin-top: -32px;
	margin-right: 15px;
	position: relative;
	z-index: 2;
}
.form-search button i {
	color: #193c8f;
	font-size: 16px;
}
.form-search.active {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
/*-------------------------------------------------*/
/* =  content - home sections
/*-------------------------------------------------*/
#container {
	padding-top: 67px;
}
.slider1 {
	position: relative;
}
.slider1 .banner-thumbs {
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100px;
	left: 0;
	bottom: 50px;
}
.slider1 .banner-thumbs ul.slider-thumbnails {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.slider1 .banner-thumbs ul.slider-thumbnails li {
	border-top: 2px solid #3a3d41;
	margin: 0;
	width: 25%;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	float: left;
}
.slider1 .banner-thumbs ul.slider-thumbnails li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	background: #3a3d41;
	display: block;
	border: none !important;
	margin: 0;
	width: 100%;
	padding: 30px 10px;
	overflow: hidden;
}
.slider1 .banner-thumbs ul.slider-thumbnails li a span {
	display: inline-block;
	float: left;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #193c8f;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	font-family: arial;
	font-weight: 700;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.slider1 .banner-thumbs ul.slider-thumbnails li a h2 {
	color: #3a3d41;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 18px;
	text-transform: inherit;
	margin: 3px 0 0 60px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	text-align: left;
}
.slider1 .banner-thumbs ul.slider-thumbnails li a p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	font-size: 12px;
	font-weight: 700;
	margin: 0;
	margin-left: 60px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	text-align: left;
}
.slider1 .banner-thumbs ul.slider-thumbnails li a:hover {
	background: #3a3d41;
	opacity: 0.7;
}
.slider1 .banner-thumbs ul.slider-thumbnails li.active {
	border-top: 2px solid #193c8f;
}
.slider1 .banner-thumbs ul.slider-thumbnails li.active a span {
	background: #ffffff;
	color: #3a3d41;
}
.slider1 {
	overflow: hidden;
}
.slider1 .tp-bannertimer {
	display: none;
}
.slotholder:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;/*  background: rgba(58, 61, 65, 0.8);*/
}
.slider3 .slotholder:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
}
.tp-caption.large_bold_white {
	font-size: 60px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
}
.tp-caption.medium_thin_white {
	color: #ffffff;
	font-size: 18px;
	font-family: 'proxima-nova', sans-serif;
}
.tp-caption.medium_thin_white .button-large {
	margin: 0 10px;
}
.tp-caption.large_bold_grey {
	font-size: 60px;
	color: #3a3d41;
	font-weight: 700;
	text-align: center;
}
.tp-caption.large_bold_grey span {
	color: #193c8f;
	display: block;
}
.tp-caption.medium_thin_grey {
	color: #999999;
	font-size: 18px;
	font-family: 'proxima-nova', sans-serif;
	text-align: center;
}
.slider3 .tp-leftarrow.default {
	background: url(../images/revolution-icons/large_left2.png) no-Repeat 0 0;
}
.slider3 .tp-rightarrow.default {
	background: url(../images/revolution-icons/large_right2.png) no-Repeat 0 0;
}
.slider3 .tp-leftarrow:hover, .slider3 .tp-rightarrow:hover {
	background-position: bottom left;
}
.slider-fullwidth {
	margin-top: -67px;
}
.title-section {
	padding: 30px 0;
	/*  text-align: center;*/
	/*background: #f9fafb;*/
}
.title-section h1 {
	color: #131313;
	font-size: 37px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
}
.title-section p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
	font-size: 18px;
	margin: 0;
}
.services-section .services-box {
	background: url('http://placehold.it/1920x1080');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 60px 0;
	position: relative;
}
.services-section .services-box .services-post {
	margin-bottom: 25px;
	text-align: center;
	position: relative;
	z-index: 2;
}
.services-section .services-box .services-post .services-head {
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
.services-section .services-box .services-post .services-head a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	width: 60px;
	height: 60px;
	background: #f9fafb;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	margin-bottom: 22px;
}
.services-section .services-box .services-post .services-head a i {
	color: #3a3d41;
	line-height: 60px;
	font-size: 30px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.services-section .services-box .services-post .services-head h2 {
	color: #3a3d41;
	font-size: 24px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
	color: #ffffff;
	margin-bottom: 3px;
}
.services-section .services-box .services-post .services-head span {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	display: inline-block;
	font-size: 12px;
	color: #ffffff;
	margin: 0;
}
.services-section .services-box .services-post .services-head:after {
	position: absolute;
	content: '';
	width: 60px;
	height: 1px;
	background: #ffffff;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.services-section .services-box .services-post p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
}
.services-section .services-box .services-post:hover .services-head a {
	background: #193c8f;
}
.services-section .services-box .services-post:hover .services-head a i {
	color: #ffffff;
}
.services-section .services-box .services-post:hover .services-head:after {
	background: #193c8f;
}
.services-section .services-box:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(58, 61, 65, 0.8);
}
a.button-one {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	padding: 10px 15px;
	color: #ffffff;
	font-size: 12px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #999999;
	box-shadow: 0 3px 0 #5c5f62;
	-webkit-box-shadow: 0 3px 0 #5c5f62;
	-moz-box-shadow: 0 3px 0 #5c5f62;
	-o-box-shadow: 0 3px 0 #5c5f62;
}
a.button-one:hover {
	background: #193c8f;
	border: 1px solid #193c8f;
	box-shadow: 0 3px 0 #9e2114;
	-webkit-box-shadow: 0 3px 0 #9e2114;
	-moz-box-shadow: 0 3px 0 #9e2114;
	-o-box-shadow: 0 3px 0 #9e2114;
}
.banner-section {
	background: url('../images/pattern.png');
	padding: 60px 0;
	text-align: center;
}
.banner-section h1 {
	color: #3a3d41;
	font-size: 46px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
	color: #ffffff;
	margin-bottom: 16px;
	text-transform: uppercase;
}
.banner-section p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
	font-size: 14px;
}
a.button-two {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	background: #193c8f;
	box-shadow: 0 3px 0 #9e2114;
	-webkit-box-shadow: 0 3px 0 #9e2114;
	-moz-box-shadow: 0 3px 0 #9e2114;
	-o-box-shadow: 0 3px 0 #9e2114;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
a.button-two span {
	display: inline-block;
	padding: 10px 26px 9px;
	color: #ffffff;
	font-size: 12px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
a.button-two i {
	padding: 12px 15px;
	font-size: 14px;
	color: #ffffff;
	border-left: 1px solid #9e2114;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
a.button-two:hover {
	background: #f9fafb;
	box-shadow: 0 3px 0 #808080;
	-webkit-box-shadow: 0 3px 0 #808080;
	-moz-box-shadow: 0 3px 0 #808080;
	-o-box-shadow: 0 3px 0 #808080;
}
a.button-two:hover span {
	color: #193c8f;
}
a.button-two:hover i {
	color: #193c8f;
	border-left: 1px solid #d9dadb;
	background: #f3f4f5;
}
.portfolio-box .project-post {
	text-align: center;
}
.portfolio-box .project-post .project-gal {
	position: relative;
}
.portfolio-box .project-post .project-gal img {
	width: 100%;
}
.portfolio-box .project-post .project-gal .hover-box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.65);
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	visibility: hidden;
	opacity: 0;
}
.portfolio-box .project-post .project-gal .hover-box a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	width: 40px;
	height: 40px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #193c8f;
	top: 50%;
	margin-top: -20px;
	position: absolute;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.portfolio-box .project-post .project-gal .hover-box a i {
	font-size: 14px;
	color: #ffffff;
	line-height: 40px;
}
.portfolio-box .project-post .project-gal .hover-box a:hover {
	background: #3a3d41;
}
.portfolio-box .project-post .project-gal .hover-box a.zoom {
	right: 50%;
	margin-right: 35px;
}
.portfolio-box .project-post .project-gal .hover-box a.link {
	left: 50%;
	margin-left: 35px;
}
.portfolio-box .project-post .project-content {
	padding: 25px 10px;
	background: #f9fafb;
	border-bottom: 1px solid transparent;
}
.portfolio-box .project-post .project-content h2 {
	color: #3a3d41;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
}
.portfolio-box .project-post .project-content p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin-bottom: 0;
	font-size: 12px;
	color: #999999;
}
.portfolio-box .project-post:hover .project-gal .hover-box {
	visibility: visible;
	opacity: 1;
}
.portfolio-box .project-post:hover .project-gal .hover-box a {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
.portfolio-box .project-post:hover .project-gal .hover-box a.zoom {
	margin-right: 5px;
}
.portfolio-box .project-post:hover .project-gal .hover-box a.link {
	margin-left: 5px;
}
.portfolio-box .project-post:hover .project-content {
	border-bottom: 1px solid #193c8f;
	background: #ffffff;
}
div.buttons {
	text-align: center;
	margin: 50px 0;
}
div.buttons a.button-third {
	margin: 0 8px;
}
a.button-third {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	padding: 10px 15px;
	color: #999999;
	font-size: 12px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	box-shadow: 0 3px 0 #e5e5e5;
	-webkit-box-shadow: 0 3px 0 #e5e5e5;
	-moz-box-shadow: 0 3px 0 #e5e5e5;
	-o-box-shadow: 0 3px 0 #e5e5e5;
	margin: 0;
}
a.button-third i {
	font-size: 12px;
}
a.button-third:hover {
	border: 1px solid #999999;
}
.owl-pagination {
	display: none;
}
.owl-theme .owl-controls {
	display: none !important;
}
.features-section {
	background: url('http://placehold.it/1920x1080');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 60px 0;
	position: relative;
	overflow: hidden;
}
.features-section .container {
	position: relative;
	z-index: 3;
}
.features-section .container .features-head {
	margin-bottom: 75px;
	text-align: center;
}
.features-section .container .features-head h1 {
	color: #3a3d41;
	font-size: 24px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
	color: #ffffff;
	margin-bottom: 16px;
}
.features-section .container .features-head p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
	font-size: 14px;
}
.features-section .container .feature-list {
	padding: 0;
	margin: 0 0 30px;
}
.features-section .container .feature-list li {
	list-style: none;
}
.features-section .container .feature-list li span {
	display: inline-block;
	float: left;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #ffffff;
	text-align: center;
}
.features-section .container .feature-list li span i {
	color: #ffffff;
	font-size: 18px;
	line-height: 40px;
}
.features-section .container .feature-list li .list-cont {
	margin-left: 54px;
	padding-top: 10px;
}
.features-section .container .feature-list li .list-cont h3 {
	color: #ffffff;
	font-size: 18px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 16px;
}
.features-section .container .feature-list li .list-cont p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
}
.features-section .container .image-place {
	text-align: center;
	position: relative;
}
.features-section .container .image-place img {
	max-width: 100%;
	margin-bottom: -40px;
}
.features-section:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(58, 61, 65, 0.8);
}
.features-section:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 60px;
	bottom: 0;
	left: 0;
	background: #f9fafb;
	z-index: 2;
}
.blog-section .title-section {
	background: #ffffff;
}
.blog-section .blog-post {
	margin: 0 10px;
}
.blog-section .blog-post img {
	width: 100%;
}
.blog-section .blog-post .post-content {
	overflow: hidden;
}
.blog-section .blog-post .post-content .post-date {
	float: left;
	width: 60px;
	height: 90px;
	background: #3a3d41;
	text-align: center;
	padding: 12px 2px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.blog-section .blog-post .post-content .post-date p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin: 0;
	color: #ffffff;
	font-size: 14px;
	line-height: 30px;
}
.blog-section .blog-post .post-content .post-date p span {
	display: block;
	position: relative;
	font-size: 24px;
	font-weight: 700;
	line-height: 38px;
}
.blog-section .blog-post .post-content .post-date p span:after {
	position: absolute;
	content: '';
	width: 20px;
	height: 1px;
	background: #ffffff;
	bottom: 0px;
	left: 50%;
	margin-left: -10px;
}
.blog-section .blog-post .post-content .content-data {
	margin-left: 60px;
	padding: 15px 20px;
	background: #f9fafb;
	min-height: 90px;
}
.blog-section .blog-post .post-content .content-data h2 {
	color: #3a3d41;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
	line-height: 20px;
	margin: 0;
}
.blog-section .blog-post .post-content .content-data h2 a {
	color: #3a3d41;
	display: inline-block;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	text-decoration: none;
}
.blog-section .blog-post .post-content .content-data h2 a:hover {
	color: #193c8f;
}
.blog-section .blog-post .post-content .content-data p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
	font-size: 12px;
	margin: 0;
}
.blog-section .blog-post .post-content .content-data p a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	color: #999999;
}
.blog-section .blog-post:hover .post-date {
	background: #193c8f;
}
.client-section {
	background: #f9fafb;
	padding-bottom: 60px;
	overflow: hidden;
}
.client-section ul.client-list {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.client-section ul.client-list li {
	list-style: none;
	float: left;
	width: 16.666%;
}
.client-section ul.client-list li a {
	width: 100%;
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.client-section ul.client-list li a img {
	width: 100%;
}
.client-section ul.client-list li a:hover {
	opacity: 0.7;
}
.client-section .bx-wrapper .bx-pager {
	display: none;
}
.client-section .bx-wrapper .bx-controls-direction a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	top: 0;
	width: 40px;
	height: 40px;
	color: #999999;
	font-size: 12px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	box-shadow: 0 3px 0 #e5e5e5;
	-webkit-box-shadow: 0 3px 0 #e5e5e5;
	-moz-box-shadow: 0 3px 0 #e5e5e5;
	-o-box-shadow: 0 3px 0 #e5e5e5;
	margin: 0 8px;
	position: absolute;
	margin-top: 10px;
	background: #ffffff;
}
.client-section .bx-wrapper .bx-controls-direction a.bx-prev {
	margin-left: -40px;
}
.client-section .bx-wrapper .bx-controls-direction a.bx-next {
	margin-right: -40px;
}
.client-section .bx-wrapper .bx-controls-direction a.bx-prev:before {
	font-family: 'FontAwesome';
	content: "\f104";
	position: absolute;
	font-size: 12px;
	color: #999999;
	width: 100%;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 40px;
	-webkit-backface-visibility: hidden;
}
.client-section .bx-wrapper .bx-controls-direction a.bx-next:before {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	font-size: 12px;
	color: #999999;
	width: 100%;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 40px;
	-webkit-backface-visibility: hidden;
}
.client-section .bx-wrapper .bx-controls-direction a:hover {
	border: 1px solid #999999;
}
/*-------------------------------------------------*/
/* =  Home2
/*-------------------------------------------------*/
.features-section2 {
	overflow: hidden;
}
.features-section2 .title-section {
	background: #ffffff;
}
.features-section2 .features-box {
	background: url('http://placehold.it/1920x1080');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 40px 0 0px;
	position: relative;
}
.features-section2 .features-box .container {
	position: relative;
	z-index: 2;
}
.features-section2 .features-box:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.92);
}
.features-section2 .image-place {
	margin-top: 10px;
	text-align: center;
	position: relative;
	z-index: 2;
}
.features-section2 .image-place img {
	max-width: 100%;
	margin: 0;
}
.feature-list2 {
	padding: 0;
	margin: 0 0 30px;
}
.feature-list2 li {
	list-style: none;
}
.feature-list2 li span {
	display: inline-block;
	float: left;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #193c8f;
	text-align: center;
}
.feature-list2 li span i {
	color: #ffffff;
	font-size: 18px;
	line-height: 40px;
}
.feature-list2 li .list-cont {
	margin-left: 54px;
	padding-top: 10px;
}
.feature-list2 li .list-cont h3 {
	color: #ffffff;
	font-size: 18px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 16px;
	color: #3a3d41;
}
.feature-list2 li .list-cont p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
}
.feature-list2.white {
	padding: 0;
	margin: 0 0 30px;
}
.feature-list2.white li {
	list-style: none;
}
.feature-list2.white li span {
	display: inline-block;
	float: left;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: transparent;
	border: 2px solid #ffffff;
	text-align: center;
}
.feature-list2.white li span i {
	color: #ffffff;
	font-size: 18px;
	line-height: 40px;
}
.feature-list2.white li .list-cont {
	margin-left: 54px;
	padding-top: 10px;
}
.feature-list2.white li .list-cont h3 {
	font-size: 18px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 16px;
	color: #ffffff;
}
.feature-list2.white li .list-cont p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
}
.statistic-section {
	background: url('http://placehold.it/1920x1080');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding: 60px 0 70px;
}
.statistic-section .container {
	position: relative;
	z-index: 2;
}
.statistic-post {
	overflow: hidden;
}
.statistic-post i {
	float: left;
	font-size: 30px;
	color: #193c8f;
	display: inline-block;
	margin-top: 30px;
}
.statistic-post p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin: 0;
	margin-left: 46px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: #ffffff;
}
.statistic-post p span {
	color: #ffffff;
	font-size: 48px;
	line-height: 54px;
}
.statistic-section:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(58, 61, 65, 0.8);
}
.portfolio-box.portfolio-style2 .project-post .project-gal .hover-box {
	background: rgba(255, 255, 255, 0.9);
}
.portfolio-box.portfolio-style2 .project-post .project-gal .hover-box .inner-hover {
	position: absolute;
	top: 50%;
	margin-top: -35px;
	width: 100%;
	left: 0;
}
.portfolio-box.portfolio-style2 .project-post .project-gal .hover-box .inner-hover h2 {
	color: #3a3d41;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
	color: #193c8f;
}
.portfolio-box.portfolio-style2 .project-post .project-gal .hover-box .inner-hover p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin-bottom: 0;
	font-size: 12px;
	color: #999999;
}
.portfolio-box.portfolio-style2 .project-post .project-gal .hover-box .inner-hover a {
	position: relative;
	top: inherit;
	margin-bottom: 16px;
}
.portfolio-box.portfolio-style2 .project-post .project-gal .hover-box .inner-hover a.zoom {
	right: inherit;
	margin-right: 40;
}
.portfolio-box.portfolio-style2 .project-post .project-gal .hover-box .inner-hover a.link {
	left: inherit;
	margin-left: 40;
}
.portfolio-box.portfolio-style2 .project-post:hover .project-gal .hover-box .inner-hover a.zomm {
	margin-right: 5px;
}
.portfolio-box.portfolio-style2 .project-post:hover .project-gal .hover-box .inner-hover a.link {
	margin-left: 5px;
}
.title-section.transparent-back {
	background: transparent;
}
.title-section.transparent-back h1 {
	color: #ffffff;
}
.testimonials-section {
	background: url(../images/aboutus/paralax.jpg) no-repeat #626365;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding: 0px 0 40px;
}
.testimonials-section .container {
	position: relative;
	z-index: 2;
}
.testimonials-section .title-section {
	position: relative;
	z-index: 2;
}
.testimonials-section .bx-wrapper .bx-pager.bx-default-pager a {
	background: transparent;
	border: 2px solid #ffffff;
}
.testimonials-section .bx-wrapper .bx-pager.bx-default-pager a:hover, .testimonials-section .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #193c8f;
	border: 2px solid #193c8f;
}
.testimonials-section:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(58, 61, 65, 0.8);
}
.testimonial-post {
	text-align: center;
	margin-bottom: 20px;
}
.testimonial-post img {
	display: inline-block;
	max-width: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	margin-bottom: 12px;
}
.testimonial-post h2 {
	color: #3a3d41;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 27px;
}
.testimonial-post p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #ffffff;
	max-width: 860px;
	margin: 0 auto;
	padding: 20px 25px;
	background: #193c8f;
	position: relative;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
}
.testimonial-post p:after {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	background: #193c8f;
	border: 1px solid #193c8f;
	left: 50%;
	margin-left: -10px;
	top: -10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*-------------------------------------------------*/
/* =  home 3
/*-------------------------------------------------*/
.banner-section.style2 {
	background: #ffffff;
}
.banner-section.style2 h1 {
	color: #3a3d41;
	font-size: 24px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
}
.banner-section.style2 p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
	font-size: 14px;
}
.portfolio-box.portfolio-style2.hover-second .project-post .project-gal .hover-box {
	background: rgba(58, 61, 65, 0.9);
}
.title-section.pattern {
	background: url('../images/pattern.png');
}
.title-section.pattern h1 {
	color: #ffffff;
}
.features-section3 {
	background: url('http://placehold.it/1920x1080');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 55px 0 50px;
	position: relative;
}
.features-section3 .container {
	position: relative;
	z-index: 2;
}
.features-section3 .container h1 {
	color: #3a3d41;
	font-size: 24px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
	line-height: 28px;
	color: #193c8f;
}
.features-section3 .container h1 span {
	color: #3a3d41;
}
.features-section3 .container p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
	margin-bottom: 45px;
}
.features-section3 .container .image-place img {
	max-width: 100%;
	margin: 0;
}
.feature-list3 {
	padding: 0;
	margin: 0 0 30px;
}
.feature-list3 li {
	list-style: none;
}
.feature-list3 li span {
	display: inline-block;
	float: left;
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #3a3d41;
	text-align: center;
}
.feature-list3 li span i {
	color: #ffffff;
	font-size: 24px;
	line-height: 60px;
}
.feature-list3 li .list-cont {
	margin-left: 74px;
}
.feature-list3 li .list-cont h3 {
	color: #ffffff;
	font-size: 18px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 16px;
	color: #3a3d41;
	font-size: 24px;
	margin-bottom: 5px;
}
.feature-list3 li .list-cont p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
	font-size: 14px;
}
.features-section3:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.92);
}
.blog-section.second-style .blog-post {
	overflow: hidden;
}
.blog-section.second-style .blog-post .post-gal {
	margin-left: 60px;
}
.blog-section.second-style .blog-post .post-content > p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	padding: 16px 22px;
	margin: 0;
	margin-left: 60px;
	color: #999999;
}
.blog-section.second-style .blog-post .post-date {
	float: left;
	width: 60px;
	height: 90px;
	background: #3a3d41;
	text-align: center;
	padding: 12px 2px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.blog-section.second-style .blog-post .post-date p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin: 0;
	color: #ffffff;
	font-size: 14px;
	line-height: 30px;
}
.blog-section.second-style .blog-post .post-date p span {
	display: block;
	position: relative;
	font-size: 24px;
	font-weight: 700;
	line-height: 38px;
}
.blog-section.second-style .blog-post .post-date p span:after {
	position: absolute;
	content: '';
	width: 20px;
	height: 1px;
	background: #ffffff;
	bottom: 0px;
	left: 50%;
	margin-left: -10px;
}
.blog-section.second-style .blog-post:hover .post-date {
	background: #193c8f;
}
/*-------------------------------------------------*/
/* =  portfolio pages
/*-------------------------------------------------*/
.page-banner {
	/*  padding: 42px 0 47px;*/
	position: relative;
}
.page-banner .container {
	position: relative;
	z-index: 2;
}
.page-banner .container h1 {
	color: #3a3d41;
	font-size: 24px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
	color: #ffffff;
	font-size: 36px;
}
.page-banner:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;/*background: rgba(58, 61, 65, 0.8);*/
}
.portfolio-page-banner {
	background: url('http://placehold.it/1920x1080');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.title-section.white {
	background: #ffffff;
}
ul.filter {
	margin: 0;
	padding: 35px 0;
	background: #f9fafb;
	text-align: center;
}
ul.filter li {
	list-style: none;
	display: inline-block;
	margin-left: 25px;
}
ul.filter li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	color: #3a3d41;
	font-size: 12px;
	font-weight: 700;
	padding-bottom: 6px;
	border-bottom: 1px solid transparent;
	font-family: 'proxima-nova', sans-serif;
	text-transform: uppercase;
}
ul.filter li a:hover, ul.filter li a.active {
	color: #193c8f;
	border-bottom: 1px solid #193c8f;
}
.masonry.three-col .project-post {
	width: 33.32%;
}
.masonry.four-col .project-post {
	width: 24.98%;
}
.masonry.five-col .project-post {
	width: 19.99%;
}
.testimonials-section.transparent-back {
	background: #ffffff;
}
.testimonials-section.transparent-back .testimonial-post h2 {
	color: #3a3d41;
}
.testimonials-section.transparent-back .testimonial-post p {
	color: #999999;
	background: #ffffff;
	border: 1px solid #dddddd;
}
.testimonials-section.transparent-back .testimonial-post p:after {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	background: #ffffff;
	border: 1px solid #dddddd;
	border-bottom-color: transparent;
	border-right-color: transparent;
	left: 50%;
	margin-left: -10px;
	top: -10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.testimonials-section.transparent-back .bx-wrapper .bx-pager.bx-default-pager a {
	background: transparent;
	border: 2px solid #dddddd;
}
.testimonials-section.transparent-back .bx-wrapper .bx-pager.bx-default-pager a:hover, .testimonials-section.transparent-back .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #193c8f;
	border: 2px solid #193c8f;
}
.testimonials-section.transparent-back:after {
	display: none;
}
button.mfp-close, button.mfp-arrow {
	outline: none;
}
/*-------------------------------------------------*/
/* =  blog pages
/*-------------------------------------------------*/
.blog-page-banner {
	background: url('http://placehold.it/1920x156');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.blog-box.masonry {
	width: 1170px;
	margin-left: -15px;
}
.blog-box.masonry .blog-post {
	margin: 15px;
	width: 360px;
}
.blog-box.masonry .blog-post .post-gal {
	position: relative;
}
.blog-box.masonry .blog-post .post-gal iframe {
	width: 100%;
}
.blog-box.masonry .blog-post .post-gal .hover-box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.65);
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	visibility: hidden;
	opacity: 0;
}
.blog-box.masonry .blog-post .post-gal .hover-box a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	width: 40px;
	height: 40px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #193c8f;
	top: 50%;
	left: 50%;
	margin-left: 45px;
	margin-top: -20px;
	position: absolute;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.blog-box.masonry .blog-post .post-gal .hover-box a i {
	font-size: 14px;
	color: #ffffff;
	line-height: 40px;
}
.blog-box.masonry .blog-post .post-gal .hover-box a:hover {
	background: #3a3d41;
}
.blog-box.masonry .blog-post:hover .post-gal .hover-box {
	visibility: visible;
	opacity: 1;
}
.blog-box.masonry .blog-post:hover .post-gal .hover-box a {
	margin-left: -20px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.flex-direction-nav .flex-next {
	width: 40px;
	height: 40px;
	float: right;
	margin-right: 10px;
	background: #3a3d41;
	border: 1px solid #3a3d41;
	box-shadow: 0 3px 0 #5c5f62;
	-webkit-box-shadow: 0 3px 0 #5c5f62;
	-moz-box-shadow: 0 3px 0 #5c5f62;
	-o-box-shadow: 0 3px 0 #5c5f62;
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.flex-direction-nav .flex-prev {
	width: 40px;
	height: 40px;
	float: left;
	margin-left: 10px;
	background: #3a3d41;
	border: 1px solid #3a3d41;
	box-shadow: 0 3px 0 #5c5f62;
	-webkit-box-shadow: 0 3px 0 #5c5f62;
	-moz-box-shadow: 0 3px 0 #5c5f62;
	-o-box-shadow: 0 3px 0 #5c5f62;
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.flex-direction-nav .flex-next:after {
	content: '\f105';
	font-family: 'FontAwesome';
	font-size: 12px;
	color: #ffffff;
	line-height: 40px;
}
.flex-direction-nav .flex-prev:after {
	content: '\f104';
	font-family: 'FontAwesome';
	font-size: 12px;
	color: #ffffff;
	line-height: 40px;
}
.flexslider .flex-next:hover {
	background: #193c8f;
	border: 1px solid #193c8f;
	box-shadow: 0 3px 0 #9e2114;
	-webkit-box-shadow: 0 3px 0 #9e2114;
	-moz-box-shadow: 0 3px 0 #9e2114;
	-o-box-shadow: 0 3px 0 #9e2114;
}
.flexslider .flex-prev:hover {
	background: #193c8f;
	border: 1px solid #193c8f;
	box-shadow: 0 3px 0 #9e2114;
	-webkit-box-shadow: 0 3px 0 #9e2114;
	-moz-box-shadow: 0 3px 0 #9e2114;
	-o-box-shadow: 0 3px 0 #9e2114;
}
.categorize-blog {
	margin-bottom: 40px;
}
.categorize-blog ul.filter {
	padding: 10px 0 0;
}
.view-more {
	padding-left: 45px !important;
	position: relative;
	margin-bottom: 50px !important;
}
.view-more i {
	position: absolute;
	left: 17px;
	top: 7px;
	display: inline-block;
	font-size: 22px !important;
}
.blog-section {
	position: relative;
}
a.go-top {
	position: absolute;
	bottom: 40px;
	right: 40px;
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	width: 60px;
	height: 60px;
	color: #999999;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	box-shadow: 0 3px 0 #e5e5e5;
	-webkit-box-shadow: 0 3px 0 #e5e5e5;
	-moz-box-shadow: 0 3px 0 #e5e5e5;
	-o-box-shadow: 0 3px 0 #e5e5e5;
}
a.go-top i {
	font-size: 22px;
	line-height: 60px;
}
a.go-top:hover {
	border: 1px solid #999999;
}
.blog-section.with-sidebar {
	padding: 50px 0;
}
.blog-section.with-sidebar .blog-post {
	margin-bottom: 60px;
}
.blog-section.with-sidebar .blog-post .post-content > p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	padding: 20px;
	margin-bottom: 0;
	margin-left: 60px;
	color: #999999;
}
.blog-section.with-sidebar .blog-post .post-content > a {
	margin-left: 80px;
}
.blog-section.with-sidebar .blog-post iframe {
	width: 100%;
	height: 340px;
	margin-bottom: -6px;
}
.pagination-box {
	padding-top: 50px;
	padding-bottom: 20px;
	overflow: hidden;
	border-top: 1px solid #e5e5e5;
}
.pagination-box a.prev {
	float: left;
	margin: 0;
}
.pagination-box a.next {
	float: right;
	margin: 0;
}
.search-widget input[type="search"] {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin: 0;
	color: #3a3d41;
	padding: 10px 12px;
	border: 1px solid #e5e5e5;
	width: 100%;
	outline: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.search-widget input[type="search"]:focus {
	border: 1px solid #193c8f;
}
.search-widget button {
	background: #fff;
	border: none;
	float: right;
	margin-top: -32px;
	margin-right: 15px;
	position: relative;
	z-index: 2;
}
.search-widget button i {
	color: #193c8f;
	font-size: 16px;
}
.sidebar .widget {
	margin-bottom: 40px;
}
.sidebar .widget h3 {
	color: #ffffff;
	font-size: 18px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 16px;
	color: #3a3d41;
	margin-bottom: 22px;
}
.sidebar .widget ul.category-list, .sidebar .widget ul.category-list {
	margin: 0;
	padding: 0;
}
.sidebar .widget ul.category-list li, .sidebar .widget ul.category-list li {
	list-style: none;
	margin-bottom: 22px;
}
.sidebar .widget ul.category-list li a, .sidebar .widget ul.category-list li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	padding-left: 20px;
	text-transform: uppercase;
	color: #3a3d41;
	font-size: 12px;
	font-family: 'proxima-nova', sans-serif;
	position: relative;
	font-weight: 700;
}
.sidebar .widget ul.category-list li a:before, .sidebar .widget ul.category-list li a:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border: 2px solid #e5e5e5;
	left: 0;
	top: 2px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.sidebar .widget ul.category-list li a:hover, .sidebar .widget ul.category-list li a:hover {
	color: #193c8f;
}
.sidebar .widget ul.category-list li a:hover:before, .sidebar .widget ul.category-list li a:hover:before {
	border: 2px solid #193c8f;
	background: #193c8f;
}
.sidebar .widget ul.category-list li:last-child, .sidebar .widget ul.category-list li:last-child {
	margin-bottom: 0;
}
.sidebar .widget ul.popular-list {
	margin: 0;
	padding: 0;
}
.sidebar .widget ul.popular-list li {
	list-style: none;
	padding-top: 24px;
	border-top: 1px solid #f5f5f5;
	margin-bottom: 24px;
	overflow: hidden;
}
.sidebar .widget ul.popular-list li img {
	float: left;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.sidebar .widget ul.popular-list li .side-content {
	margin-left: 80px;
}
.sidebar .widget ul.popular-list li .side-content h2 {
	color: #3a3d41;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
}
.sidebar .widget ul.popular-list li .side-content h2 a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	color: #3a3d41;
}
.sidebar .widget ul.popular-list li .side-content h2 a:hover {
	color: #193c8f;
}
.sidebar .widget ul.popular-list li .side-content p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin: 0;
	color: #a9a9a9;
}
.sidebar .widget ul.popular-list li:first-child {
	list-style: none;
	padding-top: 0;
	border-top: none;
}
.sidebar .widget ul.popular-list li:last-child {
	margin-bottom: 0;
}
.sidebar .text-widget p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
	margin: 0;
}
.sidebar ul.tags-list {
	margin: 0;
	padding: 0;
}
.sidebar ul.tags-list li {
	list-style: none;
	display: inline-block;
	margin-bottom: 3px;
}
.sidebar ul.tags-list li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	padding: 9px;
	border: 1px solid #dcdcdc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	color: #999999;
	font-size: 12px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 300;
}
.sidebar ul.tags-list li a:hover {
	color: #ffffff;
	border: 1px solid #3a3d41;
	background: #3a3d41;
}
.blog-box.masonry.one-col {
	width: 100%;
	margin-left: 0;
}
.blog-box.masonry.one-col .blog-post {
	width: 100%;
	margin: 0 0 60px;
}
.blog-box.masonry.one-col .blog-post iframe {
	width: 100%;
	height: 360px;
}
.blog-box.masonry.one-col .blog-post .post-content > a {
	margin-left: 80px;
}
/*-------------------------------------------------*/
/* =  signle post
/*-------------------------------------------------*/
.blog-section.with-sidebar {
	overflow: hidden;
}
.single-post.blog-post .post-content > p {
	padding: 0 20px !important;
	margin-top: 20px !important;
	margin-bottom: 0px;
}
.single-post {
	overflow: hidden;
}
.single-post blockquote {
	border: none;
	background: #f9fafb;
	border-left: 60px solid #193c8f;
	padding: 20px;
	position: relative;
	margin-top: 20px;
}
.single-post blockquote p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin: 0;
	font-weight: 700;
	color: #3a3d41;
}
.single-post blockquote:before {
	position: absolute;
	content: '';
	width: 30px;
	height: 23px;
	top: 50%;
	left: -45px;
	margin-top: -12px;
	background: url('../images/quote.png') center center no-repeat;
}
.single-post .share-tag-box {
	margin-left: 80px;
}
.single-post .share-tag-box .post-tags {
	margin: 0;
	padding: 0;
	margin-top: 20px;
}
.single-post .share-tag-box .post-tags li {
	display: inline-block;
}
.single-post .share-tag-box .post-tags li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	color: #3a3d41;
	font-size: 13px;
	font-family: 'proxima-nova', sans-serif;
}
.single-post .share-tag-box .post-tags li a:hover {
	color: #193c8f;
	text-decoration: underline;
}
.single-post .share-tag-box span {
	display: inline-block;
	color: #3a3d41;
	font-size: 13px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin-bottom: 8px;
}
.single-post .pagination-boxer {
	overflow: hidden;
	margin-bottom: 40px;
	border: 1px solid #e5e5e5;
}
.single-post .pagination-boxer .prev-post {
	float: left;
	width: 50%;
	border-right: 1px solid #e5e5e5;
	padding: 54px 30px;
	background: #f9fafb;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.single-post .pagination-boxer .prev-post a {
	float: left;
	margin: 0 20px 0 0;
}
.single-post .pagination-boxer .prev-post p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin: 0;
	font-weight: 700;
	color: #3a3d41;
}
.single-post .pagination-boxer .next-post {
	float: right;
	width: 50%;
	padding: 54px 20px;
	background: #f9fafb;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.single-post .pagination-boxer .next-post a {
	float: right;
	margin: 0 0 0 20px;
}
.single-post .pagination-boxer .next-post p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin: 0;
	font-weight: 700;
	color: #3a3d41;
}
.single-post .pagination-boxer .prev-post:hover {
	background: #ffffff;
}
.single-post .pagination-boxer .next-post:hover {
	background: #ffffff;
}
.single-post .comment-section h3 {
	color: #ffffff;
	font-size: 18px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 16px;
	color: #3a3d41;
	margin-bottom: 50px;
}
.single-post .comment-section ul {
	margin: 0;
	padding: 0;
}
.single-post .comment-section ul li {
	list-style: none;
}
.single-post .comment-section ul li img {
	float: left;
	width: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.single-post .comment-section ul li .comment-box {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 42px;
	margin-bottom: 50px;
	overflow: hidden;
}
.single-post .comment-section ul li .comment-content {
	margin-left: 80px;
}
.single-post .comment-section ul li .comment-content h4 {
	color: #3a3d41;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 13px;
	text-transform: inherit;
}
.single-post .comment-section ul li .comment-content span {
	color: #3a3d41;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
	font-size: 13px;
	color: #333;
	font-weight: 300;
	margin-bottom: 12px;
	text-transform: inherit;
}
.single-post .comment-section ul li .comment-content p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	font-weight: 300;
	color: #999999;
	margin-bottom: 10px;
}
.single-post .comment-section ul li .comment-content a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	color: #3a3d41;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
	font-size: 13px;
	color: #333;
	font-weight: 300;
	text-transform: inherit;
}
.single-post .comment-section ul li .comment-content a:hover {
	color: #193c8f;
}
.single-post .comment-section ul li .depth {
	margin-left: 80px;
}
.single-post .comment-form h3 {
	color: #ffffff;
	font-size: 18px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 16px;
	color: #3a3d41;
	margin-bottom: 50px;
}
.single-post .comment-form input[type="text"], .single-post .comment-form textarea {
	width: 100%;
	display: inline-block;
	padding: 11px;
	background: #ffffff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	color: #999999;
	font-size: 13px;
	font-family: 'proxima-nova', sans-serif;
	border: 1px solid #e5e5e5;
	outline: none;
	margin: 0 0 20px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.single-post .comment-form input[type="text"]:focus, .single-post .comment-form textarea:focus {
	border: 1px solid #193c8f;
}
.single-post .comment-form textarea {
	min-height: 122px;
}
.single-post .comment-form input[type="submit"] {
	display: inline-block;
	outline: none;
	padding: 10px 47px;
	color: #999999;
	font-size: 12px;
	font-family: 'proxima-nova', sans-serif;
	background: transparent;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	border-bottom: 3px solid #e5e5e5;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	background: #ffffff;
}
.single-post .comment-form input[type="submit"]:hover {
	border: 1px solid #999999;
	border-bottom: 3px solid #999999;
}
.social-box {
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
	margin-top: 5px;
}
.social-box li {
	display: inline-block;
}
.social-box li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	width: 28px;
	height: 28px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	background: #f8f8f8;
}
.social-box li a i {
	font-size: 15px;
	line-height: 28px;
	color: #c3c3c3;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.social-box li a:hover i {
	color: #ffffff;
}
.social-box li a.facebook:hover {
	background: #3b5b94;
}
.social-box li a.twitter:hover {
	background: #24cafe;
}
.social-box li a.google:hover {
	background: #5b5b5b;
}
.social-box li a.linkedin:hover {
	background: #0089b4;
}
.social-box li a.dribble:hover {
	background: #ed4a8b;
}
.social-box li a.pinterest:hover {
	background: #e84c3d;
}
/*-------------------------------------------------*/
/* =  single-project
/*-------------------------------------------------*/
.single-project {
	padding-bottom: 70px;
}
.project-block {
	padding-right: 50px;
	margin-bottom: 30px;
}
.single-project-content {
	padding-top: 60px;
}
.single-project-content h1 {
	color: #3a3d41;
	font-size: 24px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
	margin-bottom: 0;
}
.single-project-content h3 {
	color: #ffffff;
	font-size: 18px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 16px;
	color: #999999;
	font-weight: 400;
	margin-bottom: 32px;
}
.single-project-content p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin-bottom: 20px;
	color: #999999;
}
.single-project-content p span {
	font-weight: 700;
}
.project-sidebar {
	margin-bottom: 30px;
}
.project-sidebar h1 {
	color: #3a3d41;
	font-size: 24px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
	margin-bottom: 0;
}
.project-sidebar h3 {
	color: #ffffff;
	font-size: 18px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 16px;
	color: #999999;
	font-weight: 400;
	margin-bottom: 32px;
}
.project-sidebar ul.project-photos {
	margin: 0;
	padding: 0;
	margin-bottom: 60px;
	overflow: hidden;
}
.project-sidebar ul.project-photos li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	list-style: none;
}
.project-sidebar ul.project-photos li img {
	width: 175px;
}
.project-sidebar ul.project-photos li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.85);
	opacity: 0;
	visibility: hidden;
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.project-sidebar ul.project-photos li:nth-child(2n) {
	margin-right: 0;
}
.project-sidebar ul.project-photos li:hover a {
	opacity: 1;
	visibility: visible;
}
.project-sidebar p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	font-weight: 700;
	color: #3a3d41;
	margin-bottom: 10px;
}
.project-sidebar p span {
	color: #999999;
}
.project-sidebar p a {
	color: #193c8f;
}
.project-sidebar a.button-third {
	margin: 0;
	margin-top: 7px;
}
/*-------------------------------------------------*/
/* =  about
/*-------------------------------------------------*/
.about-page-banner {
	background: url('http://placehold.it/1920x156');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.team-section {
	background: #f9fafb;
}
.team-box {
	padding: 60px 0;
	position: relative;
}
.team-box .buttons {
	position: absolute;
	width: 100%;
	height: 40px;
	top: 160px;
	left: 0;
}
.team-box .buttons a.owl-prev {
	float: left;
	margin-left: -50px;
}
.team-box .buttons a.owl-next {
	float: right;
	margin-right: -50px;
}
.team-post {
	padding: 0 10px;
	text-align: center;
}
.team-post img {
	width: 100%;
}
.team-post .team-head {
	padding: 16px 0 14px;
	position: relative;
	margin-bottom: 16px;
}
.team-post .team-head h2 {
	color: #3a3d41;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
}
.team-post .team-head span {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	font-size: 12px;
	margin: 0;
	color: #999999;
}
.team-post .team-head:after {
	position: absolute;
	content: '';
	width: 60px;
	height: 1px;
	background: #3a3d41;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
}
.team-post > p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #666666;
	font-size: 12px;
	margin: 0 0 10px;
}
ul.team-social {
	margin: 0;
	padding: 0;
}
ul.team-social li {
	display: inline-block;
}
ul.team-social li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #d2d6da;
	-webkit-backface-visibility: hidden;
	text-align: center;
}
ul.team-social li a i {
	font-size: 18px;
	color: #d2d6da;
	line-height: 40px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
ul.team-social li a:hover {
	background: #3a3d41;
	border: 2px solid #3a3d41;
}
ul.team-social li a:hover i {
	color: #ffffff;
}
.statistic-box.style2 {
	overflow: hidden;
	padding-bottom: 40px;
	border-bottom: 1px solid #e6eaed;
}
.statistic-box.style2 .statistic-post {
	float: left;
	width: 25%;
	margin-bottom: 30px;
}
.statistic-box.style2 .statistic-post .statistic-counter {
	padding: 22px 10px;
	background: #f9fafb;
	border: 1px solid #e6eaed;
	margin-bottom: 30px;
	overflow: hidden;
}
.statistic-box.style2 .statistic-post .statistic-counter p {
	color: #3a3d41;
}
.statistic-box.style2 .statistic-post .statistic-counter p span {
	color: #3a3d41;
}
.statistic-box.style2 .statistic-post .statistic-content p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin-bottom: 20px;
	color: #666;
}
.statistic-box.style2 .statistic-post .statistic-content p span {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	margin: 0 0 24px;
	color: #666;
	font-weight: 700;
	margin: 0;
	line-height: 20px;
}
.distrit-plus {
    display: flex;
    justify-content: center;
    align-items: center;
}
.distrit-plus span {
    color: #fff;
    padding-left: 10px;
    font-size: 28px;
}
.skills-accord-section {
	padding: 60px 0;
}
.skills-accord-section .accord-box, .skills-accord-section .skills-box {
	margin-bottom: 30px;
}
.skills-accord-section .accord-box > h1, .skills-accord-section .skills-box > h1 {
	color: #3a3d41;
	font-size: 24px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
}
.skills-accord-section .accord-box > p, .skills-accord-section .skills-box > p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	font-size: 18px;
	color: #999999;
	margin-bottom: 50px;
}
.skills-progress > p {
	color: #3a3d41;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
	padding-bottom: 12px;
	margin: 0;
	text-transform: inherit;
	position: relative;
}
.meter {
	height: 8px;
	/* Can be anything */
	position: relative;
	background: transparent;
	border: 1px solid #d2d6da;
	margin-bottom: 19px;
	padding: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.meter > p {
	display: block;
	height: 2px;
	position: relative;
	background: #193c8f;
}
.meter > p span {
	position: absolute;
	right: -15px;
	top: -47px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	font-family: 'proxima-nova', sans-serif;
	background: #3a3d41;
	padding: 8px 3px 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.meter > p span:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border: 5px solid #3a3d41;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	left: 50%;
	margin-left: -5px;
	bottom: -10px;
}
/*-------------------------------------------------*/
/* =  services
/*-------------------------------------------------*/
.services-page-banner {
	background: url('http://placehold.it/1920x156');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.features-section2 .features-box-services .feature-list {
	margin-top: 70px;
}
.features-section2 .image-place {
	margin-bottom: 40px;
}
.tab-section {
	background: url('http://placehold.it/1920x1080');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding: 50px 0 40px;
}
.tab-section .container {
	position: relative;
	z-index: 2;
}
.tab-section:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(58, 61, 65, 0.8);
}
.tab-box .container h1 {
	color: #3a3d41;
	font-size: 24px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
	color: #ffffff;
	margin-bottom: 15px;
	text-align: center;
}
.tab-box .container > p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
	max-width: 900px;
}
.nav-tabs {
	border: none;
	margin-top: 60px;
}
.nav-tabs li {
	border-top: 2px solid #3a3d41;
	margin: 0;
	width: 25%;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.nav-tabs li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	background: #3a3d41;
	display: block;
	border: none !important;
	margin: 0;
	width: 100%;
	padding: 30px 10px;
	overflow: hidden;
}
.nav-tabs li a span {
	display: inline-block;
	float: left;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #193c8f;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	font-family: arial;
	font-weight: 700;
}
.nav-tabs li a h2 {
	color: #3a3d41;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 18px;
	text-transform: inherit;
	margin: 3px 0 0 60px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.nav-tabs li a p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	font-size: 12px;
	font-weight: 700;
	margin: 0;
	margin-left: 60px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.nav-tabs li a:hover {
	background: #3a3d41;
	opacity: 0.7;
}
.nav-tabs li.active {
	border-top: 2px solid #193c8f;
}
.nav-tabs li.active a {
	background: #ffffff;
}
.nav-tabs li.active a h2 {
	color: #3a3d41;
}
.nav-tabs li.active a p {
	color: #999999;
}
.tab-content {
	border: none;
	margin-bottom: 40px;
}
.tab-content .tab-pane {
	padding: 45px 30px;
	overflow: hidden;
	background: #ffffff;
}
.tab-content .tab-pane h2 {
	color: #3a3d41;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
	font-size: 18px;
	text-transform: inherit;
	margin: 0 0 16px;
}
.tab-content .tab-pane p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
	margin-bottom: 10px;
}
.pricing-box {
	overflow: hidden;
	padding-bottom: 100px;
	padding-top: 10px;
}
.pricing-box .pricing-item {
	width: 25%;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 10px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.pricing-box .pricing-item ul.pricing-table {
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #3a3d41;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.pricing-box .pricing-item ul.pricing-table li {
	width: 100%;
	list-style: none;
	text-align: center;
	padding: 6px 0;
	background: #ffffff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.pricing-box .pricing-item ul.pricing-table li p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
	margin: 0;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.pricing-box .pricing-item ul.pricing-table li a {
	margin: 15px 0 28px;
}
.pricing-box .pricing-item ul.pricing-table li:first-child {
	padding: 34px 0 30px;
	border: none;
	background: #3a3d41;
	margin-bottom: 24px;
}
.pricing-box .pricing-item ul.pricing-table li:first-child h1 {
	color: #3a3d41;
	font-size: 24px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
	color: #ffffff;
	margin-bottom: 40px;
}
.pricing-box .pricing-item ul.pricing-table li:first-child p {
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	font-family: 'proxima-nova', sans-serif;
	margin: 0;
}
.pricing-box .pricing-item ul.pricing-table li:first-child p span {
	display: inline-block;
	font-size: 60px;
	margin: 0 6px;
}
.pricing-box .pricing-item:hover {
	padding-bottom: 0;
}
.pricing-box .pricing-item:hover ul.pricing-table {
	background: #f9fafb;
	border-bottom: 1px solid #193c8f;
	margin-top: -10px;
}
.pricing-box .pricing-item:hover ul.pricing-table li p {
	color: #3a3d41;
}
.pricing-box .pricing-item:hover ul.pricing-table li a {
	margin-bottom: 38px;
}
.pricing-box .pricing-item:hover ul.pricing-table li:first-child {
	padding: 44px 0 30px;
	background: #193c8f;
}
.pricing-box .pricing-item:hover ul.pricing-table li:first-child p {
	color: #ffffff;
}
/*-------------------------------------------------*/
/* =  contact
/*-------------------------------------------------*/
.contact-page-banner {
	background: url('http://placehold.it/1920x156');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.map {
	height: 330px;
}
.contact-info {
	padding: 40px 0;
	text-align: center;
}
.contact-info a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #193c8f;
	margin-bottom: 12px;
}
.contact-info a i {
	line-height: 60px;
	color: #ffffff;
	font-size: 30px;
}
.contact-info h2 {
	color: #3a3d41;
	font-size: 14px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
	text-transform: inherit;
	margin-bottom: 30px;
}
.contact-info p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
	padding: 23px;
	border: 1px solid #dfdfdf;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	text-align:center;
}
.contact-info p span {
	display: block;
}
.contact-info p:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1px solid #dfdfdf;
	border-bottom-color: transparent;
	border-right-color: transparent;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #fff;
}
.contact-area {

}
.contact-area .title-section {
	padding-bottom: 30px;
}
.contact-area #contact-form {
	padding-bottom: 30px;
}
.contact-area #contact-form p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
	text-align: center;
	max-width: 660px;
	margin: 0 auto 40px;
}
.contact-area #contact-form input[type="text"], .contact-area #contact-form textarea {
	width: 100%;
	display: inline-block;
	padding: 11px;
	background: #ffffff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	color: #999999;
	font-size: 13px;
	font-family: 'proxima-nova', sans-serif;
	border: 1px solid #e5e5e5;
	outline: none;
	margin: 0 0 20px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.contact-area #contact-form input[type="text"]:focus, .contact-area #contact-form textarea:focus {
	border: 1px solid #193c8f;
}
.contact-area #contact-form textarea {
	min-height: 122px;
}
.contact-area #contact-form input[type="submit"] {
	display: inline-block;
	outline: none;
	padding: 10px 47px;
	color: #999999;
	font-size: 12px;
	font-family: 'proxima-nova', sans-serif;
	background: transparent;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	border-bottom: 3px solid #e5e5e5;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	background: #ffffff;
}
.contact-area #contact-form input[type="submit"]:hover {
	border: 1px solid #999999;
	border-bottom: 3px solid #999999;
}
.contact-area #contact-form .submit-area {
	text-align: center;
}
.contact-area #contact-form .message {
	height: 30px;
	font-size: 13px;
	font-family: 'proxima-nova', sans-serif;
}
.contact-area #contact-form .message.error {
	color: #193c8f;
}
.contact-area #contact-form .message.success {
	color: #3a3d41;
}

/*25-5-2021*/
.infrastructure-row{
	margin-bottom: 50px;
	display: flex;
	align-items: center;
}
/*end 25-5-2021*/
/*-------------------------------------------------*/
/* =  error
/*-------------------------------------------------*/
.error-page-banner {
	background: none;
	border-top: 1px solid #e2e2e2;
}
.error {
	padding: 70px 0;
	text-align: center;
}
.error span {
	display: inline-block;
	width: 164px;
	height: 164px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #193c8f;
	color: #ffffff;
	line-height: 150px;
	font-size: 60px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	position: relative;
}
.error span:after {
	content: '';
	position: absolute;
	width: 178px;
	height: 178px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #193c8f;
	top: -7px;
	left: -7px;
}
.error-content {
	text-align: center;
	padding: 50px 0;
	background: #f9fafb;
}
.error-content h1 {
	color: #3a3d41;
	font-size: 24px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
	margin-bottom: 12px;
}
.error-content p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	font-size: 14px;
	margin-bottom: 40px;
	color: #999999;
}
.error-content a {
	color: #3a3d41;
}
/*-------------------------------------------------*/
/* =  testimonials page
/*-------------------------------------------------*/
.testimonial-page-banner {
	background: url('http://placehold.it/1920x156');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.test-style1 {
	margin-bottom: 58px;
}
/*-------------------------------------------------*/
/* =  faqs page
/*-------------------------------------------------*/
.faqs-page-banner {
	background: url('http://placehold.it/1920x156');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.toggle-section {
	padding: 55px 0;
	margin-bottom: 100px;
}
.accord-elem {
	margin-top: 8px;
}
.accord-elem:first-child {
	margin-top: 0px;
}
.accord-title {
	padding: 16px 20px;
	background: #ffffff;
	border: 1px solid #e6eaed;
	position: relative;
}
.accord-title h2 {
	padding-right: 52px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 2px;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 14px;
	color: #3a3d41;
	text-transform: inherit;
}
.accord-title a.accord-link {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	position: absolute;
	width: 52px;
	height: 100%;
	top: 0;
	right: 0;
	text-align: center;
}
.accord-title a.accord-link:after {
	font-family: 'proxima-nova', sans-serif;
	content: '+';
	font-size: 42px;
	color: #193c8f;
	font-weight: 600;
	line-height: 49px;
}
.accord-elem.active .accord-title {
	background: #f9fafb;
	border-bottom: 1px solid transparent;
}
.accord-elem.active a.accord-link:after {
	content: ' -';
}
.accord-content {
	display: none;
	padding: 15px 20px;
	border: 1px solid #e6eaed;
	border-top: 1px solid transparent;
	overflow: hidden;
}
.accord-content p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
}
.accord-content p span {
	color: #666666;
	font-weight: 700;
}
.accord-elem.active .accord-content {
	display: block;
}
/*-------------------------------------------------*/
/* =  shortcodes
/*-------------------------------------------------*/
.shortcodes-page-banner {
	background: url('http://placehold.it/1920x156');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.shortcodes-section {
	padding: 35px 0 75px;
}
.shortcodes-section .shortcodes-elem {
	margin-bottom: 50px;
}
.shortcodes-section .shortcodes-elem > h1, .shortcodes-section .shortcodes-elem .skills-box h1, .shortcodes-section .shortcodes-elem .accord-box h1, .shortcodes-section .shortcodes-elem .buttons-area h1, .shortcodes-section .shortcodes-elem .social-icons-area h1 {
	color: #3a3d41;
	font-size: 24px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6eaed;
	margin-bottom: 24px;
	text-align: center;
}
.shortcodes-section .shortcodes-elem .skills-box h1, .shortcodes-section .shortcodes-elem .accord-box h1, .shortcodes-section .shortcodes-elem .buttons-area h1, .shortcodes-section .shortcodes-elem .social-icons-area h1 {
	text-align: left;
}
.shortcodes-section .back-col {
	background: #3a3d41;
	padding: 30px 10px 0;
	margin-top: -24px;
}
.shortcodes-section .back-col .testimonial-post {
	padding-bottom: 30px;
}
.shortcodes-section .statistic-box {
	padding-bottom: 0;
}
.shortcodes-section .statistic-box .statistic-counter {
	margin: 0;
}
.shortcodes-section .statistic-box .statistic-post {
	margin-bottom: 20px;
}
.shortcodes-section .statistic-box.back-col {
	padding: 50px 10px 20px;
}
.shortcodes-section .pricing-box {
	padding-bottom: 0;
}
.shortcodes-section .testimonials-section {
	padding: 0;
}
.shortcodes-section .button-area {
	margin-bottom: 20px;
}
.shortcodes-section .social-area {
	margin-bottom: 20px;
}
.shortcodes-section .social-area.with-back {
	padding: 15px;
	background: #193c8f;
}
a.button-large {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	background: #193c8f;
	box-shadow: 0 3px 0 #9e2114;
	-webkit-box-shadow: 0 3px 0 #9e2114;
	-moz-box-shadow: 0 3px 0 #9e2114;
	-o-box-shadow: 0 3px 0 #9e2114;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 12px 40px;
	color: #ffffff;
	font-size: 18px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
}
a.button-large:hover {
	background: #3a3d41;
	box-shadow: 0 3px 0 #222222;
	-webkit-box-shadow: 0 3px 0 #222222;
	-moz-box-shadow: 0 3px 0 #222222;
	-o-box-shadow: 0 3px 0 #222222;
	color: #ffffff;
}
a.small-btn {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	background: #193c8f;
	border: 1px solid #193c8f;
	box-shadow: 0 3px 0 #9e2114;
	-webkit-box-shadow: 0 3px 0 #9e2114;
	-moz-box-shadow: 0 3px 0 #9e2114;
	-o-box-shadow: 0 3px 0 #9e2114;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 30px;
	color: #ffffff;
	font-size: 12px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
a.small-btn:hover {
	background: #ffffff;
	border: 1px solid #999999;
	box-shadow: 0 3px 0 #fafafa;
	-webkit-box-shadow: 0 3px 0 #fafafa;
	-moz-box-shadow: 0 3px 0 #fafafa;
	-o-box-shadow: 0 3px 0 #fafafa;
	color: #e7eaec;
}
a.button-third.load-more {
	color: #3a3d41;
}
a.button-third.load-more i {
	margin-right: 25px;
}
a.button-fourth {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	width: 60px;
	height: 60px;
	color: #999999;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	box-shadow: 0 3px 0 #e5e5e5;
	-webkit-box-shadow: 0 3px 0 #e5e5e5;
	-moz-box-shadow: 0 3px 0 #e5e5e5;
	-o-box-shadow: 0 3px 0 #e5e5e5;
}
a.button-fourth i {
	font-size: 22px;
	line-height: 60px;
}
a.button-fourth:hover {
	border: 1px solid #999999;
}
/*-------------------------------------------------*/
/* =  footer
/*-------------------------------------------------*/
ul.social-icons {
	margin: 0;
	padding: 0;
}
ul.social-icons li {
	display: inline-block;
	margin-left: 8px;
}
ul.social-icons li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	border: 1px solid transparent;
	background: #193c8f;
}
ul.social-icons li a i {
	font-size: 22px;
	line-height: 40px;
	color: #ffffff;
}
ul.social-icons li a:hover {
	border: 1px solid #ffffff;
}
footer .social-section {
	background: #193c8f;
	padding: 15px;
	text-align: center;
}
footer .up-footer {
	background: url('../images/pattern.png');
	padding: 70px 0 30px;
}
footer .up-footer h1 {
	color: #3a3d41;
	font-size: 24px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	margin: 0 0 7px;
	color: #ffffff;
	margin-bottom: 20px;
}
footer .up-footer p {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin-bottom: 15px;
}
footer .up-footer .footer-widget {
	margin-bottom: 30px;
}
/*24-7-2023
footer .up-footer .text-widget img {
	margin-top: 10px;
}
*/
footer .up-footer .text-widget img {
    margin-top: 0;
/*    background: #fff;*/
/*    padding: 10px;*/
}
footer .up-footer .tweets-widget ul {
	margin: 0;
	padding: 0;
}
footer .up-footer .tweets-widget ul li {
	list-style: none;
	margin-bottom: 10px;
}
footer .up-footer .tweets-widget ul li a {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin-bottom: 15px;
}
footer .up-footer .tweets-widget ul li a:hover {
	color: #fff;
}
footer .up-footer .tweets-widget ul li i {
	display: inline-block;
	float: left;
	font-size: 15px;
	color: #ffffff;
	margin-top: 4px;
	margin-left: 4px;
}
footer .up-footer .tweets-widget ul li p {
	margin: 0 0 0 30px;
}
footer .up-footer .tweets-widget ul li p a {
	display: block;
	color: #193c8f;
}
footer .up-footer .tweets-widget ul li span {
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin: 0 0 0 30px;
	color: #999999;
	display: inline-block;
}
footer .up-footer .flickr-widget ul {
	margin: 0;
	padding: 0;
}
footer .up-footer .flickr-widget ul li {
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 2px;
}
footer .up-footer .flickr-widget ul li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
footer .up-footer .flickr-widget ul li a img {
	width: 70px;
}
footer .up-footer .flickr-widget ul li a:hover {
	opacity: 0.7;
}
footer .up-footer .subscribe-form input[type="text"] {
	display: inline-block;
	padding: 12px 10px;
	background: #ffffff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	color: #c8c8c8;
	font-size: 13px;
	font-family: 'proxima-nova', sans-serif;
	min-width: 160px;
	border: none;
	outline: none;
	margin: 0;
	margin-right: -5px;
}
footer .up-footer .subscribe-form input[type="submit"] {
	display: inline-block;
	padding: 13px 8px 12px;
	background: #193c8f;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	font-family: 'proxima-nova', sans-serif;
	text-transform: uppercase;
	border: none;
	outline: none;
	margin: 0;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
footer .up-footer .subscribe-form input[type="submit"]:hover {
	opacity: 0.7;
}
footer .up-footer .footer-line {
	/*  margin-top: 50px;*/
	padding-top: 32px;
	border-top: 1px solid #595c60;
	text-align: center;
	font-size: 13px;
	color: #dddddd;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	margin-bottom: 24px;
	margin-bottom: 15px;
}
footer .up-footer .footer-line p {
	color: #999999;
	margin-bottom: 0;
}

/*-------------------------------------------------*/
/* =  Responsive Part
/*-------------------------------------------------*/
@media (max-width: 1500px) {
.masonry.five-col .project-post {
	width: 24.975%;
}
}

@media (max-width: 1199px) {
footer .up-footer .subscribe-form input[type="text"] {
	margin-bottom: 10px;
}
.nav-tabs li a p {
	font-size: 10px;
}
.blog-box.masonry {
	width: 970px;
}
.blog-box.masonry .blog-post {
	width: 293px;
}
.masonry.four-col .project-post,  .masonry.five-col .project-post {
	width: 33.3%;
}
.project-sidebar ul.project-photos li img {
	width: 140px;
}
header.one-page .navbar-nav > li > a {
	padding: 15px 13px;
	padding-bottom: 22px;
}
}

@media (max-width: 991px) {
.navbar-nav > li {
	margin-left: 0;
}
.nav > li > a {
	padding: 15px 12px;
	padding-bottom: 22px;
}
.slider1 .banner-thumbs {
	display: none;
}
.tp-caption.medium_thin_white .button-large,  .tp-caption.medium_thin_grey .button-large {
	padding: 10px 20px;
	margin: 0 5px;
}
.features-section .container .image-place {
	text-align: left;
}
.features-section .container .image-place img {
	margin-bottom: 20px;
	max-width: 100%;
}
.statistic-post {
	margin-bottom: 20px;
	text-align: center;
}
.pricing-box .pricing-item {
	width: 50%;
	margin-bottom: 20px;
}
.pricing-box .pricing-item:hover ul.pricing-table {
	margin-bottom: 10px;
}
.pricing-box .pricing-item:hover ul.pricing-table li a {
	margin-bottom: 28px;
}
.statistic-box.style2 .statistic-post {
	width: 50%;
}
.nav-tabs li {
	width: auto;
}
.nav-tabs li a h2,  .nav-tabs li a p {
	display: none;
}
.blog-box.masonry {
	width: 750px;
}
.blog-box.masonry .blog-post {
	width: 345px;
}
.masonry.three-col .project-post,  .masonry.four-col .project-post,  .masonry.five-col .project-post {
	width: 49.98%;
}
.project-block {
	padding-right: 0;
}
.project-sidebar ul.project-photos li {
	margin-right: 10px !important;
}
header.one-page .navbar-nav > li > a {
	padding: 15px 5px;
	font-size: 12px;
	padding-bottom: 22px;
}
}

@media (max-width: 767px) {
.navbar-toggle {
	margin-top: 38px;
}
.nav > li > a,  header.one-page .navbar-nav > li > a {
	padding: 5px 15px;
}
.navbar-nav li ul.drop-down,  .navbar-nav li ul.drop-down li ul.drop-down.level3 {
	background: transparent;
	border: none;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
	position: relative;
	width: auto;
	visibility: visible;
	opacity: 1;
	top: inherit;
	left: inherit;
}
.navbar-nav li ul.drop-down li a,  .navbar-nav li ul.drop-down li ul.drop-down.level3 li a {
	background: none !important;
	color: #3a3d41;
	font-size: 12px;
	text-transform: inherit;
	padding: 4px 20px;
}
.navbar-nav li ul.drop-down li a:hover,  .navbar-nav li ul.drop-down li ul.drop-down.level3 li a:hover {
	color: #193c8f;
}
.form-search {
	position: relative;
	top: inherit;
	right: inherit;
	width: auto;
	margin: 5px 15px;
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
a.open-search {
	display: none !important;
}
.tp-caption.medium_thin_white {
	font-size: 22px;
}
.tp-caption.medium_thin_white .button-large,  .tp-caption.medium_thin_grey .button-large {
	padding: 5px 5px;
	margin: 0 2px;
	font-size: 10px;
}
.client-section .bx-wrapper .bx-controls-direction {
	display: none;
}
.bx-wrapper {
	margin: 0 auto 20px;
}
.pricing-box .pricing-item {
	width: 100%;
}
.team-box .buttons a.owl-prev {
	margin-left: 0;
}
.team-box .buttons a.owl-next {
	margin-right: 0;
}
.team-box .buttons {
	width: 90px;
	height: 40px;
	top: -35px;
	left: 10px;
}
a.go-top {
	bottom: 10px;
	right: 15px;
	width: 45px;
	height: 45px;
}
a.go-top i {
	line-height: 45px;
}
.blog-box.masonry {
	width: 100%;
	margin-left: 0;
}
.blog-box.masonry .blog-post {
	width: 100%;
	margin: 15px 0;
}
.masonry.three-col .project-post,  .masonry.four-col .project-post,  .masonry.five-col .project-post {
	width: 100%;
}
}

@media (max-width: 581px) {
.statistic-box.style2 .statistic-post {
	width: 100%;
}
}
.mrtop {
	margin-top: 40px;
}
.img-wd {
	width: 70%;
	text-align: center;
	margin: 0 auto;
	display: block;
	margin-bottom: 20px;
}
.mega-dropdown-menu .col-sm-4 {
	border-left: 1px solid #dddddc;
}
.mega-dropdown-menu .col-sm-4 a {
    padding: 10px 0;
}
.mega-dropdown-menu .col-sm-3 {
	border-left: 1px solid #dddddc;
}
.mega-dropdown-menu .col-sm-6 {
	border-left: 1px solid #dddddc;
}
.txt-alg {
	text-align: center;
	font-size: 17px!important;
}
.no-pad {
	padding: 0!important
}
.img-wd-new {
	width: 100%;
}
.mrg-tp {
	margin-top: 50px;
}
.mrg-bt {
	margin-bottom: 50px;
}
.pro {
	color: #fff;
	padding: 72px 0;
	text-align: center
}
.pro-line {
	width: 100%
}
.hed-2 {
	text-align: center;
}
.line {
	border-top: 1px solid #E1E1E1;
	padding-top: 50px;
	clear: both
}
.hvr img {
/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
/*      filter: gray; /* IE5+ */
  /*    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    /*  -webkit-transition: all .8s ease-in-out;  */
}
.hvr img:hover {
/*    filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.01);*/
}
.nav-bar {
	font-size: 12px!important;
	color: #193c90!important;
	padding: 20px 0;
}
.nav-bar a {
	color: #484747!important;
}
img {
	width: 100%;
}
.blue-head {
	color: #193c90;
}
a {
	color: #484747;
	text-decoration: none
}
a:hover {
	text-decoration: none;
	color: #193c8f;
}
header {
	background: url(../images/header-line.jpg) repeat-x left top #fff;
}
.product-brdr img {/*border:1px solid #e1e1e1; background:#fff;*/
}
.hvr {
	margin-bottom: 30px;
	border: 1px solid #e2e2e2;
}
.hvr h5 {
	padding: 13px;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	border-top: 1px solid #e2e2e2;
}
.hvr h4 {
	padding: 0 13px 13px;
	margin: 0;
	font-size: 15px;
/*	font-weight: bold;*/
	
}
.hvr a {
	display: block;
}
.hvr a:hover {/*border:1px solid #000;*/
	background: #193c8f;
	color: #fff;
	text-decoration: none;
	color: #FFFFFF
}

.detail {
	background: url(../images/products/detail.png) no-repeat bottom right
}
.lft {
	text-align: left
}
.rgt {
	text-align: right
}
.rgt a {
	color: #dddddd;
}
.rgt a:hover {
	color: #fff;
}
.dr-pd li {
	padding: 5px 10px;
}
.fixed-header {
	position: fixed;
	top: 0;
	z-index: 999;
	background: #fff url(../images/dipson-logo.png) no-repeat 12% 5px;
	opacity: 0.8;  /* make things invisible upon start */
	animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	animation-fill-mode: forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	animation-duration: 1s;
animation-delay: 1.5swidth: 100%;
	left: 0;
	box-shadow: 3px 0px 5px 2px #ccc;
}
.navi {
	width: 100%;
	height: 100px;
	postion: fixed;
	z-index: 10;
}
.navi ul {
	list-style-type: none;
	margin: 0 auto;
	padding-left: 0;
	text-align: center;
	width: 960px;
	max-width: 100%;
}
.navi ul li {
	display: inline-block;
	line-height: 100px;
	margin-left: 30px;
}
.navi ul li a {
	text-decoration: none;
	color: #a9abae;
	padding: 10px;
	color: #000;
	border-radius: 5px;
	border: 1px solid #fff;
}
.navi ul li.active a {
	border: 1px solid #193c8f;
	color: #193c8f;
}
.navi ul li a:hover {
	border: 1px solid #193c8f;
	color: #193c8f;
}
.list-round {
	padding-left: 0;
}
.list-round li {
	list-style: none;
	background: url(../images/arrow.jpg) no-repeat left 12px;
	padding-left: 15px;
	line-height: 30px;
}
.line-1 {
	margin: 15px 0;
	border-top: 1px solid #E1E1E1;
	clear: both;
	padding: 20px 0 0 0;
}
.head-title {
	color: #264796
}
.head-4 {
	font-weight: bold;
	color: #e31c23
}
.mid-clr td {
	background: #e2e2e2;
	border: 1px solid #fff!important;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 648px) {
.navi ul li {
	display: inline-block;
	line-height: 40px;
	margin-left: 10px;
}
.fixed-header {
	background: #fff;
}
.navi {
	height: 100px;
	padding-top: 10px;
}
}
.al-cntr tr td {
	text-align: center;
}

.table-1 {
	margin: 11% auto;
	width: 40%;
	background: #fff; /*box-shadow:#AAAAAA 5px 5px 5px;*/
	border: 5px solid #dd2527;
	padding: 10px;
	display: block
}
.table-1 tr td {
	color: #000;
	text-align: center
}
.bg-red {
	background: #193c8f;
	color: #fff!important;
}
.bg-red h4 {
	font-weight: bold!important;
}
.border-none {
	border: none!important;
}
.joint .col-sm-6 {
	margin-bottom: 30px;
	padding: 10px
}
.joint .hvr {
	border-bottom: 1px solid #E2E2E2;
	border-right: 1px solid #e2e2e2;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.joint .hvr:hover {
	box-shadow: 1px 5px 10px #E2E2E2;
}
.joint .col-sm-3 {
	padding-left: 0;
		padding-right: 0;
}
.joint .col-sm-4 {
	padding-left: 0;
}
.joint .col-sm-9 {
	padding-right: 10px;
}
.pd-tbl {
	border: 5px solid #193c8f;
}
.lst ul li {
	list-style: 50px!important;
}
.title {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	font-size: 23px!important;
	font-weight: 700;
	text-align:left!important;

}
.title::after {
	content: '';
	display: block;
	width: 100px;
	height: 5px!important;
	background: #193c8f;
	margin-top: 12px;
	margin-bottom: 25px;

}

h4.title {font-family: 'Lato', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	font-size: 15px!important;
	font-weight: 700;
	text-align:left!important;}

h4.title::after {
	content: '';
	display: block;
	width: 100px;
	height: 2px!important;
	background: #193c8f;
	margin-top: 8px!important;
	margin-bottom: 25px;

}
.spl-para { font-size:17px; text-align:left;}
.pd-lft {padding-left:80px;}
.why-para {}
.img-wd {width:auto;}
/*.box-1 {padding: 30px; height:350px;}*/
/*.box-2 {padding: 30px; height:255px;}*/
/*.box-1:hover {transform: scale(1.02); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) background:#fff; }*/
.txt-cntrl > head-title.title{text-align:center!important; margin-bottom:50px;}

h4.txt-cntrl {text-align:center!important; font-family: 'Lato', sans-serif;font-size: 20px;text-transform: uppercase;font-size: 15px !important;font-weight: 700;}
.txt-cntrl h4.title::after { text-align:center; margin:0 auto; }
.txt-cntrl p {text-align:center;}

.list-view ul {padding:0px;}
.list-view ul li{padding:10px; font-size:18px; background:#F0F0F0; box-shadow:2px 2px 5px #e2e2e2; list-style:none; margin-bottom:5px;}
.pad {padding:5px 5px 5px 20px; margin-bottom:10px!important; border:none!important; background:url(../images/aboutus/quality/list-icn.png) no-repeat left 13px; margin-left:20px; font-size:17px;}

.brdr-n {border:none;}
.btm-cert {margin:0 auto;}
.btm-cert img {width:auto;margin: 0 auto;text-align: center;display: block;}
.mr-lft{margin-left:4%;}
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
.mr-lft  {margin-left:0;}
.wd-5 {width:auto!important;}
.dwnimg img {display:none;}
}
@media only screen and (min-device-width : 769px) and (max-device-width : 2000px) {
.rightimg {display:none!important;}	
}




.pos-nu {position:absolute; left:0; top:0; padding:5px 10px; background:#E1E1E1}
.pos-img {position:absolute; left: 35%;top: 120px; z-index:1}
.wd-5 {width:20%;}
.nx-bx {padding:15px!important; height:350px;}


.media-center-img .media-innr-center {
    margin-bottom: 30px;
}

.about .core-purpose blockquote::before , .management .management-blk blockquote::before{
   
    left: -16px;
    top: 6px;
}

.aboutus-core-value-list .col-sm-4.lst {
    margin-top: 4em;
}

.product-detail-upvc .product-detail-block img {
    width: 40px; margin-bottom: 16px;
}

.product-detail-upvc .product-upvc-ico ,.product-detail-upvc .product-upvc-ico p {
    text-align: center;
}

.product-detail-upvc .product-upvc-ico {
    min-height: 130px;
}






.ds-bl {display:inline-block;}
.ds-bl-1 img{width:auto; float:right; padding-right:10px;}


.table-with-graph img.img-responsive {
    width: 90px;
}
img.img-wd-new.upvc-img-main-product {
    margin-top: 68px;
}
.solvents-tbl table.table-bordered.table.pd-tbl {
    border: 0;
}

.solvents-tbl table.table-bordered.table.pd-tbl {
 
    box-shadow: #000 2px 5px 15px -6px;
    border: 0;
}

.solvents-tbl .bg-red {
    background: #7b7b7b;
}

.margin0{margin:0px;}

.joints-upvc-pipes .col-sm-6.hvr {
    min-height: 162px;
}


.logo-fixed-sticky{    margin-left: 12.9em;
    position: relative;
    top: -9px;  opacity:0;}
	
	
	
	.back-top {
    position:fixed;
    bottom:2em;
    right:2em;
    text-decoration:none;
    color:white;
    background-color:#28489b;
    opacity:0.8;
    padding:9px 14px;
    display:none;     border-radius: 50%;	 cursor:pointer;
}
.back-top:hover {
    background-color:#da2327;
    opacity:1;
    color:white;
}

.back-top i.fa.fa-angle-up {
    color: #fff;
    font-size: 26px;
}

.back-top a {
    background: transparent;
}
	


.height40{height:40px;}


img.border-banner {
    border: 1px solid #dbdbdb;
   
}

.mega-dropdown-menu { top:110px;padding: 0 !important;}
.mega-dropdown-menu li.col-sm-3 {
    padding-top: 16px;
    padding-bottom: 16px;
}

nav li.dropdown:hover .dropdown-menu {
    display: block;
}

nav li.dropdown:hover .dropdown-menu.mega-dropdown-menu.abmega {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
ul.dropdown-menu.mega-dropdown-menu.abmega li a {
    padding-bottom: 10px;
}
/*ul.dropdown-menu.mega-dropdown-menu.abmega li a img{}*/

.mega-dropdown-menu a.txt-alg.active {
    color: #e31e25;
}


.jotform-form {

    width: 100% !important;

}

.inquiry-form {

    position: fixed;
    right: 0;
    bottom: 0%;

}


.inquiry-form a.btn {

    background: #264796;
    font-size: 17px;
    text-transform: capitalize;
    color: #fff;
border-radius:0px;
}
.inquiry .btn.btn-default {

    background: red;
    color: #fff;
    font-size: 17px;
    font-weight: bold;

}
/*6-4-2021*/
.d-flex{
	display: flex;
}
.justify-content-between{
	justify-content: space-between;
}
.align-items-center{
	align-items: center;
}
.upvc-hed{
	align-items: center;
	/*padding: 10px 0;*/
	padding: 0px 0 10px;
}
.upvc-hed h3{
	font-size: 28px;
	margin-bottom: 0;
	font-weight: bold;
}
.upvc-hed h4{
	font-size: 18px;
	margin-bottom: 0;
	font-weight: bold;
}
.upvc-imgname{
margin-top: 20px; font-weight: bold;
}

.product-upvc-ico.cpvc-img{text-align: center;}
.product-upvc-ico.cpvc-img img{
	width: auto;
}
.product-upvc-ico.cpvc-img p {
    text-align: center;
}

/*17-5-2021*/
.counterdetail {
    border-right: 5px dotted #fff;
    text-align: center;
    height: 250px;
}
.countersection .col-md-3:last-child .counterdetail {
    border: none;
}
.countersection {
    padding: 90px 0;
    background: url(../images/home/counter-bg.jpg);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
/*    height: 400px; 19-1-2023*/
}

.counterdetail.retail-counterdetail {
    border-right: none;
}
.counter-icon {
    color: #fff;
    font-size: 58px;
}

.counter-value {
    color: #fff;
    font-size: 36px;
    margin: 10px 0;
    font-weight: bold;
}

#counter h3 {
    color: #fff;
    font-size: 32px;
    width: 50%;
    margin: 0 auto;
    font-weight: bold;
    line-height: 40px;
}
.agri-table{width: 100%;}


/*25-7-2023*/
.inquiry-form > a > i.fa.fa-envelope {
    padding-right: 10px;
}
/*end 25-7-2023*/


/*brandsection*/
section.brandsection {
	padding: 20px 0 70px;
}
/*end brandsection*/

.joining-details h3 {
    margin: 10px 0 15px;
    /*text-align: center;*/
}

.joining-dsc-sub h3 {
    font-size: 24px;
    font-weight: bold;
    background: #193c90;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
}
.joining-dsc-sub.method-step{
	margin-top: 30px;
}
.joining-dsc-sub ul {
    padding: 0 0 0 20px;
    margin: 0;
}
.joining-dsc-sub ul li {
    font-size: 18px;
    margin-bottom: 8px;
}

/*submersible-details*/
.submersible-details{text-align: center;}
.submersible-details img {
    max-width: 230px;
    margin-bottom: 15px;
}
.submersible-details p {
    text-align: center;
    font-size: 18px;
    width: 80%;
    margin: 0 auto 50px;
}
.border-right{border-right: 1px solid #d9d9d9;}
.border-bottom{border-bottom: 1px solid #d9d9d9;}
tr.text-center.subiling-tr td > span {
    margin-right: 20px;
}
tr.text-center.subiling-tr td img {
    max-width: 80px;
}
/*end submersible-details*/







@media screen and (max-width: 1600px){ 
	.submersible-details p{width: 85%;}	
/*	.cartridge-images img {    max-width: 300px;}*/
}


@media screen and (max-width: 1366px){ 
	.popup{overflow-x: hidden;}
	.table-1.table-2 {width: 70%;}
}


@media screen and (max-width: 1280px){ 
	#counter h3 {    font-size: 26px;    width: 100%; 	}
}

@media screen and (max-width: 1170px){ 
	.cartridge-images{flex-wrap: wrap;}
}


@media screen and (max-width: 1024px){ 
	.countersection{padding: 40px 0;}
	#counter h3{width: 100%;font-size: 22px;}
}

@media screen and (max-width: 991px){ 
	.navbar-inverse .navbar-toggle {	    border-color: #333;	    background-color: #333;	}
	.footer-line .col-sm-6.lft, .footer-line .col-sm-6.rgt {	    width: 100%;	    text-align: left !important;	}
	.navbar-nav {	    margin-top: 60px;	}
	.mega-dropdown-menu {	    top: 187px;	}
	.navbar-nav .mega-dropdown-menu .img-wd {	    width: 100%;	}

}

@media screen and (max-width: 991px){ 
	.table-1 {    width: auto;}
	.hvr h5 {	    min-height: 70px;	}
	.widget.footer-widget.text-widget {    text-align: center;}
	.counterdetail{border:none;}
}

@media screen and (max-width: 900px){ 
	.counterdetail{border: none;}
}


@media screen and (max-width: 768px){ }


@media screen and (max-width: 767px){ 
	.navbar-nav {	    margin-top: 0px;	}
	.navbar-collapse {	    max-height: none;	}
	.navbar-nav .mega-dropdown-menu .img-wd {	    width: auto;	}
	.bg-sticky {    display: none;}
	.hvr h5 {	    min-height: auto;	}
}


.freebirdFormviewerViewHeaderHeaderFooter {display:none!important;}


/*whatsup code*/
.whtsapp-block {
    position: fixed;
    right: 2%;
    bottom: 5%;
    z-index: 550;
}

.whtsapp-lg img.img-fluid {
    width: 50px;
}
.circle {
    border-radius: 50%;
    background-color: #000;
    width: 80%;
    height: 80%;
    position: absolute;
    opacity: 0;
    animation: scaleIn 2s infinite cubic-bezier(.36, .11, .89, .32);
    right: 10%;
    bottom: 11%;
    z-index: -5;
}

@keyframes scaleIn {
  from {
    transform: scale(.5, .5);
    opacity: .5;
  }
  to {
    transform: scale(2.5, 2.5);
    opacity: 0;
  }
}
/*end whatsup code*/

.hvr.ptmt-taps {
    margin-top: 50px;
}


.table-responsive.cp-fitting-tables > table {
    width: 100%;
}

.cp-fitting-details h4 {
		margin-top: 30px;
    margin-bottom: 20px;
    color: #193c90;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
/*    text-transform: uppercase;*/
    font-size: 22px;
    font-weight: 700;
}
.cp-fitting-details > ul{
	margin-bottom: 20px;
}
.cp-fitting-details > ul > li {
    font-size: 17px;
    line-height: 26px;
}
.cartridge-images {
    display: flex;
    justify-content: space-between;
    gap:30px;
    
}
/*.cartridge-images img {
    max-width: 340px;
}*/
.cartridge-images-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
     margin-top: 30px;
     flex-wrap: wrap;
}
.cartridge-images-details img {
    max-width: 340px;
}

.cartridge-images-head h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.cartridge-images-head h5 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
}

img#neo {
    max-width: 55px;
    margin-right: 10px;
}
.year-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    flex-wrap: wrap;
}
.year-details img {
	margin-top: 20px;
    max-width: 270px;
}

.year-details ul li {
    font-size: 17px;
    line-height: 27px;
}

.bankbg{background-color:#28489b; color:White;}